*{
	margin:0;
	padding:0;
}
html{
height:100% !important;
}
body{
	background: #ffffff url('../../img/back2.jpg') no-repeat right top fixed;
	color:#000;
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	font-size:16px;
height:100% !important;
}
a{
	color:#000;
	text-decoration:none;
}
header h1{
	margin:0 0 0 40px;
	font-size:130px;
	text-transform:uppercase;
	text-shadow:2px 2px 3px #000;
	color:#444;
	font-family: 'Wire One', arial, serif; 
	float: left;
}
.hh2{
	position: relative;
	font-style:italic;
	margin:-10px 0 10px 28px;
	color:#444;
	text-shadow:1px 1px 8px #000;
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	font-size:22px;
	float: left;
	top: 105px;
}
.hh1{
	position: relative;
	margin-left:10px;
	font-size:115px;
	text-transform:none;
	text-shadow:none;
	color:#444;
	bottom:-4px;
	font-family: 'Fredericka the Great', cursive;
}

header{
	position: relative  !important;
	top:0px  !important;
	left:0px  !important;
	width:100% !important;
	font-size:13px !important;
	background: rgba(255, 255, 255, 0.8);
	display:block;
	height:135px;
	overflow:hidden;
}

.row{
margin:0 !important;
padding:0 !important;
width:100% !important;
}

