@charset "UTF-8";

@media only screen and (min-width: 120px) {
	#thebody{margin:0; color:#000000; background-color:#EFCA85; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; color: #513A25;}
	#thetop{ width: 100%; padding-bottom: 10px;}
	#main{min-width: 320px; width: 320px; }
	#theimages{ width: 100%;}
	.eachitem{ width: 100%; padding: 10px; text-align: center;}
	.theimage{ width: 100%; padding-bottom: 5px; text-align: center;}

	.wrapper { width: 100%; display: grid; grid-gap: 10px; grid-template-columns: repeat(1, 300px); }

	.thumbnail { position: relative; width: 282px; height: 282px; overflow: hidden; }

	.thedtext{ width: 100%; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; margin-bottom: 10px;}
	.thedetail{ width: 350px; padding-bottom: 5px; text-align: left;}
	.theform{ width: 350px; padding-bottom: 25px; margin-bottom: 50px; text-align: right; float: right;}
	.center { margin: auto; width: 50%; padding: 5px; }
	.xLab{float: left;padding-left: 10px;width: 30%;text-align: left; padding-top: 7px;}
	.xRes{float: left;padding-left: 10px;width: 60%;text-align: left; padding-top: 7px;}
	.frmbt{float: right;padding-right: 10px; width: 70%;text-align: right; padding-top: 17px;}
	.thebottom{height: 35px; padding-bottom: 10px;}
}

@media only screen and (min-width: 320px) {
	#thebody{margin:0; color:#000000; background-color:#EFCA85; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; color: #513A25;}
	#thetop{ width: 100%; padding-bottom: 10px;}
	#main{min-width: 320px; width: 320px; }
	#theimages{ width: 100%;}
	.eachitem{ width: 100%; padding: 10px; text-align: center;}
	.theimage{ width: 100%; padding-bottom: 5px; text-align: center;}

	.wrapper { width: 100%; display: grid; grid-gap: 10px; grid-template-columns: repeat(1, 300px); }

	.thumbnail { position: relative; width: 282px; height: 282px; overflow: hidden; }

	.thedtext{ width: 100%; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; margin-bottom: 10px;}
	.thedetail{ width: 350px; padding-bottom: 5px; text-align: left;}
	.theform{ width: 350px; padding-bottom: 25px; margin-bottom: 50px; text-align: right; float: right;}
	.center { margin: auto; width: 50%; padding: 5px; }
	.xLab{float: left;padding-left: 10px;width: 30%;text-align: left; padding-top: 7px;}
	.xRes{float: left;padding-left: 10px;width: 60%;text-align: left; padding-top: 7px;}
	.frmbt{float: right;padding-right: 10px; width: 70%;text-align: right; padding-top: 17px;}
	.thebottom{height: 35px; padding-bottom: 10px;}
}

@media only screen and (min-width: 375px) {
	#thebody{margin:0; color:#000000; background-color:#EFCA85; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; color: #513A25;}
	#thetop{ width: 100%; padding-bottom: 10px;}
	#main{min-width: 330px; width: 330px; }
	#theimages{ width: 100%;}
	.eachitem{ width: 100%; padding: 10px; text-align: center;}
	.theimage{ width: 100%; padding-bottom: 5px; text-align: center;}

	.wrapper { width: 100%; display: grid; grid-gap: 10px; grid-template-columns: repeat(1, 326px); }

	.thumbnail { position: relative; width: 308px; height: 308px; overflow: hidden; }

	.thedtext{ width: 100%; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; margin-bottom: 10px;}
	.thedetail{ width: 350px; padding-bottom: 5px; text-align: left;}
	.theform{ width: 350px; padding-bottom: 25px; margin-bottom: 50px; text-align: right; float: right;}
	.center { margin: auto; width: 50%; padding: 5px; }
	.xLab{float: left;padding-left: 10px;width: 30%;text-align: left; padding-top: 7px;}
	.xRes{float: left;padding-left: 10px;width: 60%;text-align: left; padding-top: 7px;}
	.frmbt{float: right;padding-right: 10px; width: 70%;text-align: right; padding-top: 17px;}
	.thebottom{height: 35px; padding-bottom: 10px;}
}

