@font-face {
  font-family: 'Hafs';
  src: url('Hafs_20.ttf');
  font-weight: normal;
}
@font-face {
    font-family: 'DroidArabicKufiBold';
        src: url('DroidArabicKufiBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

      }
@font-face {
    font-family: 'urdu_mehr';
        src: url('urdu_mehr.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Farsi';
    src: url('persian.woff2');
}
@font-face {
    font-family: 'DroidArabicKufiRegular';
        src: url('DroidArabicKufiRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    

      }

 /* The following rules are deprecated. */

@font-face {
    font-family: 'Droid Arabic Kufi';
        src: url('DroidArabicKufiBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
      }



@font-face {
    font-family: 'Droid Arabic Kufi';
        src: url('DroidArabicKufiRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
button:focus, input[type="button"]:focus, a:focus {
    outline: none !important;
}
#topNav{
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 999;
    top: 0;
    left: 0;
}
body {
    padding-top: 96px;
}
@media only screen and (max-width: 992px){
    body {
        padding-top: 60px !important;
    }
}

.transes_menu_item.active{
    color:#eee !important;
}
.hvr-fade:hover{
    color: #eee !important;
}
#opts_cont{
    margin-top:-60px;
}
#opts_bu{
    margin-top:-65px;
}
.rtl{
    direction: rtl !important;
    text-align: right !important;
}
.ltr{
    direction: ltr !important;
    text-align: left !important;
}
.text-info {
    color: #28a4c9 !important;
}
.label-light {
    color: #aaa;
    background: #fafafa  !important;
}
#top_ctrl{
    background: #fff;
    z-index:3;
}
#close-transes{
    display:none;
    z-index:9999;
    position: fixed;
    top: 20px;
    left: 50%;
    margin-left: -70px;
    min-width:140px;
    text-align:center;
    box-shadow: #ccc 4px 4px 10px;

}
.tafsir_bu{
    color:#666 !important;
}
.viewOtherTranses{
    font-weight:bold;
}
.transes_menu_item .checked{
    display:none;
}
.transes_menu_item.btn-primary .checked{
    display:inline;
}

.aya_loc{
    margin:-90px 0 0;
    padding-top:90px;
    line-height:1px !important;
}
.panel-aya>.panel-heading{
    background:#fafafa !important;
}
.aya_text{
    font-size:24px; font-weight: normal; font-family:Hafs !important;
    text-align: center;
    color:#1980B6;
}
.btn-translucid {
    color: #fff;
    border: rgba(0,0,0,0.07) 1px solid;
    background-color: rgba(0,0,0,0.07);
    -webkit-transition: all .400s;
    -moz-transition: all .400s;
    -o-transition: all .400s;
    transition: all .400s;
}
.transes_cont .toggle-content{
    margin-bottom:20px;
}
.transes_cont .toggle-content p{
    color: #999;
}
.transes_cont label{
    font-size: 15px;
    font-weight: bold;
}
/*
.switch {
    cursor: pointer;
    position: relative;
    padding-right: 10px;
    display: inline-block;
    margin-bottom: 5px;
    height: 26px;
}
.switch.switch-info>input:checked+.switch-label {
    border-color: #46b8da;
    background: #46b8da;
}
.switch-round>input:checked+.switch-label {
    padding-left: 33px;
}
.switch>input:checked+.switch-label {
    border-color: #333;
    background: #333;
    padding-left: 33px;
    color: white;
}
.switch-round>.switch-label {
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
}
.switch>.switch-label {
    cursor: pointer;
    display: inline-block;
    position: relative;
    height: 25px;
    width: 58px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    background: #B5C1C7;
    border: 2px solid #B5C1C7;
    text-transform: uppercase;
    font-family: Helvetica,Arial,sans-serif;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}
.switch>input:checked+.switch-label:before {
    content: attr(data-on);
    left: 1px;
    top: 1px;
}
.switch>.switch-label:before {
    left: 3px;
    right: auto;
}
.switch-round>.switch-label:before {
    width: 33px;
}
.switch>.switch-label:before {
    content: attr(data-off);
    position: absolute;
    top: 1px;
    right: 3px;
    width: 33px;
}
.switch-round>input:checked+.switch-label:after {
    color: #333;
}
.switch>input:checked+.switch-label:after {
    margin: 1px;
    width: 19px;
    height: 19px;
    background: white;
}
.switch .switch-label:after {
    left: 0;
    right: auto;
}
.switch-round>.switch-label:after {
    width: 19px;
    color: #B5C1C7;
    content: "\2022";
    font: 20px/20px Times,Serif;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
}
.switch>.switch-label:after {
    content: "";
    margin: 1px;
    width: 19px;
    height: 19px;
    display: block;
    background: #fff;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
}
.switch>input {
    -webkit-appearance: none;
    position: absolute;
    width: inherit;
    height: inherit;
    opacity: 0;
    left: 0;
    top: 0;
}
.switch-round>.switch-label+span {
    top: -2px;
}

.switch>.switch-label+span {
    display: inline-block;
    padding-left: 5px;
    position: relative;
    top: -7px;
}
*/
.meaning{
    font-family:arial;
    line-height:2;
    font-size:16px;
}
.trans_text{
    padding-top:15px;
    font-size:18px;
    color:#111;
}
.org_text{
    display: none;
    color:#999;
    padding-bottom: 10px;
}
.hamesh{
    font-size:16px;
    color:#999;
    padding-top:5px;
}
#orgg_nass,#orgg_nass2{
    max-height: 150px;
    overflow-y: auto;
}
.arabic{
    display:none;
}
.arabic,.tafsir_text,.rtl{
    direction: rtl;
    text-align: right;
}
.arabic label, .other label{
    display: inline-block !important;
}
.arabic label>a, .other label>a{
    font-weight: bold;
    font-size:1.2em;
    color:#f1f1f1;
}
.other{
    margin-top:10px;
}
.other-trans{
    background:#F6F6F6;
    margin:10px 0;
    padding:10px;

}
.tafsir_text{
    padding-top:10px;
    padding-bottom:10px;
    
    color:#666;
    display: none;
}
.tafsir_text p{
    margin-bottom:10px;
}



