@font-face {
  font-family: "BigTopRegular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/big_top_regular.ttf") format("truetype");
}
body {
	font-variant-ligatures: no-common-ligatures;
	webkit-font-variant-ligatures: no-common-ligatures;	
	background: #bba793;
	background: -webkit-linear-gradient(-57deg,rgba(205,185,165,1),rgba(173,152,131,1)); /* For Safari */
	background: -o-linear-gradient(-57deg,rgba(205,185,165,1),rgba(173,152,131,1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(-57deg,rgba(205,185,165,1),rgba(173,152,131,1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(-57deg,rgba(205,185,165,1),rgba(173,152,131,1)); /* Standard syntax (must be last)*/
	font-size: 100%;
	/*font-family: Coranto2Headline-Regular,BaskervilleOldFacD,NatFlight-Regular;*/
	/*font-family: 'Alice';*/
	font-family:'Elsie Swash Caps';
	margin: 0 auto;
	padding-top: 0;
	max-width: 1950px;
}
body {height: 100%;
}
body a {
	text-decoration: none;
	color:black;
}
h1,h2,h3,p,a,figcaption {
	letter-spacing: .02em;
}
#disclaimer {color:#DAB85D;}
#nav, #nav_bdm{
	position: fixed;
	top:60px;
	right: 0;
	background-image:url(../images/nav.jpg);
	padding: 0.5em;
	margin: 0;
	color:#c1bab3;
	z-index: 125;
}
#nav_bdm {
	top: 120px;
}
#menu1 a{
	color: #c1bab3;
	}
#menu1 #custom {margin-top: 0;}
hr {
	width: 100%;
	height:.5em;
	background-image: url(../images/nav.png);
	border: none;
}
footer {
	margin-bottom: 0;
}
h1{
	font-size: 2em;
	text-align: center;
}
h3,figcaption {
	font-size: 1.5em;
	text-align: center;
}
figcaption {
	margin-bottom: .5em;
}
h2 {
	font-size: 1.25em;
	text-align: center;
}
.thin_group_image {margin:2em 5%;}
#masthead,#masthead_center,#masthead_shop, .next_choice {	
	text-align: center;
}
.next-choice a{
	margin:0 2em;
}
/*#masthead h1, #masthead h3, #masthead p {
  margin:.3em, auto;
}*/
/*#masthead a, #masthead_shop a,#masthead_center a,*/
#add a {
	font-size: 1em;
	color: #5E8162;
	font-weight:bold;
}
.cart_button,.cart_button2 {
	background-image: url(../images/retina_wood.png);
	border: 3px solid #776149;
	height:2.4em;
	padding: .5em 1em;
	color: #776149;
	/*display: table;*/
	letter-spacing: .045em;
	line-height: 2.4em;
	text-decoration:none;
	white-space:nowrap;
	border-radius: 7px;	
}
.cart_button2 {
	margin:0 4em 0 auto;
}
#but_cent { margin: 0 auto;}
#masthead p,#masthead_center p, #masthead_shop p {
	/*text-align: right;*/
	margin: 0 25% 0 25%;
}
/*#masthead #alignr, #masthead_shop #alignr {
	display:none;
}*/
#masthead h3,#masthead_center h3,#masthead_center p, #masthead p {
  margin:.3em;
}
#masthead h1, #masthead_center h1 {
  margin-bottom: .2em;
}
#masthead h2, #masthead_center h2 {
  margin: .1em auto;
}
/*#masthead p, #masthead_center p {
  font-size: 1.5em;
}*/
#masthead_center h1 {
	text-align:center;
}
#masthead_center h2 {
	font-size:1em;
}
#masthead_center img, .fbinst img {
	vertical-align: middle;
	box-shadow: none;
	height: 2em;
	display:inline-block;
}
#below_mast p{
	margin: 0 0 1em 5%;
	float: left;
}
/*#below_mast a img{
	width:15%;
	float:left;
	margin: 2em 0 2em 5%;	
}*/
#masthead_shop {
	width: 100%;
}
#masthead_shop img {
	width: 100%;
	box-shadow:none;
	margin-top: 2em;
}
.amt, .menu, .admin_menu  {
	width: 100%;
	display:none;
}
.menu li {	
	width:16.66666%;
}
.admin_menu li {
	width: 14.28571428571429%;
}
.admin_menu li, .menu li {
	float: left;
	text-align:center;
	margin:1.3em auto 0;
	list-style: none;
}
.menu li a, .admin_menu li a{
	color: #c1bab3;
	text-decoration: none;
}
#custom {
	margin-top: .8em;
}