@media only screen and (min-width: 414px) {
	#thebody{margin:0; color:#000000; background-color:#EFCA85; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; color: #513A25;}
	#thetop{ width: 100%; padding-bottom: 10px;}
	#main{min-width: 362px; width: 362px; }
	#theimages{ width: 100%;}
	.eachitem{ width: 100%; padding: 10px; text-align: center;}
	.theimage{ width: 100%; padding-bottom: 5px; text-align: center;}

	.wrapper { width: 100%; display: grid; grid-gap: 10px; grid-template-columns: repeat(1, 358px); }

	.thumbnail { position: relative; width: 340px; height: 340px; overflow: hidden; }

	.thedtext{ width: 100%; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; margin-bottom: 10px;}
 	.thedetail{ width: 420px; padding-bottom: 5px; text-align: left;}
	.theform{ width: 420px; padding-bottom: 25px; margin-bottom: 50px; text-align: right; float: right;}
	 
	.center { margin: auto; width: 50%; padding: 5px; }
	.xLab{float: left;padding-left: 10px;width: 23%;text-align: left; padding-top: 7px;}
	.xRes{float: left;padding-left: 10px;width: 70%;text-align: left; padding-top: 7px;}
	.frmbt{float: right;padding-right: 10px; width: 70%;text-align: right; padding-top: 17px;}
	.thebottom{height: 35px; padding-bottom: 10px;}
}

@media only screen and (min-width: 480px) {
	#thebody{margin:0; color:#000000; background-color:#EFCA85; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; color: #513A25;}
	#thetop{ width: 100%; padding-bottom: 10px;}
	#main{min-width: 454px; width: 454px; }
	#theimages{ width: 100%;}
	.eachitem{ width: 100%; padding: 10px; text-align: center;}
	.theimage{ width: 100%; padding-bottom: 5px; text-align: center;}

	.wrapper { width: 100%; display: grid; grid-gap: 10px; grid-template-columns: repeat(1, 452px); }

	.thumbnail { position: relative; width: 434px; height: 434px; overflow: hidden; }

	.thedtext{ width: 100%; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; margin-bottom: 10px;}
 	.thedetail{ width: 420px; padding-bottom: 5px; text-align: left;}
	.theform{ width: 420px; padding-bottom: 25px; margin-bottom: 50px; text-align: right; float: right;}
	 
	.center { margin: auto; width: 50%; padding: 5px; }
	.xLab{float: left;padding-left: 10px;width: 23%;text-align: left; padding-top: 7px;}
	.xRes{float: left;padding-left: 10px;width: 70%;text-align: left; padding-top: 7px;}
	.frmbt{float: right;padding-right: 10px; width: 70%;text-align: right; padding-top: 17px;}
	.thebottom{height: 35px; padding-bottom: 10px;}
}

@media only screen and (min-width: 568px) {
	#thebody{margin:0; color:#000000; background-color:#EFCA85; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; color: #513A25;}
	#thetop{ width: 100%; padding-bottom: 10px;}
	#main{min-width: 524px; width: 524px; }
	#theimages{ width: 100%;}
	.eachitem{ width: 100%; padding: 10px; text-align: center;}
	.theimage{ width: 100%; padding-bottom: 5px; text-align: center;}

	.wrapper { width: 100%; display: grid; grid-gap: 10px; grid-template-columns: repeat(1, 522px); }

	.thumbnail { position: relative; width: 504px; height: 504px; overflow: hidden; }

	.thedtext{ width: 100%; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; margin-bottom: 10px;}
 	.thedetail{ width: 420px; padding-bottom: 5px; text-align: left;}
	.theform{ width: 420px; padding-bottom: 25px; margin-bottom: 50px; text-align: right; float: right;}
	 
	.center { margin: auto; width: 50%; padding: 5px; }
	.xLab{float: left;padding-left: 10px;width: 23%;text-align: left; padding-top: 7px;}
	.xRes{float: left;padding-left: 10px;width: 70%;text-align: left; padding-top: 7px;}
	.frmbt{float: right;padding-right: 10px; width: 70%;text-align: right; padding-top: 17px;}
	.thebottom{height: 35px; padding-bottom: 10px;}
}

