/* nancysantiques.mobile.styles.css */
@font-face {
    font-family: 'great_vibesregular';
    src: url('greatvibes-regular-webfont.woff2') format('woff2'),
         url('greatvibes-regular-webfont.woff') format('woff');

   text-decoration: none;
   font-weight: large;
   font-style: normal;
}
/* Color scheme hexadecimal values: 8CB732 D9E76F EB9C2B C73F11 000000 and this is a very pretty dark blue #250B3F  */
 body {
color: #250B3F;
 
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3e2c7+0,bfa680+0,fcf7f7+100 */
background: #bfa680; /* Old browsers */
/* background: -moz-linear-gradient(top, #f3e2c7 0%, #bfa680 0%, #fcf7f7 100%); /* FF3.6-15 */ */

}

p  {
	align: center;
}

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}








#catchphrase {
	font: 20pt/20pt 'Great Vibes', cursive, serif;
	padding-top: 13px;
   text-align: center;
  color:#7C0a02;
  font-weight: bold;
  text-shadow: -3px -3px #8F9630;
}

.shape {
	 position: center;
   font-family: 'Great Vibes', cursive, sans serif, serif;
   color: black;
   
   font-size: 19.5pt;
   outline: none;
   padding: 3%;
   opacity:1;
   display: block;
   border-right: solid 1px #3F250B;
   border-radius: 55px;
   width: 85%;
   text-align: center;
   height: 75px;
   margin-left: 30px;
   background: #632166;
background: -moz-linear-gradient(top, #7C0a02 1%, #8F9630 100%);
background: -webkit-linear-gradient(top, #7C0a02 1%,#8F9630 100%);
background: linear-gradient(to bottom, #7C0a02 1%,#8F9630 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7C0a02', endColorstr='#8F9630',GradientType=0 );
   box-sizing: border-box; /* Box sizing for older browsers */
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
}

.shape a {
   text-decoration: none;
   color: black;
   }

/* The following pseudo-class applies to the box class when in a hovered state */
/* Styling for hover and tap */
.shape:hover, .shape:active {
	color: #250B3F;
background: #3B5323;
background: -moz-linear-gradient(top, #3B5323 1%, #7CFC00 100%);
background: -webkit-linear-gradient(top, #3B5323 1%,#7CFC00 100%);
background: linear-gradient(to bottom, #3B5323 1%,#7CFC00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B5323', endColorstr='#7CFC00',GradientType=0 );
opacity:1;
background-size: auto 100%;
box-sizing: border-box; /* Box sizing for older browsers */
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   /* Make background image height equal to button height */
}


 .shape:link , .shape:visited {
	color: #250B3F;
background: #3B5323;
background: -moz-linear-gradient(top, #3B5323 1%, #7CFC00 100%);
background: -webkit-linear-gradient(top, #3B5323 1%,#7CFC00 100%);
background: linear-gradient(to bottom, #3B5323 1%,#7CFC00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B5323', endColorstr='#7CFC00',GradientType=0 );
opacity:1;
background-size: auto 100%;
box-sizing: border-box; /* Box sizing for older browsers */
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   /* Make background image height equal to button height */
   }
   
   /*for the next shape box to the right of the first one */
   
.shape2 {
	 position: center;
   font-family: 'Great Vibes', cursive, sans serif, serif;
   color: black;
   
   font-size: 19.5pt;
   outline: none;
   padding: 3%;
   opacity:1;
   display: block;
   border-right: solid 1px #3F250B;
   border-radius: 55px;
   width: 85%;
   text-align: center;
   height: 75px;
   margin-left: 30px;
   background: #7C0a02;
background: -moz-linear-gradient(top, #7C0a02 1%, #8F9630 100%);
background: -webkit-linear-gradient(top, #7C0a02 1%,#8F9630 100%);
background: linear-gradient(to bottom, #7C0a02 1%,#8F9630 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7C0a02', endColorstr='#8F9630',GradientType=0 );
   box-sizing: border-box; /* Box sizing for older browsers */
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
}

.shape2 a {
 color: black;
   text-decoration: none;
   }

/* The following pseudo-class applies to the box class when in a hovered state */
/* Styling for hover and tap */
.shape2:hover, .shape2:active {
	color: #250B3F;
background: #3B5323;
background: -moz-linear-gradient(top, #3B5323 1%, #7CFC00 100%);
background: -webkit-linear-gradient(top, #3B5323 1%,#7CFC00 100%);
background: linear-gradient(to bottom, #3B5323 1%,#7CFC00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B5323', endColorstr='#7CFC00',GradientType=0 );
opacity:1;
background-size: auto 100%;
box-sizing: border-box; /* Box sizing for older browsers */
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   /* Make background image height equal to button height */
   }

 .shape2:link , .shape2:visited {
	color: #250B3F;
background: #3B5323;
background: -moz-linear-gradient(top, #3B5323 1%, #7CFC00 100%);
background: -webkit-linear-gradient(top, #3B5323 1%,#7CFC00 100%);
background: linear-gradient(to bottom, #3B5323 1%,#7CFC00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B5323', endColorstr='#7CFC00',GradientType=0 );
opacity:1;
background-size: auto 100%;
box-sizing: border-box; /* Box sizing for older browsers */
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   /* Make background image height equal to button height */
   }

 
 h1 {
   font: 28pt/28pt 'Great Vibes', cursive, serif;
   text-shadow: -3px -3px #8F9630;
   font-weight: bold;
   color:#7C0a02;
   text-align: center;
   position: relative;
   margin-top: -9%;
}



h4 {
   color: #3D5229;
   text-align: center;
font: 24pt/24pt;
font-weight: bold;
}
 
 article li {
	padding:0; 
margin:0; 
list-style-type:none;
font-weight: bold;
 text-align: center;
 font: 14pt/14pt sans serif, serif;
line-height: 1.5;
clear: both;
text-decoration: none;
color:#7C0a02;
}

article li a {
	padding:0; 
margin:0; 
list-style-type:none;
font-weight: bold;
 text-align: center;
 font: 12pt/12pt sans serif, serif;
line-height: 1.5;
clear: both;
text-decoration: none;
color:#7C0a02;

}

article li a:hover, article li a:active, article li a:visited {
font-weight: bold;
   color: #3B5323;
  
}

 address {
margin-left: 0px;
font-weight: bold;
color: #3D5229;
}

footer {
	color: #3D5229;
	font-weight: bold;
}

footer a {
	
color:#7C0a02;
}

address a {
margin-left: 0px;
color: #3D5229;

}

address a:hover {
color:#7C0a02;
font-weight: bold;
}


 .box a {
   
   font-family: 'Great Vibes', cursive, sans serif, serif;
  
   font-size: 20pt;
   text-align: center;
   color:#7C0a02;
   text-decoration: none;
 }
 
 
   
   .signin a {
   
   font-family: 'Great Vibes', cursive, sans serif, serif;
   
   font-size: 20pt;
   text-align: center;
   color:#7C0a02;
   text-decoration: none;
 }
 
 .box {
   
   font-family: 'Great Vibes', cursive, sans serif, serif;
   
   font-size: 20pt;
   text-align: center;
color:#7C0a02;
   text-decoration: none;
 }
 
 .box a:hover {
  font-weight: bold;
   text-decoration: none;
   text-shadow: -3px -3px #8F9630;
   }
   
   .signin {
   
   font-family: 'Great Vibes', cursive, sans serif, serif;
  
   font-size: 20pt;
   text-align: center;
color:#7C0a02;
   text-decoration: none;
 }
 
 .signin a:hover  {
   font-weight: bold;
   text-decoration: none;
   text-shadow: -3px -3px #8F9630;
   }
   
   
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}





.exHook {
	display: none;
}

   
   #bodyimage2 {
background-image: url(pix2/flowercornerReverse.png) alt="antique categories";
background-repeat: no-repeat;
position: relative;
margin-right: 0px;
float: right;
margin-top: -11%;
}

#promo {
	display: none;
}


#promo2 {

	display: none;
    
}

#promo3 {
    background: center;
    position: relative;
    z-index: 2;
    margin-left: 32%;
	-webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: .5s;
    -webkit-animation-iteration-count: 7;
    -webkit-animation-direction: normal;
	-webkit-animation-fill-mode: backwards;
  animation-name: swing;
   animation-duration: 3s;
    animation-timing-function: ease-out;
    animation-delay: .5s;
    animation-iteration-count: 7;
	animation-direction: normal;
	animation-fill-mode: backwards;
    
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}


@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}