.snakeskin {
	clear:both;
 	height: 5em;
 	background-image: url(../images/nav.jpg);
	background-repeat: repeat;
	margin:0 0 -15px 0;
 }

/*.snakeskin.amt a {color: #89191C;}nav a color*/
#snakeskin_text,#snakeskin_text_choose {
 	clear:both;
 	background-image: url(../images/nav.jpg);
	background-repeat: repeat;
}
 #snakeskin_text p,#snakeskin_text_choose p{
	font-size: .8em;
	text-align: center;
	/*font-family: 'BigTopRegular';*/
    margin: 0;
 }
 #snakeskin_text a{
 	color:#C1BAB3;
 	/*font-weight: bold;*/
 }
#snakeskin_text_choose p {
	padding: 2em 10%;
}
img {
	display: block;
	margin:0 auto 1em;
	box-shadow: 0px 0px 5px rgba(0,0,0,.75);
}

.intricate_image img {
	width:80%;
}
#thin_display img{
	width:90%;
}
.display img, .choices img, #worn_fiber img, .shortcuts img  {
	width: 90%;
}
#worn_fiber figcaption {
	font-size: 1.2em;
	padding:0 .8em;
}
#accordion img{
	width:100%;
}
img[src*="Hands"], img[src*="tip"] {
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
}
.cycle-slideshow.leftside  {
	display: none;
	/*width:80%;
	margin: 0 10%;*/
}
.cycle-slideshow.cell-display img {
        display: block;
	width:80%;
	margin: 0 10%;
}
.cycle-slideshow.right{
	display: none;
}

article p {	
	word-wrap:normal;
	padding: 1em;
	text-align:center;
}
figure {
	margin:1em 0;
	padding:0;
} 
#emailForm  {
	margin: 1em 0;
	text-align: center;
	clear: both;
}
#emailForm article p {
	font-size: 1em;
	padding-left: 1em;
	text-align: center;
	margin:0;
	padding-bottom: 0;
}
#story p:first-letter {
	font-size: 2em;
}
hr {
	width: 100%;
}
#about p, #accordion p{
	font-size:.8em;
	padding:.5em .8em .5em 1em;
}
#about figure {width:90%; margin:2em auto;}
#about figure img {width:80%;}

.firsti a {
	color:#34302B;
	text-align: center;
	text-transform: uppercase;
	margin-left: 5%;
}
.firsti figcaption {
	padding-top:1em;
}
#intricates {
	font-size: 1.1em;
	padding: 1em 1.6em;
	clear:both;
}
#contact_info p, #admin p, .gallery p{
	font-size: 1.3em;
	margin:1em 2em 2em;
	text-align: center;
 }
 #admin a:hover{color:#5E8162;}
footer p {
	font-size: .8em;
	text-align: center;
}
#add p {
	clear: both;
	font-size: 1.5em;
	text-align: center;
	margin:2em 3em;
}

