@font-face {
    font-family: autograpgh;
    src: url(fonts/GOTHIC.TTF);
}

.navbar-white
{
    background-color: #ffffff;
    border: 0;
    margin-bottom: 0px;
}

.navbar-menu
{
    margin-top: 80px;
    font-weight: bold;
    font-size: 12pt;
}

@media (min-width: 480px) { 
	.navbar-nav > li
    {
        display: inline-block;
    }

	.navbar-menu
	{
		margin-top: 40px;

		text-align: center;
	}
}

.img-container a {
	text-decoration: none;
	color: white;
}

.img-container
{
    height: 210px;
    width: 100%;
    position:relative;
}

.img-container-welcome 
{
    height: 161px;
    width: 100%;
    position:relative;
}

.img-pic
{    
    position:absolute;
    left:0;
    top:0;
}

.img-text-stock
{
    z-index:100;
    position:absolute;    
    font-size:24px;
    left: 90px;
    top: 110px;
	color: #FFFFFF;
    font-size: 22pt;
	text-align: center;
	font-family: pacifico, cursive;
	font-weight: 400;
}

.img-text-sell
{
    z-index:100;
    position:absolute;    
    font-size:24px;
    left: 75px;
    top: 105px;
	color: #FFFFFF;
    font-size: 24pt;
	text-align: center;
	font-family: pacifico, cursive;
    font-weight: 400;
}

.img-text-exhibitions
{
    z-index:100;
    position:absolute;    
    font-size:24px;
    left: 95px;
    top: 110px;
	color: #FFFFFF;
    font-size: 24pt;
	text-align: center;
	font-family: pacifico, cursive;
	font-weight: 400;
	text-shadow: 1px 1px #000000;
}

.img-text-welcome
{
    z-index:100;
    position:absolute;    
    font-size:24px;
    left: 30px;
    top: 60px;
	color: #FFFFFF;
    font-size: 12pt;
	font-family: autograpgh;
	text-align: center;
    font-weight: bold;	
	text-transform: capitalize;
	text-shadow: 1px 1px #000000;
}

@media (min-width: 400px) { 
	.img-container
	{
		height: 280px;
		width: 100%;
		position:relative;
	}

	.img-container-welcome 
	{
		height: 206px;
		width: 100%;
		position:relative;
	}

	.img-pic
	{    
		position:absolute;
		left:0;
		top:0;
	}

	.img-text-stock
	{
		z-index:100;
		position:absolute;    
		font-size:24px;
		left: 110px;
		top: 125px;
		color: #FFFFFF;
		font-size: 22pt;
		text-align: center;
		font-family: pacifico, cursive;
		font-weight: 400;
		
	}

	.img-text-sell
	{
		z-index:100;
		position:absolute;    
		font-size:24px;
		left: 90px;
		top: 125px;
		color: #FFFFFF;
		font-size: 22pt;
		text-align: center;
		font-family: pacifico, cursive;
		font-weight: 400;
	}

	.img-text-exhibitions
	{
		z-index:100;
		position:absolute;    
		/* font-size:24px; */
		left: 115px;
		top: 125px;
		color: #FFFFFF;
		font-size: 22pt;
		text-align: center;
		font-family: pacifico, cursive;
		font-weight: 400;
			text-shadow: 1px 1px #000000;
	}

	.img-text-welcome
	{
		z-index:100;
		position:absolute;    
		font-size:24px;
		left: 40px;
		top: 92px;
		color: #FFFFFF;
		font-size: 14pt;
		text-align: center;
		font-weight: bold;
	}
}

@media (min-width: 540px) {
	.img-container
	{
		height: 386px;
		width: 100%;
		position:relative;
	}

	.img-container-welcome 
	{
		height: 283px;
		width: 100%;
		position:relative;
	}

	.img-pic
	{    
		position:absolute;
		left:0;
		top:0;
	}

	.img-text-stock
	{
		z-index:100;
		position:absolute;    
		font-size:24px;
		left: 240px;
		top: 190px;
		color: #FFFFFF;
		font-size: 30pt;
		text-align: center;
		font-family: pacifico, cursive;
		font-weight: 400;
		text-shadow: 2px 2px #000000;
	}

	.img-text-sell
	{
		z-index:100;
		position:absolute;    
		font-size:24px;
		left: 180px;
		top: 170px;
		color: #FFFFFF;
		font-size: 30pt;
		text-align: center;
		font-family: pacifico, cursive;
		font-weight: 400;
		text-shadow: 2px 2px #000000;
	}

	.img-text-exhibitions
	{
		z-index:100;
		position:absolute;    
		/* font-size:24px; */
		left: 220px;
		top: 250px;
		color: #FFFFFF;
		font-size: 30pt;
		text-align: center;
		font-family: pacifico, cursive;
		font-weight: 400;
		text-shadow: 2px 2px #000000;
	}

	.img-text-welcome
	{
		z-index:100;
		position:absolute;    
		font-size:24px;
		left: 80px;
		top: 126px;
		color: #FFFFFF;
		font-size: 22pt;
		text-align: center;
		font-weight: bold;
	}
}

