.BoxAdv { padding: 40px 50px; background: #EEE; }
.BoxAdvBot { padding: 0px 50px 60px; text-align: center; }
/* @@@@@@@@@@@@@@@ */
@media all and (max-width: 800px) 
{
.BoxAdv { padding: 40px 25px; }
.BoxAdvBot { padding: 0px 50px 60px; }
}


.BoxSqs { padding: 20px 50px 0px; text-align: center; }

.BoxSq { 
  position: relative;
  display: inline-block; vertical-align: top; 
  margin-left: 20px; margin-bottom: 20px;

  width: 250px;
  height: 250px;

  color: #FFF; text-align: center;
}
.Sq1 { background-color: #444; }
.Sq2 { background-color: #699B1C; }

.Sq1, .Sq2 { 
  background-image: -moz-linear-gradient(45deg, rgba(255,255,255,0) 65%, rgba(255,255,255,0.25) 100%);
  background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0) 65%, rgba(255,255,255,0.25) 100%);
  background-image: linear-gradient(45deg, rgba(255,255,255,0) 65%, rgba(255,255,255,0.25) 100%);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}


.BoxSqIn { 
  position: absolute;
  top: 50%;
  padding: 0px 10px;
  width: -moz-calc(100% - 20px); 
  width: -webkit-calc(100% - 20px); 
  width: calc(100% - 20px);
  
  text-align: center;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.BoxSqIn SPAN {
  display: block;
  padding-top: 20px; 

  font-weight: 600; font-size: 34px;
}
.BoxSqIn SPAN SUP { font-size: 20px; }

.BoxArr {
  height: 100px;

  background-repeat: no-repeat;
  background-size: auto 60px;
  background-image: url(../cms.svg/FullScroll.svg);
  background-position: center center;
}
/* @@@@@@@@@@@@@@@ */
@media all and (max-width: 800px) 
{
.BoxSqs { padding: 20px 25px 0px; }
}