/*--- General---*/
h1 {
	margin-top:.67em;
	margin-bottom:.67em;
}
h5{
	margin-top:1em;
	font-weight:400;
}

/*---SUBNAV---*/

./*sub-nav{
	height: calc(100vh - 70px);
}*/
.subnav-wrapper{
	color:#222222;
	width:100%;
}
.subnav-item{
	min-width:119px;
	min-height:220px;
}
.subnav-item:hover{
	cursor:pointer;
	/*background-color: #E4E4E4;*/
}
	

.sub-item-title{
	padding:1em 0 1em 0;
}


.subnav-btn{
	background-color:#D02B32;
	text-indent:0;
	display:inline-block;
	color:#fff;
	font-family:Lato;
	font-size:.67em;
	font-weight:400;
	font-style:normal;
	height:2.5em;
	line-height:40px;
	width:95%;
	max-width:200px;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;

	margin:0 0 0 0;
	-webkit-transition: background 200ms linear;
-moz-transition: background 200ms linear;
-ms-transition: background 200ms linear;
-o-transition: background 200ms linear;
transition: background 200ms linear;
}
.subnav-btn p{
	margin-right:0;
}
.subnav-btn:hover {
	background-color:#A32127;
}
.subnav-btn:active {
	position:relative;
	top:1px;
}
a.subnav-btn{
	outline:0;
}

.vert-line{
	width:1px;
	height:.67em;

	background-color: #888888;
	margin:.34em auto .34em auto;
}



.img-circular{
 width: 110px;
 height: 110px;
 margin-bottom:2.6em;

 background-size: cover;
 display: block;
 border-radius: 65px;
 -webkit-border-radius: 65px;
 -moz-border-radius: 65px;
 margin-left:auto;
 margin-right:auto;

 -moz-box-shadow: rgba(0, 0, 0, 0.8) 2px 2px 5px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.8) 2px 2px 5px inset;
  box-shadow: rgba(0, 0, 0, 0.8) 2px 2px 5px inset;
  -webkit-transition: box-shadow 0.2s ease-in;
  -moz-transition: box-shadow 0.2s ease-in;
  transition: box-shadow 0.2s ease-in;
}

.subnav-item:hover .img-circular{
	-moz-box-shadow: rgba(0, 0, 0, 0.8) 5px 5px 35px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.8) 5px 5px 35px inset;
  box-shadow: rgba(0, 0, 0, 0.8) 5px 5px 35px inset;
  cursor:pointer;
}


/*---Next Page and Menu Buttons---*/

.nextpagebutton{
    display:block;
    width:2em;
    height:2em;
    position:absolute;
    bottom:0px;
    left:50%;
    background-color:#inherit;
    background-image:url(../img/icons/arrow-down.svg);
    background-size:contain;
    background-repeat:no-repeat;

}
.nextpagebutton:hover{
    background-color:#E9E9E9;
    cursor:pointer;
}

.menubutton{
	/*border-top:1.3px solid #222222; */
    display:block;
    width:2em;
    height:2em;
    position:absolute;
    top:8px;
    left:50%;
    background-color:#inherit;
    background-image:url(../img/icons/arrow-up.svg);
    background-size:50%;
    background-repeat:no-repeat;
    background-position:50% 0px;

	text-align:center;

}
.menubutton p{
	font-size:9px;
	text-transform:uppercase;
	line-height:11px;
	position:absolute;
	bottom:-1px;
	margin:0 auto 0 auto;
	left:0;
	right:0;
}

.menubutton:hover{
    background-color:#e9e9e9;
    cursor:pointer;
}




/*---Subnav Breakpoints---*/

@media screen and (min-width: 600px){
.sv .img-circular{
	background-image: url(../img/icons/violinbuttbg2.jpg);
	}
.sa .img-circular{
	background-image: url(../img/icons/violabuttbg2.jpg);
	}
.sc .img-circular{
	background-image: url(../img/icons/cellobuttbg2.jpg);
	}
.sb .img-circular{
	background-image: url(../img/icons/bassbuttbg2.jpg);
	}
.bow .img-circular{
	background-image: url(../img/icons/bowbuttbg2.jpg);
	}
.hair .img-circular{
	background-image: url(../img/icons/hairbuttbg2.jpg);
	}
.acc .img-circular{
	background-image: url(../img/icons/accbuttbg2.jpg);
	}
}

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

.subnav-item{
	width:100%;
	min-height:42px;

}
.sub-item-title{
	padding: .1em 0 0 0;
	font-size:1.6em;
	line-height:1.6em;
}


.sv .img-circular{
	display:none;
	}
.sa .img-circular{
	display:none;
	}
.sc .img-circular{
	display:none;
	}
.sb .img-circular{
	display:none;
	}
.bow .img-circular{
	display:none;
	}
.hair .img-circular{
	display:none;
	}
.acc .img-circular{
	display:none;
	}
}






/* Products thumbnails */
.item-grid{
	height:100%;
	margin:3em auto 6em auto;
}
.item{

	padding:20px 0 1em 0;

	width:20%;
	margin:0;

	min-width:150px;
	text-align:center;


}
.item p{
	margin:0 0 0 0;
	font-size:.875em;
}
.item h6{
	margin:0 0 0 0;
}
.item hr{
	  border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	  }