@media (min-width: 768px) { 
	.img-container
	{
		height: 545px;
		width: 100%;
		position:relative;
	}

	.img-container-welcome 
	{
		height: 400px;
		width: 100%;
		position:relative;
	}

	.img-pic
	{    
		position:absolute;
		left:0;
		top:0;
	}

	.img-text-stock
	{
		z-index:100;
		position:absolute;    
		font-size:26px;
		left: 90px;
		top: 100px;
		color: #FFFFFF;
		font-size: 26pt;
		text-align: center;
		font-family: pacifico, cursive;
		font-weight: 400;
		text-shadow: 2px 2px #000000;
	}

	.img-text-sell
	{
		z-index:100;
		position:absolute;    
		font-size:24px;
		left: 50px;
		top: 100px;
		color: #FFFFFF;
		font-size: 26pt;
		text-align: center;
		font-family: pacifico, cursive;
		font-weight: 400;
		text-shadow: 2px 2px #000000;
	}

	.img-text-exhibitions
	{
		z-index:100;
		position:absolute;    
		/* font-size:24px; */
		left: 90px;
		top: 100px;
		color: #FFFFFF;
		font-size: 26pt;
		text-align: center;
		font-family: pacifico, cursive;
		font-weight: 400;
		text-shadow: 2px 2px #000000;
	}

	.img-text-welcome
	{
		z-index:100;
		position:absolute;    
		font-size:26px;
		left: 210px;
		top: 170px;
		color: #FFFFFF;
		font-size: 26pt;
		text-align: center;
		font-weight: bold;
	}
}

@media (min-width: 1024px) { 
	.img-container
	{
		height: 237px;
		width: 100%;
		position:relative;
	}

	.img-container-welcome 
	{
		height: 522px;
		width: 100%;
		position:relative;
	}

	.img-pic
	{    
		position:absolute;
		left:0;
		top:0;
	}

	.img-text-stock
	{
		z-index:100;
		position:absolute;    
		font-size:24px;
		left: 100px;
		top: 120px;
		color: #FFFFFF;
		font-size: 28pt;
		text-align: center;
		font-family: pacifico, cursive;
		font-weight: 400;
		text-shadow: 2px 2px #000000;
	}

	.img-text-sell
	{
		z-index:100;
		position:absolute;    
		font-size:24px;
		left: 70px;
		top: 120px;
		color: #FFFFFF;
		font-size: 28pt;
		text-align: center;
		font-family: pacifico, cursive;
		font-weight: 400;
		text-shadow: 2px 2px #000000;
	}

	.img-text-exhibitions
	{
		z-index:100;
		position:absolute;    
		/* font-size:24px; */
		left: 100px;
		top: 120px;
		color: #FFFFFF;
		font-size: 28pt;
		text-align: center;
		font-family: pacifico, cursive;
		font-weight: 400;
		text-shadow: 2px 2px #000000;
	}

	.img-text-welcome
	{
		z-index:100;
		position:absolute;    
		font-size:28px;
		left: 270px;
		top: 220px;
		color: #FFFFFF;
		font-size: 28pt;
		text-align: center;
		font-weight: bold;
		text-shadow: 2px 2px #000000;
	}
}

@media (min-width: 1280px) { 
	.img-container
	{
		height: 288px;
		width: 100%;
		position:relative;
	}

	.img-container-welcome 
	{
		height: 633px;
		width: 100%;
		position:relative;
	}

	.img-pic
	{    
		position:absolute;
		left:0;
		top:0;
	}

	.img-text-stock
	{
		z-index:100;
		position:absolute;    
		font-size:24px;
		left: 70px;
		top: 115px;
		color: #FFFFFF;
		font-size: 35pt;
		text-align: center;
		font-family: pacifico, cursive;
		font-weight: 400;
	}

	.img-text-sell
	{
		z-index:100;
		position:absolute;    
		font-size:24px;
		left: 40px;
		top: 115px;
		color: #FFFFFF;
		font-size: 35pt;
		text-align: center;
		font-family: pacifico, cursive;
		font-weight: 400;
	}

	.img-text-exhibitions
	{
		z-index:100;
		position:absolute;    
		/* font-size:24px; */
		left: 80px;
		top: 115px;
		color: #FFFFFF;
		font-size: 35pt;
		text-align: center;
		font-family: pacifico, cursive;
		font-weight: 400;
	}

	.img-text-welcome
	{
		z-index:100;
		position:absolute;    
		font-size:24px;
		left: 230px;
		top: 280px;
		color: #FFFFFF;
		font-size: 32pt;
		text-align: center;
		font-weight: bold;
	}
}