@media only screen and (min-width: 640px) {
	#thebody{margin:0; color:#000000; background-color:#EFCA85; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; color: #513A25;}
	#thetop{ width: 100%; padding-bottom: 10px;}
	#main{min-width: 600px; width: 600px; }
	#theimages{ width: 100%;}
	.eachitem{ width: 47%; padding: 10px; text-align: center; float: left;}
	.theimage{ width: 100%; padding-bottom: 5px; text-align: center;}

	.wrapper { width: 100%; display: grid; grid-gap: 10px; grid-template-columns: repeat(2, 296px); }

	.thumbnail { position: relative; width: 278px; height: 278px; overflow: hidden; }

	.thedetail{ width: 480px; padding-bottom: 5px; text-align: left;}
	.theform{ width: 480px; padding-bottom: 25px; margin-bottom: 50px; text-align: right; float: right;}
	 
	.center { margin: auto; width: 50%; padding: 5px; }
	.xLab{float: left;padding-left: 10px;width: 23%;text-align: left; padding-top: 7px;}
	.xRes{float: left;padding-left: 10px;width: 70%;text-align: left; padding-top: 7px;}
	.frmbt{float: right;padding-right: 10px; width: 70%;text-align: right; padding-top: 17px;}
	.thebottom{height: 35px; padding-bottom: 10px;}	 
}

@media only screen and (min-width: 720px) {
	#thebody{margin:0; color:#000000; background-color:#EFCA85; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; color: #513A25;}
	#thetop{ width: 100%; padding-bottom: 10px;}
	#main{min-width: 690px; width: 690px; }
	#theimages{ width: 100%;}
	.eachitem{ width: 47%; padding: 10px; text-align: center; float: left;}
	.theimage{ width: 100%; padding-bottom: 5px; text-align: center;}

	.wrapper { width: 100%; display: grid; grid-gap: 10px; grid-template-columns: repeat(2, 360px); }

	.thumbnail { position: relative; width: 320px; height: 320px; overflow: hidden; }

	.thedetail{ width: 480px; padding-bottom: 5px; text-align: left;}
	.theform{ width: 480px; padding-bottom: 25px; margin-bottom: 50px; text-align: right; float: right;}
	 
	.center { margin: auto; width: 50%; padding: 5px; }
	.xLab{float: left;padding-left: 10px;width: 23%;text-align: left; padding-top: 7px;}
	.xRes{float: left;padding-left: 10px;width: 70%;text-align: left; padding-top: 7px;}
	.frmbt{float: right;padding-right: 10px; width: 70%;text-align: right; padding-top: 17px;}
	.thebottom{height: 35px; padding-bottom: 10px;}	 
}
@media only screen and (min-width: 768px) {
	#thebody{margin:0; color:#000000; background-color:#EFCA85; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; color: #513A25;}
	#thetop{ width: 100%; padding-bottom: 10px;}
	#main{min-width: 734px; width: 734px; }
	#theimages{ width: 100%;}
	.eachitem{ width: 47%; padding: 10px; text-align: center; float: left;}
	.theimage{ width: 100%; padding-bottom: 5px; text-align: center;}

	.wrapper { width: 100%; display: grid; grid-gap: 10px; grid-template-columns: repeat(2, 334px); }

	.thumbnail { position: relative; width: 344px; height: 344px; overflow: hidden; }

	.thedetail{ width: 480px; padding-bottom: 5px; text-align: left;}
	.theform{ width: 480px; padding-bottom: 25px; margin-bottom: 50px; text-align: right; float: right;}
	 
	.center { margin: auto; width: 50%; padding: 5px; }
	.xLab{float: left;padding-left: 10px;width: 23%;text-align: left; padding-top: 7px;}
	.xRes{float: left;padding-left: 10px;width: 70%;text-align: left; padding-top: 7px;}
	.frmbt{float: right;padding-right: 10px; width: 70%;text-align: right; padding-top: 17px;}
	.thebottom{height: 35px; padding-bottom: 10px;}	 
}
@media only screen and (min-width: 820px) {
	#thebody{margin:0; color:#000000; background-color:#EFCA85; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; color: #513A25;}
	#thetop{ width: 100%; padding-bottom: 10px;}
	#main{min-width: 788px; width: 788px; }
	#theimages{ width: 100%;}
	.eachitem{ width: 47%; padding: 10px; text-align: center; float: left;}
	.theimage{ width: 100%; padding-bottom: 5px; text-align: center;}

	.wrapper { width: 100%; display: grid; grid-gap: 10px; grid-template-columns: repeat(2, 384px); }

	.thumbnail { position: relative; width: 366px; height: 366px; overflow: hidden; }

	.thedetail{ width: 480px; padding-bottom: 5px; text-align: left;}
	.theform{ width: 480px; padding-bottom: 25px; margin-bottom: 50px; text-align: right; float: right;}
	 
	.center { margin: auto; width: 50%; padding: 5px; }
	.xLab{float: left;padding-left: 10px;width: 23%;text-align: left; padding-top: 7px;}
	.xRes{float: left;padding-left: 10px;width: 70%;text-align: left; padding-top: 7px;}
	.frmbt{float: right;padding-right: 10px; width: 70%;text-align: right; padding-top: 17px;}
	.thebottom{height: 35px; padding-bottom: 10px;}	 
}


