/*fonts */
@font-face{ 
	font-family: 'roadwayregular';
	src: url('../fonts/roadway_-webfont.eot');
	src: url('../fonts/roadway_-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/roadway_-webfont.woff') format('woff'),
	     url('../fonts/roadway_-webfont.ttf') format('truetype'),
	     url('../fonts/roadway_-webfont.svg#roadwayregular') format('svg');
}


@font-face{ 
	font-family: 'taleregular';
	src: url('../fonts/tale-webfont.eot');
	src: url('../fonts/tale-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/tale-webfont.woff') format('woff'),
	     url('../fonts/tale-webfont.ttf') format('truetype'),
	     url('../fonts/tale-webfont.svg#taleregular') format('svg');
}

@font-face{ 
	font-family: 'bebasneue';
	src: url('../fonts/bebasneue-webfont.eot');
	src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/bebasneue-webfont.woff') format('woff'),
	     url('../fonts/bebasneue-webfont.ttf') format('truetype'),
	     url('../fonts/bebasneue-webfont.svg#bebasneue') format('svg');
}

@font-face{ 
	font-family: 'porter-sans-inline-block';
	src: url('../fonts/porter-sans-inline-block-webfont.eot');
	src: url('../fonts/porter-sans-inline-block-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/porter-sans-inline-block-webfont.woff') format('woff'),
	     url('../fonts/porter-sans-inline-block-webfont.ttf') format('truetype'),
	     url('../fonts/porter-sans-inline-block-webfont.svg#porter-sans-inline-block') format('svg');
}

@font-face{ 
	font-family: 'trystregular';
	src: url('../fonts/tryst-regular-webfont.eot');
	src: url('../fonts/tryst-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/tryst-regular-webfont.woff') format('woff'),
	     url('../fonts/tryst-regular-webfont.ttf') format('truetype'),
	     url('../fonts/tryst-regular-webfont.svg#trystregular') format('svg');
}






body {
 font-family:arial; 
 background-color:transparent;  
}

video#bgvid {
    position: fixed; right: 0; bottom:0;
    min-width:100%; min-height: 100%;
    width: auto; height: auto; z-index: -100;
    background: url(../media/glassrod.png) no-repeat;
   background-size: cover;
}

video { display: block; } 

@media screen and (max-device-width: 800px) { 
    html{ background: url(../media/glassrod.png) #000 no-repeat center center fixed;}
    #bgvid {display: none; }
}

//query specific styles 
/*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        .contactfix{
            margin-top:-2.5em;
           /* color: red;*/
        }
        .inner-cover{

        }
        .masthead-brand {
            background-color:black !important;
            background:url(../media/dark_exa.png);
        }

        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 470px) {
        .contactfix{
            /* color: orange;*/
            margin-top:-2.5em;
        }

        .masthead-brand{
            background:url(../media/dark_exa.png);
        }

        .inner-cover{

        }
        

        
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .contactfix{
            margin-top:-2.5em;
           /* color: yellow;*/
}

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .contactfix{
            margin-top:-2.5em;
           /* color: green;*/
}
        

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        .contactfix{
            margin-top:-2.5em;
           /* color: blue;*/
}
        
    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 469px) {
        .masthead-brand{
            background-color:black !important;
            background-image:url(../media/dark_exa.png);
        }
        .contactfix {
         
           /* color:brown;*/
        }
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }


.masthead-brand{
    font-family:roadwayregular, arial;
    color:white;
    /*background-color:black;*/
    font-size:75px;
    margin-top:75px;
    text-align: center;
    border-radius:10px;
    border-style:ridge;
    border-color:#fff;
    border-width:medium;
    /*background-image: url(../media/dark_wall.png);*/
    display:block;
    position:relative;
    padding-left:2px;
    padding-right:2px;
    text-shadow: 6px 6px 0px rgba(0,0,0,0.2);
}

.masthead-brand::after { 
    content:"";
    background-image: url(../media/dark_exa.png);
    filter:alpha(opacity=95);
    opacity:0.95;
    top:0;
    left:0;
    bottom:0;
    right:0;
    position:absolute;
    z-index: -1;
    
}


.lead {
    color:black;
    text-align:center;
    margin-top:10px;
    font-family: 'Oxygen', sans-serif;
   /* font-family: 'Playfair Display', serif;*/
}

.inner-cover { 
 background-color:white; 
 

}

.shadow {
    padding: 20px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border: 1px solid #f0f0f0;
    border-bottom: 2px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.caps { 
 font-family:'bebasneue', arial;
 position:relative;
 top:-8px;

 
}
.small-lines {
    text-decoration: underline;
}

.cover-p {
 text-align:center;  
    font-family: 'Oxygen', sans-serif;
}

.social {
 padding-top:3em; 
}

.btn-shadow{
 border: 1px;
 border-style:outset;
    
}


/* form styles */
 .modalMsgFrm {
    
 }

 .head-modal {
    font-family:'Oxygen', arial;
    font-size:2em;
    color:white;
    background:url(../media/dark_exa.png);
 }

 .head-modal .close {
    opacity:1 !important;
    color:white !important;

 }
 
 
 /* Auction Stuff */
 .auction-body {
 	background: url(../media/footer_lodyas.png);
 }
 
 .auction-cover {
    color: #FEFEFE;
    text-align:left;
    font-family: 'Oxygen', sans-serif;
    margin:1em;
 }
    
 }
 
.auction-brand { 
  	margin-top:0px !important;  
 
 }

 .auction-cover {

 }
 
 .mast-underwrite {
    font-family: 'porter-sans-inline-block', serif;	
    font-size:.4em;
    
 }
 
 /* Glyph, by Harry Roberts */
		
hr.style-eight {
    padding: 0;
    border: none;
    border-top: medium double #eee;
    color: #eee;
    text-align: center;
    font-family: serif;
    font-size:1em;
    margin-top:-.25em;
}

.auction-item > a > img {
	border-radius:10px;
	border: 1px solid black;
	margin:5px;
	
}
.auction-caption{
color:red;
opacity:0;
 -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out;
   
   position:absolute;
    border-radius:10px;
  
    background-color: rgba(0,0,0,0.8); 
}


.auction-item > a:hover .auction-caption {
	opacity:1;
 }
 .f1 {
    font-family: 'taleregular', serif;
 }
 
 .f2 {
 	font-family: 'porter-sans-inline-block', serif;
 }
 
 .f3 {
 	font-family: 'bebasneue', serif;
 }
 
 .f4 {
 	font-family: 'trystregular', serif;
 }
 
 .f5 { 
 	font-family: 'Playfair Display', serif;
 } 

 .f6 {
 	font-family: 'Josefin Slab', serif; 
 }