@charset "utf-8";
/* CSS Document */


.clear { clear:both; }


/* TEMPLATE
   ================================================== */

.wrapper {  width:700px; height: 900px;   background:#e3e3e3; margin:0 auto;     }

.wrapper img { margin-top:20px; }


.social-networks  { width:200px;  height:70px; margin-left:116px;  }
.social-networks .btn  { float:left; margin:7px; margin-top:0px;   }

.social-networks-mobile  { width:200px;  height:70px; margin:0 auto;  }
.social-networks-mobile .btn  { float:left; margin:7px; margin-top:20px;   }



/* ICONS SECTION
   ================================================== */

[class^="icon-"],
[class*=" icon-"] { background-image: url("../../inc/img/template/sprite-icons.png"); background-repeat: no-repeat; }

.icon-facebook { background-position: -102px -21px; width: 11px; height: 22px; margin:0 auto;  }
.icon-youtube { background-position: -134px -21px; width: 31px; height: 22px; margin:0 auto;  }
.icon-vimeo { background-position: -64px -23px; width: 22px; height: 18px; margin:0 auto;  }
.icon-soundcloud { background-position: -19px -25px; width: 35px; height: 14px; margin:0 auto;  }
.icon-twitter { background-position:-186px -22px; width: 24px; height: 21px; margin:0 auto;  }



/* EP SECTION
   ================================================== */
   
   
#ep {  width:1000px; height: 600px; margin:0 auto;      }

#ep .content {  width:700px;  margin:0 auto;     }

#ep .content .logo {  width:700px; height: 311px; background: url("../img/template/ep-content-logo.jpg") top no-repeat;  }

#ep .content .button { width:700px; height: 237px;  background: url("../img/template/ep-content-button.jpg") top no-repeat; cursor:pointer;    }

#ep .content .button:hover { background: url("../img/template/ep-content-button.jpg") bottom no-repeat;  }

#ep .content .tracks {  width:700px; height: 498px;  background: url("../img/template/ep-content-tracks.jpg") top no-repeat;     }