#compare  {
	clear: both;
}
/*form styling****************/
select {	
		background-color: white;
		border: 1px solid #d6d8d9;
		padding: .5em;
		outline: none;
		width: 95%;
		font-size: 1em;
		-webkit-test-size-adjust:80%;
				
}
select option { 
	-webkit-text-size-adjust: 80%;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.radio_center { padding:0 48%;
}
#update input, #update textarea{font-size: 1em; text-align: left; width:100%;}
#upload input, #upload textarea{font-size: 1em; text-align:left; width:80%;}
form {width: 100%; margin:0 0 1em 0; text-align: center; display: block; }
#cart {display:inline-table;font-size:.575em;margin-top:2em;}
#cart p { font-size: 1.5em;}
@media only screen and (min-width:428px) {
	#cart {
		font-size:.8em;
	}
}
fieldset {border: 1px solid #ccc; border-radius: 5px; margin:.5em; }
fieldset li {clear: both; list-style-type: none; margin: 0;}
input {background-position: 95% 35%; background-repeat: no-repeat; border: 2px solid #ccc; border-radius: 5px;  padding: 5px 0; width: 90%; }
label {display: block; padding: .35em 0; }
fieldset ul {padding:0;}
input:focus {outline: none;}
input:invalid:required {background-image: url(../images/asterisk.png); box-shadow: none;}
input:focus:invalid {background-image: url(../images/invalid.png); box-shadow: 0px 0px 5px #b01212; border: 2px solid #b01212;}

input:valid:required {background-image: url(../images/accept.png); border: 2px solid #7ab526;}
.invalid input:required:valid {background: #17D654 ;}
.invalid input:required:invalid {background: #BE4C54;}
input[type=submit] {background: #746a60; font-family: 'Elsie Swash Caps'; border: none; box-shadow: 0px 0px 5px rgba(0,0,0,.75); color: #fff; cursor: pointer; font-size: 1.75em; font-weight: bold; margin: 20px auto; padding: .9em; width: auto; text-shadow:1px 1px 1px rgba(0, 0, 0,.2);}
input[type=submit]:hover {box-shadow: 0px 0px 25px rgba(0,0,0,.75); }
input[type=image] {border:none; cursor: pointer; width:60%;}
input[type=image]:hover {width:61%; border: 2px solid #8C7661;}
input[src*=".jpg"]{width: 80%;}
#contact_me input[type=submit] {background: #5E8162; color: #C1BAB3; font-size: 1em; margin: 20px auto; padding: .5em;  }
#contact_me fieldset {margin:.5em 0;}
.shopping fieldset {padding:0; margin: 0;}
input[id="city"]{width: 100%;}
input[id="state"]{width: 70%;}
input[id="coupon_name"]{width: 40%;}
#email{width:80%; margin-bottom:1em;}
.text-xs-center {text-align:center;}
.g-recaptcha {display:inline-block; }
@media screen and (max-width: 575px){ 
.g-recaptcha {
transform:scale(0.77);
-webkit-transform:scale(0.77);
transform-origin:0 0;
-webkit-transform-origin:0 0;
margin-left: 12%;
} 
} 
#all_colors,#all_colors_bdm {display:inline-block; background:#79B0C1; width: 90%; margin:1em 5%;padding:.6em 1%; font-size:1.4em;} 
#name {border: none; margin-bottom: 0;}
#name li{display: inline-block; }
#this_color2,#this_color1,#this_color3,#cart_send{background:#5E8162; font-size: 1em;}
#cart_color1 {
	width:45%;
	font-size: 1.5em;
	background:#5E8162;
}
#apply label {display: inline-table; }
input[type="radio"] {
	
	margin: 1.5em auto;
	
}
.form_factor {font-size: .9em;}
.form_factor input+label {
	display: inline-block;
	
}
.form_factor input[type="text"], .form_factor input[type="tel"] {
	width:40%;
	margin-right:1em;
	text-align:center;
	font-size:1em;
}

input[type="checkbox"] {
    width: 15px;
    height: 15px;
    vertical-align: middle;
}
label.checkbox {
    vertical-align: top;
    line-height: 14px;
    margin: 2px 5px;
    display: block;
    height: 14px;
}
#intricate_example {
	margin:2em auto 3em;
}
#display #intricate_example img {
	width:90%;
}
/*styling attempts at redio button
.radio{
direction: ltr;
  padding: 0;
  display: block;
  clear: left;
  float:right;
  margin-top:.5em;
  width:50%;
}
input[type="radio"] {width: 50%; float: left; margin: 0;}*/
/*tom and dick styling*/
.tdchoices article {
	float:left;
	width:50%;
}
#choice1 img, #choice2 img {
	width:80%;
}
/*new css to add*/
.form_tip {
	width:80%; margin: 3em auto;font-size:1.3em;
}
.form_tip input {
	margin-top: 1.5em; width:50%; text-align: center; 
}

/*.circus, .shortcuts, .bdm_thin,.bdm_thin_group_image,#bdm_faqs .ui-widget, #bdm_faqs .ui-widget-content,#bdm_aboutme,.bdm_form  {font-family:'BigTopRegular'; color:#89191C; }
#bdm_faqs .ui-state-default {color:#C1BAB3;}*/
.circus h2 {font-size: 1.3em;}
.circus p {font-size: 1em;}
/*.right.shortcuts figcaption{font-size: 1.2em;}*/
#pendant img,#pendant_display img {width: 80%;}
#bdm_faqs, #pendant_display {clear: both;}
#pendant_display, .choices_bdm figcaption{font-family:'BigTopRegular'; }
/*show/hide minimal css*/
#snakeskin_text #default,#snakeskin_text #custom_text{
    display: block;
    padding: 1.5em 3% 0;
    font-size: 1em;
}
#snakeskin_text #custom_text {
	padding-bottom: 1.5em;
}
p[id^="detailView-"]
{
    display: none;
}

p[id^="detailView-"]:target
{
    display: block;
}/*end show/hide*/
#snakeskin_text:last-child {
	padding:0 3% 2em;
	margin:0;
}
.instruct a, #contact_info a {
	color: #5E8162;
	font-weight: bold;
}
#about figure {clear: both;}
#internal_caption  {
	margin:-3.4em auto 0;
	color:#c1bab3;
	font-size: .8em;
}
#BDM_custom_shortcut {
	width: 100%;
}
#BDM_custom_shortcut img {
	float:right;
	width: 40%;
	margin-right: 6.33%;
}
/*#BDM_custom_shortcut {
	float: left;
}*/
#BDM_custom_shortcut figcaption {
	clear:both;
	text-align: center;
}
#TD_shortcut,#DB_shortcut  {
	clear: both;
	font-family: 'BigTopRegular';
	padding:2em 25% 0;
}
#DB_shortcut img,#TD_shortcut img {
	box-shadow:none;
}
#snakeskin_text_choose img {
	width: 40%;
	padding-bottom: 2em;
	box-shadow: none;
}
#right_option2 p {
	font-size: .8em;
	padding: 0 .5em;
}
#right_option2 #default {margin-bottom: -1em;}
/*flex section*/
.flex-container {
  display: flex;
  flex-direction:row-reverse;
  flex-wrap:wrap;
  justify-content:center;
}
.flex-item img{
  width:80%;
  padding:5px;
   border: 3px solid black;
}
.flex-item p{
  text-align: center;
}
.flex-item figcaption{
  font-size: 4em;
}

