a {
	color: #666666;
	text-decoration: none;
}
body {
	font-family: Verdana;
    margin: auto;
    width: 100%;
	color: #000000;
	background: rgb(236,177,37);
	background: linear-gradient(90deg, rgba(236,177,37,1) 0%, rgba(254,252,199,1) 25%, rgba(236,177,37,1) 50%, rgba(254,252,199,1) 75%, rgba(236,177,37,1) 100%);
}
.left {
	float:left;
	text-align:left;
	width:44%;
}
.right {
	float:right;
	text-align:right;
	width:54%;
}
.left img,
.right img {
    width: 100%;
}
header {
    margin: 20px auto 0;
    width: 1600px;
    height: 650px;
}

/* Slideshow container */
#slideshow {
    max-width: 1600px;
    height: 630px;
    position: relative;
    margin: auto;
}
#slideshow > div {
  position: absolute;
}
/* Slideshow container */

header #slideshow > div > div {
    padding: 80px 0 0 180px;
	text-shadow: 1px 1px 2px #fff;
}
header #slideshow p {
    margin: 10px 0;
    line-height: 1;
    padding: 0;
}
header #slideshow .title {
    font-size: 34px;
	margin: 0;
    font-weight:400;
}
.bold {
    font-weight:800 !important;
}
header .slideshow-container .description {
    margin-top: 20px;
    font-size: 21px;
}
.wholepage {
	width: 100%;
	overflow: auto;
}
.wholepage div {
    max-width: 1320px;
    margin: auto;
    display: block;
}
.wholepage.menu {
	text-align: center;
    padding: 20px 0;
}
.wholepage.stage1 {
    background: #211F20;
	margin: 30px auto 0;
}
.wholepage.stage1 {
    height: auto;
}
.wholepage > div {
	padding: 35px 225px 35px 210px;
	overflow: auto;
}
.wholepage.stage1 .right,
.wholepage.buypart .right {
    text-align: right;
}
.wholepage.stage1 p.title {
    font-size: 28px;
	margin: 0;
	color: #F7C242;
}

.wholepage.stage1 p.desc {
    font-family: Times;
    font-size: 34px;
    color: #3789c1;
}
p,
p.title {
    margin: 5px 10px;
}
div.parameters {
	width: 100%;
	margin-top: 20px;
	color: #AAA;
	text-align: left;
}
div.parameters div.param-col1 {
    width: 100%;
    float: left;
	clear: both;
}
div.parameters div.param-col2 {
    width: 40%;
    float: left;
}
.wholepage.buypart {
	background: none;
	overflow: auto;
	height: 180px;
}
.wholepage.buypart .right {
    padding-top: 20px;
	max-width: 550px;
}

.wholepage.footer {
	background: none;
	height: auto;
	margin-bottom: 10px;
}
.wholepage.footer > div {
	padding: 10px 90px 0 110px;
}
.wholepage.footer .col {
	width: 25%;
	float: left;
}
.footer-title {
	font-weight: 800;
	font-size: 18px;
}
.footer-desc {
	font-size: 15px;
	margin: 12px 10px;
	line-height: 26px;
}
.wholepage.footer img {
    opacity: 0.7;
    transition: 1s;
}
.wholepage.footer img:hover {
    opacity: 1;
}
.wholepage.footer  ul {
	list-style: none;
	padding-inline-start: 20px;
    position: relative;
}
.wholepage.footer ul li {
    position: relative;
	line-height: 26px;
}
.wholepage.footer ul li:before {
    background: url("img/footerlist1.jpg") no-repeat;
    content:"";
    width: 4px;
    height: 8px;
    position: absolute;
    left: -14px;
    top: 10px;
}
.size-selection {
	font-size: 15px;
    float: left;
    padding: 0;
    height: 64px;
    margin: 0 2px 1px 0;
    font-family: verdana;
    font-weight: 800;
    color: #666666;
    border: 3px solid #c2c2c2;
}
input#allegroBtn {
    background: #B40605;
    color: #ffffff;
    border: none;
    margin: 0 0 0 0;
    font-size: 20px;
    font-weight: 800;
    width: 200px;
    height: 64px;
    white-space: normal;
}
@media only screen and (max-width: 1600px) {
  body {
	width: 100%;
  }
  header {
    width: 100%;
    height: auto;
  }
  header > #slideshow > div > div {
    padding: 80px 0 0 80px;
  }
  .wholepage {
    width: 100%;
    margin: auto;
  }
  .wholepage.menu img {
    width: 24%;
  }
  .wholepage.stage1,
  .wholepage.buypart,
  .wholepage.footer {
    height: auto;
  }
  .wholepage > div {
	padding: 35px 120px;
  }
  .wholepage.stage1 .right iframe {
  }
  .size-selection {
    margin: 0 5px 10px 0;
  }
  input#allegroBtn {
    width: 220px;
  }
}
@media only screen and (max-width: 1280px) {
  .size-selection {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1200px) {
  .wholepage > div {
    padding: 35px 60px;
  }
  .wholepage.stage1 .right iframe {
    width: 500px;
    height: 300px;
  }
}
@media only screen and (max-width: 1040px) {
  .wholepage > div {
    padding: 35px 30px;
  }
  .wholepage.stage1 > div {
    padding: 0 30px;
  }
  .wholepage.stage1 .left,
  .wholepage.stage1 .right {
    width:100%;
	float:none;
	margin: 25px auto;
	text-align: center;
  }
	div.parameters {
		margin: 40px 0 40px 20vw;
		font-size: 36px;
		overflow: auto;
	}
	div.parameters div.param-col1 {
		width: 40vw;
		float: left;
	}
	div.parameters div.param-col2 {
		width: 40vw;
		float: left;
	}
  .wholepage.buypart .right {
	text-align: center;
  }
  .size-selection {
    float: none;
	margin: 5px auto;
  }
  input#allegroBtn {
    float: none;
	margin: 5px auto;
  }
}
@media only screen and (max-width: 1020px) {
  header .description {
  	font-size: 40px;
  }
  .left,
  .right {
    width:100%;
	float:none;
	margin: 25px auto;
	text-align: center;
  }
  .wholepage.stage1 .right iframe {
  	width: 100%;
    height: 500px;
  }
  input#allegroBtn,
  .size-selection {
  	width: 80%;
    height: 90px;
    font-size: 24px;
  }
  .wholepage.footer .col {
    float: none;
	width: 100%;
	text-align: center;
	margin: 15px auto;
  }
  .wholepage.footer ul li:before {
  	background: none;
  }
  .wholepage.footer img {
  	width: 60px;
  }
  p.title,
  .wholepage.stage1 p.desc,
  .wholepage.stage1 p.title,
  .footer-title {
  	font-size: 38px;
  }
  p.desc,
  .wholepage.footer ul li {
  	font-size: 30px;
  	line-height: 40px;
  }
}