.containerW {
	padding: 2px 0px 0px 0px;
	overflow: hidden;
	width: 98%;
	font-family: play-regular-webfont, Verdana;
	font-size: 0.8em;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.Title1 {
	height: 40px;
	float: left;
	clear: both;
}
.list4 {
	clear: both;
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 0%;
	padding-top: 3%;
}
input[type=radio] {
	display: none;
}
label {
	border: 2px solid #555540;
	box-shadow: 0px 0px 5px #A0A294;
	border-radius: 4px;
	width: 23%;
	text-align: center;
	color: #000000;
	padding: 1.2% 1%;
	margin: 1% 0% 2% 1%;
	cursor: pointer;
	float: left;
	font-size: 1.4em;
	font-weight: bold;
	background-color: #ffffd6;
}
	

/* -------- */

input[type=radio][id=blue]:checked + label {
  background: #fff;
  
}
input[type="radio"][id="blue"]:checked ~ .red, input[type="radio"][id="blue"]:checked ~ .green, input[type="radio"][id="blue"]:checked ~ .white {
  width:0;
  height:0;
  padding:0;
  margin:0;
  opacity:0;
}


/* Белый */
input[type=radio][id=reset]:checked + label {
  background: #fff ;
}
/* Белый end */



input[type=radio][id=red]:checked + label {
  background:#fff;
}
input[type="radio"][id="red"]:checked ~ .blue, input[type="radio"][id="red"]:checked ~ .green, input[type="radio"][id="red"]:checked ~ .white {
  width:0;
  height:0;
  padding:0;
  margin:0;
  opacity:0;
}
input[type=radio][id=green]:checked + label {
  background: #fff;
}


input[type="radio"][id="green"]:checked ~ .blue, input[type="radio"][id="green"]:checked ~ .red, input[type="radio"][id="green"]:checked ~ .white {
  width:0;
  height:0;
  padding:0;
  margin:0;
  opacity:0;
}

input[type=radio][id=white]:checked + label {
  background:#fff;
}

input[type="radio"][id="white"]:checked ~ .green, input[type="radio"][id="white"]:checked ~ .red, input[type="radio"][id="white"]:checked ~ .blue {
  width:0;
  height:0;
  padding:0;
  margin:0;
  opacity:0;
}

/* ------ */

.tile {
	border-radius: 2px;
	width: 24%;
	height: 280px;
	float: left;
	transition: all 1s;
	margin: 0.5%;
	padding: 3px;
	font-size: 14px;
	text-align: center;
}
.tile2 {
	border-radius: 2px;
	width: 24%;
	float: left;
	transition: all 1s;
	margin: 0.5%;
	padding: 3px;
	font-size: 14px;
	text-align: center;
}
.red {
	background: rgba(238, 235, 217, 0.4);
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3), 0 0 40px rgba(201, 196, 167, 0.61) inset;
	margin-top: 15px;
}
.green {
	background: rgba(238, 235, 217, 0.4);
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3), 0 0 40px rgba(201, 196, 167, 0.61) inset;
	margin-top: 15px;
}
.blue {
	background: rgba(238, 235, 217, 0.4);
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3), 0 0 40px rgba(201, 196, 167, 0.5) inset;
	margin-top: 15px;
}

.white {
	border-style: solid;
	border-width: 10px 0px 0px 0px;
	border-color: #993300;
	margin: 10px 0 0 0;
	width: 100%;
	background-color: #EDEADE;
}
.white2 {
	border-style: solid;
	border-width: 0px;
	border-color: #993300;
	margin: 10px 0 0 0;
	width: 100%;
	background-color: #EDEADE;
}
.white_Circle {
	border-radius: 9px;
	padding: 10%;
	width: auto;
	margin-left: 3%;
	margin-right: 3%;
	background-repeat: no-repeat;
}

.img_800max {
	width: 100%;
	height: auto;
	max-width: 800px;
}
.img_900max {
	width: 100%;
	height: auto;
	max-width: 576px;
}

.sale_Bottom {
	padding: 2px;
	clear: both;
	margin: 4px;
	font-size: 12px;
	font-weight: bold;
}

/* Helper ---------------------800---------------- */

@media screen and (max-width: 800px) {
.tile {
	width: 32%;
	height: 276px;
}
.white {
	width: 100%;
}
.sale_old {
	width: 22%;
	padding: 8px;
	margin: 9px;
	font-size: 15px;
	font-weight: 500;
}
label {
	font-size: 1.25em;
}


}
/* Helper ---------------640---------------- */

@media screen and (max-width: 640px){
	.tile {
	width: 49%;
}
.white {
	width: 100%;
}
label {
	margin: 4% 1% 6% 1%;
	font-size: 1.2em;
}
.sale_old {
	padding: 2px;
}


}
	/* Let's only __________480___________ */

@media only screen and (max-width : 480px) {
	.tile {
	width: 98%;
	height: auto;
}
.white {
	width: 100%;
}
label {
	font-size: 0.95em;
	padding: 2% 1px;
	margin: 8px 2px;
}
.subs_Red2 {
	font-size: 1.6em;
}
.sale_old {
	font-size: 14px;
	line-height: 20px;
	width: 72%;
}
.box-porfolio{
   display: flex;
   align-items: center;
   flex-direction: column;
}

}