/* Hide expandable content by default */
.expandable {
  visibility: collapse;
  background: #ddd;
}

/* Show hidden content when the checkbox is checked */
#expand-toggle:checked ~ * .expandable {
  visibility: visible;
}
.table-center {
  margin: auto;
}
#cart_dressy {
    background: #5E8162;
    font-size: 2em;
}
#bestseller_pix h1{
  margin-bottom: .2em;
}
/*#text {
  animation: border-flicker 2s linear infinite;
}*/

#text h1 {
  color:#876f57;
  font-family:'Elsie Swash Caps';
  font-size:5em;
  letter-spacing:10px;
  animation: text-flicker 8s linear infinite;
}
#text h2 {
  color:#876f57;
  font-size: 3.5em;
   letter-spacing:10px;
  animation: text-flicker 8s linear infinite;
}
.text, #alignr a{
    font:                           bolder  'Elsie Swash Caps';
    text-align:                     center;
   /* margin:                         .5em;
    background:                     url("../images/spring_earth_dressy.jpg") center;
    background-size:                contain;*/
    margin:                         auto;
    /*width:                          75vw;*/
   /* background-clip:                text;
    -webkit-background-clip:        text;
    color:                          transparent;*/
}
.m-bot {
    margin-bottom: .75em;
}
.text h1{
  font-size: 4.5em;
  line-height: 1em;
}
.text h2 {
  font-size: 3em;
}
/*#text{
  color: red;
 -webkit-text-fill-color: transparent;
 background: -webkit-linear-gradient(transparent, transparent),
             url("images/bestseller2.jpg") repeat;
 background: -o-linear-gradient(transparent, transparent);
 -webkit-background-clip: text;
}*/


#offset {
  animation: letter-flicker 2s linear infinite;
}

@keyframes text-flicker {
  0% {
    opacity:0.1;
    text-shadow: 0px 0px 29px rgba(92,83,84,1);
  }
  
  2% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(92,83,84,1);
  }
  8% {
    opacity:0.1;
    text-shadow: 0px 0px 29px rgba(92,83,84,1);
  }
  9% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(92,83,84,1);
  }
  12% {
    opacity:0.1;
    text-shadow: 0px 0px rgba(92,83,84,1);
  }
  20% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(148,92,38,1)
  }
  25% {
    opacity:0.3;
    text-shadow: 0px 0px 29px rgba(148,92,38,1)
  }
  30% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(148,92,38,1)
  }
  
  70% {
    opacity:0.7;
    text-shadow: 0px 0px 29px rgba(148,92,38,1)
  }
  
  72% {
    opacity:0.2;
    text-shadow:0px 0px 29px rgba(148,92,38,1)
  }
  
  77% {
    opacity:.9;
    text-shadow: 0px 0px 29px rgba(148,92,38,1)
  }
  100% {
    opacity:.9;
    text-shadow: 0px 0px 29px rgba(148,92,38,1)
  }
}


@keyframes letter-flicker {
  0% {
    opacity:0.1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }
  2% {
    opacity:0.1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }
  4% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }
  
  
  19% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }
  21% {
    opacity:0.1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }
  23% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }
  
  80% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }
  83% {
    opacity:0.4;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }
  87% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }
}