/******************************************************************************************************************************************

	Company 		:  Fred J Bishop Enterprises
	File name 		:  index.css
	Developed on	:  08-14-2021
	Owner			:  Fred J Bishop Enterprises
	Contact no		:  bishop.fredj@gmail.com

	Copyright (c) 2010 - 2019, Fred J Bishop Enterprises.
        
	All rights reserved.  This software is protected by the national and international copyright laws that pertain to computer software.
	You may not loan, sell, rent, lease, give, sub license, or otherwise transfer the software (or any copy).

	Disclaimer

	By using the script(s), you are agree and understand that the writers are not responsible for any damages caused under any conditions
	due to the malfunction or bugs from the script. Please use at your own risk.

*******************************************************************************************************************************************/


.home2 {
	text-align: center ;
	margin: 0 0 0 0 ;
}

.Img-Banner {
	max-width: 600px;
}

.author1 {
	text-shadow:2px 2px 5px #555555;
}

.img-howtobuy {
	border-radius: 10px;
	margin: auto ;
	display: block ;
}

.howtobuy-img {
	margin-bottom: 30px;
}

.howtobuy2 {
	color: #FFF;
	font-size: 18px;
	margin-bottom: 10px;
}

.howtobuy3 {
	color: #FFF;
	font-size: 18px;
	margin-bottom: 20px;
}

.clock3 {
	font-family: Arial, Helvetica, sans-serif;;
	font-size:20px;
	font-style:normal;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	text-align:center;
	color:#FFF;
	margin: 10px 0 10px 0 ;
}

.box-shadowGIF
{
  background-color: #fff;
  text-align: center;
  width: 100%;
  position: relative;
  border-radius: 0%;
  overflow: hidden;
}

.box-shadowGIF::after
{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: inset 0 0 20px 30px #FFF;   
  -moz-box-shadow: inset 0 0 20px 30px #FFF;
  box-shadow: inset 0 0 20px 30px #FFF;
  border-radius: 0%;
  overflow: hidden
}