.arabic_moyassar, .arabic_mokhtasar{
    padding:10px;
    
}
.arabic_mokhtasar,.bg_hilite1{
    background: #efefef;
}
.arabic_moyassar,.bg_hilite2{
    background: #e4e4e4;
}


.float-right{
    float:right;
}
.float-left{
    float:left;
}
.toggle.toggle-transparent-body label {
    background:#f8f8f8;
    color: #28A4C9;
    font-weight: bold;
    display: block;
    padding: 10px;
}
@media only screen and (min-width:779px){
    #opts_bu{
        display:none;
    }
}    
@media only screen and (max-width:778px){
    #opts_cont{
        display:none;
    }
}  
.softhide{
    display:none;
}
.margin-bottom-30{
    margin-bottom:30px;
}
.margin-bottom-20{
    margin-bottom:20px;
}
.margin-bottom-10{
    margin-bottom:10px;
}
.margin-bottom-6{
    margin-bottom:6px;
}
.margin-top-30{
    margin-top:30px;
}
.margin-top-20{
    margin-top:20px;
}
.margin-top-10{
    margin-top:10px;
}
.margin-top-6{
    margin-top:6px;
}
.heading-title{
    margin-bottom:10px;
}
.modal{
    overflow:auto;
}
#topMain li a{
    text-align: start;
}
body,h2,h3,h4,h5,p,div{
    font-family: sans-serif !important;
}
#topMain.nav-pills>li>a{
    font-size: 15px;
}
section .nav-pills>li>a{
    letter-spacing: initial;
}

#topNav div.nav-main-collapse{
    max-height:447px;
}
@media screen and (min-width: 993px) {
    #layout_langs_menu{
        max-height:447px;
        overflow:auto;
    }
  }

#toTop{
    position:fixed;
    
    left:10px !important;
    
    bottom:10px;
    color:#ccc;
    font-size:16px;
    display:inline-block;
    border:1px solid #ccc;
    border-radius:5px;
    padding:5px;

}

