
@media only screen and (min-width : 900px) and (max-width : 1025px) {  /* Styles */
  .maxWid{width:1024px; height:100%; margin:0 auto;}
}
@media only screen and (min-width : 1025px) {
	.maxWid{width:1024px; height:100%; margin:0 auto;}
}


.section. h2 {
  color: #fff;
  font-size: 21px;
  font-weight: normal;
  letter-spacing: 0em;
  line-height: 26px;
  -webkit-margin-before: 0.25em;
  -webkit-margin-after: 0.25em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  margin-bottom: 10px;
}
p {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  font-family: Roboto;
  letter-spacing: 0em;
  line-height: 21px;
  margin-right: 40px;
 }

#sect03 h2 strong { color: rgb(161, 195, 60); }
#sect04 h2 strong { color: rgb(235, 166, 43); }
#sect05 h2 strong { color: rgb(224, 101, 40); }

#sect00{z-index: -1;}

#sect01{z-index: -2; display: none;}
#sect02{z-index: -3; display: none;}

#sect03{z-index: -4; display: none;}
#sect04{z-index: -5; display: none;}
#sect05{z-index: -6; display: none;}

@media (max-width: 500px) {
  .article .ClipParent2{
    top: 155px;
    width: 100%;
    height:90%;
    right:initial;
  }
}

@media (max-width: 1023px) {
	.section .article-secondary .article-content{
    width:100%;
    position: absolute;
    bottom:20px;
  }
  .article-content p{ margin-right: 0px; }
  .article .ClipParent2{
    /*top: 155px;*/
    width: 100%;
    height:90%;
    right:initial;
  }

  .ClipParent2 .HouseBox{
    width:100%;
    right:initial;
  }

  .ClipParent2 .rings{
    display: none;
  }

  .ClipParent2 .HouseCarBox{
    width:122%;
    right:initial;
  }
}

.Dummy{
  position: relative;
  height: 3300px;
  z-index: -10;
}

.fixFoot{
  position: absolute;
  bottom:100px;
}

.solidBg{
  background: #000;
}

.section-secondary{
  background-attachment: fixed;
  position: fixed;
  top:0px;
  left:0px;
  height:100vh;
  width:100%;
}

.article-secondary .article-content{
  width:26%;
  float:left;
  display: block;
  box-sizing: border-box;
  margin-top:calc((100vh - 280px)/2 + 58px);
}

.article-secondary .article-title{
  color: #fff;
  font-size: 21px;
  font-weight: normal;
  letter-spacing: 0em;
  line-height: 26px;
  margin-bottom: 10px;
}

.ClipParent2 {
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  display: inline-block;
  position: absolute;
  top:calc((100vh - 269px)/2 - 102px);
  right:-290px;
  text-align: center;
}

.HouseBox{
  width:818px;
  height:530px;
  position: absolute;
  /*right: 267px;*/
  top:17px;
  /*calc(((100vw - 1100px)/2) + 20px)*/
  /*bottom: calc(((100vh - 373px)/2) + 14px);*/
  z-index: inherit;
  margin: 0 auto;
}

.HouseCarBox{
  width:1000px;
  /*position: absolute;
  right: calc(((100vw - 1100px)/2) - 140px);
  bottom: calc(((100vh - 373px)/2));*/
  z-index: inherit;
}

.OrnCircle{ fill:none; stroke:inherit; stroke-width:inherit; stroke-linecap:round;}
.rings{
  width:609px;
  height:480px;
  position:absolute;
  z-index:2;
  right: 240px;
  bottom: 90px;
}
.RingFloat{
  position: absolute;
  -webkit-transform-style: preserve-3d; /* Chrome, Safari, Opera */
  transform-style: preserve-3d;
  perspective: 1000px;
  -webkit-perspective: 1000px;
  perspective-origin: 50% 50%;
  -webkit-perspective-origin: 50% 50%;
}

.rings use.sw5{stroke-width:5px;}
.rings use.sw7{stroke-width:6px;}
.rings use.sw9{stroke-width:7px;}

.rings use.ylw{stroke:rgb(219,217,42);}
.rings use.org{stroke:rgb(224,101,40);}

