@charset "utf-8";
/* start of configuration */
/****************************************************************************** BIG ****************************************************************************************/
/*  =============================================== Backgrounds  =====================================  */
#eamon_01 {
	background-image: url("/.pix/bt-co/eamon_01.png");
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    background-size: cover;
}
#angle {
	background-image: url("/.pix/bt-co/angle.png");
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    background-size: cover;
}
#euro {
	background-color: #000;
	position: relative;
}
/*  =============================================== Backgrounds  ===================================== */
#euro2 {
     background-color: #FC0;
     background-image: url("/.pix/bt-co/euro_extracted_320.png");
     background-repeat: repeat repeat;
}
/*  =============================================== Backgrounds  =====================================  */
#maine {
	position: absolute;
	top: -1000rem;
	left: 0;
	right: 0;
	background-color: transparent;
	color: transparent;
	visibility: hidden;
	opacity: 0;
	z-index: -100;
}
body {
	width: 100%;
	height: 85vh;
	position: relative;
}
#fold {
	position: fixed;
	top: 0;
	z-index: 10;
}
.speshul {
	position: absolute;
	left:  10vw;
	transform: translateY(-500%);
	transition: all 345ms ease;
}
.speshul::after {
    content: 'Specials';
}
.speshul:focus {
	transform: translateY(0);
	transition: all 345ms ease;
}
/*********************************************************************************************************************************/
#logo_tracks {
	position: relative;
	display: block; 
	top: .5vh;
	left: 5vw;
}
/*  ======================================================================  Index.php  ==================================================== */
#bt-co main {
	position: absolute;
	top: 4.25vh;
	left: 0;
	bottom: 10vh;
    width: 100vw;
	min-height: 80vh;
    margin: 0;
	padding: 0;
    z-index: 5;
	background: #39D;
	background-image: url("/.pix/bt-co/angle.png");
}
/*  ======================================================================  Index.php  ==================================================== */
 #bt-co .Three-Dee, #btco a .Three-Dee, #bt-co h1 a.Three-Dee {
	display: block;
	color: #FFF; /* transparent; */
	font-family: 'arab_005';
	margin: -2vh auto;
}
#bt-co header h2 {
	 font-weight: bolder;
	 color: #0D0; 
     text-shadow: 2px 2px 0 #000, -2px -2px 0 #CCC;
	 margin-top: -2vh;"
}
.eight {
	margin: -2vh auto;
}
.space {
	height: 0;
	margin: -1vh auto;
}
/*  ======================================================================  Index.php  ==================================================== */
.smear {			/* style = "width:  color: #FFF; margin: -3hv auto 0 -8vmin;" */
	position: relative;
	width:  65vmax;;
	height: 12.5vmin;
	margin: -2vmin auto 2vmin;
	padding: 1vmin;
	background-color: #CDC;
	border: none;
	outline: .25vmin solid #C02;
}

.smear p {
	padding: .3rem;
	color:  #000;
	font-size: 1rem;
	font-family: Georgia;
}
/*  ======================================================================  Index.php  ==================================================== */
.base, .hide {
	position: absolute;
	text-align: center;
	color: #FFF;
	font-size: 2vmin;
	font-weight: 900;
	text-shadow: -1px -1px 1px #0C0, 1px 1px 1px #0D0,
				 -2px -2px 2px #F33, 2px 2px 2px #E22;	
	margin: -7.5vh auto 0;
}
.base {
	left: calc(50% - 7.5vw);
	bottom: 10vh;
}
.hide {
	left: calc(50% - 23vw);
	bottom: 15vh;
}
/*  ======================================================================  Index.php  ==================================================== */
#bt-co footer {
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
#howw {
	width: max(65vmax, 65%);
	height: 2.5vh;
	margin: 0 auto;
	padding: 0;
	z-index: 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}
/*
#howw li a {
	font-size: 1.75vh;
	text-align: center;
	font-weight: bolder;
}
*/
#howw li a button {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	height: 2.5vh;
	font-size: 2vh;
	font-weight: bolder;
}
/*  ======================================================================  Index.php  ===================================================== *
#mainn #howw {
	top: 20hv;
}
/*  ======================================================================  Index.php  ===================================================== */
/**********************************************************************************************/
#contact::before {
    content: 'Contact Us';
    color: #3D0;
    font-weight: 900;
    text-align: center;
    font-variant: small-caps;
    font-size: max(((2rem + 2vw)/3.5), .95vmax);
}
#contact {
    display: block;
    margin: 1vmin auto;
    cursor: help;
    padding-bottom: .5vmin;
    text-align: center;
    width: 10vw;
    height: 3vh;
    background: linear-gradient(#D9D9D9, #858585);
    color: #3D0;
    text-shadow: .2vmin .2vmin #000,
                -.2vmin -.2vmin #FFF;
    font-weight: 900;
    text-shadow: .2vmin .2vmin #000,
                -.2vmin -.2vmin #FFF;
    box-shadow: inset 0 0 .25vmin #0D0;
    border: .2vmin solid #F33;
    outline: .2vmin solid #D23;
    outline-offset: .1vmin;
    text-decoration: none;
}
#contact:hover {
    background: linear-gradient(#858585, #D9D9D9);
    color: #D30;
	outline: .2vmin solid #3D3;
	outline-offset: .1vmin;
    text-decoration: none;
}
#contact:hover::before {
	color: #D03;
	text-decoration: none;
}
#contact:active {
    box-shadow: inset 0 0 #CCC;
    color: #404;
    background: #A73;
    box-shadow: inset 0 0 .25vmin #404;
	outline: .2vmin solid #000;
}
/**********************************************************************************************/
/****************************************************************************************************************/
@media only screen and (max-width: 100rem) {
	#bt-co main {
   		background-size: 100vmax 50vmax;
   		background-position: center;
		position: relative;
		background-color: #22E;
 		background-image: url("/.pix/bt-co/angle.png");
	    background-repeat: no-repeat;
    	background-size: cover;
	}
}
@media only screen and (max-width: 75rem) {
		#bt-co main {
			background-color: #2E2;
			background-image: url("/.pix/bt-co/angle_02.png");
		}
}

@media only screen and (max-width: 65rem) {
	#bt-co main {
		background-color: #99A;
		background-image: url("/.pix/bt-co/nic_xv.png");
		background-size: cover;
		}
}
@media only screen and (max-width: 60rem) {
	#bt-co main {
		background-color: #B99;
		background-image: url("/.pix/bt-co/angle_02_320.png");
   		background-size: 100vmin 50vmin;
	}
	.space {
		margin: 2vh auto;
	}
	.howw a button {
		font-size: 1rem;
		font-weight: bolder;
	}
}
@media only screen and (max-width: 40rem) {
	#bt-co main {
		background-color: #47A;
		background-image: url("/.pix/bt-co/eamon_640.png");
		background-position: center;
		background-repeat: no-repeat;
	}
}
@media only screen and (max-width: 30rem) {
	#bt-co main {
		background-color: #25C;
		background-image: url("/.pix/bt-co/eamon_480.png");
	}
	#sub {
		font-size: 4vw;
	}
}
/****************************************************************************************************************/