#footer {
    color: rgba(255,255,255,0.6);
    background: #313131;
    background: -moz-linear-gradient(top, #555 0%, #313131 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a1d2b), color-stop(100%, #313131));
    background: -webkit-linear-gradient(top, #555 0%, #313131 100%);
    background: -o-linear-gradient(top, #555 0%, #313131 100%);
    background: -ms-linear-gradient(top, #555 0%, #313131 100%);
    background: linear-gradient(to bottom, #555 0%,#313131 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#313131',GradientType=0 );
}
#footer>.copyright {
    background-color: rgba(0,0,0,0.2);
    text-shadow: 1px 1px 1px rgb(0 0 0 / 10%);
    padding: 25px 0;
    font-size: 0.9em;
    display: block;
}
#footer  input, #footer  textarea {
    color: #999;
    background-color: rgba(0,0,0,.2);
    border-color: rgba(0,0,0,.25);
    margin-bottom: 6px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
#footer .btn, #footer .form-control {
    height: 36px;
}
#footer .input-group-addon {
    color: #999;
    background-color: rgba(0,0,0,.4);
    border-color: rgba(0,0,0,.25);
}

.input-group-addon:first-child {
    border-left: 0;
    border-right: 1px solid;
}
#footer a, #footer p {
    color: rgba(255,255,255,0.6);
    text-decoration: none;
}
.btn-white {
    background-color: #F9F9F9;
    color: #333 !important;
}

