.rec--1,.rec--pic{min-width:80px;min-height:80px;width:7vw;height:7vw}.rec{border:none;margin:0 auto;position:relative;display:table}.rec__frame{display:table-cell;vertical-align:middle}.rec--pic{background-image:url(../img/logo.png);background-size:cover;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.rec--1{background:rgba(255,255,255,.8)}.rec--2{min-width:85px;min-height:85px;width:7.7vw;height:7.7vw;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(90deg);transform:rotate(45deg);animation:spinBorder 1.5s forwards;-webkit-animation:spinBorder 1.5s forwards}.rec--3{min-width:95px;min-height:95px;width:8.5vw;height:8.5vw;border-top:1px solid rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.7);-webkit-transform:rotate(45deg);-ms-transform:rotate(90deg);transform:rotate(45deg);animation:spinBorder 1.5s forwards;-webkit-animation:spinBorder 1.5s forwards}.rec--4{min-width:105px;min-height:105px;width:10vw;height:10vw;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);-webkit-transform:rotate(0);-ms-transform:rotate(-45deg);transform:rotate(0);animation:spin 1.5s forwards;-webkit-animation:spin 1.5s forwards}@keyframes spin{0%{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0)}100%{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}}@-webkit-keyframes spin{0%{transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0)}100%{transform:rotate(-45deg);-ms-transform:rotate(0);-webkit-transform:rotate(-45deg)}}@keyframes spinBorder{0%{transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}100%{transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg)}}@-webkit-keyframes spinBorder{0%{transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}100%{transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg)}}.rec__line{position:absolute;bottom:0;left:0;height:13%;width:1px;background:#fff}.rec__line--3,.rec__line--4{top:0;bottom:auto}.rec__line--2,.rec__line--4{right:0;left:auto}.rec__line--last{background:rgba(255,255,255,.3)}.rec__line--second-last{background:rgba(255,255,255,.5)}@media only screen and (max-device-width:1080px){.rec--1,.rec--2,.rec--3,.rec--4,.rec--pic{min-width:0;min-height:0}.rec{width:90px!important;height:90px!important}#rec1,#rec2,#rec3,#rec4,.rec--pic{animation:none}.rec--pic{width:55px!important;height:55px!important}.rec--1{width:62px!important;height:62px!important}.rec--2{width:70px!important;height:70px!important;transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg)}.rec--3{width:79px!important;height:76px!important;transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg)}.rec--4{width:87px!important;height:85px!important;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}}