@media only screen and (min-width: 1024px) {
	#thebody{margin:0; color:#000000; background-color:#EFCA85; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; color: #513A25;}
	#thetop{ width: 100%; padding-bottom: 10px;}
	#main{min-width: 996px; width: 996px; }
	#theimages{ width: 100%;}
	.eachitem{ width: 31%; padding: 10px; text-align: center; float: left;}
	.theimage{ width: 100%; padding-bottom: 5px; text-align: center;}

	.wrapper { width: 100%; display: grid; grid-gap: 10px; grid-template-columns: repeat(3, 325px); }

	.thumbnail { position: relative; width: 306px; height: 306px; overflow: hidden; }

	.thedtext{ width: 100%; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; margin-bottom: 10px;}
	.thedetail{ width: 480px; padding-bottom: 5px; text-align: left;}
	.theform{ width: 480px; padding-bottom: 25px; margin-bottom: 50px; text-align: right; float: right;}
	 
	.center { margin: auto; width: 50%; padding: 5px; }
	.xLab{float: left;padding-left: 10px;width: 23%;text-align: left; padding-top: 7px;}
	.xRes{float: left;padding-left: 10px;width: 70%;text-align: left; padding-top: 7px;}
	.frmbt{float: right;padding-right: 10px; width: 70%;text-align: right; padding-top: 17px;}
	.thebottom{height: 35px; padding-bottom: 10px;}
	}

@media only screen and (min-width: 1260px) {
	#thebody{margin:0; color:#000000; background-color:#EFCA85; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; color: #513A25;}
	#thetop{ width: 100%; padding-bottom: 10px;}
	#main{min-width: 1232px; width: 1232px; }
	#theimages{ width: 100%;}
	.eachitem{ width: 31%; padding: 10px; text-align: center; float: left;}
	.theimage{ width: 100%; padding-bottom: 5px; text-align: center;}

	.wrapper { width: 100%; display: grid; grid-gap: 10px; grid-template-columns: repeat(4, 300px); }

	.thumbnail { position: relative; width: 284px; height: 284px; overflow: hidden; }

	.thedtext{ width: 100%; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; margin-bottom: 10px;}
	.thedetail{ width: 480px; padding-bottom: 5px; text-align: left;}
	.theform{ width: 480px; padding-bottom: 25px; margin-bottom: 50px; text-align: right; float: right;}
	 
	.center { margin: auto; width: 50%; padding: 5px; }
	.xLab{float: left;padding-left: 10px;width: 23%;text-align: left; padding-top: 7px;}
	.xRes{float: left;padding-left: 10px;width: 70%;text-align: left; padding-top: 7px;}
	.frmbt{float: right;padding-right: 10px; width: 70%;text-align: right; padding-top: 17px;}
	.thebottom{height: 35px; padding-bottom: 10px;}
	}