.container{
margin:0 !important;
padding:0 !important;
width:100% !important;
height:100% !important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

h1{
	font-size:56px;
	color:#ccc;
}
h2{
	font-size:20px;
	padding:10px 0px 10px 0px;
	margin:15px 0px 20px 0px;
}
a{
	color:#555;
	text-decoration:none;
}
a:hover{
	color:#222;
}
p{
	padding:5px 0px;
}
.wrapper{
	width:960px;
	margin:20px auto;
}
.clear{
	clear:both;
}
.footer{
	position: relative;
	text-align:center;
	width:100%;
	padding:10px 0px;
	clear:both;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
	display:block;
	color:#444;
	text-shadow:1px 1px 8px #000;
	font-style:italic;
}
.footer a{
	color:#444;
	font-style:normal;
	font-family: 'Wire One', arial, serif;
	font-weight:800;
	margin:0px;
	font-size:30px;
	text-shadow:1px 1px 8px #000;
}

.footer span{
	color:#444;
	font-style:normal;
	font-family: 'Wire One', arial, serif;
	font-weight:800;
	margin:0px;
	font-size:30px;
	text-shadow:1px 1px 8px #000;
}

.mainc{
	width:100%;
	height:74.8%;
	margin-bottom:40px;
	background: rgba(255, 255, 255, 0.6);
	overflow:auto;
}
.pics {list-style:none;margin:auto;margin:70px auto;position:relative;height:100px;width:710px;}
.older {list-style:none;margin:auto;margin:0px auto;position:relative;height:100px;width:610px;}
.pics a {background:transparent;display:inline;float:left;width:70px;padding:1px;text-align:center;position:relative;}
.pics img {display:block;
	border: 5px solid #FFFFFF;
	-moz-box-shadow:1px 1px 7px #555;
	-webkit-box-shadow:1px 1px 7px #555;
	box-shadow:1px 1px 7px #555;
	cursor:pointer;
	opacity:0.5;
	max-height:100px;
	max-width:125px;}
	
	
.picslink{
	position: relative;

	top:-140px;
	text-align:center;
	width:100%;
	padding:5px 0px;
	clear:both;
	height: 100%;
	background: rgba(255, 255, 255, 0.6);
	display:block;
	color:#444;
	font-style:italic;
}
.picslink a{
	color:#444;
	font-style:normal;
	font-family: 'Wire One', arial, serif;
	font-weight:800;
	margin:0px;
	font-size:30px;
	text-shadow:1px 1px 3px #000;
}
.picslink2{
	position: relative;

	top:-75px;
	text-align:center;
	width:100%;
	padding:5px 0px;
	clear:both;
	height: 100%;
	background: rgba(255, 255, 255, 0.6);
	display:block;
	color:#444;
	font-style:italic;
}
.picslink2 a{
	color:#444;
	font-style:normal;
	font-family: 'Wire One', arial, serif;
	font-weight:800;
	margin:0px;
	font-size:30px;
	text-shadow:1px 1px 3px #000;
}


ul.thumbnails{
	height:120px;
	width:90%;
list-style-position: outside;
	margin: 0 auto;
	top:100px;
}
ul.pics li{
display: inline;
}
ul.thumbnails li img{
	max-height:100%;
	max-width:100px;
	border: 5px solid #FFFFFF;
	-moz-box-shadow:1px 1px 7px #555;
	-webkit-box-shadow:1px 1px 7px #555;
	box-shadow:1px 1px 7px #555;
	cursor:pointer;
	opacity:0.7;
}

/* By default, we tilt all our images -2 degrees */
ul.pics a {
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
}
 
/* Rotate all even images 2 degrees */
ul.pics li:nth-child(even) a {
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
}
 
/* Don't rotate every third image, but offset its position */
ul.pics li:nth-child(3n) a {
  -webkit-transform: none;
  -moz-transform: none;
  position: relative;
  top: -5px;
}
 
/* Rotate every fifth image by 5 degrees and offset it */
ul.pics li:nth-child(5n) a {
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  position: relative;
  right: 5px;
}
 
/* Keep default rotate for every eighth, but offset it */
ul.pics li:nth-child(8n) a {
  position: relative;
  top: 8px;
  right: 5px;
}
 
/* Keep default rotate for every eleventh, but offset it */
ul.pics li:nth-child(11n) a {
  position: relative;
  top: 3px;
  left: -5px;
}







/* Slider Style */
.pxs{
	width:100%;
	height:74.8%;
	margin-bottom:40px;
}
.pxsa{
	width:100%;
	height:100%;
}
.pxs_container{
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
}
.pxs_bg{
	background:transparent;
}
.pxs_bg div{
	position:absolute;
	top:0px;
	left:0px;
	width:7584px; /*1264px window width times number of images*/
	height:100%;
	background-repeat:repeat;
	background-position:top left;
	background-color:transparent;
}
.pxs_bg .pxs_bg1{
	/*left negative 1/8 of ww*/
}
.pxs_bg .pxs_bg2{
	/*left negative 1/4 of ww*/
}
.pxs_bg .pxs_bg3{
	background: rgba(255, 255, 255, 0.6);
	/*left negative 1/2 of ww*/
}
.pxs_slider_wrapper{
	display:none;
}
.pxs_container ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.pxs_slider{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
}
ul.pxs_slider li{
	height:100%;
	float:left;
	position:relative;
}
ul.pxs_slider li img{
	max-height:70%;
	max-width:95%;
	display:block;
	margin:15px auto 0px auto;
	-moz-box-shadow:0px 0px 7px #222;
	-webkit-box-shadow:0px 0px 7px #222;
	box-shadow:0px 0px 7px #222;
	border: 4px solid white;
}
ul.pxs_slider li div{
	position:relative;
	top:5px;
	width:100%;
	padding:0px 10px;
	color:#fff;
	text-align:center;
}
ul.pxs_slider li div h2{
	display:inline-block;
	font-family: 'Wire One', arial, serif;
	font-size:30px;
	text-transform:uppercase;
	text-shadow:0px 0px 1px #fff;
	padding:0px;
	margin:0px;
}
ul.pxs_slider li div p{
	display:inline-block;
	font-size:13px;
	line-height:16px;
	font-style:italic;
	margin:0px;
	padding:0 0 0 10px;
}
ul.pxsx_thumbnails{
	height:190px;
	width:90%;
	position:relative;
	left:5%;
}
ul.pxsx_thumbnails li{
	position:absolute;
	display:block;
}
ul.pxsx_thumbnails li img{
	max-height:100%;
	max-width:150px;
	border: 5px solid #FFFFFF;
	-moz-box-shadow:1px 1px 7px #555;
	-webkit-box-shadow:1px 1px 7px #555;
	box-shadow:1px 1px 7px #555;
	cursor:pointer;
	display:block;
	opacity:0.7;
}
ul.pxs_thumbnails{
	height:17%;
	position:absolute;
	bottom:0px;
	left:5%;
}
ul.pxs_thumbnails li{
	position:absolute;
	display:block;
}
ul.pxs_thumbnails li img{
	max-height:100%;
	max-width:150px;
	border: 5px solid #FFFFFF;
	-moz-box-shadow:1px 1px 7px #555;
	-webkit-box-shadow:1px 1px 7px #555;
	box-shadow:1px 1px 7px #555;
	cursor:pointer;
	display:block;
	opacity:0.7;
}
ul.pxs_thumbnails li.selected img{
	opacity:1.0;
}
.pxs_navigation span{
	position:absolute;
	width:35px;
	height:35px;
	top:45%;
	opacity:0.5;
	cursor:pointer;
	text-align:center;
	border-radius:25px;
}
.pxs_navigation span span{
	position:relative;
	top:5px;
	width:28px;
}
.icon-chevron-right, .icon-chevron-left {

	font-size:28px;
}
.pxs_navigation span:hover{
	opacity:0.75;
}
.pxs_navigation span.pxs_prev{
	background:#fff;
}
.pxs_navigation span.pxs_next{
	background:#fff;
}
.pxs_loading{
	width:100%;
	height:100%;
}

.loading  {
    background: rgba(0, 50, 250, 0);
    position: relative;
    margin: 150px auto 0 auto;
    width: 3em;
    height: 3em;
    animation-name:rotate;
}
 
.loading,
.loading:before,
.loading:after  {
    border-radius: 100%;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
}
 
.loading:before,
.loading:after  {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
}
 
.loading:before  {
    background: rgba(200, 250, 100, 0);
    animation-name: ring;
}
 
.loading:after  {
    background: rgba(250, 0, 200, 0);
    animation-name: ring2;
}
 
@keyframes rotate  {
    0%  {
        transform: rotateZ(0deg) scaleX(0.1) scaleY(0.1) translateZ(0);
        box-shadow: inset 0.8em 0 0 rgba(35, 178, 235, 0.5),
                    inset 0 0.8em 0 rgba(194, 84, 227, 0.5),
                    inset -0.8em 0 0 rgba(212, 94, 15, 0.5),
                    inset 0 -0.8em 0 rgba(126, 150, 3, 0.5);
    }
     
    /* hidden */
     
    85%, 100%  {
     
    /* 360deg * 10 */
     
        transform: rotateZ(3600deg) scaleX(2.01) scaleY(2) translateZ(0);
        box-shadow: inset 0 0 0 rgba(255, 0, 0, 0),
                    inset 0 0 0 rgba(252, 150, 0, 0),
                    inset 0 0 0 rgba(0, 255, 0, 0),
                    inset 0 0 0 rgba(0, 150, 255, 0);
    }
}
 
@keyframes ring  {
    0%  {
        transform: scaleX(0.1) scaleY(0.5);
        box-shadow: inset 0.8em 0 0 rgba(255, 0, 0, 0.5),
                    inset 0 0.8em 0 rgba(252, 150, 0, 0.5),
                    inset -0.8em 0 0 rgba(0, 255, 0, 0.5),
                    inset 0 -0.8em 0 rgba(0, 150, 255, 0.5);
    }
     
    /* hidden */
     
    75%, 100%  {
        transform: scaleX(2) scaleY(2.1);
        box-shadow: inset 0 0 0 rgba(255, 0, 0, 0),
                    inset 0 0 0 rgba(252, 150, 0, 0),
                    inset 0 0 0 rgba(0, 255, 0, 0),
                    inset 0 0 0 rgba(0, 150, 255, 0);
    }
}
 
@keyframes ring2  {
    0%  {
        transform: scaleX(0.5) scaleY(0.1);
        box-shadow: inset 0.8em 0 0 rgba(255, 0, 0, 0.5),
                    inset 0 0.8em 0 rgba(252, 150, 0, 0.5),
                    inset -0.8em 0 0 rgba(0, 255, 0, 0.5),
                    inset 0 -0.8em 0 rgba(0, 150, 255, 0.5);
    }
     
    /* hidden */
     
    65%, 100%  {
        transform: scaleX(2) scaleY(2.1);
        box-shadow: inset 0 0 0 rgba(255, 0, 0, 0),
                    inset 0 0 0 rgba(252, 150, 0, 0),
                    inset 0 0 0 rgba(0, 255, 0, 0),
                    inset 0 0 0 rgba(0, 150, 255, 0);
    }
}

.pxs_loading .wrapper {
    /* Size and position */
    font-size: 25px; /* 1em */
    width: 10em;
    height: 10em;
    margin: 0 auto;
    position: relative;
    z-index:1111;
    color: #444;
    text-align: center;
    text-transform: uppercase;
    line-height: 6em;
}
 
.pxs_loading .wrapper span {
    display: inline-block;
    animation: placeholder 1.5s ease-out infinite;
}
 
.pxs_loading .wrapper span:nth-child(1)  { animation-name: loading-1;  }
.pxs_loading .wrapper span:nth-child(2)  { animation-name: loading-2;  }
.pxs_loading .wrapper span:nth-child(3)  { animation-name: loading-3;  }
.pxs_loading .wrapper span:nth-child(4)  { animation-name: loading-4;  }
.pxs_loading .wrapper span:nth-child(5)  { animation-name: loading-5;  }
.pxs_loading .wrapper span:nth-child(6)  { animation-name: loading-6;  }
.pxs_loading .wrapper span:nth-child(7)  { animation-name: loading-7;  }
.pxs_loading .wrapper span:nth-child(8)  { animation-name: loading-1;  }
.pxs_loading .wrapper span:nth-child(9)  { animation-name: loading-2;  }
.pxs_loading .wrapper span:nth-child(10)  { animation-name: loading-3;  }
.pxs_loading .wrapper span:nth-child(11)  { animation-name: loading-4;  }
.pxs_loading .wrapper span:nth-child(12)  { animation-name: loading-5;  }
.pxs_loading .wrapper span:nth-child(13)  { animation-name: loading-6;  }
.pxs_loading .wrapper span:nth-child(14)  { animation-name: loading-7;  }
 
@keyframes loading-1 {
    14.28% { opacity: 0.3; }
}
 
@keyframes loading-2 {
    28.57% { opacity: 0.3; }
}
 
@keyframes loading-3 {
    42.86% { opacity: 0.3; }
}
 
@keyframes loading-4 {
    57.14% { opacity: 0.3; }
}
 
@keyframes loading-5 {
    71.43% { opacity: 0.3; }
}
 
@keyframes loading-6 {
    85.71% { opacity: 0.3; }
}
 
@keyframes loading-7 {
    100% { opacity: 0.3; }
}

.modal{

background: #ffffff url('../../img/back2.jpg') no-repeat right top fixed;
}

.modal-dialog {
position:absolute;
background: transparent;
width: 100%;
height:100%;
margin: 0;
padding: 0;
overflow:hidden;
}

.modal-content {
-webkit-box-shadow: none;
box-shadow: none;
width: 100%;
height:100%;
margin:auto auto;
position: relative;
background: rgba(255, 255, 255, 0.6);
border: none;
border: none;
border-radius: 0px;
outline: 0;
background-clip: padding-box;
	overflow:auto;
}

.modal-backdrop {
background: transparent;
}

.modal-header {
border: none;
}

.modal-title{
	font-size:45px;
	text-transform:uppercase;
	text-shadow:2px 2px 3px #000;
	color:#444;
	font-family: 'Wire One', arial, serif; 
	text-align: center;
}
.modal-body {
position: relative;
width: 70%;
margin: auto;
padding: 20px;
	color:#444;
	text-shadow:1px 1px 5px rgba(0,0,0,0.7);
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	font-size:18px;
	overflow:hidden;
}

.modal-body  img{
padding:0;
margin: 10px 15px 5px 0;
}

.contact-body {
position: relative;
width: 600px;
margin: auto;
padding: 20px;
	color:#444;
	text-shadow:1px 1px 5px rgba(0,0,0,0.7);
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	font-size:18px;
	overflow:hidden;
}

.contact-body  img{
padding:0;
margin: 10px 15px 5px 0;
}


.modal-footer{
position: relative;
border: none;
bottom:0px;
width:100%;
	text-align: center;
}

.center{
text-align:center;
}

.shops{
width:50% !important;
text-align:center;
float:left !important;
}

.ccol{
width:60% !important;
float:left !important;
}

.ccol2{
width:40% !important;
float:left !important;
}

.ribwrap {
  width: 185px;
  height: 188px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
  
  z-index: 95;
}

.ribbon-one {
	font-style:italic;
	color:#444;
	text-shadow:1px 1px 8px #000;
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	font-size:20px;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: absolute;
  padding: 16px 0 0 5px;
  right: -105px;
  top: -15px;
  width: 260px;
  height: 70px;
  background-color: rgba(255,255,255,0.3);
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-two {
	font-style:italic;
	color:#444;
	text-shadow:1px 1px 8px #000;
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	font-size:20px;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: absolute;
  padding: 90px 5px 0 0;
  right: -140px;
  top: -40px;
  width: 350px;
  height: 155px;
  background-color: rgba(255,255,255,0.3);
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}