.item:hover{

}
.item img{
	max-height:259px;
}

.pricebox{
	background-color:#fff;
	padding:8px;
	margin-top:10px;
}





/* General Slides */

.slide{
	background-attachment: fixed;
	background-color:#D6D6D6;
	width:100%;
	position: relative;
	text-align:left;
	color:#222222;

}
.slide h1{
	font-size: 3.8em;
	letter-spacing: -3px;
	line-height: 0px;
	color:#222222;
	font-weight: 700;
}
.slide h2{
	font-size: 3em;
	color: #222222;
	line-height: 0px;
	padding-bottom:20px;
	font-weight: 700;
}
.slide h5{
	/*text-decoration: underline;*/
	color:#222222;
}
.title-wrapper{
	text-align:left;
	padding-top:6.4em;
	width:100%;
}
.title-text{
	padding:2em 0 2em 0;
	margin-left: auto;
    margin-right: auto;
}
.title-text p{
	max-width:62%;
	padding-top:.6em;
}
.skiplinks{
	/*text-align:left;
	position:absolute;
	right:.5em;
	padding-top: 1em;
	color:#777777;*/
}

/*
#slide1, #slide3, #slide5, #slide7, #slide9{
	border-top:#34495C solid 1px;
	border-bottom:#C4C4C4 solid 1px;
}
*/

/* Slide 1 */






/* Slide 2 */

@media (min-width:600px) {
#slide2{
	background-image:url('../img/bg/sam-plane.jpg');
	background-size:100% auto;
	background-repeat:no-repeat;

	height:calc(100vh - 70px);

}
#slide4{
	background-image:url('../img/bg/purfling.jpg');
	background-size:100% auto;
	background-repeat:no-repeat;
	height:calc(100vh - 70px);
}

#slide6{
	background-image:url('../img/bg/molds.jpg');
	background-size:100% auto;
	background-repeat:no-repeat;
	height:calc(100vh - 70px);
}
#slide11{
	background-image:url('../img/bg/trial.jpg');
	background-size:100% auto;
	background-repeat:no-repeat;
	height:calc(100vh - 70px)

}

}

#slide8{
	background-color:#E0E0E0;
	padding-top:2em;
	padding-bottom:2em;
}
#slide8 h5, #slide10 h5{
    padding-bottom:.6em;
}
.ophy-blurb{
	padding:.618em 0 2em 0;
	max-width:62%;

}
#slide8 li, #slide10 li{
	text-align:left;
	line-height:1.625em;
}

.bows img{
	border:#ffffff solid   ;
	margin-top: 1.617em;
}
/* Slide 9 BOw Hair */
#slide9{
	padding-top:2em;
}
#slide9 p{
	padding-top:.6em;
}

#slide9, #slide10{
   /* height:calc(100vh - 70px);*/

}


/* Slide 10 Accessories */
#slide10{
	background-color:#E0E0E0;
	padding-top:2em;
	/*padding-bottom:2em;*/
}
.pecanic{
	text-align:center;
}
.pecanic img{
	margin-top:0;
	border:none;
}
.xeros img{
	border:none;
}
.fishman img{
	border:none;
}
/* Slide 11 */



/* Slide 20 Subnav */
#slide20{
	margin-top:90px;
	padding-bottom:6em;
	background-color:#d6d6d6;
	text-align:center;
}


/* Tablet */
@media screen and (max-width: 1024px) {

#logo {
	width: 100%;
	text-align: center;
}

#nav {
	width:100%;
	text-align:center;
	margin:10px 0;
}

.navigation{
	width: 100%;
	float:none;
	list-style: none;
	margin: 0;
	padding:0;
}

.navigation li{
	float: left;
	width:25%;
	padding:0;
}

.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	/*padding:150px 0;*/
}

#decorative {
	display:none;
}

#content {
	text-align:center;
	width:100%;
}

#slide1 h1 {
	line-height: 1em;
}
#slide1 h2 {
	line-height: 1em;
}
#slide2 h1 {
	line-height: 1em;
}
#slide2 h2 {
	line-height: 1em;
}
#slide3 h1 {
	line-height: 1em;
}
#slide3 h2 {
	line-height: 1em;
}
#slide4 h1 {
	line-height: 1em;
}
#slide4 h2 {
	line-height: 1em;
}

}




/* Mobile */
@media screen and (max-width: 480px) {
.item-grid{
	margin-top:.3em;
}
#logo {
	width: 100%;
	text-align: center;
}

#nav {
	width:100%;
	margin:5px 0;
}

.navigation{
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding:0;
}

.navigation li{
	float: left;
	width:25%;
}



.subnav-item{
	min-height:1.3em;
	margin-bottom:0;
}

.sub-item-title{
	font-size:1.1em;
}
.vert-line{
	height:2px;
	width:2px;
}

.title-text{
	margin-left:.4em;
	padding-top:0;
	}
}
.title-text p, .ophy-blurb{
	max-width:100%;

}
.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	padding:1px 0;
}

}