@media (max-width:991px)
{
    .img-logo
    {
        width: 250px;
        margin-top: 10px;
    }
}

.scratch {
	text-decoration: line-through;
}

.scratch a:hover {
	text-decoration: line-through;
}

.big {
    font-size: 13.5pt;
    text-decoration: line-through;

}

.big2 {
    font-size: 13.5pt;

}

.image
{
    width: 100%;
}

.well-subcribe
{
    border: none;
    border-radius: 0;
    text-align: center;
    padding: 35px;
    margin-bottom: 0px;
}

.thumbnail
{
    border: none;
    height: 280px;
}

.thumbnail-artist {
	border: none;

	height: 300px;
}

.thumbnail span
{
	font-size: 12pt;
	line-height: 0px;
}

@media (max-width:479px)
{
    .thumbnail span
    {
        font-size: 10pt;
    }
}

.stockroom a:hover {
	text-decoration: none;
}

@media (min-width:480px)
{
    .nopadding
    {
        padding: 0 !important;
        margin: 0 !important;
    }
    .navbar-height
    {
        height: 90px;
    }
}

@media (min-width:768px)
{
    .input-subcribe-email
    {
        width: 400px;
    }
    .row-subscribe-left
    {
        padding-right: 2px;
    }
    .row-subscribe-right
    {
        padding-left: 2px;
    }
}

.footer-menu-link
{
    list-style-type: none;
}

.footer-menu-link li
{
    padding-left: 5px;
    padding-right: 5px;
    display: inline;
    font-size: 8pt;
}

.font-footer
{
    font-weight: normal;
}

.subscribe-header
{
    display: block;
    font-weight: bold;
    font-size: 16pt;
}

.subscribe-text
{
    display: block;
    font-size: 12pt;
}

.subscribe-input
{
    font-size: 11pt;
}

@media (max-width:767px)
{
    .btn-subscribe
    {
        margin-top: 10px;
    }
}

@media (min-width:480px)
{
    .subscribe-header
    {
        font-size: 20pt;
    }
    .subscribe-text
    {
        display: block;
        font-size: 16pt;
    }
    .subscribe-input
    {
        font-size: 14pt;
    }
    .footer-menu-link li
    {
        padding-left: 15px;
        padding-right: 15px;
        display: inline;
        font-size: 12pt;
    }
}

@media (min-width:768px){

}

@media (max-width:479px)
{
	.nopadding {
		margin: 0;
		padding: 0;
	}

    .inputnopadding
    {
        margin: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .navbar-font
    {
        font-size: 9pt;
        width: 100%;
        display: inline-block;
    }
    .navbar-font > li > a
    {
        padding: 5px 8px;
    }
    .navbar-nav > li
    {
        display: inline-block;
    }
    .navbar-custom
    {
        text-align: center;
    }
}

.btn-black
{
    color: #fff;
    background-color: #000000;
}

.btn-black:hover
{
    color: gray;
}

@media (min-width:1200px)
{
    .panel-stock
    {
        width: 900px;
    }
}

@media (min-width:768px)
{
    .thumbnail
    {
        height: 450px;
    }

	.navbar-menu {
		margin-top: 30px;
	}
}

@media (min-width:992px)
{
    .thumbnail
    {
        height: 350px;
    }
}

.panel-stock-nav {
	display: none;
}

.panel-stock-nav a {
	color: gray;	
}

@media (min-width:1200px)
{
    .thumbnail
    {
        height: 310px;
    }

	.panel-stock-nav {
		display: block;
		position: absolute;
		top: 150px;
		left: 60px;
	}
	
	div.stockroom {
		min-height: 850px;
	}
}

.subscribe-form
{
    width: 190px;
	height: 30px;
	margin-left: 570px;
	border-style: none;
	border-color: transparent;
	background-color: transparent;
	position: relative;
	outline-width: 0;
	
}

.subscribe-button
{
  margin-left: 158px; 
  width: 77px;
  height: 30px; 
  position: relative;
  outline-width: 0;
}

.center {
display: flex;
justify-content: center;
}


/* Style the form - display items horizontally */
.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

/* Add some margins for each label */
.form-inline label {
  margin: 5px 10px 5px 0;
}

/* Style the input fields */
.form-inline input {
  vertical-align: middle;
  margin: 5px 10px 5px 0;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ddd;
}

/* Style the submit button */
.form-inline button {
  padding: 10px 30px;
  background-color: #000000;
  border: 1px solid #ddd;
  color: white;
}

.form-inline button:hover {
  background-color: dodgerblue;
}

/* Add responsiveness - display the form controls vertically instead of horizontally on screens that are less than 800px wide */
@media (max-width: 800px) {
  .form-inline input {
    margin: 10px 0;
  }

  .form-inline {
    flex-direction: column;
    align-items: stretch;
  }
}