/**
 * Custom CSS
 */


/* Portrait iPad /Pro */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

	.menu li {
		line-height: 0;
		max-height: 45px;
		margin-bottom: 0;
	}
	.simple-bar .text-right {
		text-align: left !important;
	}



}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {


}



@media only screen and (min-width: 320px) and (max-width: 768px) {

  nav {
    max-height: 83px;
  }

 .menu {
    top: 25px;
  }

  .row .nav-menu {
  	height: 221px;
  }
  .simple-bar .nav-menu {
	height: 220px;
}

.background-image-holder.parallax-background {
  height: 20%;
}




}

@media only screen and (max-width: 768px) {

	.contactHead {
		position: absolute;
		top: -40px;
		right: 10px!important;
		display: inline-block;
		color: #e7ede1
	}




	.half-width {
		margin-left: 50%;
		margin-right: 40px;
		padding-right: 10px;
	}

		.page-header .background-image-holder {
	  height: 48%!important;
	  /*bottom: 10%!important;*/
	  top: 53%!important;
	  background-position: 10% 0% !important;
	}

}

body {
	/*color: #F5F7F2;*/
	color: #21314b;
	font-family: "Raleway";
}



h1, h2, h3 {
	font-family: "Cinzel Decorative";
	text-shadow: -2px 0.5px  rgba(0,0,0,0.4);
}

h1 {
	color: #6a4e39!important;
	text-shadow: -2px 0.5px  rgba(255,255,255,0.4);
}

h2 {
	font-size: 24px;
	text-shadow: none;
}
footer {
	padding-top: 30px;
	padding-bottom: 20px;
}

  footer.short-2 .align-vertical {
    padding-top: 24px !important;
  }

.shadowbox {
	box-shadow: 6px 11px 17px -10px rgba(0,0,0,0.84);
-webkit-box-shadow: 6px 11px 17px -10px rgba(0,0,0,0.84);
-moz-box-shadow: 6px 11px 17px -10px rgba(0,0,0,0.84);
}

.playshadowbox {
box-shadow: 6px 5px 9px -3px rgba(26,9,54,0.86);
-webkit-box-shadow: 6px 5px 9px -3px rgba(26,9,54,0.86);
-moz-box-shadow: 6px 5px 9px -3px rgba(26,9,54,0.86);
}
.coffee-back {
	background-color: rgba(106,78,57,0.5);
}

.coffee-back p a {
	color: #0b4d59;
}
.text-alabaster {
	color: #F5F7F2;;
}
.bg-primary {
	background-color: #aa9882!important;
}

.bg-secondary-1 {
	background-color: #0b4d59!important;
}
.contact-action {
	background-color: #0b4d59!important;
}
.primary-features {
  background-color: rgba(38,18,65,0.4) !important;
}

.background-image-holder.parallax-background {
  height: 90%;
  top: 10%;
  left: 0%;
}

/*.page-header .background-image-holder {
  height: 80%;
  top: -10%;
  background-position: 100% 50%!important;
}*/

/*.background-image-holder,
.foreground-image-holder {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  z-index: 0;
  background-position: 50% 50% !important;
}
.background-image-holder.parallax-background {
  height: 120%;
  top: -10%;
}*/

header .container {
	top: -165px;
}

.contactHead {
	position: absolute;
	top: -50px;
	right: 140px;
	display: inline-block;
	color: #e7ede1
}

.contactHead a:link{
	color: #e7ede1;
}
.top-bar {
	background-color: #AA9882;
}

.simple-bar .logo {
	max-height: 60px;
	max-width: 250px;
	position: absolute;
	top: 35px;
	left: 20px;
}

.simple-bar .social-icons {
	margin-left: 0px;
}

.simple-bar .menu li {
	margin-right: 30px;
}
.menu li a {
	color: #E7EDE1;
}

.menu li a:hover {
	color: #FDD245;
}
.patreon-button {
	background-image:url('../img/become_a_patron_button@2x.png') !important; 
	background-repeat: no-repeat; 
	height: 102px; 
	width: 434px;
}

