html { background-color: #000!important; }
body { 

	box-shadow: inset 0 0 0 10000px #000000ab!important;
}

h1, h2 , h3, h4, h5, h6, span, label, button, a {  }


body::-webkit-scrollbar {
  width: 0.5em;
}
 
body::-webkit-scrollbar-track {
  background-color: #000000;
}
 
body::-webkit-scrollbar-thumb {
  background-color: #000;
}


.button-img { border: solid 0px; padding: 0em; }
.button-img img { width: 3.1em!important; height: 3.1em; border-radius: 100%; }
#item-card-box-home { padding: 0.2em; background-color: #171a1ead; cursor: pointer; border-radius: 5px; }
#divid-block { margin-top: 5em; margin-bottom: 2em; }
#item-card-box-home .uk-card-body { padding: 0.2em 1em; padding-top: 1em; padding-bottom: 1.6em; } 
#item-card-box-home .uk-card-body h3 { font-size: 14px; margin-bottom: 0.3em; color: #FFF; font-weight: 500; text-transform: uppercase; }
#item-card-box-home .uk-card-body p { margin-top: 0em; margin-bottom: 0em; line-height: normal;  font-size: 12px; color: #FFCC00; }
.title-notice-item { font-size: 20px; line-height: 20px; min-height: 20px; color: #FFCC00; font-weight: 500!important; }
.uk-modal-dialog { background-color: #171a1e!important;  width: 900px!important; }
.title-notice-item { background-color: #171a1ec9; padding: 0.7em; border-radius: 5px; text-transform: uppercase; margin-top: 1em; }
#menu-item { margin-bottom: 2em; border-bottom: solid 3px #0f0f0f; background-color: #171a1e7a; }
.uk-navbar-nav li a { text-transform: uppercase!important; font-weight: 500; }
#menu-item img { width: 8em; }
.item-modals-z p { color: #fff; }
.item-modals-z h3 { color: #fff; }
.item-modals-z p { font-size: 0.8em; }
.item-modals-z { margin-top: 1em!important; }
.img-edit-fox { max-height: 230px; height: 230px; }
.img-edit-fox-1 { max-height: 230px; height: 230px; }
.item-modals-z { margin-bottom: 3em; }
.uk-alert { border-radius: 5px!important; }
.footer-inner hr { border-top: 1px solid #33333370!important; width: 30%; margin-left: 35%; }
.butt-item { background-color: #ffcc00!important; min-height: auto!important;}
#button-log-id { background-color: #FFCC00!important; border: solid 1px #FFCC00; border-radius: 25px!important; font-weight: 500; }
.class-facebook-l { 
	color: #fff; background-color: #0045a5!important; border: solid 1px #0045a5; text-transform: uppercase;
	padding: 1em 2em; border-radius: 25px!important; font-weight: 500; text-decoration: none!important;
}
.face-boot {  
	color: #fff; background-color: #db4932!important; border: solid 1px #db4932; text-transform: uppercase;
	padding: 1em 2em; border-radius: 25px!important; font-weight: 500; text-decoration: none!important;
}
.item-buuts-ex {
    display: flex;
    justify-content: space-evenly;
    align-content: space-around;
    flex-direction: column;
}
.item-buuts-ex a { margin-bottom: 1em; }
.item-buuts-ex { display: flex; }
.face-boot:hover { color: #fff; }
.class-facebook-l:hover { color: #fff; }
/*#body_small_chat { padding: 3em; }
*/
@media screen and (max-width: 600px) {
	.uk-modal-close-outside { top: 2em; }
	.uk-modal { padding: 0px 15px!important; }
	.title_item_inner_2 { margin-top: 1em; }
	.item-modals-z { margin-bottom: 2em; }
	#menu-item img { width: 6em; }
	.uk-navbar-toggle { color: #fff!important; }
	#item-mobile-1 { margin-top: 0em; }
	.footer-inner hr { border-top: 1px solid #33333370!important; width: 80%; margin-left: 10%; }
		.logomovel{
	    display:none;
	}
}

@media screen and (min-width: 600px) {
	.img-edit-fox-1 {
	    width: 90%!important;
	    float: left;
	    margin-right: 2em;
	    height: 350px!important;
	    max-height: 350px;
	    margin-bottom: 1em;
	}

	.title_item_inner_2 { margin-top: 0em; }
/*	.divb_chat { width: 50%!important; margin-left: 25%; }*/

}


input, textarea, button {
	border-radius: 5px!important;
}

.footer-inner { text-align: center!important; background-color: #171a1ead; padding-top: 2em; padding-bottom: 2em; margin-top: 5em!important; }
.footer-inner p { margin-bottom: 0em; margin-top: 0em; color: #ffffff8f; font-size: 0.85em; }
.icons-inner span { color: #FFCC00!important; margin-right: 1em; font-size: 0.85em; }

/*audio player*/



.audio-player,
.audio-player div,
.audio-player h1,
.audio-player h2,
.audio-player a,
.audio-player img,
.audio-player span,
.audio-player button {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

div.audio-player {
	position: relative;

	height: 120px;
	
	background: #4c4e5a;
	background: -webkit-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
	background: -moz-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
	background: -o-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
	background: -ms-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
	background: linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* Title */
.audio-player h1 {
	position: absolute;
	top: 20px;
	left: 165px;

	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #ececec;
	text-shadow: 1px 1px 1px rgba(0,0,0, .5);
}
.audiodown {
	position: absolute;
	top: 93px;
	left: 139px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #ececec;
	text-shadow: 1px 1px 1px rgba(0,0,0, .5);
}
.audiodown p{
    font-weight: bold;
	font-size: 10px;
	float: right;
	margin-top: 2px;
	margin-left: 13px;
}

/* Cover */
.audio-player .cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
    height: 120px;
}

/* Buttons */
.mejs-controls .mejs-button button {
	cursor: pointer;
	display: block;
	position: absolute;
	text-indent: -9999px;
}

/* Play & Pause */
.mejs-controls .mejs-play button,
.mejs-controls .mejs-pause button {
	width: 21px;
	height: 21px;
	top: 20px;
	left: 135px;
	background: transparent url(../img/play-pause.png) 0 0;
}

.mejs-controls .mejs-pause button { background-position:0 -21px; }

/* Mute & Unmute */
.mejs-controls .mejs-mute button,
.mejs-controls .mejs-unmute button {
	width: 14px;
	height: 12px;
	top: 63px;
	left: 140px;
	background: transparent url(../img/mute-unmute.png) 0 0;
}

.mejs-controls .mejs-unmute button { background-position: 0 -12px; }

/* Volume Slider */
.mejs-controls div.mejs-horizontal-volume-slider {
	position: absolute;
	top: 63px;
	left: 165px;
	cursor: pointer;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	width: 200px;
	height: 8px;
	background: #212227;

	-webkit-box-shadow: inset 0px 1px 0px rgba(0,0,0, .3), 0px 1px 0px rgba(255,255,255, .25);
	-moz-box-shadow: inset 0px 1px 0px rgba(0,0,0, .3), 0px 1px 0px rgba(255,255,255, .25);
	box-shadow: inset 0px 1px 0px rgba(0,0,0, .3), 0px 1px 0px rgba(255,255,255, .25);

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	position: absolute;
	width: 0;
	height: 6px;
	top: 1px;
	left: 1px;
	background: url(../img/volume-bar.png) repeat-x;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/* Progress Slider */
.mejs-controls div.mejs-time-rail { width: 350px; }

.mejs-controls .mejs-time-rail span {
	position: absolute;
	display: block;
	width: 100%;
	height: 5px;
	left: 0;
	bottom: 0;
	cursor: pointer;
	
	-webkit-border-radius: 0px 0px 2px 2px;
	-moz-border-radius: 0px 0px 2px 2px;
	border-radius: 0px 0px 2px 2px;
}

.mejs-controls .mejs-time-rail .mejs-time-total { background: #999999; }

.mejs-controls .mejs-time-rail .mejs-time-loaded {
	width: 0;
	background: #cccccc;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
	width: 0;
	background: #ffae00;
}

/* Volume Slider & Progress Bar Handle */
.mejs-controls .mejs-time-rail .mejs-time-handle,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
	position: absolute;
	display: block;
	width: 12px;
	height: 14px;
	top: -4px;
	background: url(../img/handle.png) no-repeat;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { top: -2px; }

/* Time Float Box */
.mejs-controls .mejs-time-rail .mejs-time-float {
	position: absolute;
	display: none;
	width: 33px;
	height: 23px;
	top: -26px;
	margin-left: -17px;
	background: url(../img/time-box.png);
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
	width: 33px;
	display: block;
	left: 0;
	top: 4px;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-align: center;
}

/* menu */
@media only screen and (max-device-width: 600px) {
     #navbarredes {
        position: absolute !important;
        z-index: 100 !important;
        margin-top: -50px;
    }
    .boxredes{
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        padding: 3px;
        margin: 0;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        transition: all .4s ease;
    }
    
    .boxredes:hover{
        width: 150px;
        background: #c32aa3;
        border-radius: 35px;
        color: #fff;
        box-shadow: 0 0 30px #b315917c;
    }
    .boxredes:nth-child(2):hover{
        background: #25d366;
        box-shadow: 0 0 30px #25d3657e;
    }
    .boxredes:nth-child(3):hover{
        background: #1877f2;
        box-shadow: 0 0 30px #1876f285;
    }
    .boxredes:nth-child(4):hover{
        background: #1da1f2;
        box-shadow: 0 0 30px #1da0f280;
    }
    .navbarredes p{
        transform: translate(30px);
    }
    .boxredes .icon{
        position: absolute;
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        border-radius: 50%;
        margin-right: 3px;
        transition: all .4s ease;
    }
}
#navbarredes {
    position: absolute !important;
    z-index: 1 !important;
}
.boxredes{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    padding: 3px;
    margin: 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .4s ease;
}

.boxredes:hover{
    width: 150px;
    background: #c32aa3;
    border-radius: 30px;
    color: #fff;
    box-shadow: 0 0 30px #b315917c;
}
.boxredes:nth-child(2):hover{
    background: #c01c1c;
    box-shadow: 0 0 30px #d325257e;
}
.boxredes:nth-child(3):hover{
    background: #1877f2;
    box-shadow: 0 0 30px #1876f285;
}
.boxredes:nth-child(4):hover{
    background: #1df25e;
    box-shadow: 0 0 30px #1df27280;
}
.boxredes:nth-child(5):hover{
    background: #f2a91d;
    box-shadow: 0 0 30px #f2a41d80;
}
.boxredes:nth-child(6):hover{
    background: #1da1f2;
    box-shadow: 0 0 30px #1da0f280;
}
.navbarredes p{
    transform: translate(60px);
}
.boxredes .icon{
    position: absolute;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 40%;
    margin-right: 3px;
    transition: all .4s ease;
}
.instagram{
    background-color: #c32aa3;
}
.youtube{
    background-color: #c01c1c;
}
.facebook{
    background-color: #1877f2;
}
.spotify{
    background-color: #1cc057;
}
.soundcloud{
    background-color: #ff743a;
}
.twitters{
    background-color: #1da1f2;
}
.boxredes:hover .icon{
    background: #fff;
    color: #3b3b3b;
    box-shadow: 0 0 20px rgba(0,0,0,0.26);
}