/* Background *************************************************************************************************************************** */

	.BlackBox1 {
		box-shadow:
			2px 2px 0.5em rgba(199, 169, 0, 0.55),
			inset 1px 1px 0 rgba(235, 206, 83, 0.9),
			inset -1px -1px 0 rgba(0, 0, 0, 0.34)
		;
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(50,50,50,0.08)), to(rgba(80,80,80,0.02)), color-stop(0.5,#333333) );
		background: -moz-linear-gradient( center top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55666666, endColorstr=#55000000 );
		background-color:#000000;
		-webkit-border-top-left-radius:15px;
		-moz-border-radius-topleft:15px;
		border-top-left-radius:15px;
		-webkit-border-top-right-radius:15px;
		-moz-border-radius-topright:15px;
		border-top-right-radius:15px;
		-webkit-border-bottom-right-radius:15px;
		-moz-border-radius-bottomright:15px;
		border-bottom-right-radius:15px;
		-webkit-border-bottom-left-radius:15px;
		-moz-border-radius-bottomleft:15px;
		border-bottom-left-radius:15px;
		margin: 30px 0 20px 0 ;
	}

	.BlackBox2 {
		box-shadow:
			2px 2px 0.5em rgba(199, 169, 0, 0.55),
			inset 1px 1px 0 rgba(235, 206, 83, 0.9),
			inset -1px -1px 0 rgba(0, 0, 0, 0.34)
		;
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(50,50,50,0.08)), to(rgba(80,80,80,0.02)), color-stop(0.5,#333333) );
		background: -moz-linear-gradient( center top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95% );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55666666, endColorstr=#55000000 );
		background-color:#000000;
		-webkit-border-top-left-radius:15px;
		-moz-border-radius-topleft:15px;
		border-top-left-radius:15px;
		-webkit-border-top-right-radius:15px;
		-moz-border-radius-topright:15px;
		border-top-right-radius:15px;
		-webkit-border-bottom-right-radius:15px;
		-moz-border-radius-bottomright:15px;
		border-bottom-right-radius:15px;
		-webkit-border-bottom-left-radius:15px;
		-moz-border-radius-bottomleft:15px;
		border-bottom-left-radius:15px;
		margin: 30px 0 20px 0 ;
	}

	.Box-OutlineGold {
		color: rgba(0, 0, 0, 0.72);
		text-decoration: none;

		box-shadow:
			2px 2px 0.5em rgba(122, 98, 0, 0.55),
			inset 1px 1px 0 rgba(255, 255, 255, 0.9),
			inset -1px -1px 0 rgba(0, 0, 0, 0.34)
		;

		border-style: solid;
		border-width: 3px;

		border-image:
			radial-gradient(
				#ffde45,
				#ffffff 16%,
				#ffde45 21%,
				#ffffff 24%,
				#452100 27%,
				#ffde45 36%,
				#ffffff 45%,
				#ffffff 60%,
				#ffde45 72%,
				#ffffff 80%,
				#ffde45 84%,
				#452100
		) 1;

		padding: 20px 20px 2px 20px ;
		margin: 0 0 0 0 ;

	}

	.BackgroundBox-OutlineGold {
		color: rgba(0, 0, 0, 0.72);
		text-decoration: none;

		box-shadow:
			2px 2px 0.5em rgba(122, 98, 0, 0.55),
			inset 1px 1px 0 rgba(255, 255, 255, 0.9),
			inset -1px -1px 0 rgba(0, 0, 0, 0.34)
		;

		border: 1px solid #deca73;

		background:
		-moz-linear-gradient(
			-72deg,
				#ffde45,
				#ffffff 16%,
				#ffde45 21%,
				#ffffff 24%,
				#452100 27%,
				#ffde45 36%,
				#ffffff 45%,
				#ffffff 60%,
				#ffde45 72%,
				#ffffff 80%,
				#ffde45 84%,
				#452100
		);

		background:
		-webkit-linear-gradient(
			-72deg,
				#ffde45,
				#ffffff 16%,
				#ffde45 21%,
				#ffffff 24%,
				#452100 27%,
				#ffde45 36%,
				#ffffff 45%,
				#ffffff 60%,
				#ffde45 72%,
				#ffffff 80%,
				#ffde45 84%,
				#452100
		);

		background:
		-o-linear-gradient(
			-72deg,
				#ffde45,
				#ffffff 16%,
				#ffde45 21%,
				#ffffff 24%,
				#452100 27%,
				#ffde45 36%,
				#ffffff 45%,
				#ffffff 60%,
				#ffde45 72%,
				#ffffff 80%,
				#ffde45 84%,
				#452100
		);

		background:
		linear-gradient(
			-72deg,
				#ffde45,
				#ffffff 16%,
				#ffde45 21%,
				#ffffff 24%,
				#452100 27%,
				#ffde45 36%,
				#ffffff 45%,
				#ffffff 60%,
				#ffde45 72%,
				#ffffff 80%,
				#ffde45 84%,
				#452100
		);
		-webkit-border-top-right-radius:15px;
		-moz-border-radius-topright:15px;
		border-top-right-radius:15px;
		-webkit-border-bottom-right-radius:15px;
		-moz-border-radius-bottomright:15px;
		border-bottom-right-radius:15px;
		-webkit-border-top-left-radius:15px;
		-moz-border-radius-topleft:15px;
		border-top-left-radius:15px;
		-webkit-border-bottom-left-radius:15px;
		-moz-border-radius-bottomleft:15px;
		border-bottom-left-radius:15px;
		padding: 2px 2px 2px 2px ;
		margin: 0 0 0 0 ;
	}

	.circle {
		-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
		-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
		box-shadow:inset 0px 1px 0px 0px #f29c93;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #000000) );
		background:-moz-linear-gradient( center top, #666666 5%, #000000 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
		background-color:#000000;
		-webkit-border-top-left-radius:50%;
		-moz-border-radius-topleft:50%;
		border-top-left-radius:50%;
		-webkit-border-top-right-radius:50%;
		-moz-border-radius-topright:50%;
		border-top-right-radius:50%;
		-webkit-border-bottom-right-radius:50%;
		-moz-border-radius-bottomright:50%;
		border-bottom-right-radius:50%;
		-webkit-border-bottom-left-radius:50%;
		-moz-border-radius-bottomleft:50%;
		border-bottom-left-radius:50%;
		text-indent:0;
		border:1px solid #FFFFFF;
		display:inline-block;
		font-family:"Century Gothic", Arial, Helvetica, sans-serif;;
		font-size:38px;
		font-weight:900;
		font-style:normal;
		font-variant:small-caps;
		width:75px;
		height:75px;
		text-align:center;
		line-height: 70px;
		color:#FFF;
		text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	}

	.InstructionsButton1 {
		color: rgba(0, 0, 0, 0.72);
		text-decoration: none;
	    padding-top: 20px;

		box-shadow:
			2px 2px 0.5em rgba(122, 98, 0, 0.55),
			inset 1px 1px 0 rgba(255, 255, 255, 0.9),
			inset -1px -1px 0 rgba(0, 0, 0, 0.34)
		;

		border: 1px solid #deca73;

		background:
		-moz-linear-gradient(
			-72deg,
				#ffde45,
				#ffffff 16%,
				#ffde45 21%,
				#ffffff 24%,
				#452100 27%,
				#ffde45 36%,
				#ffffff 45%,
				#ffffff 60%,
				#ffde45 72%,
				#ffffff 80%,
				#ffde45 84%,
				#452100
		);

		background:
		-webkit-linear-gradient(
			-72deg,
				#ffde45,
				#ffffff 16%,
				#ffde45 21%,
				#ffffff 24%,
				#452100 27%,
				#ffde45 36%,
				#ffffff 45%,
				#ffffff 60%,
				#ffde45 72%,
				#ffffff 80%,
				#ffde45 84%,
				#452100
		);

		background:
		-o-linear-gradient(
			-72deg,
				#ffde45,
				#ffffff 16%,
				#ffde45 21%,
				#ffffff 24%,
				#452100 27%,
				#ffde45 36%,
				#ffffff 45%,
				#ffffff 60%,
				#ffde45 72%,
				#ffffff 80%,
				#ffde45 84%,
				#452100
		);

		background:
		linear-gradient(
			-72deg,
				#ffde45,
				#ffffff 16%,
				#ffde45 21%,
				#ffffff 24%,
				#452100 27%,
				#ffde45 36%,
				#ffffff 45%,
				#ffffff 60%,
				#ffde45 72%,
				#ffffff 80%,
				#ffde45 84%,
				#452100
		);
		-webkit-border-top-right-radius:15px;
		-moz-border-radius-topright:15px;
		border-top-right-radius:15px;
		-webkit-border-bottom-right-radius:15px;
		-moz-border-radius-bottomright:15px;
		border-bottom-right-radius:15px;
		-webkit-border-top-left-radius:15px;
		-moz-border-radius-topleft:15px;
		border-top-left-radius:15px;
		-webkit-border-bottom-left-radius:15px;
		-moz-border-radius-bottomleft:15px;
		border-bottom-left-radius:15px;
		padding: 10px 20px 10px 20px ;
		margin: 0 0 0 0 ;
	}

	.InstructionsButton2 {
		color: rgba(0, 0, 0, 0.5);
		text-decoration: none;

		box-shadow:
			2px 2px 0.5em rgba(122, 122, 122, 0.55),
			inset 1px 1px 0 rgba(255, 255, 255, 0.9),
			inset -1px -1px 0 rgba(0, 0, 0, 0.34)
		;

		border: 1px solid #dedede;

		background:
		-moz-linear-gradient(
			-72deg,
			#dedede,
			#ffffff 16%,
			#dedede 21%,
			#ffffff 24%,
			#454545 27%,
			#dedede 36%,
			#ffffff 45%,
			#ffffff 60%,
			#dedede 72%,
			#ffffff 80%,
			#dedede 84%,
			#a1a1a1
		);

		background:
		-webkit-linear-gradient(
			-72deg,
			#dedede,
			#ffffff 16%,
			#dedede 21%,
			#ffffff 24%,
			#454545 27%,
			#dedede 36%,
			#ffffff 45%,
			#ffffff 60%,
			#dedede 72%,
			#ffffff 80%,
			#dedede 84%,
			#a1a1a1
		);

		background:
		-o-linear-gradient(
			-72deg,
			#dedede,
			#ffffff 16%,
			#dedede 21%,
			#ffffff 24%,
			#454545 27%,
			#dedede 36%,
			#ffffff 45%,
			#ffffff 60%,
			#dedede 72%,
			#ffffff 80%,
			#dedede 84%,
			#a1a1a1
		);

		background:
		linear-gradient(
			-72deg,
			#dedede,
			#ffffff 16%,
			#dedede 21%,
			#ffffff 24%,
			#454545 27%,
			#dedede 36%,
			#ffffff 45%,
			#ffffff 60%,
			#dedede 72%,
			#ffffff 80%,
			#dedede 84%,
			#a1a1a1
		);
		-webkit-border-top-right-radius:15px;
		-moz-border-radius-topright:15px;
		border-top-right-radius:15px;
		-webkit-border-bottom-right-radius:15px;
		-moz-border-radius-bottomright:15px;
		border-bottom-right-radius:15px;
		-webkit-border-top-left-radius:15px;
		-moz-border-radius-topleft:15px;
		border-top-left-radius:15px;
		-webkit-border-bottom-left-radius:15px;
		-moz-border-radius-bottomleft:15px;
		border-bottom-left-radius:15px;
		padding: 10px 20px 10px 20px ;
		margin: 0 0 0 0 ;
	}


/* Buttons ****************************************************************************************************************************** */

	#BlackButton {
		font: normal 24px/1.3em "Century Gothic", Arial, Helvetica, sans-serif;
		font-variant: small-caps;
		font-weight: 900 ;
		text-align: center;
		padding: 10px 0 10px 0 ;
		width:100% ;
		color: #EBCE53;
		-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
		-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
		box-shadow:inset 0px 1px 0px 0px #f29c93;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #000000) );
		background:-moz-linear-gradient( center top, #666666 5%, #000000 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
		background-color:#000000;
		-webkit-border-top-left-radius:15px;
		-moz-border-radius-topleft:15px;
		border-top-left-radius:15px;
		-webkit-border-top-right-radius:15px;
		-moz-border-radius-topright:15px;
		border-top-right-radius:15px;
		-webkit-border-bottom-right-radius:15px;
		-moz-border-radius-bottomright:15px;
		border-bottom-right-radius:15px;
		-webkit-border-bottom-left-radius:15px;
		-moz-border-radius-bottomleft:15px;
		border-bottom-left-radius:15px;
		cursor: pointer;
	}

	#BlackButton:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #666666) );
		background:-moz-linear-gradient( center top, #000000 5%, #666666 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
	}


/* Smaller than mobile ************************************************************************************************************************** */

@media (min-width: 300px) AND (max-width: 576px) {

	.BlackBox1 {
		margin: 60px 0 20px 0 ;
	}

	.BlackBox2 {
		margin: 0 0 20px 0 ;
	}

	.Img-Banner {
		max-width: 400px;
	}

	.Home-title1 {
		font: italic 24px/1.1em "Times New Roman", Times, serif;
		color: #FFFFFF;
		font-weight: 900 ;
		text-align: center;
		padding: 10px 0 10px 0;
	}

	.Home-title2 {
		font: italic 14px/1.1em "Times New Roman", Times, serif;
		color: #FFFFFF;
		font-weight: 500 ;
		text-align: center;
		padding: 0 0 20px 0;
	}

	.clock2 {
		font-size:20px;
		margin: 0 0 20px 0 ;
	}

	.top1i {
		font: normal 18px/1.2em Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-shadow:2px 2px 5px #555555;
		text-align: center ;
		margin: 20px 0 20px 0 ;
	}

	.top3 {
		font: normal 14px/1.4em "Century Gothic", Arial, Helvetica, sans-serif;
		font-variant: small-caps;
		color: #FFFFFF;
		margin: 10px 0 20px 0 ;
	}

	.top4 {
		font: normal 18px/1.2em Arial, Helvetica, sans-serif;
		color: #000000;
		text-shadow:2px 2px 5px #555555;
		text-align: center ;
		margin: 20px 0 0 0 ;
	}

	.img-howtobuy {
		max-width: 200px;
	}

	.howtobuy-img {
		margin-bottom: 0px;
	}

	.showPicture {
		display: none ;
		padding: 0 0 0 0;
	}

	.box-shadowGIF
	{
	  background-color: #fff;
	  text-align: center;
	  width: 100%;
	  position: relative;
	  border-radius: 0%;
	  overflow: hidden;
	}

	.box-shadowGIF::after
	{
	  content: '';
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  -webkit-box-shadow: inset 0 0 20px 25px #FFF;   
	  -moz-box-shadow: inset 0 0 20px 25px #FFF;
	  box-shadow: inset 0 0 20px 25px #FFF;
	  border-radius: 0%;
	  overflow: hidden
	}

}

/* Larger than mobile *************************************************************************************************************************** */

@media (min-width: 576px) AND (max-width: 768px) {

	.BlackBox1 {
		margin: 60px 0 20px 0 ;
	}

	.BlackBox2 {
		margin: 0 0 20px 0 ;
	}

	.Img-Banner {
		max-width: 400px;
	}

	.Home-title1 {
		font: italic 32px/1.1em "Times New Roman", Times, serif;
		color: #FFFFFF;
		font-weight: 900 ;
		text-align: center;
		padding: 10px 0 10px 0;
	}

	.Home-title2 {
		font: italic 24px/1.1em "Times New Roman", Times, serif;
		color: #FFFFFF;
		font-weight: 500 ;
		text-align: center;
		padding: 0 0 20px 0;
	}

	.clock2 {
		font-size:20px;
		margin: 0 0 20px 0 ;
	}

	.top1i {
		font: normal 16px/1.2em Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-shadow:2px 2px 5px #555555;
		text-align: center ;
		margin: 20px 0 40px 0 ;
	}

	.top3 {
		font: normal 14px/1.4em "Century Gothic", Arial, Helvetica, sans-serif;
		font-variant: small-caps;
		color: #FFFFFF;
		margin: 10px 0 20px 0 ;
	}

	.top4 {
		font: normal 16px/1.2em Arial, Helvetica, sans-serif;
		color: #000000;
		text-shadow:2px 2px 5px #555555;
		text-align: center ;
		margin: 20px 0 0 0 ;
	}

	.img-howtobuy {
		max-width: 200px;
	}

	.howtobuy-img {
		margin-bottom: 0px;
	}

	.showPicture {
		padding: 5px 5px 5px 5px;
	}

}

/* Larger than phablet ************************************************************************************************************************** */

@media (min-width: 768px) AND (max-width: 992px) {

	.Home-title1 {
		font: italic 32px/1.1em "Times New Roman", Times, serif;
		color: #FFFFFF;
		font-weight: 900 ;
		text-align: center;
		padding: 10px 0 10px 0;
	}

	.Home-title2 {
		font: italic 24px/1.1em "Times New Roman", Times, serif;
		color: #FFFFFF;
		font-weight: 500 ;
		text-align: center;
		padding: 0 0 20px 0;
	}

	.clock2 {
		font-size:20px;
		margin: 0 0 20px 0 ;
	}

	.top1i {
		font: normal 20px/1.2em Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-shadow:2px 2px 5px #555555;
		text-align: center ;
		margin: 20px 0 20px 0 ;
	}

	.top3 {
		font: normal 18px/1.4em "Century Gothic", Arial, Helvetica, sans-serif;
		font-variant: small-caps;
		color: #FFFFFF;
		margin: 10px 0 20px 0 ;
	}

	.top4 {
		font: normal 20px/1.2em Arial, Helvetica, sans-serif;
		color: #000000;
		text-shadow:2px 2px 5px #555555;
		text-align: center ;
		margin: 20px 0 0 0 ;
	}

	.img-howtobuy {
		max-width: 300px;
	}

	.showPicture {
		padding: 5px 5px 5px 5px;
	}

}

/* Larger than tablet *************************************************************************************************************************** */

@media (min-width: 992px) AND (max-width: 1200px) {

	.Home-title1 {
		font: italic 32px/1.1em "Times New Roman", Times, serif;
		color: #FFFFFF;
		font-weight: 900 ;
		text-align: center;
		padding: 10px 0 10px 0;
	}

	.Home-title2 {
		font: italic 24px/1.1em "Times New Roman", Times, serif;
		color: #FFFFFF;
		font-weight: 500 ;
		text-align: center;
		padding: 0 0 20px 0;
	}

	.clock2 {
		font-size:20px;
		margin: 0 0 20px 0 ;
	}

	.top1i {
		font: normal 28px/1.2em Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-shadow:2px 2px 5px #555555;
		text-align: center ;
		margin: 20px 0 20px 0 ;
	}

	.top3 {
		font: normal 18px/1.4em "Century Gothic", Arial, Helvetica, sans-serif;
		font-variant: small-caps;
		color: #FFFFFF;
		margin: 10px 0 20px 0 ;
	}

	.top4 {
		font: normal 28px/1.2em Arial, Helvetica, sans-serif;
		color: #000000;
		text-shadow:2px 2px 5px #555555;
		text-align: center ;
		margin: 20px 0 0 0 ;
	}

	.img-howtobuy {
		max-width: 300px;
	}

	.showPicture {
		padding: 5px 5px 5px 5px;
	}

}

/* Larger than desktop ************************************************************************************************************************** */

@media (min-width: 1200px) AND (max-width: 1920px) {

	.Home-title1 {
		font: italic 32px/1.1em "Times New Roman", Times, serif;
		color: #FFFFFF;
		font-weight: 900 ;
		text-align: center;
		padding: 10px 0 10px 0;
	}

	.Home-title2 {
		font: italic 24px/1.1em "Times New Roman", Times, serif;
		color: #FFFFFF;
		font-weight: 500 ;
		text-align: center;
		padding: 0 0 20px 0;
	}

	.clock2 {
		font-size:20px;
		margin: 0 0 20px 0 ;
	}

	.top1i {
		font: normal 38px/1.2em Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-shadow:2px 2px 5px #555555;
		text-align: center ;
		margin: 20px 0 20px 0 ;
	}

	.top3 {
		font: normal 20px/1.4em "Century Gothic", Arial, Helvetica, sans-serif;
		font-variant: small-caps;
		color: #FFFFFF;
		margin: 10px 0 20px 0 ;
	}

	.top4 {
		font: normal 38px/1.2em Arial, Helvetica, sans-serif;
		color: #000000;
		text-shadow:2px 2px 5px #555555;
		text-align: center ;
		margin: 20px 0 0 0 ;
	}

	.img-howtobuy {
		max-width: 300px;
	}

	.showPicture {
		padding: 5px 5px 5px 5px;
	}

}