/* styles.css */
@font-face{font-family: Heebo-Regular; src: url("../fonts/heebo/static/Heebo-Regular.ttf");}@font-face{font-family: Heebo-Bold; src: url("../fonts/heebo/static/Heebo-Bold.ttf");}@font-face{font-family: Heebo-Medium; src: url("../fonts/heebo/static/Heebo-Medium.ttf");}@font-face{font-family: Heebo-Semi; src: url("../fonts/heebo/static/Heebo-SemiBold.ttf");}@font-face{font-family: Roboto-Bold; src: url("../fonts/roboto/Roboto-Bold.ttf");}@font-face{font-family: Roboto-Medium; src: url("../fonts/roboto/Roboto-Medium.ttf");}@font-face{font-family: Roboto-Light; src: url("../fonts/roboto/Roboto-Light.ttf");}@font-face{font-family: Roboto-Regular; src: url("../fonts/roboto/Roboto-Regular.ttf");}html,body{position: relative; height: 100%; margin: 0;}body{font-family: "Heebo-Regular", Arial, sans-serif !important; line-height: 1.5; scroll-behavior: smooth; background-color: #fff !important; background-image: none !important;}a{text-decoration: none !important;}a:hover,a:focus{text-decoration: none !important;}*{-webkit-tap-highlight-color: transparent;}*,::before,::after{box-sizing: border-box;}img{color: transparent;}/* inisialisasi font */.txt-search-head,.list-nav-kanal a,.list-nav-side a,.sticky-header .left-sticky-header .search .txt-search,.list-foto-embed .count-foto,.list-foto-embed .title-foto,.list-video-embed .title-video,.list-infografis-embed .title-infografis,.btn-more-explore,.paging .title-paging,.breadcrumb li,.detail-date-artikel,.detail-caption-img,.detail-desc,.dilihat,.warp-logo-hilite,.warp-link-two-col .link-footer a,.warp-link-one-col .link-footer a,.copy,.tipe-kanal,.share-list .desc,.infografis-date,.infografis-desc p,.copy-infografis,.footer-bottom-right .link-footer a,.header-medium,.btn-tags-outline,.bg-galerimu-text p{font-family: "Heebo-Regular", Arial, sans-serif; /*font-family: "Roboto-Regular", Arial, sans-serif;*/}.warp-login,.menu,nav a,.nav-title,.nav-spesial,.sticky-header .nav-kanal a,.detail-title h1,.detail-nama-redaksi,.warp-zoom-text .zoom-text,.topik a,.title-berita-terkait a,.title-detail-artikel-komersial a,.title-detail-berita-lain a,.title-news-mpi a,.title-detail-infografis,.title-terpopuler,.title-footer,.btn-pagination a,.share-list .total,.infografis-title h1,.btn-load-more,.desc-grafhitz,.desc-kanal,.title-kanal h2,.header-large,.date-kanal.redaksi-artikel span,.slide.active h2, .swiper-slide.slide-infografis.swiper-slide-active .slide h2,.title-list-galerimu,.bg-galerimu-text p span,.btn-upload{font-family: "Heebo-Bold", Arial, sans-serif; /*font-family: "Roboto-Bold", Arial, sans-serif;*/}.nav-spesial span,.title-section span,.title-section a,.list-foto-embed .more-foto a,.list-video-embed .more-video a,.list-infografis-embed .more-infografis a,.paging a,.paging .active,.paging .paging-all a,.detail-desc blockquote,.btn-love .count,.btn-comment .count,.title-artikel-hilite,.infografis-nama-redaksi{font-family: "Heebo-Medium", Arial, sans-serif; /*font-family: "Roboto-Medium", Arial, sans-serif;*/}.ic-back a,.title,.text-end,.title-section-suka,.btn-sebelumnya a,.title-artikel-suka,.grid-image-desc p{font-family: "Heebo-Bold", Arial, sans-serif;}.notifikasi,.kanal,.selengkapnya a,.swipe-control-vertical,.btn-share .total-share .st-total{font-family: "Heebo-Medium", Arial, sans-serif;}.desc,.btn-share .total-share .st-label{font-family: "Heebo-Regular", Arial, sans-serif;}.detail-desc blockquote .name-quotes{font-family: "Roboto-Light", Arial, sans-serif;}.no-terpopuler{font-family: "Roboto-Bold", Arial, sans-serif;}.content-row{display: flex; flex-wrap: wrap;}.content-clearfix::after{content: ""; clear: both; display: table;}.content-left{float: left;}.content-right{float: right;}.text-center{text-align: center;}.text-left{text-align: left;}.text-right{text-align: right;}.swiper{width: 100%; height: 100%;}.nasional{border-left: 5px solid #e20a18;}.international{border-left: 5px solid #49b5ee;}.metro{border-left: 5px solid #fa7121;}.daerah{border-left: 5px solid #1ca34a;}.lifestyle{border-left: 5px solid #e73280;}.ekonomi-bisnis{border-left: 5px solid #9dd204;}.sains{border-left: 5px solid #1c3c62;}.sports{border-left: 5px solid #1452af;}.edukasi{border-left: 5px solid #fcc608;}.otomotif{border-left: 5px solid #949494;}.gensindo{border-left: 5px solid #0168ff;}.kalam{border-left: 5px solid #c29800;}.video{border-left: 5px solid #b821bb;}.photo{border-left: 5px solid #2fbfb0;}.infografis{border-left: 5px solid #ff8d5c;}.tekno{border-left: 5px solid #a5cad6;}.autotekno{border-left: 5px solid #a5cad6;}.worldwide{border-left: 5px solid #49b5ee;}.nav-nasional{border-bottom: 3px solid #e20a18;}.nav-international{border-bottom: 3px solid #49b5ee;}.nav-metro{border-bottom: 3px solid #fa7121;}.nav-daerah{border-bottom: 3px solid #1ca34a;}.nav-lifestyle{border-bottom: 3px solid #e73280;}.nav-ekonomi-bisnis{border-bottom: 3px solid #9dd204;}.nav-sains{border-bottom: 3px solid #1c3c62;}.nav-sports{border-bottom: 3px solid #1452af;}.nav-edukasi{border-bottom: 3px solid #fcc608;}.nav-otomotif{border-bottom: 3px solid #949494;}.nav-gensindo{border-bottom: 3px solid #0168ff;}.nav-kalam{border-bottom: 3px solid #c29800;}.nav-video{border-bottom: 3px solid #b821bb;}.nav-photo{border-bottom: 3px solid #2fbfb0;}.nav-infografis{border-bottom: 3px solid #ff8d5c;}.nav-tekno{border-bottom: 3px solid #a5cad6;}.nav-autotekno{border-bottom: 3px solid #a5cad6;}.nav-worldwide{border-bottom: 3px solid #49b5ee;}.bred-nasional .active{color: #e20a18;}.bred-nasional a:hover{color: #e20a18;}.bred-international .active{color: #49b5ee;}.bred-international a:hover{color: #49b5ee;}.bred-metro .active{color: #fa7121;}.bred-metro a:hover{color: #fa7121;}.bred-daerah .active{color: #1ca34a;}.bred-daerah a:hover{color: #1ca34a;}.bred-lifestyle .active{color: #e73280;}.bred-lifestyle a:hover{color: #e73280;}.bred-ekonomi-bisnis .active{color: #9dd204;}.bred-ekonomi-bisnis a:hover{color: #9dd204;}.bred-sains .active{color: #1c3c62;}.bred-sains a:hover{color: #1c3c62;}.bred-sports .active{color: #1452af;}.bred-sports a:hover{color: #1452af;}.bred-edukasi .active{color: #fcc608;}.bred-edukasi a:hover{color: #fcc608;}.bred-otomotif .active{color: #949494;}.bred-otomotif a:hover{color: #949494;}.bred-gensindo .active{color: #0168ff;}.bred-gensindo a:hover{color: #0168ff;}.bred-kalam .active{color: #c29800;}.bred-kalam a:hover{color: #c29800;}.bred-video .active{color: #b821bb;}.bred-video a:hover{color: #b821bb;}.bred-photo .active{color: #2fbfb0!important;}.bred-photo a:hover{color: #2fbfb0!important;}.bred-infografis .active{color: #ff8d5c!important;}.bred-infografis a:hover{color: #ff8d5c!important;}.bred-tekno .active{color: #a5cad6;}.bred-tekno a:hover{color: #a5cad6;}.bred-autotekno .active{color: #a5cad6;}.bred-autotekno a:hover{color: #a5cad6;}.bred-worldwide .active{color: #49b5ee;}.bred-worldwide a:hover{color: #49b5ee;}.mt8{margin-top: 8px;}.mt16{margin-top: 16px;}.mt24{margin-top: 24px;}.mt32{margin-top: 32px;}.mb8{margin-bottom: 8px;}.mb16{margin-bottom: 16px;}.mb24{margin-bottom: 24px;}.mb32{margin-bottom: 32px;}.mt-mb-16{margin: 16px 0px;}.mt-mb-32{margin: 32px 0px;}.pt-pb-32{padding: 32px 0px;}.pt16{padding-top: 16px;}.pb16{padding-bottom: 16px;}.embed-video,.embed-social{margin: 16px auto; text-align: center;}.head{position: relative; z-index: 99; background-color: #ffffff;}.header{display: flex; flex-wrap: wrap; background-color: #fff; padding: 32px 0px 27px; transition: ease all 0.5s;}.logo{width: 324px; height: 68px; float: left; padding: 7px 0px; transition: ease all 0.5s;}.logo img{width: 324px; height: auto; transition: ease all 0.5s;}.search{margin-left: 60px; padding: 14px 0px;}.warp-search-text{position: relative; width: 330px; height: 40px;}.txt-search-head{font-size: 14px; color: #979797; border: 1px solid #cecece; padding: 12px 50px 12px 16px; border-radius: 52px; background-color: #fff; width: 100%; height: 100%;}.txt-search-head:focus{color: #000;}.btn-search-head{height: 35px; width: 45px; border: none; font-size: 14px; position: absolute; right: 3px; top: 3px; background-color: #fff; color: #004b8f; border-radius: 50px; cursor: pointer;}.warp-login{font-size: 16px; padding: 15px 0px; display: flex; flex-wrap: wrap; margin-left: 44px; width: 186px;}.warp-login .btn-masuk{padding: 6px 0px;}.warp-login .btn-masuk a{color: rgba(43, 43, 43, 0.9); padding: 20px; transition: ease all 0.4s;}.warp-login .btn-masuk a:hover{background: #e5e5e5; padding: 10px 20px; border-radius: 100px;}.warp-login .btn-daftar{padding: 6px 0px;}.warp-login .btn-daftar a{color: #084d8d; padding: 20px; transition: ease all 0.4s;}.warp-login .btn-daftar a:hover{background: #e5e5e5; padding: 10px 20px; border-radius: 100px;}.warp-login .btn-daftar:after{content: "|"; color: #d9d9d9; margin-right: 5px;}.menu{padding: 19px 0px; font-size: 16px; width: 112px; text-align: right; cursor: pointer; color: rgba(43, 43, 43, 0.9);}.menu #CloseNav{display: none;}.menu #CloseNavFloat{display: none;}.menu i.open-nav{color: #fff; font-size: 16px; background-color: #084d8d; border-radius: 50px; padding: 6px 7px; margin-left: 8px;}.menu i.close-nav{color: #9d9d9d !important; font-size: 20px; background-color: #fff !important; border-radius: 50px; padding: 4px 7px !important; margin-left: 8px;}nav{position: relative; z-index: 95; padding: 15px 0px 0px; background-color: #f9f9f9; box-shadow: 0 3px 20px 0 rgb(0 0 0 / 25%); transition: ease all 0.4s;}nav .swiper-slide{width: auto !important; padding-bottom: 15px;}nav a{font-size: 16px; color: rgba(43, 43, 43, 0.9); padding-bottom: 12px;}nav a:hover{color: #093a67;}.nav-slide-scroll{-webkit-box-shadow: -1px 7px 7px -5px #bfbfbf; -moz-box-shadow: -1px 7px 7px -5px #bfbfbf; box-shadow: -1px 7px 7px -5px #bfbfbf;}.side-nav{position: fixed; right: -600px; top: 0px; visibility: hidden; z-index: 98; width: 355px; height: 100%; background-color: #fff; padding-top: 126px; padding-bottom: 170px; overflow-x: scroll; transition: ease all 0.7s; scrollbar-width: thin; scrollbar-color: #093a67 #eee;}.nav-title{font-size: 20px; color: rgba(43, 43, 43, 0.9); margin: 16px 0px 6px; padding: 0px 20px;}.nav-sec-kanal{margin-top: 20px;}.warp-nav-kanal{display: flex; flex-wrap: wrap;}.list-nav-kanal{width: 50%;}.list-nav-kanal img{width: 16px; height: 16px; margin-right: 8px; vertical-align: middle;}.list-nav-kanal a{font-size: 14px; color: rgba(43, 43, 43, 0.9); padding: 10px 20px; display: block;}.list-nav-kanal a:hover{background-color: #f9f9f9;}.warp-spesial-nav{position: relative; height: 50px; margin-top: 10px;}.warp-spesial-nav img{position: absolute; left: -10px; width: 360px;}.warp-spesial-nav:hover span.hi-lite{color: #38e8be;}.warp-spesial-nav:hover span.scope{color: #13cae6;}.warp-spesial-nav:hover i.hi-lite{background-color: #38e8be; border: 3px solid #38e8be; color: #093a67;}.warp-spesial-nav:hover i.scope{background-color: #13cae6; border: 3px solid #13cae6; color: #093a67;}.nav-scope{margin-top: 16px; margin-bottom: 20px;}.nav-spesial{font-size: 20px; color: #fff; position: absolute; top: 9px; width: 100%; padding: 0px 20px;}.nav-spesial i{margin-right: 16px; border-radius: 50px; font-size: 14px; height: 25px; width: 25px; padding: 3px 0px; position: relative; top: -2px;}.nav-spesial i.hi-lite{border: 3px solid #38e8be; color: #38e8be; transition: ease all 0.4s;}.nav-spesial i.scope{border: 3px solid #13cae6; color: #13cae6; transition: ease all 0.4s;}.nav-spesial span{float: right; font-size: 12px; color: #fff; padding: 9px 10px; transition: ease all 0.4s; position: relative; top: -3px;}.warp-nav-side{display: flex; flex-wrap: wrap;}.list-nav-side{width: 50%;}.list-nav-side img{width: 16px; height: 16px; margin-right: 8px;}.list-nav-side a{font-size: 14px; color: rgba(43, 43, 43, 0.9); display: block; padding: 10px 20px;}.list-nav-side a:hover{background-color: #f9f9f9;}.warp-sticky-header{position: relative;}.sticky-header{position: fixed; z-index: 99; top: -300px; left: 0; width: 100%; background-color: #fff; display: flex; flex-wrap: wrap; box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.25); transition: ease all 0.4s;}.sticky-header .logo-sticky{width: 40px; padding: 5px 0px 0px;}.sticky-header .logo-sticky img{width: 40px; height: 37px;}.sticky-header .logo-sticky a{display: block;}.sticky-header .control-nav{width: 40px; padding: 9px 0px; position: relative !important;}.sticky-header .control-nav:hover{color: rgba(121, 122, 122, 0.9);}.sticky-header .control-nav .swiper-button-next::after,.sticky-header .control-nav .swiper-button-prev::after{font-size: 16px;}.sticky-header .control-nav .swiper-button-next,.sticky-header .control-nav .swiper-button-prev{color: rgba(43, 43, 43, 0.9) !important;}.sticky-header .control-nav-left{text-align: right; padding-right: 5px;}.sticky-header .control-nav-right{text-align: left; padding-left: 5px;}.sticky-header .nav-kanal{width: calc(100% - 40px - 150px - 80px); padding: 14px 10px 0px 10px; background-color: #fff;}.sticky-header .nav-kanal .swiper-slide{width: auto !important; padding-bottom: 11px;}.sticky-header .nav-kanal a{font-size: 16px; color: rgba(43, 43, 43, 0.9); padding-bottom: 8px;}.sticky-header .nav-kanal a:hover{color: #093a67;}.sticky-header .left-sticky-header{width: 150px; display: flex; flex-wrap: wrap;}.sticky-header .left-sticky-header .search{padding: 12px 0px; width: 50px; margin-left: 0px; text-align: right; position: relative; z-index: 70;}.sticky-header .left-sticky-header .search form:hover .txt-search{visibility: visible; width: 250px; transition: width 0.2s ease-in-out;}.sticky-header .left-sticky-header .search .btn-search-floating{font-size: 20px; color: #093a67; position: absolute; right: 3px; z-index: 21; background: #fff; padding: 3px 7px 3px 7px; top: 10px; border-radius: 0px 50px 50px 0px; cursor: pointer; border: none;}.sticky-header .left-sticky-header .search .txt-search{width: 0px; visibility: hidden; font-size: 16px; background-color: #fff; color: rgba(43, 43, 43, 0.9); border-radius: 50px; border: 1px solid #cecece; padding: 7px 39px 7px 12px; position: absolute; right: 0; top: 8px; z-index: 20px;}.sticky-header .left-sticky-header .search .txt-search:focus{visibility: visible; width: 250px; transition: width 0.2s ease-in-out;}.sticky-header .left-sticky-header .menu{width: calc(100% - 50px); padding: 9px 0px;}.container{width: 1056px; max-width: 1056px; padding: 0px !important; margin: auto;}.img-artikel.loading{width: 100%; height: 130px; border-radius: 4px; margin-bottom: 18px;}.title-artikel.loading{height: 1rem; width: 100%; border-radius: 3px; margin-top: 8px;}.title-artikel-80.loading{height: 1rem; width: 80%; border-radius: 3px; margin-top: 4px;}.loading{display: inline-block; position: relative; overflow: hidden; background-color: #cfcfcf !important;}.loading.black{background-color: #000 !important;}.loading::after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translateX(-100%); background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.2)), to(transparent)); background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); animation: loading 2s infinite; content: "";}@keyframes loading{100%{transform: translateX(100%);}}#after-loading{display: none;}.stop-scrolling{height: 100%; overflow: hidden;}.title-section{position: relative; padding: 16px 0px; margin-bottom: 8px;}.title-section span{position: relative; font-size: 24px; color: #282828; z-index: 2;}.title-section:before{position: absolute; left: 0px; bottom: 0px;}.title-section a{font-size: 16px; padding: 4px 8px; color: #084d8d; border-radius: 10px; border: 1.5px solid #084d8d; float: right; transition: ease all 0.4s;}.title-section a:hover{background-color: #084d8d; color: #fff;}.title-section-daerah:before{content: url("../images/ornamen/title_section/daerah.png");}.title-section-edukasi:before{content: url("../images/ornamen/title_section/edukasi.png");}.title-section-ekonomi-bisnis:before{content: url("../images/ornamen/title_section/ekbis.png");}.title-section-photo:before{content: url("../images/ornamen/title_section/foto.png");}.title-section-gensindo:before{content: url("../images/ornamen/title_section/gensindo.png");}.title-section-infografis:before{content: url("../images/ornamen/title_section/infografis.png");}.title-section-international:before{content: url("../images/ornamen/title_section/internasional.png");}.title-section-kalam:before{content: url("../images/ornamen/title_section/kalam.png");}.title-section-lifestyle:before{content: url("../images/ornamen/title_section/lifestyle.png");}.title-section-metro:before{content: url("../images/ornamen/title_section/metro.png");}.title-section-nasional:before{content: url("../images/ornamen/title_section/nasional.png");}.title-section-otomotif:before{content: url("../images/ornamen/title_section/otomotif.png");}.title-section-sains:before{content: url("../images/ornamen/title_section/sains.png");}.title-section-sports:before{content: url("../images/ornamen/title_section/sports.png");}.title-section-tekno:before{content: url("../images/ornamen/title_section/tekno.png");}.title-section-autotekno:before{content: url("../images/ornamen/title_section/tekno.png");}.title-section-video:before{content: url("../images/ornamen/title_section/video.png");}.title-section-worldwide:before{content: url("../images/ornamen/title_section/internasional.png");}.hr-section{margin: 32px 0px; border-top: 1px dotted #282828;}.widget-mpi{margin-bottom: 32px;}.btn-2top{display: none; position: fixed; bottom: 30px; right: 15px; z-index: 88; border: none; outline: none; background-color: rgba(0, 0, 0, 0.5); color: #fff; cursor: pointer; padding: 6px 14px 11px; border-radius: 100px; font-size: 27px; transition: ease all 0.7s;}.btn-2top:focus{outline: none;}.notifikasi{position: absolute; top: -100px; left: 0px; right: 0px; margin: auto; z-index: 99; width: max-content; font-size: 18px; color: #fff; background: #165794; background: linear-gradient(180deg, #165794 0%, #093a67 100%); padding: 8px 32px; border-radius: 50px; cursor: pointer; -webkit-box-shadow: -4px 8px 14px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow: -4px 8px 14px -9px rgba(0, 0, 0, 0.75); box-shadow: -4px 8px 14px -9px rgba(0, 0, 0, 0.75); visibility: hidden; transition: ease all 0.4s;}.notifikasi i{margin-right: 8px;}.foto-embed{margin: 15px 0px;}.foto-embed .swiper-button-next::after,.foto-embed .swiper-button-prev::after{font-size: 18px; background-color: #fff; padding: 9px 13px; display: flex; align-items: center; justify-content: center; border-radius: 100px; font-weight: bold; color: #000;}.foto-embed .swiper{border-radius: 8px;}.list-foto-embed{width: 100%;}.list-foto-embed img{display: block; width: 100%; height: auto; object-fit: cover; object-position: top; border-radius: 8px 8px 0px 0px !important;}.list-foto-embed .warp-title-foto-embed{display: flex; flex-wrap: wrap; background-color: #282828; border-radius: 0px 0px 8px 8px; padding: 9px 20px;}.list-foto-embed .count-foto{width: 5%; font-size: 12px; color: #dadada; padding: 3px 0px;}.list-foto-embed .title-foto{width: 80%; font-size: 12px; color: #dadada; padding: 3px 0px;}.list-foto-embed .more-foto{width: 15%; text-align: right;}.list-foto-embed .more-foto a{font-size: 12px; transition: ease all 0.4s; color: #fff; display: flex; height: 100%; align-items: center; justify-content: end;}.list-foto-embed .more-foto a:hover{color: #fff;}.list-foto-embed .more-foto a:hover i{color: #282828; background-color: #fff;}.list-foto-embed .more-foto i{margin-right: 5px; border: 2px solid #fff; border-radius: 50px; font-size: 12px; height: 25px; width: 25px; display: flex; align-items: center; justify-content: center; transition: ease all 0.4s;}.video-embed{margin: 15px 0px;}.list-video-embed{width: 100%;}.list-video-embed img{display: block; width: 100%; height: 448px; object-fit: cover; object-position: top; border-radius: 8px 8px 0px 0px !important;}.list-video-embed .warp-title-video-embed{display: flex; flex-wrap: wrap; background-color: #282828; border-radius: 0px 0px 8px 8px; padding: 9px 20px;}.list-video-embed .title-video{width: 80%; font-size: 12px; color: #dadada; padding: 3px 0px;}.list-video-embed .more-video{width: 20%; text-align: right;}.list-video-embed .more-video a{font-size: 12px; color: #fff; display: flex; height: 100%; align-items: center; justify-content: end;}.list-video-embed .more-video a:hover{color: #fff;}.list-video-embed .more-video a:hover i{color: #282828; background-color: #fff;}.list-video-embed .more-video i{margin-right: 5px; border: 2px solid #fff; border-radius: 50px; font-size: 12px; height: 25px; width: 25px; display: flex; align-items: center; justify-content: center; transition: ease all 0.4s;}.infografis-embed{margin: 15px 0px;}.list-infografis-embed{width: 100%;}.list-infografis-embed img{display: block; width: 100%; height: auto; object-fit: cover; object-position: top; border-radius: 8px 8px 0px 0px !important;}.list-infografis-embed .warp-title-infografis-embed{display: flex; flex-wrap: wrap; background-color: #282828; border-radius: 0px 0px 8px 8px; padding: 9px 20px;}.list-infografis-embed .title-infografis{width: 75%; font-size: 12px; color: #dadada; padding: 3px 0px;}.list-infografis-embed .more-infografis{width: 25%; text-align: right;}.list-infografis-embed .more-infografis a{font-size: 12px; color: #fff; display: flex; height: 100%; align-items: center; justify-content: end;}.list-infografis-embed .more-infografis a:hover{color: #fff;}.list-infografis-embed .more-infografis a:hover i{color: #282828; background-color: #fff;}.list-infografis-embed .more-infografis i{margin-right: 5px; border: 2px solid #fff; border-radius: 50px; font-size: 12px; height: 25px; width: 25px; display: flex; align-items: center; justify-content: center; transition: ease all 0.4s;}.warp-widget-hi-lite-no-scroll{background: url("../images/bg-hilite.png"); background-size: 100% 100%; background-repeat: no-repeat; position: relative; width: 154px; height: 196px; border-radius: 0px 8px 8px 0px; padding: 60px 22px; color: #fff;}.warp-widget-hi-lite-no-scroll:hover span{visibility: visible; opacity: 1;}.warp-artikel-hilite-no-scroll{width: calc(100% - 154px); border-radius: 6px; position: relative; padding-left: 10px; display: flex; flex-wrap: wrap;}.list-artikel-hilite-no-scroll{width: 20%; padding: 0px 10px;}.list-artikel-hilite-no-scroll:hover .title-artikel-hilite{color: #093a67;}.list-artikel-hilite-no-scroll .img-artikel-hilite{position: relative;}.list-artikel-hilite-no-scroll .img-artikel-hilite img{width: 100%; height: 110px; object-fit: cover; object-position: top; border-radius: 6px;}.list-artikel-hilite-no-scroll .icon-img{position: absolute; bottom: 5px; right: 5px;}.list-artikel-hilite-no-scroll .icon-img img{width: 20px; height: 20px;}.widget-hi-lite{width: 100%; display: flex; flex-wrap: wrap;}.warp-widget-hi-lite{background: url("../images/bg-hilite.png"); background-size: 100% 100%; background-repeat: no-repeat; position: relative; width: 154px; height: 196px; border-radius: 0px 8px 8px 0px; padding: 60px 26px; color: #fff;}.warp-widget-hi-lite:hover span{visibility: visible; opacity: 1;}.logo-hi-lite-explore img{width: 106px; height: auto; display: block; margin: auto;}.btn-more-explore{margin-top: 35px; font-size: 10px;}.btn-more-explore a{color: #fff;}.btn-more-explore span{visibility: hidden; opacity: 0; transition: ease all 0.4s;}.btn-more-explore i{font-size: 10px; border-radius: 100px; border: 2.5px solid #fff; padding: 3.5px 0px; margin-right: 5px; width: 22px; height: 22px;}.warp-artikel-hilite{width: calc(100% - 154px); padding-left: 25px; border-radius: 6px; position: relative;}.warp-artikel-hilite .swiper-slide{width: 194px !important;}.warp-artikel-hilite .swiper-button-next,.warp-artikel-hilite .swiper-button-prev{visibility: hidden; opacity: 0; transition: ease all 0.4s; outline: none; z-index: 50 !important;}.warp-artikel-hilite:hover .swiper-button-next{visibility: visible; opacity: 1; transition: ease all 0.4s;}.warp-artikel-hilite:hover .swiper-button-prev{visibility: visible; opacity: 1; transition: ease all 0.4s;}.warp-artikel-hilite .swiper-button-next::after,.warp-artikel-hilite .swiper-button-prev::after{font-size: 13px; background-color: #fff; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25); padding: 9px 12px; border-radius: 100px; font-weight: bold; color: #000;}.warp-artikel-hilite .swiper-button-next,.warp-artikel-hilite .swiper-rtl .swiper-button-prev{right: 11px; left: auto;}.list-artikel-hilite{display: inline-block; width: 194px;}.list-artikel-hilite:hover .title-artikel-hilite{color: #093a67;}.list-artikel-hilite .img-artikel-hilite{position: relative;}.list-artikel-hilite .img-artikel-hilite img{width: 100%; height: 110px; object-fit: cover; border-radius: 6px;}.list-artikel-hilite .icon-img{position: absolute; bottom: 5px; right: 5px;}.list-artikel-hilite .icon-img img{width: 20px; height: 20px;}.title-artikel-hilite{font-size: 16px; color: #282828; height: 75px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal;}.paging{background-color: #f9f9f9; padding: 10px 15px; margin: 15px -15px; display: flex; flex-wrap: wrap;}.paging ul{list-style-type: none; padding: 0; margin: 0; width: calc(100% - 100px);}.paging li{display: inline-block; margin-right: 6px;}.paging li:last-child{margin-right: 0px;}.paging a{font-size: 16px; color: #084d8d; padding: 1px 6px; border-radius: 50px; background-color: #fff; border: 1.5px solid #084d8d; transition: ease all 0.4s;}.paging a:hover{background-color: #084d8d; color: #fff;}.paging .active{font-size: 16px; color: #fff; padding: 1px 6px; border-radius: 50px; background-color: #084d8d; border: 1.5px solid #084d8d;}.paging .paging-all{width: 100px; text-align: right;}.paging .paging-all a{font-size: 16px; color: #084d8d; padding: 4px 8px; border-radius: 6px; transition: ease all 0.4s;}.paging .paging-all a:hover{color: #fff;}.paging .title-paging{width: 100%; margin-bottom: 6px; font-size: 16px; color: rgba(43, 43, 43, 0.9);}.nav-home{position: fixed; top: 0px; left: 0px; z-index: 99; height: 56px; background-color: #093a67; padding: 8px 36px; width: 100%;}.ic-back{position: absolute; left: 24px; top: 0; margin: 16px 0px;}.ic-back a{color: #fff; font-size: 16px;}.ic-back i{font-size: 16px; margin-right: 6px;}.logo-hilite img{width: 110px; height: 40px; display: block; margin: auto;}.list-artikel{width: 100%; height: 100%; display: flex; flex-wrap: wrap; padding-top: 56px;}.list-artikel .swiper-button-next,.list-artikel .swiper-button-prev{padding: 0px 50px; outline: none; z-index: 50 !important;}.list-artikel .swiper-button-next::after,.list-artikel .swiper-button-prev::after{font-size: 17px !important; font-weight: bold; background-color: #fff; padding: 10px 13px 9px 14px; border-radius: 50px; color: #000;}.list-artikel .swiper-pagination-bullet{background: var(--swiper-pagination-bullet-inactive-color, #fff) !important;}.list-artikel .swiper-pagination-bullet-active{background: var(--swiper-pagination-bullet-inactive-color, #093a67) !important;}.img-artikel{position: relative; width: 65%; height: 100%; display: flex; background-color: #000;}.img-artikel img{width: 100%; height: auto; margin: auto; object-fit: cover; object-position: top;}.box-video{position: relative; width: 65%; height: 100%; background-color: #000;}.img-video{height: auto !important; width: 100%; margin: auto; position: relative; top: 50%; transform: translateY(-50%);}.warp-video{position: relative; padding-bottom: 56.25%; height: 0;}.warp-video iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}.img-infografis{width: 65%; height: 100%; display: flex; background-color: #000;}.img-infografis img{width: auto; height: 100%; margin: auto; display: block;}.img-foto{position: relative; width: 100%; height: 100%;}.slide-foto{width: auto; height: 100%; background-color: #000;}.slide-foto img{width: 100%; height: 100% !important; margin: auto; display: block; object-fit: contain;}.warp-desc-artikel{position: relative; width: 35%; background-color: #fff; padding: 0px 35px; display: flex;}.box-desc-artikel{width: 100%; height: auto; margin: auto;}.kanal{font-size: 16px; padding-left: 10px; color: #4d4d4d;}.title{font-size: 22px; color: #282828; margin-top: 11px;}.desc{font-size: 16px; color: rgba(43, 43, 43, 0.9); margin-top: 10px;}.warp-social-share{display: flex; flex-wrap: wrap; margin-top: 25px; justify-content: center;}.warp-social-share .st-custom-button{display: inline-block; margin-right: 16px; cursor: pointer; padding-top: 5px; transition: ease all 0.2s;}.warp-social-share .st-custom-button:last-child{margin-right: 0px;}.warp-social-share .st-custom-button:hover{padding-top: 1px;}.warp-social-share img{width: 32px; height: 32px;}.selengkapnya{width: 100%; text-align: center; margin-top: 25px;}.selengkapnya a{color: #093a67; font-size: 14px; padding: 10px 0px; display: block; border: 2px solid #093a67; border-radius: 10px; background-position: center; background-color: #ffffff; transition: background 0.5s;}.selengkapnya a:focus{color: #093a67;}.selengkapnya a:hover{color: #fff; background: #093a67 radial-gradient(circle, transparent 1%, #fff 1%) center/15000%;}.selengkapnya a:active{color: #fff; background-color: #6eb9f7; background-size: 100%; transition: background 0s;}.swipe-control-vertical{position: absolute; bottom: 0px; left: 0px; right: 0px; margin: 0px auto; text-align: center; font-size: 14px; color: #9e9c9c; cursor: pointer; padding: 10px 0px;}.swipe-control-vertical:active{color: #717171;}.swipe-control-vertical i{width: 16px !important; height: 16px !important; margin-left: 4px;}.ads-artikel{width: 100%; height: 100%; background-color: #000000; padding-top: 56px; position: relative;}.img-ads{display: flex; height: 100%; width: 100%;}.img-ads img{margin: auto;}.icon-artikel{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.icon-artikel img{width: 80px; height: 80px; margin: auto; display: block;}.icon-artikel-video{cursor: pointer;}.warp-end-slide{padding: 0px 15px; padding-top: 55px; width: 100%; height: 100%; display: flex;}.mid-end-slide{width: 100%; margin: auto;}.img-end{margin-top: 16px;}.img-end img{width: 50px; height: auto; margin: auto; display: block;}.text-end{font-size: 18px; color: #093a67; margin-top: 16px; text-align: center;}.section-artkel-suka{width: 732px; margin: auto; margin-top: 16px;}.title-section-suka{font-size: 16px; color: rgba(43, 43, 43, 0.9);}.warp-list-artikel-suka{display: flex; flex-wrap: wrap; margin: auto -12px;}.list-artikel-suka{width: 228px; margin: 0px 12px; margin-top: 10px;}.list-artikel-suka:hover img{transform: scale(1.2);}.list-artikel-suka:hover .title-artikel-suka{color: #093a67;}.img-artikel-suka{width: 228px; height: 15vh; border-radius: 8px; overflow: hidden;}.img-artikel-suka img{width: 228px; height: 15vh; border-radius: 8px; object-fit: cover; transition: transform 0.3s;}.title-artikel-suka{font-size: 16px; color: rgba(43, 43, 43, 0.9); margin-top: 12px;}.btn-sebelumnya{margin: 35px 0px 20px; text-align: center;}.btn-sebelumnya a{font-size: 12px; color: #093a67; background-color: #fff; border: 2px solid #093a67; padding: 7px 20px; border-radius: 10px; transition: background 0.8s;}.btn-sebelumnya a:hover{color: #fff; background-color: #093a67;}.left-section{width: 732px;}.right-section{width: 300px; margin-left: 24px; position: relative;}.right-bottom{position: absolute; bottom: 0; left: 0;}.floatSecRight{position: sticky; top: 60px; left: 0px;}.floatSecRight-End{position: absolute; bottom: 2290px; left: 0;}.breadcrumb{margin-top: 32px;}.breadcrumb ul{list-style-type: none; margin: 0px; padding: 0px;}.breadcrumb li{display: inline-block; font-size: 12px; color: rgba(43, 43, 43, 0.9);}.breadcrumb li:after{content: "/";}.breadcrumb li:last-child:after{content: " ";}.breadcrumb .active{color: #a5cad6;}.breadcrumb .biru-sindo.active{color: #004a8e;}.breadcrumb a{color: rgba(43, 43, 43, 0.9); transition: ease all 0.4s;}.detail-title h1{font-size: 32px; color: rgba(43, 43, 43, 0.9); margin-top: 12px;}.warp-nama-redaksi{display: flex; flex-wrap: wrap; margin-top: 12px;}.detail-avatar{margin-right: 12px;}.detail-avatar img{width: 37px; height: 37px; border-radius: 50px; object-fit: cover; object-position: top;}.detail-nama-redaksi{padding: 7px 0px; font-size: 16px; color: #004b8f; margin-right: 20px;}.detail-date-artikel{padding: 7px 0px; font-size: 15px; color: #989898;}.detail-date-artikel:before{content: "\2022"; color: #989898; margin-right: 12px;}.detail-img{margin-top: 20px;}.detail-img img{width: 732px; height: auto; border-radius: 10px; object-fit: cover; object-position: top;}.detail-caption-img{padding: 12px 0px; font-size: 12px; color: #717171; border-bottom: 1px solid #eeeeee;}.warp-zoom-text{margin-top: 12px; text-align: right;}.warp-zoom-text .zoom-text{color: #989898; padding: 0px 0px 4px; margin-left: 20px; cursor: pointer;}.warp-zoom-text .zoom-text:hover{color: rgba(40, 40, 40, 0.9); border-bottom: 2px solid rgba(40, 40, 40, 0.9);}.warp-zoom-text .t-bg{font-size: 24px;}.warp-zoom-text .t-md{font-size: 18px;}.warp-zoom-text .t-sm{font-size: 14px;}.warp-zoom-text .active{color: rgba(40, 40, 40, 0.9); border-bottom: 2px solid rgba(40, 40, 40, 0.9);}.detail-desc{font-size: 16px; color: #282828; margin-top: 12px;}.detail-desc img{width: 100%; border-radius: 8px;}.detail-desc a{color: #093a67; transition: ease all 0.4s;}.detail-desc a:hover{color: #085398;}.detail-desc blockquote{font-style: italic; font-size: 18px; color: #282828; text-align: center;}.detail-desc blockquote .name-quotes{margin-top: 16px; font-size: 14px; color: #282828;}.detail-desc blockquote img{width: 52px; height: 52px; margin: auto; display: block; margin-bottom: 16px;}.topik{margin-top: 32px;}.topik ul{list-style-type: none; margin: 0px; padding: 0px;}.topik li{display: inline-block; margin: 0px 8px 15px 0px;}.topik li:last-child{margin: 0px;}.topik a{padding: 4px 8px; border: 1px solid #686a70; background-color: #fff; border-radius: 8px; font-size: 14px; color: #686a70; transition: ease all 0.4s;}.topik a:hover{color: #fff; background-color: #093a67;}.warp-list-berita-terkait{display: flex; flex-wrap: wrap; margin: 0px -10px;}.list-berita-terkait{width: 230px; margin: 0px 10px 20px;}.list-berita-terkait:hover img{transform: scale(1.2);}.list-berita-terkait:hover a{color: #093a67;}.img-berita-terkait{width: 230px; height: 130px; overflow: hidden; border-radius: 4px;}.img-berita-terkait img{width: 230px; height: 130px; object-fit: cover; object-position: top; border-radius: 4px; transition: transform 0.3s;}.title-berita-terkait{margin-top: 8px;}.title-berita-terkait a{font-size: 14px; color: #515150;}.warp-list-detail-artikel-komersial{display: flex; flex-wrap: wrap; margin: 0px -10px;}.list-detail-artikel-komersial{width: 230px; margin: 0px 10px 20px;}.list-detail-artikel-komersial:hover img{transform: scale(1.2);}.list-detail-artikel-komersial:hover a{color: #093a67;}.img-detail-artikel-komersial{width: 230px; height: 130px; overflow: hidden; border-radius: 4px;}.img-detail-artikel-komersial img{width: 230px; height: 130px; object-fit: cover; object-position: top; border-radius: 4px; transition: transform 0.3s;}.title-detail-artikel-komersial{margin-top: 8px;}.title-detail-artikel-komersial a{font-size: 14px; color: #515150;}.warp-list-detail-berita-lain{display: flex; flex-wrap: wrap; margin: 0px -10px;}.list-detail-berita-lain{width: 230px; margin: 0px 10px 20px;}.list-detail-berita-lain:hover img{transform: scale(1.2);}.list-detail-berita-lain:hover a{color: #093a67;}.img-detail-berita-lain{width: 230px; height: 130px; overflow: hidden; border-radius: 4px;}.img-detail-berita-lain img{width: 230px; height: 130px; object-fit: cover; object-position: top; border-radius: 4px; transition: transform 0.3s;}.title-detail-berita-lain{margin-top: 8px;}.title-detail-berita-lain a{font-size: 14px; color: #515150;}.dilihat{margin-top: 12px; font-size: 12px; color: #989898;}.komentar{width: 100%;}.warp-list-news-mpi{display: flex; flex-wrap: wrap; position: relative;}.warp-list-news-mpi .swiper-slide{width: 200px !important;}.warp-list-news-mpi .swiper-button-next,.warp-list-news-mpi .swiper-button-prev{visibility: hidden; opacity: 0; transition: ease all 0.4s; outline: none; z-index: 50 !important;}.warp-list-news-mpi:hover .swiper-button-next{visibility: visible; opacity: 1; transition: ease all 0.4s;}.warp-list-news-mpi:hover .swiper-button-prev{visibility: visible; opacity: 1; transition: ease all 0.4s;}.warp-list-news-mpi .swiper-button-next::after,.warp-list-news-mpi .swiper-button-prev::after{font-size: 13px; background-color: #fff; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25); padding: 9px 12px; border-radius: 100px; font-weight: bold; color: #000;}.warp-list-news-mpi .swiper-button-next,.warp-list-news-mpi .swiper-rtl .swiper-button-prev{right: -10px; left: auto;}.warp-list-news-mpi .swiper-button-prev,.warp-list-news-mpi .swiper-rtl .swiper-button-next{left: -10px; right: auto;}.list-news-mpi{width: 200px;}.list-news-mpi:hover .img-news-mpi img{transform: scale(1.2);}.list-news-mpi:hover a{color: #093a67;}.img-news-mpi{width: 200px; height: 130px; overflow: hidden; border-radius: 4px;}.img-news-mpi img{width: 200px; height: 130px; object-fit: cover; object-position: top; border-radius: 4px; transition: transform 0.3s;}.logo-news-mpi{margin-bottom: 8px;}.logo-news-mpi img{width: auto; height: 31px; margin: auto; display: block;}.logo-news-mpi-sports img{height: 23px !important; margin: 6px auto 10px;}.title-news-mpi{margin-top: 8px;}.title-news-mpi a{font-size: 14px; color: #515150;}.detail-infografis a:hover .title-detail-infografis{background-color: #093a67;}.img-detail-infografis{display: block; width: 100%; height: auto; border-radius: 8px 8px 0px 0px;}.title-detail-infografis{padding: 12px 16px; background-color: #282828; border-radius: 0px 0px 8px 8px; font-size: 16px; color: #fff; margin-bottom: 26px; transition: ease all 0.4s;}.terpopuler{width: 100%;}.warp-list-terpopuler{position: relative; border-bottom: 2px dotted #d8d8d8;}.warp-list-terpopuler:last-child{border-bottom: 0px;}.warp-list-terpopuler:hover .title-terpopuler{color: #093a67;}.warp-list-terpopuler:hover .no-terpopuler{-webkit-text-stroke: 1px #093a67; -webkit-text-fill-color: #093a67;}.no-terpopuler{font-size: 80px; -webkit-text-stroke: 1px #686a70; -webkit-text-fill-color: white; width: 37px; overflow: hidden; line-height: 73px; padding: 4px 10px; transition: ease all 0.4s;}.title-terpopuler{width: calc(100% - 37px); background-color: #fff; padding: 8px 10px; font-size: 14px; color: #686a70; transition: ease all 0.4s;}.nav-floating-share-love-comment{position: fixed; width: 1099px; bottom: 20px; left: 0px; right: 0; margin: auto; border-radius: 10px; z-index: 97; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.12); background-color: #fff; display: flex; flex-wrap: wrap; padding-left: 20px; transition: all 0.7s ease-in-out;}.btn-love,.btn-comment{width: 10%; text-align: center; padding: 12px 0px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}.btn-love img,.btn-comment img{width: 32px; height: 32px; cursor: pointer;}.btn-love .count,.btn-comment .count{font-size: 14px; color: #686a70; margin-left: 5px;}.none-love{width: 60% !important;}.btn-share{width: 50%; display: flex; flex-wrap: wrap; padding: 2px 0px; align-items: center;}.btn-share .st-custom-button{display: inline-block; margin-right: 16px; cursor: pointer; padding-top: 5px; transition: ease all 0.2s;}.btn-share .st-custom-button:last-child{margin-right: 0px;}.btn-share .st-custom-button:hover{padding-top: 1px;}.btn-share img{width: 32px; height: 32px;}.btn-share .total-share{text-align: center; color: rgba(43, 43, 43, 0.9); display: block; margin: 0px 16px;}.btn-share .total-share .st-total{font-size: 23px !important; line-height: 23px;}.btn-share .total-share .st-label{font-size: 10px; color: rgba(43, 43, 43, 0.9);}.share-logo-hi-lite{width: 30%; padding: 12px 14px 12px 40px; background-color: #093a67; border-radius: 0px 10px 10px 0px; clip-path: polygon(40px 0, 100% 0, 100% 100%, 0% 100%);}.share-logo-hi-lite a{color: #fff;}.share-logo-hi-lite a:hover{color: #38e8be;}.share-logo-hi-lite a:hover i{color: #38e8be; border: 2.5px solid #38e8be;}.share-logo-hi-lite img{width: 88px; height: 32px;}.warp-logo-hilite{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-size: 16px;}.warp-logo-hilite i{font-size: 10px; border-radius: 100px; border: 2.5px solid #fff; padding: 5px 0px; margin-bottom: 5px; width: 25px; height: 25px; margin: 0px 8px 0px 20px;}footer{/*margin-top: 28px;*/ padding: 80px 100px 0px; background: url("../images/bg-footer.jpg"); /*background-size: 100% 100%;*/ background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; flex-wrap: wrap;}.warp-logo{width: 43%; padding-right: 100px;}.logo-sindonews-footer{margin-bottom: 32px;}.logo-sindonews-footer img{width: 433px; height: auto; display: block; margin: auto;}.warp-link-two-col{width: 23%;}.warp-link-two-col .link-footer{width: 50%;}.warp-link-two-col .link-footer a{font-size: 14px; color: rgba(43, 43, 43, 0.9); transition: ease all 0.4s; padding: 7px 0px; display: block; position: relative;}.warp-link-two-col .link-footer a:hover{color: #004a8e;}.warp-link-one-col{width: 11%;}.warp-link-one-col .link-footer{width: 100%;}.warp-link-one-col .link-footer a{font-size: 14px; color: rgba(43, 43, 43, 0.9); transition: ease all 0.4s; padding: 7px 0px; display: block; position: relative;}.warp-link-one-col .link-footer a:hover{color: #004a8e;}.title-footer{font-size: 18px; color: rgba(43, 43, 43, 0.9); margin-bottom: 20px;}.download-apps{margin-bottom: 32px; text-align: center;}.download-apps img{width: auto; height: 43px; margin: 0px 15px;}.social-footer{text-align: center;}.social-footer img{width: 40px; height: 40px; margin: 0px 12px;}.img-mnp{margin: 100px 0px 70px; width: 100%;}.img-mnp img{width: 191px; height: auto; margin: auto; display: block;}.copy{background-color: rgba(231, 231, 231, 0.63); padding: 8px 0px; text-align: center; font-size: 16px; color: rgba(43, 43, 43, 0.9);}@media (min-width: 1200px) and (max-width: 1399px){.btn-2top{display: none; position: fixed; bottom: 30px; right: 15px; z-index: 88; border: none; outline: none; background-color: rgba(0, 0, 0, 0.5); color: #fff; cursor: pointer; padding: 7px 12px 10px; border-radius: 100px; font-size: 20px; transition: ease all 0.7s;}.btn-2top:focus{outline: none;}.kanal{font-size: 14px; padding-left: 10px;}.title{font-size: 20px; margin-top: 10px;}.desc{font-size: 14px; margin-top: 9px;}.warp-social-share{margin-top: 20px;}.warp-social-share img{width: 30px; height: 30px;}.selengkapnya{margin-top: 18px;}.selengkapnya a{font-size: 12px; padding: 8px 0px;}.text-end{font-size: 16px;}.section-artkel-suka{width: 650px; margin: auto; margin-top: 16px;}.title-section-suka{font-size: 16px; color: rgba(43, 43, 43, 0.9);}.warp-list-artikel-suka{display: flex; flex-wrap: wrap; margin: auto -12px;}.list-artikel-suka{width: 200px; margin: 0px 12px; margin-top: 10px;}.list-artikel-suka:hover img{transform: scale(1.2);}.list-artikel-suka:hover .title-artikel-suka{color: #093a67;}.img-artikel-suka{width: 100%; height: 100px; border-radius: 8px; overflow: hidden;}.img-artikel-suka img{width: 100%; height: 100px; border-radius: 8px; object-fit: cover; object-position: top; transition: transform 0.3s;}.title-artikel-suka{font-size: 14px; color: rgba(43, 43, 43, 0.9); margin-top: 12px;}.btn-sebelumnya{margin-top: 15px; text-align: center;}.btn-sebelumnya a{font-size: 10px; color: #fff; background-color: #093a67; border: 2px solid #093a67; padding: 7px 20px; border-radius: 10px; transition: background 0.8s;}.btn-sebelumnya a:hover{color: #093a67; background-color: #fff;}.nav-floating-share-love-comment{position: fixed; width: 1099px; bottom: 20px; left: 0px; right: 0; margin: auto; border-radius: 10px; z-index: 97; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.12); background-color: #fff; display: flex; flex-wrap: wrap; padding-left: 20px; transition: all 0.7s ease-in-out;}.warp-logo{width: 45%; padding-right: 100px;}.logo-sindonews-footer{margin-bottom: 32px;}.logo-sindonews-footer img{width: 100%;}.warp-link-two-col{width: 27%;}.warp-link-two-col .link-footer{width: 50%;}.warp-link-two-col .link-footer a{font-size: 14px;}.warp-link-one-col{width: 14%;}.warp-link-one-col .link-footer{width: 100%;}.warp-link-one-col .link-footer a{font-size: 14px;}.download-apps img{height: 40px; margin: 0px 15px;}.social-footer img{width: 36px; height: 36px; margin: 0px 12px;}.img-mnp img{width: 191px;}.copy{font-size: 14px;}}@media (min-width: 992px) and (max-width: 1199.98px){/*html, body{overflow-x: hidden !important;}*/ .sm-m0{margin: 0px !important;}.sm-p20{padding: 20px !important;}.sm-pb24{padding-bottom: 24px !important;}.sm-pr8{padding-right: 8px !important;}.sm-pr15{padding-right: 15px !important;}.sm-pl3{padding-left: 3px!important;}.sm-pl8{padding-left: 8px !important;}.sm-pl10{padding-left: 10px !important;}.sm-pl15{padding-left: 15px !important;}.sm-width-auto{width: auto !important;}.sm-width-100{width: 100% !important;}.sm-overflow-hidden{overflow: hidden !important;}.content-kanal-image{margin: 0px auto;}.content-kanal-desc{width: 300px; margin: 0px auto;}.grid-kanal{margin-right: 24px!important;}.list-kanal, .list-kanal-full, .slider-wrapper, .title-kanal, .slider-infografis, .grafhitz-wrapper{width: 100%!important;}.infografis-left{width: 63% !important;}.infografis-left.fullscreen-mode{width: 100%!important;}.infografis-right{width: 37% !important;}/*.img-infografis-slide{height: calc(100vh - 125px) !important;}.grid-infografis-slide img{height: calc(80vh - 120px) !important;}*/ .list-infografis-slide .swiper-pagination-fraction{/*bottom: 30px !important;*/}.list-infografis-slide .swiper-button-next, .list-infografis-slide .swiper-button-prev{top: 80vh; z-index: 30;}.list-grafhitz{width: calc( 100% - 330px)!important;}.list-kanal .grid-kanal.md-column-two{width: calc(50% - 24px)!important; margin: 0px 12px!important;}.list-kanal .grid-kanal.md-column-three{width: calc(33.3% - 24px)!important; margin: 0px 12px!important;}.list-kanal-full .grid-kanal.md-column-three.sm-center-pos{margin: 0px 12px !important; width: calc(33.3% - 24px)!important;}.container{width: 100% !important; max-width: 100% !important; padding: 0px !important; margin: auto;}.img-kanal.img-grafhitz{height: 280px !important;}.widget-hi-lite{width: 100%; display: flex; flex-wrap: wrap;}.widget-hi-lite::-webkit-scrollbar{display: none;}.widget-hi-lite{-ms-overflow-style: none; scrollbar-width: none;}.warp-widget-hi-lite-no-scroll{background: url("../images/bg-hilite.png"); background-size: 100% 100%; background-repeat: no-repeat; position: relative; width: 154px; height: 196px; border-radius: 0px 8px 8px 0px; padding: 15px; color: #fff;}.logo-hi-lite-explore{/*margin-top: 32px;*/}.logo-hi-lite-explore img{width: 76px !important; height: auto; display: block; margin: auto;}.btn-more-explore{/*position: absolute;*/ /*left: 0;*/ /*bottom: 0;*/ /*padding: 20px 20px;*/ margin-top: 20px; font-size: 10px;}.btn-more-explore a{color: #fff;}.btn-more-explore span{visibility: visible; opacity: 1; transition: ease all 0.4s;}.btn-more-explore i{font-size: 13px; border-radius: 100px; border: 2.5px solid #fff; padding: 3.5px 0px; margin-bottom: 5px; width: 25px; height: 25px;}.list-terpopuler .swiper-button-prev{left: -15px!important;}.list-terpopuler .swiper-button-next{right: -15px!important;}.warp-artikel-hilite-no-scroll{width: calc(100% - 154px); padding-left: 5px; /*overflow: auto;*/ overflow: unset; white-space: nowrap; border-radius: 6px; display: unset;}.list-artikel-hilite-no-scroll{display: inline-block; width: 155px; padding: 0px 2px;}.list-artikel-hilite-no-scroll img{width: 100%; height: 100px; object-fit: cover; object-position: top; border-radius: 6px;}.title-artikel-hilite{font-size: 14px; color: #232323; height: 65px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal;}.list-artikel{width: 100%; height: 100%; display: flex; flex-wrap: wrap; padding-top: 56px;}.img-artikel{position: relative; width: 100%; height: 40%; display: flex;}.img-artikel img{width: auto; height: 100%; margin: auto; object-fit: cover; object-position: top;}.box-video{position: relative; width: 100%; height: auto; background-color: #000;}.img-video{height: auto !important; width: 50%; margin: auto; position: relative; top: 50%; transform: translateY(-50%);}.warp-video{position: relative; padding-bottom: 56.25%; height: 0;}.warp-video iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}.img-infografis{width: 100%; height: 40%; display: flex;}.img-infografis img{width: auto; height: 100%; margin: auto; display: block;}.img-foto{position: relative; width: 100%; height: 100%;}.slide-foto{width: auto; height: 100%; background-color: #000;}.slide-foto img{width: 100%; height: 100% !important; margin: auto; display: block; object-fit: contain;}.warp-desc-artikel{position: relative; width: 100%; height: 60%; background-color: #fff; padding: 30px; display: flex;}.box-desc-artikel{width: 100%; height: auto; margin: unset;}.section-artkel-suka{width: 100%;}.img-end{margin-top: 16px;}.img-end img{width: 80px; height: auto; margin: auto; display: block;}.list-artikel-suka{width: 33.33%; margin: 20px 0px 20px; padding: 0px 10px;}.img-artikel-suka{width: 100%; height: 150px;}.img-artikel-suka img{width: 100%; height: 150px;}.warp-social-share{position: absolute; left: 0; right: 0; bottom: 100px;}.selengkapnya{position: absolute; left: 0; right: 0; margin: auto; bottom: 50px; width: calc(100% - 50px);}.btn-2top{bottom: 85px;}.hr-section{margin: 20px 0px;}/*.side-nav{top: 140px;}*/ .header{padding: 15px 0px 15px;}.logo{width: 33.3%; /*width: 100%;*/ display: block; /*float: unset;*/}.logo img{width: 324px; height: auto; margin: auto; display: block;}.search{/*width: 35%;*/ width: 40%; margin-left: 0px; padding: 14px 0px 14px 15px;}.warp-search-text{width: 100%;}.warp-login{display: none; width: 45%; margin-left: 0px; padding-left: 70px;}.menu{/*width: 20%;*/ width: 26.7%; padding-right: 15px;}nav{padding: 15px 15px 0px;}.left-section{width: calc(100% - 330px); padding: 0px 15px;}.right-section{float: left; width: 300px; margin-left: unset; /*padding: 0px 15px;*/ /*margin: auto;*/ position: relative;}.detail-img{margin-top: 20px;}.detail-img img{width: 100%;}.floatSecRight{position: relative; top: 10px; left: 0px;}.right-bottom{position: relative; bottom: 0; left: 0;}.sticky-header{padding: 0px 15px;}.sticky-header .nav-kanal{width: calc(100% - 40px - 130px - 80px);}.sticky-header .left-sticky-header{width: 150px;}.list-berita-terkait{width: 33.33%; margin: 0px 0px 20px; padding: 0px 10px;}.list-berita-terkait:hover img{transform: unset;}.list-berita-terkait:hover a{color: #093a67;}.img-berita-terkait{width: 100%; height: 112px; overflow: unset;}.img-berita-terkait img{width: 100%; height: 112px;}.list-detail-artikel-komersial{width: 33.33%; margin: 0px 0px 20px; padding: 0px 10px;}.list-detail-artikel-komersial:hover img{transform: unset;}.list-detail-artikel-komersial:hover a{color: #093a67;}.img-detail-artikel-komersial{width: 100%; height: 112px; overflow: unset;}.img-detail-artikel-komersial img{width: 100%; height: 112px;}.list-detail-berita-lain{width: 33.33%; margin: 0px 0px 20px; padding: 0px 10px;}.list-detail-berita-lain:hover img{transform: unset;}.list-detail-berita-lain:hover a{color: #093a67;}.img-detail-berita-lain{width: 100%; height: 112px; overflow: unset;}.img-detail-berita-lain img{width: 100%; height: 112px;}.detail-infografis{margin-top: 0px;}.nav-floating-share-love-comment{position: fixed; width: 100%; bottom: 20px; left: 0px; right: 0; margin: auto; border-radius: 0px; z-index: 97; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.12); background-color: #fff; display: flex; flex-wrap: wrap; padding-left: 20px; transition: all 0.7s ease-in-out;}.share-logo-hi-lite{width: 22%; padding: 14px 14px 14px 45px; background-color: #093a67; border-radius: 0px 0px 0px 0px; clip-path: polygon(40px 0, 100% 0, 100% 100%, 0% 100%);}.share-logo-hi-lite a{color: #fff;}.share-logo-hi-lite a:hover{color: #38e8be;}.share-logo-hi-lite a:hover i{color: #38e8be; border: 2.5px solid #38e8be;}.share-logo-hi-lite img{width: 60px; height: auto;}.warp-logo-hilite{font-size: 0px;}.warp-logo-hilite i{display: none;}.btn-love, .btn-comment{width: 12%; text-align: center; padding: 14px 0px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}.btn-love img, .btn-comment img{width: 28px; height: 28px; cursor: pointer;}.btn-love .count, .btn-comment .count{font-size: 12px; color: #686a70; margin-left: 5px;}.btn-share{width: 54%; display: flex; flex-wrap: wrap; padding: 5px 0px; align-items: center;}.btn-share .st-custom-button{margin-right: 10px;}.btn-share img{width: 28px; height: 28px;}.btn-share .total-share{margin: 0px 10px 0px 15px;}.btn-share .total-share .st-total{font-size: 20px !important;}.btn-share .total-share .st-label{font-size: 8px;}footer{padding: 30px 25px 0px;}.warp-logo{width: 100%; padding-right: 0px;}.logo-sindonews-footer{margin-bottom: 20px;}.logo-sindonews-footer img{width: 300px;}.download-apps{margin-bottom: 20px;}.download-apps img{height: 35px;}.social-footer{margin-bottom: 20px;}.social-footer img{height: 35px;}.warp-link-two-col{width: 50%;}.warp-link-one-col{width: 25%;}.img-mnp{margin: 50px 0px 50px;}.content-kanal-topik{width: calc(100% - 192px)!important;}.grid-kanal.sm-column-two{width: calc(50% - 24px) !important;}.title-kanal.underline{padding: 40px 15px !important;}.title-kanal.md-no-padding-side, .title-kanal.no-padding-side, .title-kanal.underline.no-padding-side{padding: 40px 0px !important;}.title-kanal.underline.no-padding-all{padding: 0px 0px !important;}.title-kanal.underline.padding-bottom{padding: 0px 0px 15px !important;}.title-kanal.underline.no-padding-top{padding: 0px 15px 15px !important;}.list-galerimu{width: calc(100% - 273px);}.list-infografis-slide .swiper-button-prev.SwiperPhotoThumb-prev{left: 8%!important; top: 50%; margin-top: -22px;}.list-infografis-slide .swiper-button-next.SwiperPhotoThumb-next{right: 8%!important; top: 50%; margin-top: -22px;}.swiper-slide.galerimu-slide{width: 50%!important;}.grid-galerimu{width: 100%!important;}.bg-galerimu-grid{height: 300px!important;}.bg-galerimu-text{/*width: 400px!important;*/}.bg-galerimu-btn{left: 24px!important; right: unset!important; bottom: 55px!important;}.img-infografis-slide.big-thumb{margin: 15px auto 0px!important; height: calc(100vh - 300px)!important; /*width: 100%!important;*/}.img-infografis-slide.big-thumb.fullscreen-mode{margin-top: 25px!important; height: calc(100vh - 180px)!important;}.img-caption-jum{height: auto !important;}.list-tags{/*width: calc(100% - 45px)!important;*/ width: 100%!important; padding: 0px 0px 0px 0px;}.swiper-button-next.SwiperPhoto-next.fullscreen-mode, .swiper-button-prev.SwiperPhoto-prev.fullscreen-mode{top: 85vh;}.list-kanal-full.justify-row, .list-kanal-fluid.justify-row{padding: 0px 8px;}}@media (max-width: 960.98px) and (max-height: 600.98px){.img-artikel{height: 25%;}.img-video{width: 25%;}.img-infografis{height: 25%;}.img-ads img{width: 30vh !important;}.warp-desc-artikel{height: 75%; padding: 20px;}.list-artikel .swiper{height: 100% !important;}.img-artikel-suka{height: 100px;}.img-artikel-suka img{height: 100px;}.title-section-suka{padding: 0px 30px;}.warp-list-artikel-suka{padding: 0px 30px;}.list-artikel-suka{width: 33.33%;}}@media (min-width: 768px) and (max-width: 991.98px){/*html, body{overflow-x: hidden !important;}*/ .desktop{display: none !important;}.mobile{display: block !important;}.sm-m0{margin: 0px !important;}.sm-mb0{margin-bottom: 0px !important;}.sm-p20{padding: 20px !important;}.sm-pl3{padding-left: 3px!important;}.sm-pl8{padding-left: 8px !important;}.sm-pr8{padding-right: 8px !important;}.sm-pr15{padding-right: 15px !important;}.sm-pl15{padding-left: 15px !important;}.sm-pr20{padding-right: 20px !important;}.sm-pl20{padding-left: 20px !important;}.sm-width-100{width: 100% !important;}.grafhitz-wrapper{width: 100% !important;}.grafhitz-left{width: 280px !important;}.list-grafhitz{width: 468px !important;}.list-terpopuler .swiper-button-prev{left: 0px !important;}.list-kanal{width: 100% !important;}/*.list-kanal-full .grid-kanal.sm-center-pos, .list-kanal .grid-kanal.sm-center-pos{margin: 0px 12px !important; width: calc(50% - 24px);}*/ .list-kanal-full.justify-row, .list-kanal-fluid.justify-row{padding: 0px 8px;}.list-kanal-full .grid-kanal.sm-column-two, .list-kanal .grid-kanal.sm-column-two{margin: 0px 12px !important; width: calc(50% - 24px)!important;}.list-kanal-full .grid-kanal.sm-column-three, .list-kanal .grid-kanal.sm-column-three{margin: 0px 12px !important; width: calc(33.3% - 24px)!important;}.swiper-button-next.swiper-button-next-infografis{right: 70px !important;}.swiper-button-prev.swiper-button-prev-infografis{left: 70px !important;}.grid-infografis-slide{width: calc(100% - 100px) !important;}.content-kanal-image{margin: 0px auto;}.content-kanal-desc{width: 300px; margin: 0px auto;}.list-infografis-slide .swiper-button-next, .list-infografis-slide .swiper-button-prev{bottom: -50px; top: unset;}.img-kanal.img-grafhitz{height: 600px !important;}.grid-infografis .img-kanal:not(.img-grafhitz){height: 200px !important;}.share-wrapper{margin-left: 0px !important;}.infografis-left, .infografis-right{width: 100% !important;}.infografis-right{height: 100%!important; overflow-y: hidden !important; /*overflow-x: unset !important;*/}.container{width: 100% !important; max-width: 100% !important; padding: 0px !important; margin: auto;}.widget-hi-lite{width: 100%; display: flex; flex-wrap: wrap;}.widget-hi-lite::-webkit-scrollbar{display: none;}.widget-hi-lite{-ms-overflow-style: none; scrollbar-width: none;}.warp-widget-hi-lite-no-scroll{background: url("../images/bg-hilite.png"); background-size: 100% 100%; background-repeat: no-repeat; position: relative; width: 154px; height: 196px; border-radius: 0px 8px 8px 0px; padding: 8px; color: #fff;}.logo-hi-lite-explore{width: 90px; margin: -30px auto 0px;}.logo-hi-lite-explore img{width: 76px !important; height: auto; display: block; margin: auto;}.btn-more-explore{position: absolute; left: 0; bottom: 30px; padding: 10px 10px; font-size: 10px;}.btn-more-explore a{color: #fff;}.btn-more-explore span{visibility: visible; opacity: 1; transition: ease all 0.4s;}.btn-more-explore i{font-size: 13px; border-radius: 100px; border: 2.5px solid #fff; padding: 3.5px 0px; margin-bottom: 5px; width: 25px; height: 25px;}.warp-artikel-hilite-no-scroll{width: calc(100% - 154px); padding-left: 5px; /*overflow: auto;*/ overflow: unset; white-space: nowrap; border-radius: 6px; display: unset;}.list-artikel-hilite-no-scroll{display: inline-block; width: 155px; padding: 0px 2px;}.list-artikel-hilite-no-scroll img{width: 100%; height: 100px; object-fit: cover; object-position: top; border-radius: 6px;}.title-artikel-hilite{font-size: 14px; color: #232323; height: 65px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal;}.list-artikel{width: 100%; height: 100%; display: flex; flex-wrap: wrap; padding-top: 56px;}.img-artikel{position: relative; width: 100%; height: 40%; display: flex;}.img-artikel img{width: auto; height: 100%; margin: auto; object-fit: cover; object-position: top;}.box-video{position: relative; width: 100%; height: auto; background-color: #000;}.img-video{height: auto !important; width: 70%; margin: auto; position: relative; top: 50%; transform: translateY(-50%);}.warp-video{position: relative; padding-bottom: 56.25%; height: 0;}.warp-video iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}.img-infografis{width: 100%; height: 40%; display: flex;}.img-infografis img{width: auto; height: 100%; margin: auto; display: block;}.img-foto{position: relative; width: 100%; height: 100%;}.slide-foto{width: auto; height: 100%; background-color: #000;}.slide-foto img{width: 100%; height: 100% !important; margin: auto; display: block; object-fit: contain;}.warp-desc-artikel{position: relative; width: 100%; height: 60%; background-color: #fff; padding: 30px; display: flex;}.box-desc-artikel{width: 100%; height: auto; margin: unset;}.section-artkel-suka{width: 100%;}.img-end{margin-top: 16px;}.img-end img{width: 80px; height: auto; margin: auto; display: block;}.list-artikel-suka{width: 33.33%; margin: 20px 0px 20px; padding: 0px 10px;}.img-artikel-suka{width: 100%; height: 150px;}.img-artikel-suka img{width: 100%; height: 150px;}.warp-social-share{position: absolute; left: 0; right: 0; bottom: 100px;}.selengkapnya{position: absolute; left: 0; right: 0; margin: auto; bottom: 50px; width: calc(100% - 50px);}.btn-2top{bottom: 85px;}.hr-section{margin: 20px 0px;}/*.side-nav{top: 140px;}*/ .header{padding: 15px 0px 15px;}.logo{width: 33.3%; padding: 15px; /*width: 100%; display: block; float: unset;*/}.logo img{width: 100%; height: auto; margin: auto; display: block;}.search{width: 40%; margin-left: 0px; padding: 14px 15px;}.warp-search-text{width: 100%;}.warp-login{width: 45%; margin-left: 0px; padding-left: 70px; display: none;}.menu{width: 26.7%; padding-right: 15px;}nav{padding: 15px 15px 0px;}.left-section{width: 100%; padding: 0px 0px;}.right-section{width: 100%; padding: 0px 15px; margin: auto; position: relative;}.detail-img{margin-top: 20px;}.detail-img img{width: 100%;}.floatSecRight{position: relative; top: 10px; left: 0px;}.right-bottom{position: relative; bottom: 0; left: 0;}.sticky-header{padding: 0px 15px;}.sticky-header .nav-kanal{/*width: calc(100% - 40px - 130px - 80px);*/ width: calc(100% - 40px - 90px - 80px);}.sticky-header .left-sticky-header{width: 130px;}.sticky-header .left-sticky-header .search{width: 40px;}.sticky-header .left-sticky-header .menu{width: calc(100% - 40px);}.list-berita-terkait{width: 33.33%; margin: 0px 0px 20px; padding: 0px 10px;}.list-berita-terkait:hover img{transform: unset;}.list-berita-terkait:hover a{color: #093a67;}.img-berita-terkait{width: 100%; height: 112px; overflow: unset;}.img-berita-terkait img{width: 100%; height: 112px;}.list-detail-artikel-komersial{width: 33.33%; margin: 0px 0px 20px; padding: 0px 10px;}.list-detail-artikel-komersial:hover img{transform: unset;}.list-detail-artikel-komersial:hover a{color: #093a67;}.img-detail-artikel-komersial{width: 100%; height: 112px; overflow: unset;}.img-detail-artikel-komersial img{width: 100%; height: 112px;}.list-detail-berita-lain{width: 33.33%; margin: 0px 0px 20px; padding: 0px 10px;}.list-detail-berita-lain:hover img{transform: unset;}.list-detail-berita-lain:hover a{color: #093a67;}.img-detail-berita-lain{width: 100%; height: 112px; overflow: unset;}.img-detail-berita-lain img{width: 100%; height: 112px;}.detail-infografis{/*margin-top: 30px;*/}.nav-floating-share-love-comment{position: fixed; width: 100%; bottom: 20px; left: 0px; right: 0; margin: auto; border-radius: 0px; z-index: 97; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.12); background-color: #fff; display: flex; flex-wrap: wrap; padding-left: 20px; transition: all 0.7s ease-in-out;}.share-logo-hi-lite{width: 22%; padding: 14px 14px 14px 45px; background-color: #093a67; border-radius: 0px 0px 0px 0px; clip-path: polygon(40px 0, 100% 0, 100% 100%, 0% 100%);}.share-logo-hi-lite a{color: #fff;}.share-logo-hi-lite a:hover{color: #38e8be;}.share-logo-hi-lite a:hover i{color: #38e8be; border: 2.5px solid #38e8be;}.share-logo-hi-lite img{width: 60px; height: auto;}.warp-logo-hilite{font-size: 0px;}.warp-logo-hilite i{display: none;}.btn-love, .btn-comment{width: 12%; text-align: center; padding: 14px 0px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}.btn-love img, .btn-comment img{width: 28px; height: 28px; cursor: pointer;}.btn-love .count, .btn-comment .count{font-size: 12px; color: #686a70; margin-left: 5px;}.none-love{width: 66% !important;}.btn-share{width: 54%; display: flex; flex-wrap: wrap; padding: 5px 0px; align-items: center;}.btn-share .st-custom-button{margin-right: 10px;}.btn-share img{width: 28px; height: 28px;}.btn-share .total-share{margin: 0px 10px 0px 15px;}.btn-share .total-share .st-total{font-size: 20px !important;}.btn-share .total-share .st-label{font-size: 8px;}footer{padding: 30px 25px 0px;}.warp-logo{width: 100%; padding-right: 0px;}.logo-sindonews-footer{margin-bottom: 20px;}.logo-sindonews-footer img{width: 300px;}.download-apps{margin-bottom: 20px;}.download-apps img{height: 35px;}.social-footer{margin-bottom: 20px;}.social-footer img{height: 35px;}.warp-link-two-col{width: 50%;}.warp-link-one-col{width: 25%;}.img-mnp{margin: 50px 0px 50px;}.title-kanal{padding: 40px 15px !important;}.title-kanal.underline{padding: 40px 15px !important;}.title-kanal.underline.no-padding-side{padding: 40px 0px !important;}.slider-wrapper{width: 100% !important;}.grid-kanal{margin: 0px 17px !important;}.list-kanal-full{width: 100% !important;}.grid-kanal.column-two{width: calc(50% - 24px)!important; margin: 0px 12px!important;}.grid-kanal.column-three{width: calc(33.3% - 24px)!important; margin: 0px 12px!important;}.content-kanal-image{margin: 0px auto;}.content-kanal-desc{width: 300px; margin: 0px auto;}.list-infografis-slide .swiper-button-prev.SwiperPhotoThumb-prev{left: 15%!important; bottom: 15px;}.list-infografis-slide .swiper-button-next.SwiperPhotoThumb-next{right: 15%!important; bottom: 15px;}.bg-galerimu-grid{background-position: top; height: 260px!important;}.bg-galerimu-text{width: 400px!important;}.bg-galerimu-btn{left: 24px!important; right: unset!important; bottom: 40px!important;}.img-infografis-slide.big-thumb{width: 100%!important; height: calc(100vh - 350px)!important;}/*.img-infografis-slide.big-thumb.fullscreen-mode{width: calc(100vh - 250px)!important; height: calc(100vh - 250px)!important;}*/ .list-tags{/*width: calc(100% - 45px)!important;*/ width: 100%!important; padding: 0px 0px 0px 0px;}.SwiperTopic{width: calc(100% - 70px); padding: 0px 30px 0px 0px!important; margin-right: 55px!important; margin-left: 15px!important; /*width: calc(100% - 60px); padding: 0px 15px; margin-right: 45px!important; margin-left: 15px!important;*/}.swiper-button-next.SwiperTopic-next{right: 10px!important;}}@media (min-width: 576px) and (max-width: 767.98px){.container{width: 100% !important; max-width: 100% !important; padding: 0px !important; margin: auto;}.widget-hi-lite{width: 100%; display: flex; flex-wrap: wrap;}.widget-hi-lite::-webkit-scrollbar{display: none;}.widget-hi-lite{-ms-overflow-style: none; scrollbar-width: none;}.warp-widget-hi-lite-no-scroll{background: url("../images/bg-hilite.png"); background-size: 100% 100%; background-repeat: no-repeat; position: relative; width: 154px; height: 196px; border-radius: 0px 8px 8px 0px; padding: 8px; color: #fff;}.logo-hi-lite-explore{margin-top: 32px;}.logo-hi-lite-explore img{width: 76px; height: auto; display: block; margin: auto;}.btn-more-explore{position: absolute; left: 0; bottom: 0; padding: 30px 30px; font-size: 10px;}.btn-more-explore a{color: #fff;}.btn-more-explore span{visibility: visible; opacity: 1; transition: ease all 0.4s;}.btn-more-explore i{font-size: 13px; border-radius: 100px; border: 2.5px solid #fff; padding: 3.5px 0px; margin-bottom: 5px; width: 25px; height: 25px;}.warp-artikel-hilite-no-scroll{width: calc(100% - 154px); padding-left: 5px; overflow: auto; white-space: nowrap; border-radius: 6px; display: unset;}.list-artikel-hilite-no-scroll{display: inline-block; width: 155px; padding: 0px 2px;}.list-artikel-hilite-no-scroll img{width: 100%; height: 100px; object-fit: cover; object-position: top; border-radius: 6px;}.title-artikel-hilite{font-size: 14px; color: #232323; height: 65px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal;}.list-artikel{width: 100%; height: 100%; display: flex; flex-wrap: wrap; padding-top: 56px;}.img-artikel{position: relative; width: 100%; height: 40%; display: flex;}.img-artikel img{width: auto; height: 100%; margin: auto; object-fit: cover; object-position: top;}.box-video{position: relative; width: 100%; height: auto; background-color: #000;}.img-video{height: auto !important; width: 100%; margin: auto; position: relative; top: 50%; transform: translateY(-50%);}.warp-video{position: relative; padding-bottom: 56.25%; height: 0;}.warp-video iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}.img-infografis{width: 100%; height: 40%; display: flex;}.img-infografis img{width: auto; height: 100%; margin: auto; display: block;}.img-foto{position: relative; width: 100%; height: 100%;}.slide-foto{width: auto; height: 100%; background-color: #000;}.slide-foto img{width: 100%; height: 100% !important; margin: auto; display: block; object-fit: contain;}.warp-desc-artikel{position: relative; width: 100%; height: 60%; background-color: #fff; padding: 30px; display: flex;}.box-desc-artikel{width: 100%; height: auto; margin: unset;}.section-artkel-suka{width: 100%;}.img-end{margin-top: 16px;}.img-end img{width: 80px; height: auto; margin: auto; display: block;}.list-artikel-suka{width: 33.33%; margin: 20px 0px 20px; padding: 0px 10px;}.img-artikel-suka{width: 100%; height: 150px;}.img-artikel-suka img{width: 100%; height: 150px;}.warp-social-share{position: absolute; left: 0; right: 0; bottom: 100px;}.selengkapnya{position: absolute; left: 0; right: 0; margin: auto; bottom: 50px; width: calc(100% - 50px);}.btn-2top{bottom: 85px;}.hr-section{margin: 20px 0px;}/*.side-nav{top: 140px;}*/ .header{padding: 15px 0px 15px;}.logo{width: 100%; display: block; float: unset;}.logo img{width: 324px; height: auto; margin: auto; display: block;}.search{width: 35%; margin-left: 0px; padding: 14px 0px 14px 15px;}.warp-search-text{width: 100%;}.warp-login{width: 45%; margin-left: 0px; padding-left: 70px;}.menu{width: 20%; padding-right: 15px;}nav{padding: 15px 15px 0px;}.left-section{width: 100%; padding: 0px 15px;}.right-section{width: 100%; padding: 0px 15px; margin: auto; position: relative;}.detail-img{margin-top: 20px;}.detail-img img{width: 100%;}.floatSecRight{position: relative; top: 10px; left: 0px;}.right-bottom{position: relative; bottom: 0; left: 0;}.sticky-header{padding: 0px 15px;}.sticky-header .nav-kanal{width: calc(100% - 40px - 130px - 80px);}.sticky-header .left-sticky-header{width: 130px;}.sticky-header .left-sticky-header .search{width: 40px;}.sticky-header .left-sticky-header .menu{width: calc(100% - 40px);}.list-berita-terkait{width: 33.33%; margin: 0px 0px 20px; padding: 0px 10px;}.list-berita-terkait:hover img{transform: unset;}.list-berita-terkait:hover a{color: #093a67;}.img-berita-terkait{width: 100%; height: 112px; overflow: unset;}.img-berita-terkait img{width: 100%; height: 112px;}.list-detail-artikel-komersial{width: 33.33%; margin: 0px 0px 20px; padding: 0px 10px;}.list-detail-artikel-komersial:hover img{transform: unset;}.list-detail-artikel-komersial:hover a{color: #093a67;}.img-detail-artikel-komersial{width: 100%; height: 112px; overflow: unset;}.img-detail-artikel-komersial img{width: 100%; height: 112px;}.list-detail-berita-lain{width: 33.33%; margin: 0px 0px 20px; padding: 0px 10px;}.list-detail-berita-lain:hover img{transform: unset;}.list-detail-berita-lain:hover a{color: #093a67;}.img-detail-berita-lain{width: 100%; height: 112px; overflow: unset;}.img-detail-berita-lain img{width: 100%; height: 112px;}.detail-infografis{margin-top: 30px;}.nav-floating-share-love-comment{position: fixed; width: 100%; bottom: 20px; left: 0px; right: 0; margin: auto; border-radius: 0px; z-index: 97; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.12); background-color: #fff; display: flex; flex-wrap: wrap; padding-left: 20px; transition: all 0.7s ease-in-out;}.share-logo-hi-lite{width: 22%; padding: 14px 14px 14px 45px; background-color: #093a67; border-radius: 0px 0px 0px 0px; clip-path: polygon(40px 0, 100% 0, 100% 100%, 0% 100%);}.share-logo-hi-lite a{color: #fff;}.share-logo-hi-lite a:hover{color: #38e8be;}.share-logo-hi-lite a:hover i{color: #38e8be; border: 2.5px solid #38e8be;}.share-logo-hi-lite img{width: 60px; height: auto;}.warp-logo-hilite{font-size: 0px;}.warp-logo-hilite i{display: none;}.btn-love, .btn-comment{width: 12%; text-align: center; padding: 14px 0px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}.btn-love img, .btn-comment img{width: 28px; height: 28px; cursor: pointer;}.btn-love .count, .btn-comment .count{font-size: 12px; color: #686a70; margin-left: 5px;}.none-love{width: 66% !important;}.btn-share{width: 54%; display: flex; flex-wrap: wrap; padding: 5px 0px; align-items: center;}.btn-share .st-custom-button{margin-right: 10px;}.btn-share img{width: 28px; height: 28px;}.btn-share .total-share{margin: 0px 10px 0px 15px;}.btn-share .total-share .st-total{font-size: 20px !important;}.btn-share .total-share .st-label{font-size: 8px;}footer{padding: 30px 25px 0px;}.warp-logo{width: 100%; padding-right: 0px;}.logo-sindonews-footer{margin-bottom: 20px;}.logo-sindonews-footer img{width: 300px;}.download-apps{margin-bottom: 20px;}.download-apps img{height: 35px;}.social-footer{margin-bottom: 20px;}.social-footer img{height: 35px;}.warp-link-two-col{width: 50%;}.warp-link-one-col{width: 25%;}.img-mnp{margin: 50px 0px 50px;}}@media (min-width: 576px) and (max-width: 767.98px) and (max-height: 800.98px){.img-artikel{height: 30%;}.img-video{height: 30%;}.img-video iframe{width: 390px; height: 100%; position: absolute; top: -7px; left: 0; right: 0; margin: auto;}.img-infografis{height: 30%;}.warp-desc-artikel{height: 70%;}.img-artikel-suka{height: 100px;}.img-artikel-suka img{height: 100px;}}.desktop{display: block;}.mobile{display: none;}.ads300{width: 300px !important; margin-left: auto !important; margin-right: auto !important; display: block !important; border-radius: 0px !important;}.ads320{width: 320px !important; margin-left: auto !important; margin-right: auto !important; border-radius: 0px !important;}.ads336{width: 336px !important; margin-left: auto !important; margin-right: auto !important; border-radius: 0px !important;}.ads970{width: 970px !important; margin-left: auto !important; margin-right: auto !important; border-radius: 0px !important;}.ads1x1{width: 1px; height: 1px;}.more-menu,.more-menu-float{position: absolute; right: 0px; top: 2px; z-index: 99;}.btn-expand,.btn-expand-float,.list-redaksi-icon img{transition: transform 0.6s; transform-style: preserve-3d;}.flip-icon, .list-redaksi-icon.open img{transform: rotatex(180deg);}.ads-300x250{width: 300px; height: 250px; min-height: 70px; padding: 0px; margin: 0px auto; background-color: #c4c4c4;}.ads-728x90{width: 728px; height: 90px; min-height: 70px; padding: 0px; margin: 0px auto; background-color: #c4c4c4;}.ads-970x90{width: 970px; height: 90px; min-height: 70px; padding: 0px; margin: 0px auto; background-color: #c4c4c4;}.ads-970x250{width: 970px; height: 250px; min-height: 70px; padding: 0px; margin: 0px auto; background-color: #c4c4c4;}.ads-300x250 img,.ads-728x90 img,.ads-970x250 img,.ads-970x90 img{object-fit: cover; width: 100%; height: 100%;}
/* multimedia */
.type-2{margin: 10px 12px 30px !important;}.type-3{margin: 30px 12px 30px !important;}.mr10{margin-right: 10px !important;}.mr20{margin-right: 20px !important;}.mt0{margin-top: 0px !important;}.mt20{margin-top: 20px !important;}.mt24{margin-top: 24px !important;}.mt40{margin-top: 40px !important;}.mt49{margin-top: 49px !important;}.mt50{margin-top: 50px !important;}.mt60{margin-top: 60px !important;}.mb5{margin-bottom: 5px !important;}.mb10{margin-bottom: 10px !important;}.mb16{margin-bottom: 16px !important;}.mb20{margin-bottom: 20px !important;}.mb24{margin-bottom: 24px !important;}.mb30{margin-bottom: 30px !important;}.mb36{margin-bottom: 36px !important;}.mb40{margin-bottom: 40px !important;}.mb50{margin-bottom: 50px !important;}.mb60{margin-bottom: 60px !important;}.pt0{padding-top: 0px !important;}.pt15{padding-top: 15px !important;}.pt50{padding-top: 50px !important;}.pt60{padding-top: 60px !important;}.pb15{padding-bottom: 15px !important;}.pb20{padding-bottom: 20px !important;}.pb24{padding-bottom: 24px !important;}.pb32{padding-bottom: 32px !important;}.pl15{padding-left: 15px !important;}.pl16{padding-left: 16px !important;}.pr15{padding-right: 15px !important;}.width-auto{float: left; width: auto !important;}.width-33{float: left; width: 33.3%;}.width-50{float: left; width: 50%;}.width-100{float: left; width: 100%;}.width-524px{float: left; width: 524px;}.height-auto{height: auto !important;}.height-120px{height: 120px !important;}.height-130px{height: 130px !important;}.height-140px{height: 140px !important;}.height-150px{height: 150px !important;}.height-160px{height: 160px !important;}.height-233px{height: 233px !important;}.height-466px{height: 466px !important;}.float-left{float: left;}.float-right{float: right;}.text-center{text-align: center;}.text-white{color: #fff;}.display-flex{display: flex;}.display-block{display: block;}.flex-wrap{flex-wrap: wrap;}.big-font{font-size: 20px !important;}.medium-font{font-size: 16px !important;}.small-font{font-size: 14px !important;}.sticky-header.is-show{top: 0px;}.sticky-header .detail-infografis.nav-kanal{padding: 10px 0px; margin-left: 20px;}.sticky-header .detail-infografis.nav-kanal a{font-size: 24px; line-height: 28px;}/* Slide Infografis */.slider-infografis{width: 100%; /*height: 530px;*/ height: 100%; position: relative; background-color: #121212;}.slider-wrapper{width: 1278px; /*height: 530px;*/ height: auto; margin: 0px auto; position: relative; background-color: #121212; overflow: hidden;}.center{/*width: 2500px;*/ width: 100%; float: left; height: 530px; transition-duration: 500ms; padding: 30px 0px 0px; transform: translateX(0px);}.slide{float: left; width: 426px; z-index: 14; transition-duration: 400ms; display: inline-block; opacity: 0.5; position: relative;}.slide.active{z-index: 20; transform: scale(1.2); opacity: 1;}.slide img{margin: 40px 0px 0px; object-fit: cover; width: 100%; height: 100%;}.slide h2{/*display: none;*/ color: #fff; font-size: 16px; opacity: 0; /*margin-top: -20px;*/ text-align: center;}.slide.active h2,.swiper-slide.slide-infografis.swiper-slide-active .slide h2{/*display: block;*/ opacity: 1; color: #fff; font-size: 24px; line-height: 38px; margin-top: 25px; text-align: center; transition-duration: 400ms;}.btn-prev{cursor: pointer; position: absolute; left: 25%; top: 50%; width: 50px; height: 50px; z-index: 30; margin-top: -45px; background-size: cover; background-position: center; background-repeat: no-repeat;}.btn-next{cursor: pointer; position: absolute; right: 25%; top: 50%; width: 50px; height: 50px; z-index: 30; margin-top: -45px; background-size: cover; background-position: center; background-repeat: no-repeat;}.btn-next.disabled,.btn-prev.disabled{cursor: not-allowed; opacity: 0.6; pointer-events: none;}/* Grid Item Kanal */.title-kanal{width: 100%; float: left; position: relative; height: auto; padding: 40px 0px 40px;}.title-kanal.underline{padding: 40px 0px 15px;}.title-kanal h2{margin: 0px; font-size: 30px; line-height: 48px; font-weight: 700;}.title-kanal h2.medium{font-size: 24px; line-height: 38px;}.title-kanal h2.small{font-size: 18px; line-height: 28px;}.title-kanal-line{position: relative; width: auto; height: 4px; float: left; margin: 5px 0px;}.title-kanal-icon{float: left; height: 35px; margin-top: 5px; margin-right: 10px;}.title-kanal-text{float: left;}.list-kanal{position: relative; float: left; width: 732px;}.list-kanal-full{position: relative; float: left; width: 1056px;}.list-kanal-full.justify-row,.list-kanal-fluid.justify-row{margin: 0px -12px;}.list-kanal-fluid{position: relative; float: left;}.list-kanal-more{position: relative; width: 100%; float: left; text-align: center; margin: 20px 0px 30px;}.grid-kanal{position: relative; float: left; width: 332px; height: auto; margin-right: 34px;}.grid-kanal.column-two{width: calc(50% - 24px); margin-right: 24px;}.grid-kanal.column-three{width: calc(33.3% - 24px); margin: 0px 12px 15px;}.grid-kanal.column-four{width: calc(25% - 24px); margin: 0px 12px 15px;}.grid-kanal.column-five{width: calc(20% - 24px); margin: 0px 12px 15px;}.grid-kanal-small{float: left; width: 192px; height: auto;}.swiper-slide.grid-slide{width: 332px;}.img-kanal{float: left; width: 100%; height: 200px; position: relative;}.img-kanal-icon{position: absolute; bottom: 0px; right: 7px;}.img-kanal img{width: 100%; height: 100%; object-fit: cover; /*object-position: top;*/ border-radius: 5px;}.content-kanal{float: left; width: 100%; padding: 16px 0px;}.content-kanal-topik{float: left; width: 524px; padding: 16px 0px;}.content-kanal-no{float: left; width: 286px; padding-top: 20px; padding-left: 15px;}.content-kanal-image{border-radius: 5px 0px 0px; width: 300px; height: 375px;}.content-kanal-image img{width: 100%; height: 100%; object-fit: contain; background: #000;}.content-kanal-desc{background: #282828; color: #fff; border-radius: 0px 0px 5px 5px; padding: 13px 17px;}.tipe-kanal{color: #282828; opacity: 0.9;}.tipe-kanal.infografis{border-left: 5px solid #ff8d5c; padding-left: 5px; margin-right: 10px; float: left; font-size: 12px; line-height: 19px;}.tipe-kanal.metro{border-left: 5px solid #fa7121; padding-left: 5px; margin-right: 10px; margin-bottom: 5px; float: left; font-size: 12px; line-height: 19px;}.tipe-kanal.medium.metro{font-size: 14px; line-height: 22px;}.tipe-kanal.large.metro{font-size: 16px; line-height: 26px;}.tipe-kanal.photo{border-left: 5px solid #2fbfb0; padding-left: 5px; margin-right: 10px; margin-bottom: 5px; float: left; font-size: 12px; line-height: 19px;}.tipe-kanal.medium.photo{font-size: 14px; line-height: 22px;}.tipe-kanal.large.photo{font-size: 16px; line-height: 26px;}.date-kanal{font-size: 12px; line-height: 19px; margin-bottom: 5px; color: #9d9d9d;}.desc-kanal{font-size: 16px; line-height: 24px; color: #282828;}.desc-kanal.large{font-size: 24px; line-height: 38px; color: #282828;}.no-terpopuler{font-size: 130px; -webkit-text-stroke: 1px #686a70; -webkit-text-fill-color: white; width: 45px; overflow: hidden; line-height: 100px; padding: 20px 0px 10px; transition: ease all 0.4s;}.no-terpopuler.white{-webkit-text-stroke: 3px #eef2f6;}.no-terpopuler.kanal-infografis{-webkit-text-stroke: 3px #ba4513;}.no-terpopuler.kanal-foto{-webkit-text-stroke: 3px #037265;}.swiper-button-next.SwiperTopic-next{right: -40px;}.swiper-button-prev.SwiperTopic-prev{left: -40px;}.swiper-button-next.SwiperTopic-next.swiper-button-disabled,.swiper-button-prev.SwiperTopic-prev.swiper-button-disabled{opacity: 0;}.swiper-button-next.SwiperTopic-next:after,.swiper-button-prev.SwiperTopic-prev:after{content: unset!important;}.list-terpopuler .swiper-button-next,.list-terpopuler .swiper-button-prev{margin-top: -80px; width: 35px; background-position: center; background-size: cover; background-repeat: no-repeat;}.list-terpopuler .swiper-button-next{right: 0px;}.list-terpopuler .swiper-button-prev{left: -20px;}.list-terpopuler .swiper-button-next:after,.list-terpopuler .swiper-button-prev:after{content: unset;}.centeralign{position: relative; display: table; width: 100%; height: 100%;}.centeralign-2{position: relative; display: table-cell; vertical-align: middle;}.btn-pagination{display: inline-block; width: 40px; height: 40px; margin: 0px 5px; border: 1px solid #004a8e; border-radius: 5px;}.btn-pagination a{font-size: 14px; line-height: 40px; color: #004a8e; width: 100%; height: 100%; float: left;}.btn-pagination.active,.btn-pagination.active a{background: #004a8e; color: #fff;}/* galerimu */#galerimu{width: 100%; height: 100%; position: relative; background-color: #121212; /*background: url(../images/bg-galeri.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;*/}.galerimu-wrapper{width: 100%; height: 100%; margin: 0px auto; position: relative; background-color: unset !important; overflow: hidden;}.list-galerimu{/*position: relative; float: left; width: 842px; width: 100%; padding: 48px 0px;*/ /*background-color: #001412;*/ display: flex; flex-flow: column wrap; max-height: 1000px; margin: 0px -15px; overflow: hidden;}.list-galerimu-grid{position: relative; width: 33.3%; height: auto; padding: 0px 15px 15px;}.list-galerimu-grid img{width: 100%; height: auto; border-radius: 4px;}.list-galerimu-title{font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.6; letter-spacing: normal; text-align: left; color: #fff; margin-bottom: 4px;}.list-galerimu-photo{font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.6; letter-spacing: normal; text-align: left; color: #fff; margin-bottom: 24px;}.galerimu-left{position: relative; float: left; /*width: auto;*/ width: 273px; height: 372px; /*padding: 0px 100px;*/}.galerimu-text{height: 178px; margin-right: 40px;}.galerimu-title{color: #fff; font-size: 28px; line-height: 44px; font-weight: 700; margin-top: 0px; margin-bottom: 8px; font-family: Heebo-Bold;}.galerimu-desc{color: #fff; font-size: 18px; line-height: 22px; font-weight: 700; margin-bottom: 60px; font-family: Heebo-Regular;}.grid-galerimu{position: relative; float: left; width: 405px; height: auto; /*margin-right: 34px;*/}.swiper-slide.galerimu-slide{width: 405px; height: 276px; border-radius: 4px; overflow: hidden;}.img-galerimu{float: left; width: 100%; height: 276px;}.img-galerimu img{width: 100%; height: 100%; object-fit: cover;}.list-galerimu .swiper-button-next{right: -15px;}.list-galerimu .swiper-button-prev{left: -15px;}.list-galerimu .swiper-button-next:after,.list-galerimu .swiper-button-prev:after{content: unset!important;}/* grafHitz */#grafhitz{width: 100%; height: 100%; position: relative; background-color: #000; background: url(../images/bg-GrafHitz.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}.grafhitz-wrapper{width: 1280px; height: 580px; margin: 0px auto; position: relative; background-color: unset !important; overflow: hidden;}.list-grafhitz{position: relative; float: left; width: 937px; padding-top: 30px;}.grafhitz-left{position: relative; float: left; width: 300px; height: 580px; /*padding: 0px 100px;*/}.grid-grafhitz{position: relative; float: left; width: 232px; height: auto; /*margin-right: 34px;*/}.swiper-slide.grafhitz-slide{width: 232px; height: 540px;}.logo-grafhitz{width: 150px; margin: 0px auto;}.logo-grafhitz img{width: 150px; height: 100%; object-fit: cover;}.img-grafhitz{float: left; width: 100%; height: 411px; background: #000;}.img-grafhitz img{width: 100%; height: 100%; object-fit: contain; border-radius: 0px;}.content-grafhitz{float: left; width: 100%; /*height: 130px;*/ height: auto; padding: 20px 0px;}.desc-grafhitz{font-size: 18px; line-height: 30px; color: #fff;}.list-grafhitz .swiper-button-next,.list-grafhitz .swiper-button-prev{margin-top: -80px; width: 35px; background-position: center; background-size: cover; background-repeat: no-repeat;}.list-grafhitz .swiper-button-next{right: -20px;}.list-grafhitz .swiper-button-prev{left: -20px;}.list-grafhitz .swiper-button-next:after,.list-grafhitz .swiper-button-prev:after{content: unset;}/* Detail Infografis */.infografis-left{float: left; position: relative; width: calc(100% - 464px); height: 100vh; background-color: #000; transition-duration: 300ms;}.infografis-left.fullscreen-mode{width: 100%;}.infografis-right{float: left; position: relative; width: 464px; height: 100vh; overflow-y: scroll; overflow-x: hidden; margin-right: 0px; transition-duration: 300ms; display: block;}.infografis-right.fullscreen-mode{margin-right: -100%;}.infografis-right.fullscreen-mode.hidden{display: none;}.sidebar-share{position: absolute; height: 100%; z-index: 30;}.share-wrapper{/*margin-top: -49px;*/ text-align: center; margin-left: 15px;}.share-list{margin: 10px;}.share-list .total{color: #fff; margin: 0px; font-size: 18px; line-height: 28px;}.share-list .desc{color: #fff; margin: 0px; font-size: 10px; line-height: 16px;}.share-list img{width: 32px; height: auto; position: relative; object-fit: cover;}.share-list button{background: unset; border: unset;}.infografis-title{float: left; position: relative; width: 100%; height: auto;}.infografis-title h1{font-size: 28px; line-height: 44px; color: rgba(43, 43, 43, 0.9);}.infografis-redaksi{float: left; position: relative; width: 100%; height: auto;}.infografis-avatar{float: left; margin-right: 12px;}.infografis-avatar img{width: 37px; height: 37px; border-radius: 50px; object-fit: cover; object-position: top;}.infografis-nama-redaksi{padding: 7px 0px; font-size: 16px; line-height: 26px; font-weight: 500; color: #004b8f; margin-right: 20px;}.infografis-date{padding: 7px 0px; font-size: 14px; line-height: 22px; color: #989898;}.infografis-desc{float: left; position: relative; width: 100%; height: auto;}.infografis-desc p{font-size: 16px; line-height: 1.6; color: #282828;}.list-tags{position: relative; float: left; width: 100%; margin-bottom: 32px;}.list-tags.sidebar-topik{background: #f9f9f9; padding: 20px 30px;}.btn-tags{background-color: transparent; border: 1px solid #000; border-radius: 20px; padding: 5px 20px; font-size: 16px; line-height: 26px; margin-top: 7.5px; margin-bottom: 7.5px; margin-right: 10px; cursor: pointer;}.btn-tags.xs{border-radius: 5px; padding: 0px 15px; font-size: 14px; line-height: 24px;}.btn-tags.small{background-color: transparent; border: 1px solid #000; border-radius: 10px; padding: 5px 20px; font-size: 16px; line-height: 26px; font-style: normal; font-weight: bold; margin-top: 7.5px; margin-bottom: 7.5px; margin-right: 10px; cursor: pointer;}.btn-tags:hover,.btn-tags:focus,.btn-tags:active{background-color: #183a64; border: 1px solid #183a64; color: #fff;}.btn-tags-outline{background-color: transparent; border: 1px solid #fff; color: #fff; border-radius: 16px; padding: 5px 20px; font-size: 16px; line-height: 26px; font-style: normal; font-weight: bold; margin-top: 7.5px; margin-bottom: 7.5px; margin-right: 10px; cursor: pointer;}.btn-tags-outline.xs{border-radius: 5px; padding: 0px 15px; font-size: 14px; line-height: 24px;}.btn-tags-outline.small{border-radius: 20px; padding: 5px 20px; font-size: 16px; line-height: 26px;}.btn-tags-outline.active,.btn-tags-outline:hover,.btn-tags-outline:focus,.btn-tags-outline:active{background-color: #38BFB0; border: 1px solid #38BFB0; color: #fff;}.btn-load-more{background-color: transparent; border: 1px solid #004a8e; color: #004a8e; border-radius: 10px; padding: 10px 30px; font-size: 16px; line-height: 26px; margin-top: 7.5px; margin-bottom: 7.5px; margin-right: 10px;}.btn-load-more.photo{border: 1px solid #2fbfb0; color: #2fbfb0;}.btn-upload{background: #2fbfb0; color: #38BFB0; border-radius: 10px; padding: 10px 20px;}.btn-upload.galerimu{background: #282828!important; border: 1px solid #38BFB0!important;}.btn-upload.galerimu:hover{background: #38BFB0!important; border: 1px solid #38BFB0!important; color: #fff;}.btn-upload-img{float: left; width: 28px; height: 28px; margin-right: 10px;}.btn-upload-img.small{width: 14px; height: 14px;}.btn-upload-img.small img{width: 100%; height: 100%; object-fit: cover; position: relative; float: left;}.btn-upload-img.g{display: block;}.btn-upload-img.w{display: none;}.btn-upload.galerimu:hover .btn-upload-img.g{display: none;}.btn-upload.galerimu:hover .btn-upload-img.w{display: block;}.btn-upload-text{float: left; width: auto; height: 28px; font-size: 16px; line-height: 28px;}.btn-upload-text.small{font-size: 14px; line-height: 14px; height: 14px;}.btn-more-suplemen{background-color: transparent; border: 1px solid #1ca34a; border-radius: 4px; padding: 5px 10px; font-size: 14px; line-height: 16px; margin-top: 11px; margin-bottom: 11px; margin-right: 10px; color: #1ca34a;}.btn-more-suplemen.photo{border: 1px solid #2fbfb0; color: #2fbfb0;}.image-infografis-options{margin-top: 49px; position: relative; width: 100%; float: left; padding: 24px 24px 0px; z-index: 31;}.image-infografis-body{position: relative; width: 100%; float: left; margin-top: 49px; padding: 0px 24px;}.list-infografis-slide{position: relative; width: 100%; float: left;}.list-infografis-slide.fs.fullscreen-mode{display: none;}.infografis-slide.small-thumb,.grid-infografis-slide.small-thumb,.grid-infografis-slide.small-thumb img,.img-infografis-slide.small-thumb,.img-infografis-slide.small-thumb img{width: 80px!important; height: 80px!important; object-fit: cover;}.img-infografis-slide.small-thumb{margin: 0px auto; cursor: pointer;}.img-infografis-slide.big-thumb{position: relative; /*width: calc(100% - 150px); height: calc(100vh - 200px);*/ /*max-width: 100%; max-height: calc(100vh - 180px);*/ /*max-width: calc(100vh - 200px); max-height: calc(100vh - 200px);*/ width: calc(100% - 150px); height: calc(100vh - 250px); margin: 60px auto 0px; text-align: center; cursor: pointer;}.img-infografis-slide.big-thumb.fullscreen-mode{width: calc(100% - 200px); height: calc(100vh - 150px);}.grid-infografis-slide{/*width: calc(100% - 100px); */ /*width: 100%;*/ /*width: 548px;*/ /*width: auto;*/ width: 100%; height: 100%; /* height: 686px;*/ margin: 0px auto; text-align: center;}.img-infografis-slide{/*width: calc(100% - 100px); */ /* width: 100%; height: 100%; margin: 0px auto;*/ width: auto; height: calc(100vh - 125px); margin: 15px auto 0px; text-align: center; cursor: zoom-in;}.img-infografis-slide img,{/*width: auto; */ /*height: calc(85vh - 75px);*/ width: 100%; height: 100%; object-fit: cover;}.img-infografis-slide.big-thumb img{width: 100%; height: 100%; object-fit: contain;}.swiper-slide.infografis-slide.small-thumb{opacity: 0.4;}.swiper-slide.infografis-slide.small-thumb.swiper-slide-thumb-active{opacity: 1;}.swiper-slide.infografis-slide.small-thumb.swiper-slide-thumb-active .grid-infografis-slide.small-thumb .img-infografis-slide.small-thumb img{border: 1px solid #fff;}.img-caption-slide{position: absolute; bottom: 0px; background: rgba(0,0,0,0.5); float: left; width: 100%; display: flex; flex-wrap: wrap;}.img-caption-slide.nfs.fullscreen-mode{position: relative;}.img-caption-jum{position: relative; float:left; min-width: 75px; min-height: 68px; width: auto; height: 68px;}.img-caption-jum .swiper-pagination.left-bottom{position: relative; bottom: unset;}.img-caption-desc{float: left; position: relative; font-size: 12px; width: calc(100% - 75px); line-height: 18px; color: #fff; padding: 10px 0px; text-align: left;}.btn-back-image{float: left; width: auto; top: 75px; left: 30px; position: absolute; cursor: pointer; display: block; z-index: 31;}.btn-back-image.hidden,.btn-1.hidden,.btn-2.hidden{display: none;}.btn-back-image img{float: left;}.btn-back-image span{float: left; color: #fff; font-size: 14px; line-height: 24px; margin-left: 5px;}.btn-fullscreen-image{float: right; width: auto; position: absolute; top: 75px; right: 30px; cursor: pointer; z-index: 31;}/* sidebar infografis */.content-infografis{padding: 74px 24px 0px 24px;}.grid-infografis{padding: 0px 12px;}.grid-infografis .title-kanal.underline{padding: 0px 12px 15px;}.grid-infografis .title-kanal.underline h2.small{font-size: 18px; line-height: 28px;}.grid-infografis .list-kanal{width: 100%;}.grid-kanal.column-two{width: calc(50% - 24px); margin: 0px 12px;}.grid-infografis .img-kanal{height: 130px;}.grid-infografis .widget-hi-lite{padding: 0px 12px;}.img-kanal.img-grafhitz{/*height: 100%;*/ height: 348px;}.swiper.SwiperInfografis{/*z-index: 30;*/}.swipe-infografis{padding: 0px 24px;}.swipe-infografis .warp-widget-hi-lite-no-scroll{width: 134px;}.swipe-infografis .logo-hi-lite-explore img{width: 100%; height: auto; display: block; margin: auto;}.swiper-slide.slide-infografis{width: 426px;}.swiper-slide.slide-infografis.swiper-slide-active{z-index: 20; transform: scale(1.2);}.swiper-slide.slide-infografis.swiper-slide-active .slide{opacity: 1;}.swiper-slide.slide-infografis.swiper-slide-active img{margin-top: 50px;}.swiper-button-prev.swiper-button-prev-infografis:after,.swiper-button-next.swiper-button-next-infografis:after{content: "";}.swiper-button-prev.swiper-button-prev-infografis{cursor: pointer; position: absolute; left: 25%; top: 50%; width: 50px; height: 50px; z-index: 30; margin-top: -65px; background-size: cover; background-position: center; background-repeat: no-repeat;}.swiper-button-next.swiper-button-next-infografis{cursor: pointer; position: absolute; right: 25%; top: 50%; width: 50px; height: 50px; z-index: 30; margin-top: -65px; background-size: cover; background-position: center; background-repeat: no-repeat;}.swiper-button-next.SwiperPhoto-next,.swiper-button-prev.SwiperPhoto-prev{display: none;}.swiper-button-next.SwiperPhoto-next.fullscreen-mode,.swiper-button-prev.SwiperPhoto-prev.fullscreen-mode{display: block;}.swiper-button-next.SwiperPhoto-next{right: 5%!important;}.swiper-button-prev.SwiperPhoto-prev{left: 4%!important;}.swiper-button-next.SwiperPhotoThumb-next{right: 18%!important;}.swiper-button-prev.SwiperPhotoThumb-prev{left: 18%!important;}.swipe-infografis .warp-artikel-hilite-no-scroll{/*width: calc(100% - 134px);*/ width: 100%;}.swiper-slide.hilite-slide,.swipe-infografis .list-artikel-hilite-no-scroll{width: 190px;}.divide-line-bottom{position: relative; float: left; width: 100%; height: 1px; background: rgba(157, 157, 157, 0.6); margin: 30px 0px;}.swipe-infografis .widget-hi-lite .swiper-button-next,.swipe-infografis .widget-hi-lite .swiper-button-prev{/*margin-top: -80px; */ width: 35px; background-position: center; background-size: cover; background-repeat: no-repeat; opacity: 0; z-index: 0;}.swipe-infografis .widget-hi-lite:hover .swiper-button-next:not(.swiper-button-disabled),.swipe-infografis .widget-hi-lite:hover .swiper-button-prev:not(.swiper-button-disabled){opacity: 1; z-index: 10; transition-duration: 300ms;}.swipe-infografis .widget-hi-lite:hover .swiper-button-next.swiper-button-disabled,.swipe-infografis .widget-hi-lite:hover .swiper-button-prev.swiper-button-disabled{opacity: 0.35; z-index: 10; transition-duration: 300ms;}.swipe-infografis .widget-hi-lite .swiper-button-next{right: -20px;}.swipe-infografis .widget-hi-lite .swiper-button-prev{left: -10px;}.swipe-infografis .widget-hi-lite .swiper-button-next:after,.swipe-infografis .widget-hi-lite .swiper-button-prev:after{content: unset;}.list-infografis-slide .swiper-button-next,.list-infografis-slide .swiper-button-prev{/*margin-top: -80px; */ width: 35px; background-position: center; background-size: cover; background-repeat: no-repeat;}.list-infografis-slide .swiper-button-next{right: 20%;}.list-infografis-slide .swiper-button-prev{left: 20%;}.list-infografis-slide .swiper-button-next:after,.list-infografis-slide .swiper-button-prev:after{content: unset;}.list-infografis-slide .swiper-pagination{color: #fff;}.list-infografis-slide .swiper-pagination-fraction{bottom: -40px;}/* footer sidebar */.footer-bottom-right{margin-top: 0px; padding: 10px 24px 0px; background: url(../images/bg-footer-side.svg); background-size: cover; background-repeat: no-repeat; display: block;}.footer-logo{width: 500px; float: left; position: relative; margin: 60px auto 40px;}.footer-logo .logo-sindonews{margin-bottom: 30px;}.footer-logo .logo-sindonews img{width: 300px; height: auto; display: block; margin: 0px auto;}.footer-logo .download-apps{margin-bottom: 20px;}.footer-logo .download-apps img{height: 35px; margin: 0px 10px;}.footer-logo .social-footer img{width: 30px; height: 30px; margin: 0px 6px;}.footer-logo .logo-mpi{width: 100%; margin: 20px 0px; text-align: center;}.footer-logo .logo-mpi img{width: 120px; margin: 0px auto;}.copy-infografis{background-color: rgba(231, 231, 231, 0.63); padding: 8px 0px; text-align: center; font-size: 14px; color: rgba(40, 40, 40, 0.5);}.footer-bottom-right .link-footer{padding: 10px 0px;}.footer-bottom-right .link-footer a{font-size: 14px; line-height: 22px; color: #000; padding: 10px 0px;}.header-medium{font-size: 14px; line-height: 18px; margin-bottom: 12px;}.header-large{font-size: 24px; line-height: 28px; margin-bottom: 24px; font-weight: normal;}.grid-image{position: relative; width: 100%; height: 100%;}.grid-image img{width: 100%; height: 100%; object-fit: cover;}.grid-image-desc{position: absolute; bottom: 0px; background: linear-gradient(360deg, #121212 9.94%, rgba(18, 18, 18, 0) 100%); color: #fff; padding: 32px 60px;}.grid-image-desc p{font-size: 28px; line-height: 45px; font-weight: 700;}.grid-image-desc.small{padding: 0px 16px;}.grid-image-desc.small p{font-size: 16px; line-height: 24px; font-weight: 700;}.SwiperPhotoThumb{width: 400px; height: auto; margin: 0px auto; float: unset;}.tabs{display: none;}.tabs.active{display: block;}.bg-galerimu-grid{background: url(../images/bg-galerimu.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 200px; padding: 24px; position: relative; margin-bottom: 24px;}.bg-galerimu-text{width: 260px; height: auto; float: left;}.bg-galerimu-text p{font-size: 16px; line-height: 26px; color: #fff; margin: 0px;}.text-photo{color: #38bfb0;}.bg-galerimu-btn{position: absolute; width: auto; float: right; bottom: 24px; right: 22px;}
/* swiper-bundle.min.css */
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.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{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-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:flex;justify-content: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%;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;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* animate.css */
@charset "UTF-8";.animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}.animated.infinite{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}.animated.hinge{-webkit-animation-duration: 2s; animation-duration: 2s;}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration: .75s; animation-duration: .75s;}@-webkit-keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}40%, 43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);}90%{-webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);}}@keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}40%, 43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);}90%{-webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);}}.bounce{-webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom;}@-webkit-keyframes flash{from, 50%, to{opacity: 1;}25%, 75%{opacity: 0;}}@keyframes flash{from, 50%, to{opacity: 1;}25%, 75%{opacity: 0;}}.flash{-webkit-animation-name: flash; animation-name: flash;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes pulse{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}@keyframes pulse{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}.pulse{-webkit-animation-name: pulse; animation-name: pulse;}@-webkit-keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}@keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}.rubberBand{-webkit-animation-name: rubberBand; animation-name: rubberBand;}@-webkit-keyframes shake{from, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}}@keyframes shake{from, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}}.shake{-webkit-animation-name: shake; animation-name: shake;}@-webkit-keyframes headShake{0%{-webkit-transform: translateX(0); transform: translateX(0);}6.5%{-webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg);}31.5%{-webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg);}50%{-webkit-transform: translateX(0); transform: translateX(0);}}@keyframes headShake{0%{-webkit-transform: translateX(0); transform: translateX(0);}6.5%{-webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg);}31.5%{-webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg);}50%{-webkit-transform: translateX(0); transform: translateX(0);}}.headShake{-webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake;}@-webkit-keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);}80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}}@keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);}80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}}.swing{-webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;}@-webkit-keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}@keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}.tada{-webkit-animation-name: tada; animation-name: tada;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes wobble{from{-webkit-transform: none; transform: none;}15%{-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}30%{-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}45%{-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}60%{-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}75%{-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}to{-webkit-transform: none; transform: none;}}@keyframes wobble{from{-webkit-transform: none; transform: none;}15%{-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}30%{-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}45%{-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}60%{-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}75%{-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}to{-webkit-transform: none; transform: none;}}.wobble{-webkit-animation-name: wobble; animation-name: wobble;}@-webkit-keyframes jello{from, 11.1%, to{-webkit-transform: none; transform: none;}22.2%{-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);}88.8%{-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}}@keyframes jello{from, 11.1%, to{-webkit-transform: none; transform: none;}22.2%{-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);}88.8%{-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}}.jello{-webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center;}@-webkit-keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97);}to{opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}@keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97);}to{opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}.bounceIn{-webkit-animation-name: bounceIn; animation-name: bounceIn;}@-webkit-keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);}75%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}90%{-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}to{-webkit-transform: none; transform: none;}}@keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);}75%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}90%{-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}to{-webkit-transform: none; transform: none;}}.bounceInDown{-webkit-animation-name: bounceInDown; animation-name: bounceInDown;}@-webkit-keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);}75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}to{-webkit-transform: none; transform: none;}}@keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);}75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}to{-webkit-transform: none; transform: none;}}.bounceInLeft{-webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;}@-webkit-keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);}75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);}to{-webkit-transform: none; transform: none;}}@keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);}75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);}to{-webkit-transform: none; transform: none;}}.bounceInRight{-webkit-animation-name: bounceInRight; animation-name: bounceInRight;}@-webkit-keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}from{opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}75%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}90%{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}@keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}from{opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}75%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}90%{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}.bounceInUp{-webkit-animation-name: bounceInUp; animation-name: bounceInUp;}@-webkit-keyframes bounceOut{20%{-webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9);}50%, 55%{opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}to{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}}@keyframes bounceOut{20%{-webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9);}50%, 55%{opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}to{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}}.bounceOut{-webkit-animation-name: bounceOut; animation-name: bounceOut;}@-webkit-keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}}@keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}}.bounceOutDown{-webkit-animation-name: bounceOutDown; animation-name: bounceOutDown;}@-webkit-keyframes bounceOutLeft{20%{opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}}@keyframes bounceOutLeft{20%{opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}}.bounceOutLeft{-webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft;}@-webkit-keyframes bounceOutRight{20%{opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}}@keyframes bounceOutRight{20%{opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}}.bounceOutRight{-webkit-animation-name: bounceOutRight; animation-name: bounceOutRight;}@-webkit-keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}}@keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}}.bounceOutUp{-webkit-animation-name: bounceOutUp; animation-name: bounceOutUp;}@-webkit-keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}@keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}.fadeIn{-webkit-animation-name: fadeIn; animation-name: fadeIn;}@-webkit-keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;}@-webkit-keyframes fadeInDownBig{from{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInDownBig{from{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInDownBig{-webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig;}@-webkit-keyframes fadeInLeft{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInLeft{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInLeft{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}@-webkit-keyframes fadeInLeftBig{from{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInLeftBig{from{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInLeftBig{-webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig;}@-webkit-keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInRight{-webkit-animation-name: fadeInRight; animation-name: fadeInRight;}@-webkit-keyframes fadeInRightBig{from{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInRightBig{from{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInRightBig{-webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;}@-webkit-keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInUp{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}@-webkit-keyframes fadeInUpBig{from{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes fadeInUpBig{from{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}}.fadeInUpBig{-webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig;}@-webkit-keyframes fadeOut{from{opacity: 1;}to{opacity: 0;}}@keyframes fadeOut{from{opacity: 1;}to{opacity: 0;}}.fadeOut{-webkit-animation-name: fadeOut; animation-name: fadeOut;}@-webkit-keyframes fadeOutDown{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}}@keyframes fadeOutDown{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}}.fadeOutDown{-webkit-animation-name: fadeOutDown; animation-name: fadeOutDown;}@-webkit-keyframes fadeOutDownBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}}@keyframes fadeOutDownBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}}.fadeOutDownBig{-webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig;}@-webkit-keyframes fadeOutLeft{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}}@keyframes fadeOutLeft{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}}.fadeOutLeft{-webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;}@-webkit-keyframes fadeOutLeftBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}}@keyframes fadeOutLeftBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}}.fadeOutLeftBig{-webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig;}@-webkit-keyframes fadeOutRight{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}}@keyframes fadeOutRight{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}}.fadeOutRight{-webkit-animation-name: fadeOutRight; animation-name: fadeOutRight;}@-webkit-keyframes fadeOutRightBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}}@keyframes fadeOutRightBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}}.fadeOutRightBig{-webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig;}@-webkit-keyframes fadeOutUp{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}}@keyframes fadeOutUp{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}}.fadeOutUp{-webkit-animation-name: fadeOutUp; animation-name: fadeOutUp;}@-webkit-keyframes fadeOutUpBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}}@keyframes fadeOutUpBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}}.fadeOutUpBig{-webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig;}@-webkit-keyframes flip{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}50%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}80%{-webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}to{-webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}}@keyframes flip{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}50%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}80%{-webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}to{-webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}}.animated.flip{-webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip;}@-webkit-keyframes flipInX{from{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}}@keyframes flipInX{from{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}}.flipInX{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;}@-webkit-keyframes flipInY{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}}@keyframes flipInY{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}}.flipInY{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY;}@-webkit-keyframes flipOutX{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;}}@keyframes flipOutX{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;}}.flipOutX{-webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important;}@-webkit-keyframes flipOutY{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;}}@keyframes flipOutY{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;}}.flipOutY{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY;}@-webkit-keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;}60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;}80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;}to{-webkit-transform: none; transform: none; opacity: 1;}}@keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;}60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;}80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;}to{-webkit-transform: none; transform: none; opacity: 1;}}.lightSpeedIn{-webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}@-webkit-keyframes lightSpeedOut{from{opacity: 1;}to{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}}@keyframes lightSpeedOut{from{opacity: 1;}to{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}}.lightSpeedOut{-webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}@-webkit-keyframes rotateIn{from{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;}}@keyframes rotateIn{from{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;}}.rotateIn{-webkit-animation-name: rotateIn; animation-name: rotateIn;}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}}@keyframes rotateInDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}}.rotateInDownLeft{-webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft;}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}}@keyframes rotateInDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}}.rotateInDownRight{-webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight;}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}}@keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}}.rotateInUpLeft{-webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft;}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}}@keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}}.rotateInUpRight{-webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight;}@-webkit-keyframes rotateOut{from{-webkit-transform-origin: center; transform-origin: center; opacity: 1;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;}}@keyframes rotateOut{from{-webkit-transform-origin: center; transform-origin: center; opacity: 1;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;}}.rotateOut{-webkit-animation-name: rotateOut; animation-name: rotateOut;}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}}.rotateOutDownLeft{-webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft;}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}}@keyframes rotateOutDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}}.rotateOutDownRight{-webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight;}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}}.rotateOutUpLeft{-webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft;}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}}@keyframes rotateOutUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}}.rotateOutUpRight{-webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight;}@-webkit-keyframes hinge{0%{-webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}20%, 60%{-webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}40%, 80%{-webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;}to{-webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;}}@keyframes hinge{0%{-webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}20%, 60%{-webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}40%, 80%{-webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;}to{-webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;}}.hinge{-webkit-animation-name: hinge; animation-name: hinge;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollIn{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to{opacity: 1; -webkit-transform: none; transform: none;}}@keyframes rollIn{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to{opacity: 1; -webkit-transform: none; transform: none;}}.rollIn{-webkit-animation-name: rollIn; animation-name: rollIn;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollOut{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}}@keyframes rollOut{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}}.rollOut{-webkit-animation-name: rollOut; animation-name: rollOut;}@-webkit-keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}50%{opacity: 1;}}@keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}50%{opacity: 1;}}.zoomIn{-webkit-animation-name: zoomIn; animation-name: zoomIn;}@-webkit-keyframes zoomInDown{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}@keyframes zoomInDown{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomInDown{-webkit-animation-name: zoomInDown; animation-name: zoomInDown;}@-webkit-keyframes zoomInLeft{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}@keyframes zoomInLeft{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomInLeft{-webkit-animation-name: zoomInLeft; animation-name: zoomInLeft;}@-webkit-keyframes zoomInRight{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}@keyframes zoomInRight{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomInRight{-webkit-animation-name: zoomInRight; animation-name: zoomInRight;}@-webkit-keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}@keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}60%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomInUp{-webkit-animation-name: zoomInUp; animation-name: zoomInUp;}@-webkit-keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}to{opacity: 0;}}@keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}to{opacity: 0;}}.zoomOut{-webkit-animation-name: zoomOut; animation-name: zoomOut;}@-webkit-keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}to{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}@keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}to{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomOutDown{-webkit-animation-name: zoomOutDown; animation-name: zoomOutDown;}@-webkit-keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;}}@keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;}}.zoomOutLeft{-webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft;}@-webkit-keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;}}@keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;}}.zoomOutRight{-webkit-animation-name: zoomOutRight; animation-name: zoomOutRight;}@-webkit-keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}to{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}@keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}to{opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}.zoomOutUp{-webkit-animation-name: zoomOutUp; animation-name: zoomOutUp;}@-webkit-keyframes slideInDown{from{-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}@keyframes slideInDown{from{-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}.slideInDown{-webkit-animation-name: slideInDown; animation-name: slideInDown;}@-webkit-keyframes slideInLeft{from{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}@keyframes slideInLeft{from{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}.slideInLeft{-webkit-animation-name: slideInLeft; animation-name: slideInLeft;}@-webkit-keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}@keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}.slideInRight{-webkit-animation-name: slideInRight; animation-name: slideInRight;}@-webkit-keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}@keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}.slideInUp{-webkit-animation-name: slideInUp; animation-name: slideInUp;}@-webkit-keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}}@keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}}.slideOutDown{-webkit-animation-name: slideOutDown; animation-name: slideOutDown;}@-webkit-keyframes slideOutLeft{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}}@keyframes slideOutLeft{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}}.slideOutLeft{-webkit-animation-name: slideOutLeft; animation-name: slideOutLeft;}@-webkit-keyframes slideOutRight{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}}@keyframes slideOutRight{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}}.slideOutRight{-webkit-animation-name: slideOutRight; animation-name: slideOutRight;}@-webkit-keyframes slideOutUp{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}}@keyframes slideOutUp{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}}.slideOutUp{-webkit-animation-name: slideOutUp; animation-name: slideOutUp;}