.strengths_retangle_block{display:flex;flex-flow:row wrap}@media screen and (max-width: 1200px){.strengths_retangle_block{margin-left:0px;margin-right:0px}}.strengths_retangle_block .item{width:calc( 25% - 30px );cursor:pointer;opacity:0.5s;border-radius:10px;margin:0 15px;box-sizing:border-box;color:#777;position:relative;padding-bottom:30px;position:relative}@media all and (min-width: 900px){.strengths_retangle_block .item{transform:translate(0, 400px)}}@media screen and (max-width: 800px){.strengths_retangle_block .item{width:calc(50% - 10px);margin-left:5px;margin-right:5px;padding-bottom:10px}}@media screen and (max-width: 500px){.strengths_retangle_block .item{width:100%;margin-left:0;margin-right:0;margin-bottom:0px}}.strengths_retangle_block .item .item-inner{transition:0.5s;min-height:120px;box-sizing:border-box;border:1px solid transparent;width:100%}.strengths_retangle_block .item .item-l{padding:10px 0 10px 0;vertical-align:middle;display:block;width:100%;box-sizing:border-box;color:var(--main-color);text-align:center;position:relative}@media all and (max-width: 1200px) and (min-width: 800px){.strengths_retangle_block .item .item-l{padding:0px}}@media all and (max-width: 800px){.strengths_retangle_block .item .item-l{padding:0}}@media all and (max-width: 600px){.strengths_retangle_block .item .item-l{width:113px;height:113px;float:left;width:80px;height:80px}}.strengths_retangle_block .item .item-l .isvg{width:80px;height:80px;border:2px solid transparent;padding-top:18px;padding-left:0px;margin:auto;box-sizing:border-box;transition:1s;-moz-transition:1s;-webkit-transition:1s;border-radius:5px;transform:rotate(45deg);-o-transition:1s}@media all and (max-width: 800px){.strengths_retangle_block .item .item-l .isvg{float:left;margin-right:20px}}@media all and (max-width: 600px){.strengths_retangle_block .item .item-l .isvg{width:70px;height:70px;padding-top:13px}}.strengths_retangle_block .item .item-l svg{fill:var(--main-color);width:40px;height:40px;transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;transform:rotate(-45deg)}.strengths_retangle_block .item .item-l i{color:var(--main-color);font-size:60px}.strengths_retangle_block .item .item-l .after{position:absolute;top:calc(50% - 8px);right:-35px}.strengths_retangle_block .item .item-l .after li{width:8px;height:16px;background:var(--main-color);-webkit-clip-path:polygon(0 0, 0% 100%, 100% 50%);clip-path:polygon(0 0, 0% 100%, 100% 50%);display:inline-block}@media all and (max-width: 800px){.strengths_retangle_block .item .item-l .after li{display:none}}.strengths_retangle_block .item .item-r{vertical-align:middle;text-align:center;line-height:25px;padding:0 0px 20px;box-sizing:border-box;-webkit-transition:0.3s ease-in-out all;transition:0.3s ease-in-out all;margin-left:7px}@media all and (max-width: 1000px) and (min-width: 800px){.strengths_retangle_block .item .item-r{padding:0px}}@media all and (max-width: 800px){.strengths_retangle_block .item .item-r{line-height:20px}}@media all and (max-width: 600px){.strengths_retangle_block .item .item-r{width:calc(100% - 120px);float:left;width:calc(100% - 87px);margin-left:7px;padding-bottom:0;text-align:left}}.strengths_retangle_block .item .item-r .name{display:block;margin-bottom:10px;font-weight:normal;text-transform:uppercase;font-size:24px;line-height:22px;margin-top:15px;color:#272727}@media all and (max-width: 800px){.strengths_retangle_block .item .item-r .name{line-height:20px;margin-top:0px;margin-bottom:5px}}@media all and (max-width: 800px) and (min-width: 600px){.strengths_retangle_block .item .item-r .name br{display:none}}.strengths_retangle_block .item .item-r .summary{color:#696969;line-height:20px}@media all and (max-width: 600px){.strengths_retangle_block .item .item-r .summary{font-size:13px}}.strengths_retangle_block .item .item_1{transition:0.5s}.strengths_retangle_block .item .item_2{transition:0.8s}.strengths_retangle_block .item .item_3{transition:1s}.strengths_retangle_block .item .item_4{transition:1.2s}@media screen and (max-width: 700px){.strengths_retangle_block .item_break:nth-child(4n){display:block;height:0;clear:both;width:100%}}.strengths_retangle_block{display:flex;margin:0 -15px}@media all and (max-width: 1200px){.strengths_retangle_block{margin:0 -10px}}@media all and (max-width: 800px){.strengths_retangle_block{box-sizing:border-box;margin:0 -5px}}@media all and (max-width: 500px){.strengths_retangle_block{margin:0px}}.strengths_retangle_block .item_4 .item-l .after{display:none}.strengths_retangle_block .item:first-child .item-l i{animation:4s ease-in-out 0s normal none infinite running chang-rotage-anim}.strengths_retangle_block .item:nth-child(3) .item-l i{animation:4s ease-in-out 0s normal none infinite running chang-rotage-anim-1}.strengths_retangle_block .item:nth-child(5) .item-l i{animation:4s ease-in-out 0s normal none infinite running chang-rotage-anim-2}.strengths_retangle_block .item:nth-child(7) .item-l i{animation:4s ease-in-out 0s normal none infinite running chang-rotage-anim-3}@keyframes chang-rotage-anim{0%{transform:rotate(0deg) scale(1) skew(1deg)}5%{transform:rotate(-25deg) scale(1) skew(1deg)}10%{transform:rotate(25deg) scale(1) skew(1deg)}15%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}25%{transform:rotate(0deg) scale(1) skew(1deg)}100%{transform:rotate(0deg) scale(1) skew(1deg)}}@keyframes chang-rotage-anim-1{0%{transform:rotate(0deg) scale(1) skew(1deg)}20%{transform:rotate(0deg) scale(1) skew(1deg)}25%{transform:rotate(-25deg) scale(1) skew(1deg)}30%{transform:rotate(25deg) scale(1) skew(1deg)}35%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}45%{transform:rotate(0deg) scale(1) skew(1deg)}100%{transform:rotate(0deg) scale(1) skew(1deg)}}@keyframes chang-rotage-anim-2{0%{transform:rotate(0deg) scale(1) skew(1deg)}50%{transform:rotate(0deg) scale(1) skew(1deg)}55%{transform:rotate(-25deg) scale(1) skew(1deg)}60%{transform:rotate(25deg) scale(1) skew(1deg)}65%{transform:rotate(-25deg) scale(1) skew(1deg)}70%{transform:rotate(25deg) scale(1) skew(1deg)}75%{transform:rotate(0deg) scale(1) skew(1deg)}100%{transform:rotate(0deg) scale(1) skew(1deg)}}@keyframes chang-rotage-anim-3{0%{transform:translate(0px, 0) rotate(0deg)}70%{transform:translate(0px, 0) rotate(0deg)}85%{transform:rotate(-180deg) translate(-30px, 30px) rotate(180deg)}95%{transform:rotate(180deg) translate(-30px, 30px) rotate(-180deg)}100%{transform:translate(0px, 0px)}}@keyframes chang-rotage-anim-4{0%{transform:rotate(0deg) scale(1) skew(1deg)}70%{transform:rotate(0deg) scale(1) skew(1deg)}75%{transform:rotate(-25deg) scale(1) skew(1deg)}80%{transform:rotate(25deg) scale(1) skew(1deg)}85%{transform:rotate(-25deg) scale(1) skew(1deg)}90%{transform:rotate(25deg) scale(1) skew(1deg)}95%{transform:rotate(0deg) scale(1) skew(1deg)}100%{transform:rotate(0deg) scale(1) skew(1deg)}}.strengths_retangle_block .item:hover .isvg{background:#fff;transition:1s;border:2px solid var(--main-color)}.strengths_retangle_block .item:hover .item-l svg{fill:var(--main-color);transition:0.5s}.strengths_retangle_block .item:hover .item-r .name{color:var(--main-color)}@media all and (max-width: 600px){.strengths_retangle_block .item .item-inner{padding:0px;min-height:auto}.strengths_retangle_block .item .item-r .name{margin-top:10px;font-size:18px}}.pos4{overflow:hidden}.pos4 .item_1{transition:0.8s}.pos4 .item_2{transition:1s}.pos4 .item_3{transition:1.2s}.pos4 .item_4{transition:1.4s}.hello .strengths_retangle_block .item{transform:translate(0);opacity:1}
/*# sourceMappingURL=retangle.css.map */