@media only screen and (min-width: 1600px) {
	#thebody{margin:0; color:#000000; background-color:#EFCA85; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; color: #513A25;}
	#thetop{ width: 100%; padding-bottom: 10px;}
	#main{min-width: 1570px; width: 1570px; }
	#theimages{ width: 100%;}
	.eachitem{ width: 31%; padding: 10px; text-align: center; float: left;}
	.theimage{ width: 100%; padding-bottom: 5px; text-align: center;}

	.wrapper { width: 100%; display: grid; grid-gap: 10px; grid-template-columns: repeat(4, 385px); }

	.thumbnail { position: relative; width: 368px; height: 368px; overflow: hidden; }

	.thedtext{ width: 100%; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; margin-bottom: 10px;}
	.thedetail{ width: 480px; padding-bottom: 5px; text-align: left;}
	.theform{ width: 480px; padding-bottom: 25px; margin-bottom: 50px; text-align: right; float: right;}
	 
	.center { margin: auto; width: 50%; padding: 5px; }
	.xLab{float: left;padding-left: 10px;width: 23%;text-align: left; padding-top: 7px;}
	.xRes{float: left;padding-left: 10px;width: 70%;text-align: left; padding-top: 7px;}
	.frmbt{float: right;padding-right: 10px; width: 70%;text-align: right; padding-top: 17px;}
	.thebottom{height: 35px; padding-bottom: 10px;}
	}

@media only screen and (min-width: 1900px) {
	#thebody{margin:0; color:#000000; background-color:#EFCA85; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; color: #513A25;}
	#thetop{ width: 100%; padding-bottom: 10px;}
	#main{min-width: 1890px; width: 1890px; }
	#theimages{ width: 100%;}
	.eachitem{ width: 23%; padding: 10px; text-align: center; float: left;}
	.theimage{ width: 100%; padding-bottom: 5px; text-align: center;}

	.wrapper { width: 100%; display: grid; grid-gap: 10px; grid-template-columns: repeat(4, 464px); }

	.thumbnail { position: relative; width: 448px; height: 448px; overflow: hidden; }

	.thedtext{ width: 100%; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; margin-bottom: 10px;}
	.thedetail{ width: 1900px; padding-bottom: 5px; text-align: left;}
	.theform{ width: 1900px; padding-bottom: 25px; margin-bottom: 50px; text-align: right; float: right;}
	 
	.center { margin: auto; width: 50%; padding: 5px; }
	.xLab{float: left;padding-left: 10px;width: 23%;text-align: left; padding-top: 7px;}
	.xRes{float: left;padding-left: 10px;width: 70%;text-align: left; padding-top: 7px;}
	.frmbt{float: right;padding-right: 10px; width: 70%;text-align: right; padding-top: 17px;}
	.thebottom{height: 35px; padding-bottom: 10px;}	
	}

	.eachitem{float: left;  padding: 10px;}
	.theimage img{max-width: 100%; max-height: 100%; height: auto;}
	.thetext{ width: 90%; padding: 10px; text-align: center; min-height: 35px;}
	.pedimg{ width: 100%}
	.pedtxt{ width: 20%; float: left;}
	.pedval{ width: 70%; float: left;}
	.pedtot{ width: 20%; float: left;}
	.pedtotval{ width: 70%; float: left;}
	.frmcad{ width: 100%; }
	.frmlbl{ width: 20%; float: left;}
	.frmitem{ width: 70%; float: left;}
	
	.crop { width: 200px; height: 150px;  overflow: hidden; }
	.crop img { width: 400px; height: 300px;  margin: -75px 0 0 -100px; }

	.box { background-color: #444; color: #fff; Border-radius: 5px; padding: 9px; font-size: 100%; }
	.box:nth-child(even) { background-color: #ccc; color: #000; }

	.thumbnail img { position: absolute; left: 50%; top: 50%; height: 100%; width: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);  transform: translate(-50%,-50%); }
	.thumbnail img.portrait { min-width: 100%; width: 100%;  height: auto; }
	
	img{max-width: 100%; object-fit: fill; width: 100%}