h1.patreon-button > span {
	display: block !important;
	position: absolute;
	left: 4000px;
}

.stereoketFeed {
	list-style: none;
	min-height: 300px;
	overflow: hidden; }

	.stereoketFeed li {
		box-sizing: border-box;
		display: inline-block;
		padding: 0 2px;
	}

	.instafeed {
  margin-top: 40px;
}
.instafeed ul {
  overflow: hidden;
  margin: auto;
  width: 70%;
  padding:0;
}
.instafeed ul li {
  float: left;
}
/*.instafeed ul li:nth-child(n+7) {
  display: none;
}*/


body#blog h3 {
  text-shadow: none;
  font-size: 20px;
}

body#blog #main ul {
    list-style: disc!important;
    margin-left: 20px;  
}

body#blog #main .centre {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.player {
  position: relative;
  width: 310px;
  height: 75px;
  background-color: rgba(38,18,65,0.4);
  display: flex;
  border-radius: 2px;
  padding: 5px 16px;
  color: #e7ede1;
  }

header .player {
	/*left: 50%;*/
	width: 90%;
	max-width: 320px;
	margin: 0 auto;
  	margin-right: 0px;
}

  .player img {
    margin-top: 5px;
    width: 60px;
    height: 50px;
  }
  .player .info {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    width: 50%;
    padding: 0 16px;
    .name {
      font-size: 15px;
      font-weight: 700;
    }
    .singer {
      font-size: 12px;
    }
  }
 .player  .btns {
    width: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    
    div:nth-child(1) {
            font-size: 30px;
        }
        div:nth-child(2), div:nth-child(3) {
            font-size: 18px;
        }
    
  }
 .player  .progress {
    position: absolute;
    height: 2px;
    left: 0;
    top: 0;
    background-color: #FDD245;
    /*background-color: #BC9FE5;*/
    /*box-shadow: -7px -7px -10px #FDD245;*/ 
  }

a.download:link,  a.download:visited,  a.download {
	color: #e7ede1!important;
}

@font-face {
    font-family: iconfont;
    src: url('./iconfont-4e6.woff') format('woff')
}

.iconfont {
        font-family: iconfont!important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .icon-list:before {
        content: "\e603"
    }
    
    .icon-loop-single:before {
        content: "\e604"
    }
    
    .icon-arrow-right:before {
        content: "\e605"
    }
    
    .icon-loop:before {
        content: "\e606"
    }
    
    .icon-prev:before {
        content: "\e607"
    }
    
    .icon-favor:before {
        content: "\e608"
    }
    
    .icon-next:before {
        content: "\e60a"
    }
    
    .icon-download:before {
        content: "\e60b"
    }
    
    .icon-search:before {
        content: "\e60c"
    }
    
    .icon-zhanwei1:before {
        content: "\e610"
    }
    
    .icon-favor1:before {
        content: "\e618"
    }
    
    .icon-random:before {
        content: "\e619"
    }
    
    .icon-play:before {
        content: "\e616"
    }
    
    .icon-stop:before {
        content: "\e617"
    }
    
    .icon-mv:before {
        content: "\e61b"
    }
    
    .icon-arrow-down:before {
        content: "\e61d"
    }
    
    .icon-arrow-left:before {
        content: "\e61e"
    }
    
    .icon-arrow-up:before {
        content: "\e61f"
    }
    
    .icon-listen:before {
        content: "\e609"
    }
    
    .icon-round:before {
        content: "\e60d"
    }
    
    .icon-triangle:before {
        content: "\e60e"
    }
    
    .icon-information:before {
        content: "\e60f"
    }
    
    .icon-home:before {
        content: "\e611"
    }
    
    .icon-i:before {
        content: "\e612"
    }
    
    .icon-information-:before {
        content: "\e613"
    }
    
    .icon-bubble-filled-icon:before {
        content: "\e614"
    }
    
    .icon-round-right:before {
        content: "\e615"
    }
    
    .icon-vip:before {
        content: "\e61a"
    }
    
    .icon-word:before {
        content: "\e61c"
    }