.box-static.box-border-top {
    border-color: #1980B6;
}
.box-static.box-border-top {
    border-top: rgba(0,0,0,0.5) 3px solid;
}
.box-static {
    text-align: right;
}
.box-static {
    padding: 15px;
    background-color: rgba(0,0,0,0.05);
    border-top: transparent 3px solid;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.box-icon {
    text-align: right;
}
.box-flip {
    margin: 0 auto !important;
    position: relative;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600;
    width: 100%;
}
.box-icon {
    margin: 30px 0;
}
.box-flip .front {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    text-align: center;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateX(0deg) rotateY(0deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.box-flip .front, .box-flip .back {
    text-align: center;
}
.box-flip .box1 {
    width: 100%;
    background-color: rgba(0,0,0,0.05);
    min-height: 50px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.box-icon.box-icon-center .box-icon-title, .box-icon.box-icon-center p {
    text-align: center !important;
}
.box-icon>a, .box-icon .box-icon-title {
    text-decoration: none !important;
    display: block;
}
.box-flip.box-color h2, .box-flip.box-color h3, .box-flip.box-color h4, .box-flip.box-color h5, .box-flip.box-color p, .box-flip.box-color .box-icon-title>i {
    color: #fff !important;
}

.box-icon.box-icon-large .box-icon-title>i {
    width: 65px;
    height: 65px;
    line-height: 65px;
    font-size: 24px;
}
.box-icon.box-icon-center .box-icon-title>i {
    float: none;
    margin: 0 0 10px 0;
}
.box-icon.box-icon-round .box-icon-title>i {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.box-flip .box-icon-title>i {
    color: #111;
    background-color: rgba(0,0,0,0.07) !important;
}
.box-icon .box-icon-title>i {
    height: 35px;
    width: 35px;
    line-height: 37px;
    font-size: 18px;
    margin-right: 15px;
    background-color: #333;
    text-align: center;
    color: #fff;
    -webkit-transition: all .200s;
    -moz-transition: all .200s;
    -o-transition: all .200s;
    transition: all .200s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.box-flip .btn-lg.btn-translucid {
    font-size: 14px;
}
.box-icon .box-icon-title>h2 {
    font-size: 18px;
    line-height: 35px;
    margin: 0;
    -webkit-transition: all .200s;
    -moz-transition: all .200s;
    -o-transition: all .200s;
    transition: all .200s;
}

.btn-translucid:hover {
    color: #fff;
    background-color: rgba(0,0,0,0.2);
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.progress {
    overflow: visible;
    background: rgba(0,0,0,0.1);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
}
.progress-bar {
    float: right;
}
.text-left {
    text-align: left !important;
}
.progress-bar-success {
    background-color: #5cb85c;
}
.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.btn-yellow {
    background-color: #ECD078;
    color: #333 !important;
}
/** Dark Blue #1980B6
 **************************************************************** **/
 ::selection {
    background: #1980B6;
}
::-moz-selection {
    background: #1980B6; /* Firefox */
}
::-webkit-selection {
    background: #1980B6; /* Safari */
}


a,
a:focus:not(.btn),
section.dark a,
h2 > span,
h3 > span,
h4 > span,
h5 > span,
section span.theme-color, 
section i.theme-color, 
section b.theme-color, 
section div.theme-color, 
section p.theme-color { 
    color: #1980B6; 
}


.open>.dropdown-toggle.btn-primary,
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus, 
#topMain.nav-pills>li.active>a>span.theme-color ,
.box-static.box-color {
    background-color:#1980B6;
}

/* !important required */

section .theme-color {
    color:#1980B6 !important;
}


.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    border-color:#1980B6;
}

.open>.dropdown-toggle.btn-primary,
.btn-primary,
.btn-primary:active,
.btn-primary:focus {
    border-color: #1980B6;
}

#topNav ul.dropdown-menu { /* submenu border top color */
    border-top-color:#1980B6;
}

.modal-content {
    border-top-color:#1980B6;
}

#topNav ul.dropdown-menu {
    border-color: #1980B6 #fff #fff;
}
#topNav div.submenu-dark ul.dropdown-menu {
    border-color: #1980B6 #3F3F3F #3F3F3F;
}


/* COLOR DROP DOWN MENU */


/* Theme Color Section */
section.theme-color {
    color:#fff;
    background-color: #1980B6;
}
 
section.theme-color div.heading-title h2, 
section.theme-color div.heading-title h3, 
section.theme-color div.heading-title h4, 
section.theme-color div.heading-title h5 {
    background-color: #1980B6;
}
 
section.theme-color div.heading-title h2 span, 
section.theme-color div.heading-title h3 span, 
section.theme-color div.heading-title h4 span, 
section.theme-color div.heading-title h5 span {
    color:#fff;
}
section.theme-color a {
    color:#fff;
    text-decoration:none;
}
section.theme-color a:hover {
    color:#111;
}




/**	Vertical Menu
*************************************************** **/





/**	[Shortcode] Buttons
*************************************************** **/
section.dark .btn-default:hover {
color: #1980B6;
background-color:rgba(0,0,0,0.3);
}


/**	[Shortcode] Page Header
*************************************************** **/


/**	[Shortcode] Dividers
*************************************************** **/


/**	[Shortcode] Headings
*************************************************** **/
section.dark div.heading-title.heading-border-bottom {
    border-bottom-color:#1980B6;
}

/**	[Shortcode] Icon Boxes
*************************************************** **/
.box-icon a.box-icon-title:hover>h2 {
color:#1980B6;
}
.box-icon a.box-icon-title:hover>i {
color:#fff;
background-color:#1980B6;
}

.box-flip .box2 {
color:#fff;
background-color:#1980B6;
}


.box-flip .box2 h2,
.box-flip .box2 h3,
.box-flip .box2 h4,
.box-flip .box2 h5 {
color:#fff;
}

.box-static.box-border-top {
border-color:#1980B6;
}



/**	[Shortcode] Navigations
*************************************************** **/


/**	[Shortcode] Paginations
*************************************************** **/


/** [Shortcode] Process Steps
*************************************************** **/



/** [Shortcode] Process Steps
*************************************************** **/



/** Styled Icons
**************************************************************** **/


/** [Shortcode] Tabs
**************************************************************** **/



/** Sky Forms
**************************************************************** **/
/**/
/* normal state */
/**/


/**/
/* checked state */
/**/


/** Hover Buttons
**************************************************************** **/
.hvr-fade:hover, .hvr-fade:active,
.hvr-sweep-to-left:before {
background-color: #1980B6;
}
.hvr-fade:focus{
    background-color:#F9F9F9;
}
.text-gray {
    color: #999;
}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-search:before{content:"\f002"}.fa-user:before{content:"\f007"}.fa-th-large:before{content:"\f009"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-times:before{content:"\f00d"}.fa-cog:before{content:"\f013"}.fa-clock-o:before{content:"\f017"}.fa-download:before{content:"\f019"}.fa-refresh:before{content:"\f021"}.fa-flag:before{content:"\f024"}.fa-volume-up:before{content:"\f028"}.fa-book:before{content:"\f02d"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-share:before{content:"\f064"}.fa-plus:before{content:"\f067"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-random:before{content:"\f074"}.fa-cogs:before{content:"\f085"}.fa-external-link:before{content:"\f08e"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-copy:before{content:"\f0c5"}.fa-bars:before{content:"\f0c9"}.fa-envelope:before{content:"\f0e0"}.fa-bolt:before{content:"\f0e7"}.fa-spinner:before{content:"\f110"}.fa-code:before{content:"\f121"}.fa-apple:before{content:"\f179"}.fa-android:before{content:"\f17b"}.fa-history:before{content:"\f1da"}
[class*=" icon-"],[class^=icon-]{display:inline-block;font-family:font-icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon.pull-left{margin-right:.3em}.icon.pull-right{margin-left:.3em}@-moz-keyframes
spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes
spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes
spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes
spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes
spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.icon-spotify:before{content:"\e849"}.icon-twitter:before{content:"\e85f"}.icon-facebook:before{content:"\e86f"}