.roi-wrapper,.roi-wrapper .text-cont{position:relative;padding:0;overflow:hidden}.roi-wrapper{background:url(../images/home_images/why/roi-main-bg.png) no-repeat;width:920px;height:445px;margin:0 auto}.roi-wrapper *{-o-transition:none!important;-ms-transition:none!important;-moz-transition:none!important;-webkit-transition:none!important;transition:none!important}.roi-wrapper .text-cont{width:374px;height:143px;float:left;margin:0}.roi-wrapper .text-cont .text{padding:17px 0 0;margin:0;overflow:hidden;width:273px;float:left;text-align:center}.roi-wrapper .text-cont.right .text{padding-top:18px;float:right}.roi-wrapper .text-cont .text p{line-height:38px;font-size:18px;color:#737373;font-weight:400}.roi-wrapper .text-cont:hover .text p{color:#282828}.roi-wrapper .text-cont .text .img-cont{width:50px;height:50px;overflow:hidden;padding:0;margin:0 auto;clear:both}.roi-wrapper .text-cont:hover .text .img-cont{background-position:0 -50px}.roi-wrapper .text-cont.bottom .text{padding-top:30px;width:350px;padding-left:0;margin-left:-10px;margin-right:10px}.roi-wrapper .text-cont.right{float:right}.roi-wrapper .text-cont .round-cont{width:52px;height:52px;position:absolute;right:0;bottom:0;z-index:1}.roi-wrapper .text-cont .round-cont.right .round-bg .round,.roi-wrapper .text-cont.right .round-cont,.roi-wrapper .text-cont.right .round-cont .round-bg{left:0}.roi-wrapper .text-cont .round-cont .round{position:absolute;width:40px;height:40px;right:6px;bottom:6px;z-index:2;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;-ms-border-radius:20px;border-radius:20px;color:#fff;font-size:19px;line-height:40px;text-align:center;font-weight:800}.roi-wrapper .text-cont .round-cont .round-bg{width:52px;height:52px;right:0;bottom:0;z-index:1;background:url(../images/home_images/why/gray-half-round.png) no-repeat;-webkit-animation-name:round;-moz-animation-name:round;-ms-animation-name:round;-o-animation-name:round;animation-name:round;-webkit-animation-delay:0s;-moz-animation-delay:0s;-ms-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}.roi-wrapper .left,.roi-wrapper .right{margin:0;position:relative;z-index:5;padding:0;overflow:hidden}@-webkit-keyframes round{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes round{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}.roi-wrapper .text-cont.strat:hover .round-cont .round-bg{background-position:0 -52px}.roi-wrapper .text-cont.creat-dev:hover .round-cont .round-bg{background-position:0 -104px}.roi-wrapper .text-cont.online-mark:hover .round-cont .round-bg{background-position:0 -156px}.roi-wrapper .text-cont.off-mark:hover .round-cont .round-bg{background-position:0 -208px}.roi-wrapper .text-cont.track-res:hover .round-cont .round-bg{background-position:0 -260px}.roi-wrapper .text-cont.gen-roi:hover .round-cont .round-bg{background-position:0 -312px}.roi-wrapper .text-cont.strat .round-cont .round{background:#A06A07}.roi-wrapper .text-cont.creat-dev .round-cont .round{background:#0779D6}.roi-wrapper .text-cont.online-mark .round-cont .round{background:#028E7A}.roi-wrapper .text-cont.off-mark .round-cont .round{background:#E6390F}.roi-wrapper .text-cont.track-res .round-cont .round{background:#06BB1C}.roi-wrapper .text-cont.gen-roi .round-cont .round{background:#7525D2}.roi-wrapper .text-cont.midd{width:315px;height:131px}.roi-wrapper .text-cont.bottom{width:374px;height:132px}.roi-wrapper .left{float:left;width:385px}.roi-wrapper .right{float:right;width:375px}.roi-wrapper .midd-round-cont,.roi-wrapper .midd-round-cont .round{width:258px;height:258px;margin:-106px 0 0 -129px;padding:0;overflow:hidden;left:50%;top:50%;position:absolute;z-index:1}.roi-wrapper .midd-round-cont .round{margin-top:-127px;background:url(../images/home_images/why/midd-round.png) no-repeat;-webkit-animation-name:round;-moz-animation-name:round;-ms-animation-name:round;-o-animation-name:round;animation-name:round;-webkit-animation-delay:0s;-moz-animation-delay:0s;-ms-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}.roi-wrapper .midd-round-cont .table{width:258px;height:258px;margin:0;padding:0;overflow:hidden;display:table}.roi-wrapper .midd-round-cont .table .column{display:table-cell;vertical-align:middle;text-align:center;color:#000;font-size:20px;line-height:24px;font-weight:700}.roi-wrapper a{font-size:17px;color:#000;font-weight:700}.roi-wrapper .why_step_1 a,.roi-wrapper .why_step_2 a,.roi-wrapper .why_step_3 a,.roi-wrapper .why_step_4 a,.roi-wrapper .why_step_5 a,.roi-wrapper .why_step_6 a{color:#000;font-weight:700!important}.roi-wrapper .left .strat{padding-left:75px}.roi-wrapper .why_step_1{margin-left:-16px!important}.roi-wrapper .why_step_2{width:230px;margin-left:-40px!important}.roi-wrapper .why_step_2 a{margin-left:15px}.roi-wrapper .why_step_3{margin-left:-43px!important}.roi-wrapper .why_step_6{margin-right:11px!important}