.d1000, .d1001{ width:1200px; margin:0 auto; } .d100{ min-width:1200px; } .clear{clear:both} /* [ SLIDER ] */ .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-stage-outer{border-radius: 10px;position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-item,.owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-item{min-height:1px;float:right;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-item img{display:block;width:100%}.owl-dots.disabled,.owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-dot,.owl-nav .owl-next,.owl-nav .owl-prev{display:none;cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button.owl-dot{color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.animated{animation-duration:1s;animation-fill-mode:both}.owl-animated-in{z-index:0}.owl-animated-out{z-index:1}.fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-item img.owl-lazy{transform-style:preserve-3d}.owl-video-wrapper{position:relative;height:100%;background:#000}.owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-video-playing .owl-video-play-icon,.owl-video-playing .owl-video-tn{display:none}.owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-dots{ text-align: center; backface-visibility: hidden; padding-top:15px; } .owl-dot{ border-radius: 50%; height: 10px; width: 10px; display: inline-block; background: rgba(255,255,255, 0.5); margin:0 5px; } .owl-dot.active{ background: rgba(255,255,255, 1); } .owl-nav{ backface-visibility: hidden; background:none; } .owl-nav button { position: absolute; top: 0; bottom: 31px; width: 25px; background: rgba(34,34,34,.2); font-size: 33px; color: #fff; border: none; padding: 0; border-radius: 0; } .owl-nav button.owl-prev{ right:10px; } .owl-nav button.owl-next { left: 10px; } .special_body { position: relative; z-index: 2; margin-top: 20px; overflow: hidden; } .special_body A { display: block; float: right; width: 11.4%; margin: .8% 0 .8% 1.2%; overflow: hidden; position: relative; background: #fff; padding: 0px; border-radius: 6px; } .special_body.specialSlider .owl-item A{ float:none; width: 100%; margin:0; } .special_body A:nth-child(8n){ margin-left:0; } .special_body A .special_txt{ display: block; height: 60px; font: normal 12px/1.5 wintheme_fonts; color: #777; transition: .1s; padding: 5px 10px; overflow: hidden; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis; letter-spacing: -0.5px; } .special_body A .special_txt B { display: block; font: bold 14px/2 wintheme_fonts; color: #555; transition: .1s; white-space: nowrap; overflow: hidden; word-break: keep-all; text-overflow: ellipsis; } .special_body A:hover .special_txt B{ color:#004792; } .special_body A:hover .special_txt{ color:#bbb; } .special_body A .special_abs{ position:absolute; top:0; right:0; left:0; bottom:100%; background:rgba(0,0,0,0.8); color:#fff; font:normal 10px/2 wintheme_fonts; transition:.2s; opacity:0; overflow:hidden; border-radius: 2px; padding: 5px; } .special_body A IMG{ display: block; width: 100%; border-radius: 5px; margin: 0 auto; height: auto; transition: .2s; position: relative; } .special_body A .special_abs B { display: block; font-size: 12px; padding: 20px 10px 5px; } .special_body A:hover .special_abs{ opacity:1; bottom:55px; } .artist_body A { transition: .3s; width: 10.9%; margin: .8% .1% .8% .1%; } .artist_body .owl-item A{ width: 100%; margin:0; } .artist_body A IMG{ display:block; width:100%; height:auto; border:none; -webkit-filter: grayscale(1); filter: gray; filter: grayscale(1); opacity: .9; transition: .1s; } .artist_body A:hover IMG{ -webkit-filter: grayscale(0); filter: none; filter: grayscale(0); opacity: 1; } .artist_body A .special_txt{ display: block; padding-top: 5px; height: 37px; font: normal 13px/1 calibri,wintheme_fonts; color: #565656; white-space: nowrap; text-transform: uppercase; } .artist_body A:hover .special_txt B{ color: #2283c2; } /* [ post ] */ .headTitle { text-align: right; font-size: 18px; letter-spacing: -.5px; line-height: 2.7; color: #fff; background: #3b8d99; display: block; float: right; border-radius: 10px; padding: 5px 25px 5px 15px; margin: 5px 0 5px; width: 100%; font-weight: bold; } .headTitle .headMore { display: block; float: left; background: #fff; line-height: 1; padding: 9px; font-size: 12px; color: #555; border-radius: 5px; margin-top: 10px; margin-right: 50px; transition: .1s; border: none; } .headTitle .headMore:hover{ background: #555; color: #fff; } .headTitle h1 { display: inline-block; font-size: 24px; } .headTitleGold { background: #b91d73; } .headTitleBlack{ background: linear-gradient(to right,#555,#222); } .headTitleMadahi{ background: linear-gradient(to right,#565656,#1f1f1f); } .postPlayBt { position: absolute; bottom: 14px; left: 18px; font-size: 0px; color: #c7c4cf; cursor: pointer; line-height: 1; transition: .2s; border-radius:10px; height: 26px; width: 26px; } .postPlayBt:hover{ color: #7B68EE; } .postPlayBt.icon-play{ -webkit-mask-image: url(../img/icons/play-gray.svg); mask-image: url(../img/icons/play-gray.svg); background-color: #b1bfce; } .postPlayBt.icon-play:hover{ background-color: #7B68EE; } .postPlayBt.active{ background-color: #4C516D; } .postPlayBt.icon-pause{ background:#fff url(../img/icons/puse.svg); } .selectedPost { position: absolute; bottom: 14px; right: 17px; color: #eec10f; cursor: pointer; line-height: 1; transition: .2s; background: url(../img/icons/lace.svg); width: 26px; height: 26px; } .posts{ margin-bottom: 10px; padding-top: 0; } .post{ float: right; width: 19%; margin: 1% 0 0 1%; background: #fff; position: relative; box-shadow: 0 0 6px #c9d7f3; border-radius: 10px; transition: .2s; } .posts .post:nth-child(5n){ margin-left:0; } .post_body{ position:relative; overflow:hidden; } .post_img{ position: relative; max-width: 100%; margin: 0 auto; margin-bottom: 10px; overflow: hidden; } .post_img IMG { display: block; width: 100%; opacity: 0.9; height: auto; border-radius: 10px 10px 0px 0px; transition: 0.2s; } .post:hover .post_img IMG{ opacity: 1; } .soon_img img{ -webkit-filter: grayscale(1); filter: gray; filter: grayscale(1); opacity: 0.7; } .post H2{ padding: 10px; font: normal 14px/2 wintheme_fonts; color: #454545; white-space: nowrap; overflow: hidden; word-break: keep-all; text-overflow: ellipsis; letter-spacing: -0.5px; transition:0.2s; } .post H2 A{ color:#454545; } .post_info{ padding:0 10px 20px; font:normal 12px/2 wintheme_fonts; color:#777; white-space: pre; height: 70px; overflow: hidden; } .post_info A{ color:#002147; transition:.3s; font-weight:bold; } .post_info A:hover{ color:#7B68EE; } .post_link{ display: block; width: 120px; margin: 0 auto; margin-bottom: 10px; font: bold 12px/2.5 wintheme_fonts; border-radius: 50px; transition: .2s; color: #b1bfce; line-height: 2.5; background: #fff; border: 2px solid #e9eff5; } .post_link:hover { color: #4C516D; border: 2px solid #4C516D; } .post_soon{ position: absolute; color: #f3f3f3; right: 5px; padding: 0 5px 2px; top: 5px; font-weight: 700; background: rgb(216 97 97); border-radius: 3px; font-size: 9px; } /* [ P L A Y E R ] */ [class^="player-icon-"]:before, [class*=" player-icon-"]:before{ content:""; display:block; width:14px; height:14px; margin:0 auto; margin-top:8px; background-color:#fff; transition:.2s; } .player-icon-play:before{ mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik00My4xLDE2LjdjLTAuNS0wLjMtMS4xLTAuNS0xLjYtMC41Yy0xLjEsMC0yLjEsMC41LTIuNiwxLjVjLTAuOSwxLjUtMC41LDMuNCwxLDQuM2MxLjEsMC43LDEuNywxLjksMS43LDMuMQ0KCWMwLDEuMy0wLjcsMi41LTEuNywzLjFMMTYuMSw0M2MtMC42LDAuNC0xLjMsMC42LTIsMC42Yy0wLjYsMC0xLjItMC4yLTEuOC0wLjVjLTEuMi0wLjctMS45LTEuOS0xLjktMy4yVjEwLjMNCgljMC0xLjQsMC43LTIuNiwxLjktMy4yYzAuNi0wLjMsMS4yLTAuNSwxLjgtMC41YzAuNywwLDEuNCwwLjIsMiwwLjZsMTMuOCw4LjZjMC41LDAuMywxLjEsMC41LDEuNiwwLjVjMS4xLDAsMi4xLTAuNSwyLjYtMS41DQoJYzAuNC0wLjcsMC42LTEuNSwwLjQtMi4zYy0wLjItMC44LTAuNy0xLjUtMS40LTEuOUwxOS40LDEuOWMtMS42LTEtMy40LTEuNS01LjItMS41Yy0xLjcsMC0zLjMsMC40LTQuOCwxLjNjLTMuMiwxLjgtNS4xLDUtNS4xLDguNw0KCXYyOS42YzAsMy43LDEuOSw2LjksNS4xLDguN2MxLjUsMC44LDMuMiwxLjMsNC44LDEuM2MxLjgsMCwzLjYtMC41LDUuMi0xLjVsMjMuOC0xNC44YzIuOS0xLjgsNC43LTUsNC43LTguNA0KCUM0Ny44LDIxLjYsNDYuMSwxOC41LDQzLjEsMTYuN3oiLz4NCjwvc3ZnPg0K"); -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik00My4xLDE2LjdjLTAuNS0wLjMtMS4xLTAuNS0xLjYtMC41Yy0xLjEsMC0yLjEsMC41LTIuNiwxLjVjLTAuOSwxLjUtMC41LDMuNCwxLDQuM2MxLjEsMC43LDEuNywxLjksMS43LDMuMQ0KCWMwLDEuMy0wLjcsMi41LTEuNywzLjFMMTYuMSw0M2MtMC42LDAuNC0xLjMsMC42LTIsMC42Yy0wLjYsMC0xLjItMC4yLTEuOC0wLjVjLTEuMi0wLjctMS45LTEuOS0xLjktMy4yVjEwLjMNCgljMC0xLjQsMC43LTIuNiwxLjktMy4yYzAuNi0wLjMsMS4yLTAuNSwxLjgtMC41YzAuNywwLDEuNCwwLjIsMiwwLjZsMTMuOCw4LjZjMC41LDAuMywxLjEsMC41LDEuNiwwLjVjMS4xLDAsMi4xLTAuNSwyLjYtMS41DQoJYzAuNC0wLjcsMC42LTEuNSwwLjQtMi4zYy0wLjItMC44LTAuNy0xLjUtMS40LTEuOUwxOS40LDEuOWMtMS42LTEtMy40LTEuNS01LjItMS41Yy0xLjcsMC0zLjMsMC40LTQuOCwxLjNjLTMuMiwxLjgtNS4xLDUtNS4xLDguNw0KCXYyOS42YzAsMy43LDEuOSw2LjksNS4xLDguN2MxLjUsMC44LDMuMiwxLjMsNC44LDEuM2MxLjgsMCwzLjYtMC41LDUuMi0xLjVsMjMuOC0xNC44YzIuOS0xLjgsNC43LTUsNC43LTguNA0KCUM0Ny44LDIxLjYsNDYuMSwxOC41LDQzLjEsMTYuN3oiLz4NCjwvc3ZnPg0K"); } .player-icon-pause:before{ mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zNi44LDAuM2MtMy4xLDAtNS43LDIuNS01LjcsNS43djM3LjljMCwzLjEsMi41LDUuNyw1LjcsNS43YzMuMSwwLDUuNy0yLjUsNS43LTUuN1Y1LjlDNDIuNSwyLjgsNDAsMC4zLDM2LjgsMC4zeiIvPg0KCTxwYXRoIGQ9Ik0xNC4zLDAuM2MtMy4xLDAtNS43LDIuNS01LjcsNS43djM3LjljMCwzLjEsMi41LDUuNyw1LjcsNS43YzMuMSwwLDUuNy0yLjUsNS43LTUuN1Y1LjlDMjAsMi44LDE3LjUsMC4zLDE0LjMsMC4zeiIvPg0KPC9nPg0KPC9zdmc+DQo="); -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zNi44LDAuM2MtMy4xLDAtNS43LDIuNS01LjcsNS43djM3LjljMCwzLjEsMi41LDUuNyw1LjcsNS43YzMuMSwwLDUuNy0yLjUsNS43LTUuN1Y1LjlDNDIuNSwyLjgsNDAsMC4zLDM2LjgsMC4zeiIvPg0KCTxwYXRoIGQ9Ik0xNC4zLDAuM2MtMy4xLDAtNS43LDIuNS01LjcsNS43djM3LjljMCwzLjEsMi41LDUuNyw1LjcsNS43YzMuMSwwLDUuNy0yLjUsNS43LTUuN1Y1LjlDMjAsMi44LDE3LjUsMC4zLDE0LjMsMC4zeiIvPg0KPC9nPg0KPC9zdmc+DQo="); } .player-icon-next:before{ mask-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zNi4yLDE5LjZMOS4xLDEuOGMtNC43LTMuMS04LjUtMS04LjUsNC42djM3LjVjMCw1LjYsMy44LDcuNyw4LjUsNC42bDI3LjEtMTcuN0M0MC45LDI3LjcsNDAuOSwyMi43LDM2LjIsMTkuNnoNCgkJIE0zMy4zLDI3LjFMNy45LDQzLjdjLTEuNiwxLjEtMywwLjQtMy0xLjZ2LTM0YzAtMiwxLjMtMi43LDMtMS42bDI1LjQsMTYuN0MzNC45LDI0LjMsMzQuOSwyNi4xLDMzLjMsMjcuMXoiLz4NCgk8cGF0aCBkPSJNNDkuMiw0Ni41SDQ2Yy0wLjMsMC0wLjYtMC4zLTAuNi0wLjZWMy42QzQ1LjQsMy4zLDQ1LjYsMyw0NiwzaDMuM2MwLjMsMCwwLjYsMC4zLDAuNiwwLjZ2NDIuMw0KCQlDNDkuOCw0Ni4zLDQ5LjYsNDYuNSw0OS4yLDQ2LjV6Ii8+DQo8L2c+DQo8L3N2Zz4NCg=='); -webkit-mask-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zNi4yLDE5LjZMOS4xLDEuOGMtNC43LTMuMS04LjUtMS04LjUsNC42djM3LjVjMCw1LjYsMy44LDcuNyw4LjUsNC42bDI3LjEtMTcuN0M0MC45LDI3LjcsNDAuOSwyMi43LDM2LjIsMTkuNnoNCgkJIE0zMy4zLDI3LjFMNy45LDQzLjdjLTEuNiwxLjEtMywwLjQtMy0xLjZ2LTM0YzAtMiwxLjMtMi43LDMtMS42bDI1LjQsMTYuN0MzNC45LDI0LjMsMzQuOSwyNi4xLDMzLjMsMjcuMXoiLz4NCgk8cGF0aCBkPSJNNDkuMiw0Ni41SDQ2Yy0wLjMsMC0wLjYtMC4zLTAuNi0wLjZWMy42QzQ1LjQsMy4zLDQ1LjYsMyw0NiwzaDMuM2MwLjMsMCwwLjYsMC4zLDAuNiwwLjZ2NDIuMw0KCQlDNDkuOCw0Ni4zLDQ5LjYsNDYuNSw0OS4yLDQ2LjV6Ii8+DQo8L2c+DQo8L3N2Zz4NCg=='); } .player-icon-previous:before{ mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0xNC4yLDMwLjZsMjcuMSwxNy44YzQuNywzLjEsOC41LDEsOC41LTQuNlY2LjRjMC01LjYtMy44LTcuNy04LjUtNC42TDE0LjIsMTkuNUM5LjUsMjIuNSw5LjUsMjcuNiwxNC4yLDMwLjZ6IE0xNy4xLDIzLjENCgkJTDQyLjUsNi41YzEuNi0xLjEsMy0wLjQsMywxLjZ2MzRjMCwyLTEuMywyLjctMywxLjZMMTcuMSwyN0MxNS41LDI2LDE1LjUsMjQuMiwxNy4xLDIzLjF6Ii8+DQoJPHBhdGggZD0iTTEuMiwzLjdoMy4zQzQuOCwzLjcsNSw0LDUsNC4zdjQyLjNjMCwwLjMtMC4zLDAuNi0wLjYsMC42SDEuMmMtMC4zLDAtMC42LTAuMy0wLjYtMC42bDAtNDIuM0MwLjYsNCwwLjgsMy43LDEuMiwzLjd6Ii8+DQo8L2c+DQo8L3N2Zz4NCg=="); -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0xNC4yLDMwLjZsMjcuMSwxNy44YzQuNywzLjEsOC41LDEsOC41LTQuNlY2LjRjMC01LjYtMy44LTcuNy04LjUtNC42TDE0LjIsMTkuNUM5LjUsMjIuNSw5LjUsMjcuNiwxNC4yLDMwLjZ6IE0xNy4xLDIzLjENCgkJTDQyLjUsNi41YzEuNi0xLjEsMy0wLjQsMywxLjZ2MzRjMCwyLTEuMywyLjctMywxLjZMMTcuMSwyN0MxNS41LDI2LDE1LjUsMjQuMiwxNy4xLDIzLjF6Ii8+DQoJPHBhdGggZD0iTTEuMiwzLjdoMy4zQzQuOCwzLjcsNSw0LDUsNC4zdjQyLjNjMCwwLjMtMC4zLDAuNi0wLjYsMC42SDEuMmMtMC4zLDAtMC42LTAuMy0wLjYtMC42bDAtNDIuM0MwLjYsNCwwLjgsMy43LDEuMiwzLjd6Ii8+DQo8L2c+DQo8L3N2Zz4NCg=="); } .player-icon-repeat:before{ mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik00OSw0Mi43Yy0wLjEtMS4xLTEuMS0yLTIuMi0xLjlMNDMuOSw0MWM4LjMtMTAsNy40LTI0LjktMi4yLTMzLjlDMzEuNi0yLjEsMTYtMS40LDYuOCw4LjZjLTkuMiwxMC04LjYsMjUuNiwxLjQsMzQuOQ0KCWM0LjIsMy44LDkuNiw2LjEsMTUuMiw2LjVjMS4xLDAuMSwyLjEtMC44LDIuMi0xLjljMC4xLTEuMS0wLjgtMi4xLTEuOS0yLjJjLTQuNy0wLjMtOS4yLTIuMi0xMi43LTUuNGMtOC4zLTcuNy04LjgtMjAuNy0xLjItMjkNCgljNy43LTguMywyMC43LTguOCwyOS0xLjJjOCw3LjQsOC44LDE5LjYsMi4xLDI3LjlsMC0yLjdjMC0xLjEtMC45LTIuMS0yLjEtMi4xYy0xLjEsMC0yLjEsMC45LTIuMSwyLjF2OC4xYzAsMC42LDAuMiwxLjEsMC43LDEuNQ0KCWMwLjQsMC40LDEsMC42LDEuNiwwLjVsOC4xLTAuNkM0OC4yLDQ0LjgsNDkuMSw0My44LDQ5LDQyLjd6Ii8+DQo8L3N2Zz4NCg=="); -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik00OSw0Mi43Yy0wLjEtMS4xLTEuMS0yLTIuMi0xLjlMNDMuOSw0MWM4LjMtMTAsNy40LTI0LjktMi4yLTMzLjlDMzEuNi0yLjEsMTYtMS40LDYuOCw4LjZjLTkuMiwxMC04LjYsMjUuNiwxLjQsMzQuOQ0KCWM0LjIsMy44LDkuNiw2LjEsMTUuMiw2LjVjMS4xLDAuMSwyLjEtMC44LDIuMi0xLjljMC4xLTEuMS0wLjgtMi4xLTEuOS0yLjJjLTQuNy0wLjMtOS4yLTIuMi0xMi43LTUuNGMtOC4zLTcuNy04LjgtMjAuNy0xLjItMjkNCgljNy43LTguMywyMC43LTguOCwyOS0xLjJjOCw3LjQsOC44LDE5LjYsMi4xLDI3LjlsMC0yLjdjMC0xLjEtMC45LTIuMS0yLjEtMi4xYy0xLjEsMC0yLjEsMC45LTIuMSwyLjF2OC4xYzAsMC42LDAuMiwxLjEsMC43LDEuNQ0KCWMwLjQsMC40LDEsMC42LDEuNiwwLjVsOC4xLTAuNkM0OC4yLDQ0LjgsNDkuMSw0My44LDQ5LDQyLjd6Ii8+DQo8L3N2Zz4NCg=="); } .player-icon-repeat-one:before{ mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik00Ni44LDQwLjhMNDMuOSw0MWM4LjMtMTAsNy40LTI0LjktMi4yLTMzLjlDMzEuNi0yLjEsMTYtMS40LDYuOCw4LjZjLTkuMiwxMC04LjYsMjUuNiwxLjQsMzQuOWM0LjIsMy44LDkuNiw2LjEsMTUuMiw2LjUNCgkJYzEuMSwwLjEsMi4xLTAuOCwyLjItMS45YzAuMS0xLjEtMC44LTIuMS0xLjktMi4yYy00LjctMC4zLTkuMi0yLjItMTIuNy01LjRjLTguMy03LjctOC44LTIwLjctMS4yLTI5YzcuNy04LjMsMjAuNy04LjgsMjktMS4yDQoJCWM4LDcuNCw4LjgsMTkuNiwyLjEsMjcuOWwwLTIuN2MwLTEuMS0wLjktMi4xLTIuMS0yLjFjLTEuMSwwLTIuMSwwLjktMi4xLDIuMXY4LjFjMCwwLjYsMC4yLDEuMSwwLjcsMS41YzAuNCwwLjQsMSwwLjYsMS42LDAuNQ0KCQlsOC4xLTAuNmMxLjEtMC4xLDItMS4xLDEuOS0yLjJDNDguOSw0MS42LDQ3LjksNDAuNyw0Ni44LDQwLjh6Ii8+DQoJPHBvbHlnb24gcG9pbnRzPSIxOC44LDE3LjggMTkuNiwyMS44IDIzLjksMTkuNyAyNCwxOS43IDI0LDM3LjcgMjkuMSwzNy43IDI5LjEsMTUgMjQuOCwxNSAJIi8+DQo8L2c+DQo8L3N2Zz4NCg=="); -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik00Ni44LDQwLjhMNDMuOSw0MWM4LjMtMTAsNy40LTI0LjktMi4yLTMzLjlDMzEuNi0yLjEsMTYtMS40LDYuOCw4LjZjLTkuMiwxMC04LjYsMjUuNiwxLjQsMzQuOWM0LjIsMy44LDkuNiw2LjEsMTUuMiw2LjUNCgkJYzEuMSwwLjEsMi4xLTAuOCwyLjItMS45YzAuMS0xLjEtMC44LTIuMS0xLjktMi4yYy00LjctMC4zLTkuMi0yLjItMTIuNy01LjRjLTguMy03LjctOC44LTIwLjctMS4yLTI5YzcuNy04LjMsMjAuNy04LjgsMjktMS4yDQoJCWM4LDcuNCw4LjgsMTkuNiwyLjEsMjcuOWwwLTIuN2MwLTEuMS0wLjktMi4xLTIuMS0yLjFjLTEuMSwwLTIuMSwwLjktMi4xLDIuMXY4LjFjMCwwLjYsMC4yLDEuMSwwLjcsMS41YzAuNCwwLjQsMSwwLjYsMS42LDAuNQ0KCQlsOC4xLTAuNmMxLjEtMC4xLDItMS4xLDEuOS0yLjJDNDguOSw0MS42LDQ3LjksNDAuNyw0Ni44LDQwLjh6Ii8+DQoJPHBvbHlnb24gcG9pbnRzPSIxOC44LDE3LjggMTkuNiwyMS44IDIzLjksMTkuNyAyNCwxOS43IDI0LDM3LjcgMjkuMSwzNy43IDI5LjEsMTUgMjQuOCwxNSAJIi8+DQo8L2c+DQo8L3N2Zz4NCg=="); } .player-icon-shuffle:before{ mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik00Ny44LDEwLjJMNDIsNC45QzQxLjIsNC4xLDQwLDQuMiwzOS4yLDVjLTAuNywwLjgtMC43LDIuMSwwLjEsMi44bDIsMS45QzMxLjIsOS45LDIzLDEyLDIxLDI2LjYNCgkJYy0xLjUsMTEuNi02LjcsMTMuNS0xOC42LDEzLjVjLTEuMSwwLTIsMC45LTIsMnMwLjksMiwyLDJjMTEuMSwwLDIwLjUtMS4zLDIyLjUtMTdjMS40LTEwLjksNi4xLTEzLjIsMTYuMy0xMy41bC0yLDEuOA0KCQljLTAuOCwwLjctMC45LDItMC4xLDIuOGMwLjcsMC44LDIsMC45LDIuOCwwLjFsNS43LTUuM2MwLjQtMC40LDAuNi0wLjksMC42LTEuNVM0OC4yLDEwLjUsNDcuOCwxMC4yeiIvPg0KCTxwYXRoIGQ9Ik0xLjYsNy45YzAtMS4xLDAuOS0yLDItMmM3LjksMCwxNC45LDAuNywxOS4xLDYuN2MtMC45LDEuMi0xLjYsMi41LTIuMyw0QzE3LjcsMTEsMTIuNiw5LjksMy41LDkuOUMyLjQsOS45LDEuNiw5LDEuNiw3LjkNCgkJeiBNNDMuMSwzMS42Yy0wLjgtMC43LTIuMS0wLjctMi44LDAuMWMtMC43LDAuOC0wLjcsMi4xLDAuMSwyLjhsMiwxLjhjLTYuNi0wLjItMTAuOC0xLjItMTMuNC00LjhjLTAuNCwxLjYtMSwzLTEuNiw0LjINCgkJYzMuOCwzLjYsOS4xLDQuNCwxNSw0LjVsLTIsMS45Yy0wLjgsMC43LTAuOSwyLTAuMSwyLjhjMC43LDAuOCwyLDAuOSwyLjgsMC4xbDUuNy01LjNjMC40LTAuNCwwLjYtMC45LDAuNi0xLjVzLTAuMi0xLjEtMC42LTEuNQ0KCQlMNDMuMSwzMS42eiIvPg0KPC9nPg0KPC9zdmc+DQo="); -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik00Ny44LDEwLjJMNDIsNC45QzQxLjIsNC4xLDQwLDQuMiwzOS4yLDVjLTAuNywwLjgtMC43LDIuMSwwLjEsMi44bDIsMS45QzMxLjIsOS45LDIzLDEyLDIxLDI2LjYNCgkJYy0xLjUsMTEuNi02LjcsMTMuNS0xOC42LDEzLjVjLTEuMSwwLTIsMC45LTIsMnMwLjksMiwyLDJjMTEuMSwwLDIwLjUtMS4zLDIyLjUtMTdjMS40LTEwLjksNi4xLTEzLjIsMTYuMy0xMy41bC0yLDEuOA0KCQljLTAuOCwwLjctMC45LDItMC4xLDIuOGMwLjcsMC44LDIsMC45LDIuOCwwLjFsNS43LTUuM2MwLjQtMC40LDAuNi0wLjksMC42LTEuNVM0OC4yLDEwLjUsNDcuOCwxMC4yeiIvPg0KCTxwYXRoIGQ9Ik0xLjYsNy45YzAtMS4xLDAuOS0yLDItMmM3LjksMCwxNC45LDAuNywxOS4xLDYuN2MtMC45LDEuMi0xLjYsMi41LTIuMyw0QzE3LjcsMTEsMTIuNiw5LjksMy41LDkuOUMyLjQsOS45LDEuNiw5LDEuNiw3LjkNCgkJeiBNNDMuMSwzMS42Yy0wLjgtMC43LTIuMS0wLjctMi44LDAuMWMtMC43LDAuOC0wLjcsMi4xLDAuMSwyLjhsMiwxLjhjLTYuNi0wLjItMTAuOC0xLjItMTMuNC00LjhjLTAuNCwxLjYtMSwzLTEuNiw0LjINCgkJYzMuOCwzLjYsOS4xLDQuNCwxNSw0LjVsLTIsMS45Yy0wLjgsMC43LTAuOSwyLTAuMSwyLjhjMC43LDAuOCwyLDAuOSwyLjgsMC4xbDUuNy01LjNjMC40LTAuNCwwLjYtMC45LDAuNi0xLjVzLTAuMi0xLjEtMC42LTEuNQ0KCQlMNDMuMSwzMS42eiIvPg0KPC9nPg0KPC9zdmc+DQo="); } .player-icon-download:before{ mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik00Ny41LDQ3LjhMNDcuNSw0Ny44YzAsMS4xLTAuOSwyLTIsMkg1LjhjLTEuMSwwLTItMC45LTItMnYwYzAtMS4xLDAuOS0yLDItMmwzOS42LDBDNDYuNiw0NS44LDQ3LjUsNDYuNyw0Ny41LDQ3Ljh6Ii8+DQoJPHBhdGggZD0iTTM4LjQsMjMuNEwyNy4zLDM0LjVWMy4yaDBWMi41YzAtMS4xLTAuOS0yLTItMmgtMC4xYy0xLjEsMC0yLDAuOS0yLDJ2MC43aDB2MzEuM0wxMiwyMy40bC0zLDNsMTYuMSwxNi4xbDE2LjEtMTYuMQ0KCQlMMzguNCwyMy40eiIvPg0KPC9nPg0KPC9zdmc+DQo="); -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik00Ny41LDQ3LjhMNDcuNSw0Ny44YzAsMS4xLTAuOSwyLTIsMkg1LjhjLTEuMSwwLTItMC45LTItMnYwYzAtMS4xLDAuOS0yLDItMmwzOS42LDBDNDYuNiw0NS44LDQ3LjUsNDYuNyw0Ny41LDQ3Ljh6Ii8+DQoJPHBhdGggZD0iTTM4LjQsMjMuNEwyNy4zLDM0LjVWMy4yaDBWMi41YzAtMS4xLTAuOS0yLTItMmgtMC4xYy0xLjEsMC0yLDAuOS0yLDJ2MC43aDB2MzEuM0wxMiwyMy40bC0zLDNsMTYuMSwxNi4xbDE2LjEtMTYuMQ0KCQlMMzguNCwyMy40eiIvPg0KPC9nPg0KPC9zdmc+DQo="); } .player-icon-playlist:before{ mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik00Mi42LDEwLjNjLTIuNS0wLjktMi43LTMuMi0yLjgtNFY0LjFoLTMuNXYyNi40Yy0yLjgtMS44LTYuNy0yLjMtMTAuNS0xLjNjLTMuNiwxLTYuNiwzLjEtOC4yLDUuOQ0KCQljLTEuMiwyLTEuNSw0LjEtMC45LDYuMWMxLDMuOCw1LjEsNi40LDEwLjEsNi40YzEuMywwLDIuNi0wLjIsMy45LTAuNWMzLjYtMSw2LjYtMy4xLDguMi01LjljMS4xLTEuOSwxLjUtNCwxLTUuN1YxMi43DQoJCWMwLjUsMC4zLDEsMC42LDEuNiwwLjhjMy43LDEuMyw1LjIsNC4zLDQuOSw5LjVsMCwwLjdsMy40LDAuMmwwLTAuN0M1MC4yLDE2LjQsNDcuOCwxMiw0Mi42LDEwLjN6IE0zNS44LDM5LjMNCgkJYy0xLjEsMi0zLjQsMy41LTYuMSw0LjNjLTQuNSwxLjItOC45LTAuMy05LjctMy40Yy0wLjMtMS4xLTAuMS0yLjMsMC42LTMuNWMxLjEtMiwzLjQtMy41LDYuMS00LjNjMS0wLjMsMi0wLjQsMy0wLjQNCgkJYzMuNCwwLDYuMSwxLjUsNi43LDMuOEMzNi43LDM2LjksMzYuNSwzOC4xLDM1LjgsMzkuM3oiLz4NCgk8cmVjdCB4PSIwLjUiIHk9IjIxLjEiIHdpZHRoPSIyMi44IiBoZWlnaHQ9IjMuNyIvPg0KCTxyZWN0IHg9IjAuNSIgeT0iNC4zIiB3aWR0aD0iMzEuNiIgaGVpZ2h0PSIzLjciLz4NCgk8cmVjdCB4PSIwLjUiIHk9IjEyLjQiIHdpZHRoPSIzMS42IiBoZWlnaHQ9IjMuNyIvPg0KPC9nPg0KPC9zdmc+DQo="); -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik00Mi42LDEwLjNjLTIuNS0wLjktMi43LTMuMi0yLjgtNFY0LjFoLTMuNXYyNi40Yy0yLjgtMS44LTYuNy0yLjMtMTAuNS0xLjNjLTMuNiwxLTYuNiwzLjEtOC4yLDUuOQ0KCQljLTEuMiwyLTEuNSw0LjEtMC45LDYuMWMxLDMuOCw1LjEsNi40LDEwLjEsNi40YzEuMywwLDIuNi0wLjIsMy45LTAuNWMzLjYtMSw2LjYtMy4xLDguMi01LjljMS4xLTEuOSwxLjUtNCwxLTUuN1YxMi43DQoJCWMwLjUsMC4zLDEsMC42LDEuNiwwLjhjMy43LDEuMyw1LjIsNC4zLDQuOSw5LjVsMCwwLjdsMy40LDAuMmwwLTAuN0M1MC4yLDE2LjQsNDcuOCwxMiw0Mi42LDEwLjN6IE0zNS44LDM5LjMNCgkJYy0xLjEsMi0zLjQsMy41LTYuMSw0LjNjLTQuNSwxLjItOC45LTAuMy05LjctMy40Yy0wLjMtMS4xLTAuMS0yLjMsMC42LTMuNWMxLjEtMiwzLjQtMy41LDYuMS00LjNjMS0wLjMsMi0wLjQsMy0wLjQNCgkJYzMuNCwwLDYuMSwxLjUsNi43LDMuOEMzNi43LDM2LjksMzYuNSwzOC4xLDM1LjgsMzkuM3oiLz4NCgk8cmVjdCB4PSIwLjUiIHk9IjIxLjEiIHdpZHRoPSIyMi44IiBoZWlnaHQ9IjMuNyIvPg0KCTxyZWN0IHg9IjAuNSIgeT0iNC4zIiB3aWR0aD0iMzEuNiIgaGVpZ2h0PSIzLjciLz4NCgk8cmVjdCB4PSIwLjUiIHk9IjEyLjQiIHdpZHRoPSIzMS42IiBoZWlnaHQ9IjMuNyIvPg0KPC9nPg0KPC9zdmc+DQo="); } .playerAds{ margin-top:5px; } .player { position: fixed; bottom: 10px; left: 27px; background: #101a20; z-index: 99999; transition: .4s; box-shadow: 0 0 5px #aaa; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkituser-select: none; width: auto; border-radius: 10px; padding: 9px 11px; min-width: auto; } .player.deactive{ bottom:-250px; } .player .d1000{ position: relative; height: 100%; padding-left: 65px; width: auto; } .player .player_pic{ position: absolute; top: 4px; left: 1px; width: 55px; height: 55px; border-radius: 6px; } .player_list{ position: absolute; bottom: 63px; right: 0; width: 100%; max-width: 500px; background: #fff; box-shadow: 0 0 3px #aaa; font: normal 12px/1.7 wintheme_fonts; text-align: right; display: none; border-radius: 10px; } .player_list_head{ height: 50px; font: normal 14px/50px wintheme_fonts; color: #aaa; text-align: right; padding-right: 15px; position: relative; border-bottom: 2px solid #e8e8e8; background: #f9f9f9; margin-bottom: 5px; border-radius: 6px; margin: 10px; text-shadow: 1px 1px 0 #fff; } .player_list .player_list_head SPAN{ position:absolute; top:0; left:0; width:35px; height:50px; font-size:16px; line-height:55px; text-align:center; color:#aaa; transition:.2s; overflow:hidden; cursor:pointer; } .player_list .player_list_head SPAN.player_ctrl_shuffle{ left:36px; } .player_list .player_list_head SPAN.player_ctrl_loop{ left:72px; } .player_list .player_list_head SPAN.player_ctrl_shuffle:before, .player_list .player_list_head SPAN.player_ctrl_loop:before{ width:14px; height:14px; margin-top:18px; background-color:#aaa; } .player_list .player_list_head SPAN:hover{ color:#2fa4dc; } .player_list .player_list_head SPAN:hover:before{ background-color:#2fa4dc; } .player_list .player_list_head SPAN.player_ctrl_list:hover{ color:#f00; } .player_list .player_list_head SPAN.player_ctrl_list:hover:before{ background:none; } .player_list .player_list_head SPAN.active{ color:#ff5500; } .player_list .player_list_head SPAN.active:before{ background-color:#ff5500; } .player_list_items{ max-height:400px; overflow:auto; margin-bottom:10px; } .player_list .player_list_item { position: relative; height: 50px; padding: 5px 56px 5px 52px; cursor: pointer; transition: .4s; margin: 0 10px; border-radius: 7px; } .player_list .player_list_item:before{ display:none; } .player_list .player_list_item:hover{ background:#DBEDFF; } .player_list .player_list_item.active{ background:linear-gradient(to right,#26a9e1,#2984bf); } .player_list .player_list_item.deactive{ background:#eee; } .player_list .player_list_item IMG{ position: absolute; top: 7px; right: 9px; width: 36px; height: 36px; border-radius: 7px; transition: .2s; } .player_list .player_list_item.deactive IMG{ -webkit-filter: grayscale(100%); filter: grayscale(100%); } .player_list .player_list_item SPAN{ display: block; color: #999; font-size: 11px; transition: .2s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .player_list .player_list_item.active SPAN{ color: #fff; } .player_list .player_list_item B{ display: block; color: #222; transition: .2s; font-weight: bold; font-size: 13px; letter-spacing: -0.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .player_list .player_list_item.active B{ color: #fff; } .player_list .player_list_item.deactive SPAN, .player_list .player_list_item.deactive B{ opacity:.5; } .player_list .player_list_item I{ position:absolute; top:0; left:0; width:50px; height:50px; font-size:13px; line-height:55px; text-align:center; color:#aaa; overflow:hidden; } .player_list .player_list_item I.icon-clear::before{ content:"✖"; } .player_list .player_list_item I.icon-reload2::before{ content:"↺"; } .player_list .player_list_item.active I{ color:#fff; } .player_list .player_list_item.deactive I{ font-size:15px; color:#888; } .player_list .player_list_item:hover I{ color:#666; } .player_list .player_list_item I:hover{ color:#f00; } .player_dl{ position: absolute; bottom: 63px; right: 0; width: 100%; max-width: 400px; background: #fff; box-shadow: 0 0 3px #aaa; font: normal 12px/1.7 wintheme_fonts; text-align: right; display: none; border-radius: 10px; } .player_dl_head{ height: 50px; font: normal 14px/50px wintheme_fonts; color: #aaa; text-align: right; padding-right: 15px; position: relative; border-bottom: 2px solid #e8e8e8; background: #f9f9f9; margin-bottom: 5px; border-radius: 6px; margin: 10px; text-shadow: 1px 1px 0 #fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:40px; } .player_dl .player_dl_head SPAN{ position:absolute; top:0; left:0; width:35px; height:50px; font-size:16px; line-height:55px; text-align:center; color:#aaa; transition:.2s; overflow:hidden; cursor:pointer; } .player_dl .player_dl_head SPAN.player_ctrl_shuffle{ left:36px; } .player_list .player_list_head SPAN.player_ctrl_loop{ left:72px; } .player_dl .player_dl_head SPAN:hover{ color:#2fa4dc; } .player_dl .player_dl_head SPAN:hover:before{ background-color:#2fa4dc; } .player_dl .player_dl_head SPAN.player_ctrl_download:hover{ color:#f00; } .player_dl .player_dl_head SPAN.player_ctrl_download:hover:before{ background:none; } .player_dl .player_dl_head SPAN.active{ color:#ff5500; } .player_dl .player_dl_head SPAN.active:before{ background-color:#ff5500; } .player_dl_box{ padding:0 20px 10px; text-align:center; } .player_dl_box IMG{ display:block; width:100%; max-width:300px; height:auto; border-radius: 10px; margin:0 auto; margin-bottom:7px; } .player_dl_box A{ display: inline-block; width: 28%; background: #bdbdbd; color: #fff; line-height: 2; font-size: 11px; margin: 0 3px; margin-bottom: 7px; transition: .1s; opacity: 1; border-radius: 5px; padding: 4px 10px; } .player_dl_box A.player_dl_box_128{ background: #4bcab8; } .player_dl_box A.player_dl_box_320{ background: #0576bf; } .player_dl_box A:hover{ opacity:.8; } .player_pm{ position:absolute; bottom:50px; right:0; width:100%; text-align:center; opacity:0; transition:.3s; z-index:-1; } .player_pm.active{ bottom:70px; opacity:1; z-index:1; } .player_pm SPAN{ background: #fff; box-shadow: 0 0 3px #888; font: normal 11px/2 wintheme_fonts; color: #777; padding: 7px 20px; border-radius: 10px; } .player_controler{ direction:ltr; line-height:1; padding:1px 0 3px; text-align:left; } .player_controler SPAN, .player_controler A{ display:inline-block; width:30px; height:30px; margin:0 1px; font-size:19px; line-height:35px; color:#666; text-align:center; cursor:pointer; transition:.2s; overflow:hidden; position:relative; } .player_controler SPAN.player_ctrl_list{ float:right; font-size:24px; } .player_controler SPAN.player_ctrl_list:before{ width:18px; height:18px; margin-top:6px; } .player_controler SPAN.player_ctrl_play{ background:#0576BF; border-radius:50%; } .player_controler SPAN.player_ctrl_play:before{ background-color:#fff; width:16px; height:16px; margin-top:7px; } .player_controler SPAN:hover:before, .player_controler A:hover:before{ background-color:#e03e3e; } .player_controler SPAN.player_ctrl_play:hover{ background-color:#e03e3e; } .player_controler SPAN.player_ctrl_play:hover:before{ background-color:#fff; } .player_controler SPAN.active:before, .player_controler A.active:before{ background-color:#ff5500; } .player_controler SPAN.player_ctrl_play.active{ background-color:#ff5500; } .player_controler SPAN.player_ctrl_play.active:before{ background-color:#fff; } .player_controler SPAN.deactive, .player_controler A.deactive{ color:#fff; opacity:.4; cursor:default; } .player_controler SPAN.player_ctrl_play .player_loader{ position:absolute; top:-17px; right:-17px; width:64px; height:64px; z-index: 5; display:none; z-index:0; } .player_controler SPAN.player_ctrl_play.active .player_loader{ display:block; } .player_time{ position:relative; padding:0 40px 0 0; } .player_time_show{ position: absolute; top: 4px; font: normal 12px/18px wintheme_fonts; color: #a9bac5; letter-spacing: 0.5px; } .player_time_show.player_time_current{ left:0; display:none; } .player_time_show.player_time_total{ right:0; } .player_time_bar{ position: relative; margin: 0; } .player_time_bar .player_time_mousemove{ position:absolute; top:-28px; padding:0 12px; background:#3a3a3a; font:normal 12px/2 wintheme_fonts; color:#fff; border-radius:12px; display:none; } .player_time_bar .player_time_bar_main{ position: relative; height: 25px; background:#D8E0EA; border-radius: 6px; overflow: hidden; } .player_info{ position: absolute; top: 0; bottom: 0; right: 20px; left: 20px; font: normal 12px/24px wintheme_fonts; color: #101a20; text-align: center; z-index: 6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-shadow: 1px 0px 3px #b1bbc1; } .player_time_bar SPAN{ position:absolute; top:0; bottom:0; left:0; z-index:5; width:0; background: linear-gradient(to right,#26a9e1,#2984bf); border-radius:3px; cursor: pointer; } .player_time_bar B{ position:absolute; top:0; bottom:0; left:0; z-index:4; width:0; background:linear-gradient(to right,#d0e1e8,#add9ef); border-radius:3px; cursor: pointer; transition:.2s; } .player_time_bar B.nobg{ z-index:7; background:none; } .player_overall{ display:none; } .player_overall:before{ content:""; position:fixed; top:0; right:0; bottom:0; left:0; z-index:99998; background:rgba(0,0,0,.8); } /* [ P L A Y E R ] */ .subjectMain { margin: 15px 0; overflow: hidden; } .subjectMain br{ display:none; } .subjectMain .subject { display: block; float: right; width: 31%; height: 180px; background-size: cover; background-position: center; border-radius: 10px; overflow: hidden; position: relative; margin-bottom: 1.25%; transition: 0.2s; margin: 13px; opacity: 0.9; } .albumSlider .subject { width: 100%; margin: 0; float: unset; } .albumSlider { height:180px; } .subjectMain .subject:hover { opacity: 1; } .subjectMain .subject::before { content: ""; position: absolute; top: 60px; right: 0; bottom: 0; left: 0; z-index: 0; transition: 0.2s; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 2%, rgba(30,30,30,0.90) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 2%,rgba(30,30,30,0.90) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 2%,rgba(30,30,30,0.90) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } .subjectMain .subject:hover::before { top: 0px; } .subjectMain .subject H2 { position: absolute; bottom: 15px; right: 25px; font: normal 13px/1.8 wintheme_fonts; color: rgba(255,255,255,0.7); text-align: right; letter-spacing: -.5px; transition: .2s; text-shadow: 0 0 8px #000; } .subjectMain .subject:hover H2 { bottom: 30px; color: rgba(255,255,255,1); } .owl-carousel .owl-dot.active { display: none; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {display: none;} .archiv_slider{padding:0;} .archiv_slider .slider {margin-bottom: 35px;} .archiv_slider .slider .owl-carousel .owl-stage-outer{margin-right:15px;} .archiv_slider .item{width: 96%;} .archiv_slider .item .overly .toptitle h4, .archiv_slider .item .overly .toptitle h5{color:#333;font-size:13px;} .archiv_slider .item .overly .toptitle h5{font-weight:300;margin-top: 10px;} .archiv_slider .item .overly a.video{background:#1cb46b;} .archiv_slider .item .overly a.album{background:#eb1749;} .archiv_slider .owl-carousel .owl-dots.disabled{display: inline-flex;position: absolute;top: 106%;right: 46%;} .archiv_slider .owl-carousel .owl-dots .owl-dot{width: 10px;height: 10px;background: #363a45;margin: 0 3px;border-radius: 7px;} .archiv_slider .owl-carousel .owl-dots .owl-dot.active {background: #f6810f;width: 20px;height: 10px;border: 1px solid transparent;border-radius: 7px;} .archiv_slider .slider A { display: block; float: right; width: 100%; margin: 0% 0 1% 1.2%; overflow: hidden; position: relative; background: #fff; padding: 0px; border-radius: 6px; } .archiv_slider .item figure { overflow: hidden; width: 100%; height: auto; border-radius: 15px; } .archiv_slider .item figure img { width: 100%; } .slider .item img { width: 100%; height: auto; } .owl-carousel .owl-item img { display: block; width: 100%; } .archiv_slider .item .overly { display: flex; justify-content: space-between; padding: 5px; } .archiv_slider .item .overly a { background: #2084d0; border-radius: 15px; padding: 0px 13px; color: #fff; height: 23px; width: auto; } .archiv_slider .slider { margin-bottom: 0px; } .wp-pagenavi{ margin-top: 10px; background: #fff; border-radius: 3px; padding: 10px; } .wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: none !important; padding: 3px 5px; margin: 2px; color: #aaa; transition: 0.2s; } .wp-pagenavi a:hover, .wp-pagenavi span:hover { color: #555; } .wp-pagenavi span.current { font-weight: bold; color: #238cce; font-size: 17px; } /* [ LOADMORE ] */ .loadmore_holder{ position:relative; margin: 15px auto; width:100%; max-width: 360px; } .loadmore{ background: linear-gradient(to right,#26a9e1,#2984bf); font: 600 14px wintheme_fonts; color: #fff; border-radius: 10px; cursor: pointer; transition: .2s; width: 100%; line-height: 3.5; } .loadmore:hover{ opacity:0.8; } .loadmore:before{ display:inline-block; font-size:22px; vertical-align:middle; padding-left:7px; } .loadmore_holder .loader{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:10; height:100%; background:#ffc72a; overflow:hidden; border-radius: 10px; width:100%; } .loadmore_holder .loader:before{ display:block; content: "◟"; font-family:LWIcons; height:35px; width:35px; font-size:35px; color:#fff; line-height:1; margin:0 auto; margin-top:8px; -webkit-animation: loading 2s linear infinite; -moz-animation: loading 2s linear infinite; animation: loading 2s linear infinite; } @-webkit-keyframes loading{ 0% {transform:rotate(0DEG)} 25% {transform:rotate(90DEG)} 50% {transform:rotate(180DEG)} 75% {transform:rotate(270DEG)} 100% {transform:rotate(360DEG)} } @-moz-keyframes loading{ 0% {transform:rotate(0DEG)} 25% {transform:rotate(90DEG)} 50% {transform:rotate(180DEG)} 75% {transform:rotate(270DEG)} 100% {transform:rotate(360DEG)} } @keyframes loading{ 0% {transform:rotate(0DEG)} 25% {transform:rotate(90DEG)} 50% {transform:rotate(180DEG)} 75% {transform:rotate(270DEG)} 100% {transform:rotate(360DEG)} } .search .loader{ position: absolute; top: 0; right: 0; margin-top: 0; width: 40px; height: 40px; z-index: 5; background: #eff4f9; border-radius:50%; } .search .loader:before { content: "◟"; font-family: LWIcons; position: absolute; top: 9px; right: 16px; height: 26px; width: 26px; font-size: 32px; line-height: 26px; color: #94aeca; -webkit-animation: loading 2s linear infinite; -moz-animation: loading 2s linear infinite; animation: loading 2s linear }