.strengths_retangle_block{display:flex;flex-flow:row wrap;padding-bottom:20px}@media screen and (max-width: 1200px){.strengths_retangle_block{margin-left:0px;margin-right:0px}}@media screen and (max-width: 850px){.strengths_retangle_block{padding-bottom:0px}}.strengths_retangle_block .item{width:calc( 25% - 20px );cursor:pointer;float:left;transition:0.5s;opacity:0.5;margin:0 10px;color:#777;position:relative;padding:25px;box-sizing:border-box;box-shadow:0 1px 11px #8a8a8a42;border-radius:5px}@media all and (max-width: 800px){.strengths_retangle_block .item{opacity:1}}.strengths_retangle_block .item:after{content:'';width:calc(100% - 20px);left:10px;height:15px;background:#ffffff30;position:absolute;bottom:-10px;box-shadow:0 5px 6px -6px rgba(134,134,134,0.45);transition:0.5s}.strengths_retangle_block .item:hover:after{bottom:20px;box-shadow:none;background:#ffffff00}@media screen and (max-width: 800px){.strengths_retangle_block .item{width:calc(50% - 10px);margin-left:5px;margin-right:5px;padding-bottom:10px;padding-top:10px;margin-bottom:20px}}.strengths_retangle_block .item .item-inner{transition:0.5s;box-sizing:border-box;border:1px solid transparent;width:100%}.strengths_retangle_block .item .item-l{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}}.strengths_retangle_block .item .item-l .isvg{padding-left:0px;margin:auto;box-sizing:border-box;transition:1s;-moz-transition:1s;-webkit-transition:1s;border-radius:5px;transform:rotate(45deg)}.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:0px 0px 5px;box-sizing:border-box;-webkit-transition:0.3s ease-in-out all;transition:0.3s ease-in-out all}@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}}.strengths_retangle_block .item .item-r .name{display:block;margin-bottom:15px;font-size:18px;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{margin:0 -10px}@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{background:var(--main-color)}.strengths_retangle_block .item:hover .item-l svg{fill:#fff;transition:0.5s}.strengths_retangle_block .item:hover .item-r .name{color:#fff}.strengths_retangle_block .item:hover .item-r .summary{color:#fff}@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:15px;font-size:16px}}.pos5b .item_1{transition:0.5s}.pos5b .item_2{transition:0.8s}.pos5b .item_3{transition:1.1s}.pos5b .item_4{transition:1.4s}.hello .strengths_retangle_block .item{transform:translate(0);opacity:1}
/*# sourceMappingURL=retangle.css.map */