.c1{ left:250px; top:400px;
  -webkit-transform: scale(6) rotateX(82deg) rotateY(15deg) rotateZ(324deg) skewX(-42deg) skewY(-27deg);
  transform: scale(6) rotateX(82deg) rotateY(15deg) rotateZ(324deg) skewX(-42deg) skewY(-27deg);
}
.c2{ left:188px; top:156px;
  -webkit-transform: scale(0.6) rotateX(0deg) rotateY(26deg) rotateZ(0deg) skewX(-2deg) skewY(0deg);
  transform: scale(0.6) rotateX(0deg) rotateY(26deg) rotateZ(0deg) skewX(-2deg) skewY(0deg);
}
.c3{ left:312px; top:149px;
  -webkit-transform: scale(0.6) rotateX(0deg) rotateY(28deg) rotateZ(0deg) skewX(-2deg) skewY(0deg);
  transform: scale(0.6) rotateX(0deg) rotateY(28deg) rotateZ(0deg) skewX(-2deg) skewY(0deg);
}
.c4{left:241px; top:140px;
  -webkit-transform: scale(0.4) rotateX(0deg) rotateY(27deg) rotateZ(0deg) skewX(-2deg) skewY(1deg);
  transform: scale(0.4) rotateX(0deg) rotateY(27deg) rotateZ(0deg) skewX(-2deg) skewY(1deg);
}
.c5{left:411px; top:178px;
  -webkit-transform: scale(0.4) rotateX(0deg) rotateY(27deg) rotateZ(0deg) skewX(-2deg) skewY(1deg);
  transform: scale(0.4) rotateX(0deg) rotateY(27deg) rotateZ(0deg) skewX(-2deg) skewY(1deg);
}
.c6{left:72px; top:147px;
  -webkit-transform: scale(0.5) rotateX(0deg) rotateY(27deg) rotateZ(0deg) skewX(-3deg) skewY(1deg);
  transform: scale(0.5) rotateX(0deg) rotateY(27deg) rotateZ(0deg) skewX(-3deg) skewY(1deg);
}
.c7{left:39px; top:306px;
  -webkit-transform: scale(0.6) rotateX(0deg) rotateY(27deg) rotateZ(0deg) skewX(0deg) skewY(-1deg);
  transform: scale(0.6) rotateX(0deg) rotateY(27deg) rotateZ(0deg) skewX(0deg) skewY(-1deg);
}
.c8{left:60px; top:249px;
  -webkit-transform: scale(0.4) rotateX(0deg) rotateY(27deg) rotateZ(0deg) skewX(0deg) skewY(0deg);
  transform: scale(0.4) rotateX(0deg) rotateY(27deg) rotateZ(0deg) skewX(0deg) skewY(0deg);
}
.c9{left:180px; top:356px;
  -webkit-transform: scale(0.4) rotateX(19deg) rotateY(40deg) rotateZ(0deg) skewX(1deg) skewY(-4deg);
  transform: scale(0.4) rotateX(19deg) rotateY(40deg) rotateZ(0deg) skewX(1deg) skewY(-4deg);
}
.c10{left:536px; top:385px;
  -webkit-transform: scale(0.7) rotateX(-1deg) rotateY(27deg) rotateZ(0deg) skewX(0deg) skewY(-2deg);
  transform: scale(0.7) rotateX(-1deg) rotateY(27deg) rotateZ(0deg) skewX(0deg) skewY(-2deg);
}
.c11{left:392px; top:396px;
  -webkit-transform: scale(0.7) rotateX(-1deg) rotateY(27deg) rotateZ(0deg) skewX(0deg) skewY(-2deg);
  transform: scale(0.7) rotateX(-1deg) rotateY(27deg) rotateZ(0deg) skewX(0deg) skewY(-2deg);
}
.c12{left:-32px; top:149px;
  -webkit-transform: scale(0.4) rotateX(3deg) rotateY(46deg) rotateZ(0deg) skewX(1deg) skewY(-4deg);
  transform: scale(0.4) rotateX(3deg) rotateY(46deg) rotateZ(0deg) skewX(1deg) skewY(-4deg);
}
