section{position:relative;*zoom:1}section:after,section:before{display:table;content:""}section:after{clear:both}section .main{*zoom:1;margin:56px auto 120px}section .main:after,section .main:before{display:table;content:""}section .main:after{clear:both}section .main h1{font-family:Outfit-Bold,arial,tahoma,verdana,sans-serif}@media screen and (max-width:767px){section .main h1{font-size:40px;line-height:56px}}@media screen and (min-width:768px) and (max-width:1023px),print{section .main h1{font-size:50px;line-height:66px}}@media screen and (min-width:1024px){section .main h1{font-size:62px;line-height:78px}}section .main h1+article{margin-top:32px}@media screen and (min-width:1151px){section .main .why>div{width:20%}}@media screen and (min-width:501px) and (max-width:1150px){section .main .why>div{width:48%;margin:0 4% 40px 0}section .main .why>div:nth-of-type(2n){margin-right:0}section .main .why>div:nth-of-type(2n+1){clear:left}}@media screen and (max-width:500px){section .main{margin:24px 0 40px}}section .why{*zoom:1;margin-top:32px;padding:24px 0}section .why:after,section .why:before{display:table;content:""}section .why:after{clear:both}section .why>div{float:left;position:relative;font-family:OpenSans-Bold,arial,tahoma,verdana,sans-serif;font-size:15px;line-height:21px}section .why>div img{float:left;margin-right:10px}section .why>div span{float:left;width:75%;padding-right:10%;position:absolute;top:50%;transform:translateY(-50%)}@media screen and (max-width:500px){section .why>div{width:100%;margin:0 0 40px}}section .groups .group{*zoom:1;position:relative}section .groups .group:after,section .groups .group:before{display:table;content:""}section .groups .group:after{clear:both}section .groups .group>picture{position:absolute;bottom:0;left:0;z-index:-1}section .groups .group .left h1,section .groups .group .left h2{float:left;margin-bottom:40px;font-family:Outfit-Regular,arial,tahoma,verdana,sans-serif}@media screen and (max-width:767px){section .groups .group .left h1,section .groups .group .left h2{font-size:40px;line-height:50px}}@media screen and (min-width:768px) and (max-width:1023px),print{section .groups .group .left h1,section .groups .group .left h2{font-size:50px;line-height:60px}}@media screen and (min-width:1024px){section .groups .group .left h1,section .groups .group .left h2{font-size:56px;line-height:67px}}section .groups .group .left h1 strong,section .groups .group .left h2 strong{display:block;border-bottom:12px solid;font-family:Outfit-Bold,arial,tahoma,verdana,sans-serif}section .groups .group article{clear:left}section .groups .group article ul li{font-family:Outfit-Bold,arial,tahoma,verdana,sans-serif}section .groups .group .why{margin-top:40px;padding-top:0}@media screen and (min-width:501px){section .groups .group .why>div{width:48%;margin:0 4% 40px 0}section .groups .group .why>div:nth-of-type(2n){margin-right:0}section .groups .group .why>div:nth-of-type(2n+1){clear:left}}@media screen and (min-width:1451px){section .groups .group .left{width:640px}section .groups .group .products{width:696px}}@media screen and (min-width:1024px) and (max-width:1450px){section .groups .group .left{width:40%}section .groups .group .products{width:56%}}@media screen and (min-width:1024px){section .groups .group{padding-bottom:120px}section .groups .group:not(:last-of-type){margin-bottom:120px}section .groups .group .left{position:sticky;top:0}section .groups .group .products{float:right}}@media screen and (max-width:1023px){section .groups .group{padding-bottom:60px}section .groups .group:not(:last-of-type){margin-bottom:60px}section .groups .group>picture{display:none}section .groups .group .left{float:none;margin-bottom:40px}}section .become-partner{margin-top:-69px}ul.products{margin:0 0 60px}ul.products li{*zoom:1;float:left;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;border:1px solid #F0F1F2;background:#fff;-webkit-box-shadow:11px 12px 40px -15px rgba(0,0,0,.08);-moz-box-shadow:11px 12px 40px -15px rgba(0,0,0,.08);box-shadow:11px 12px 40px -15px rgba(0,0,0,.08);position:relative;overflow:hidden;text-align:left;margin-bottom:40px;padding:0}ul.products li:after,ul.products li:before{display:table;content:""}ul.products li:after{clear:both}ul.products li.bgleft{margin:0 0 24px}ul.products li:before{content:'';display:block;position:absolute;width:718px;height:718px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#ECECEC;z-index:0;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-ms-transition:all .5s ease-out;transition:all .5s ease-out}ul.products li>a{position:relative}ul.products li>a.new:before{content:'NEW';display:block;width:48px;height:48px;text-align:center;position:absolute;top:30%;right:0;background-color:#19c87f;color:#fff;font-size:12px;line-height:48px;-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform:rotate(-15deg);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 5.33px 10.67px 0 rgba(0,0,0,.15);-moz-box-shadow:0 5.33px 10.67px 0 rgba(0,0,0,.15);box-shadow:0 5.33px 10.67px 0 rgba(0,0,0,.15);z-index:10}ul.products li picture{margin:0 auto 45px;position:relative;z-index:1}ul.products li picture img{max-width:100%;width:auto}ul.products li div strong{display:block;font-family:Outfit-Bold,arial,tahoma,verdana,sans-serif;font-size:14px;line-height:18px;text-transform:uppercase}ul.products li div h1,ul.products li div h2,ul.products li div h3{font-family:Outfit-Bold,arial,tahoma,verdana,sans-serif;font-size:28px;line-height:35px;margin:8px 0 4px}ul.products li div h1 span,ul.products li div h2 span,ul.products li div h3 span{display:inline-block;padding:6px 8px;font-family:Outfit-SemiBold,arial,tahoma,verdana,sans-serif;font-size:12px;line-height:15px;color:#fff;background-color:#cd1619;text-transform:uppercase;position:relative;top:-5px}ul.products li div h1 span.blue,ul.products li div h2 span.blue,ul.products li div h3 span.blue{background-color:#009ee3}ul.products li div h1 span.green,ul.products li div h2 span.green,ul.products li div h3 span.green{background-color:#19c87f}ul.products li div>span{display:block;margin-bottom:24px;color:#575756}ul.products li div a.btn{text-transform:uppercase}ul.products:not(.solution) li picture{-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-ms-transition:all .5s ease-out;transition:all .5s ease-out}ul.products.solution{display:flex;justify-content:center;flex-wrap:wrap}ul.products.solution li.bgleft{position:relative}ul.products.solution li.bgleft:before{content:none}ul.products.solution li.bgleft>a{display:block;position:relative}ul.products.solution li.bgleft>a span{position:absolute;top:50%;left:-200px;transform:translateY(-50%);width:450px;height:450px;max-width:none;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden;z-index:100}ul.products.solution li.bgleft>a picture{display:block;margin:0;position:absolute;top:50%;transform:translateY(-50%)}ul.products.solution li.bgleft div{padding:0 40px 0 0;top:50%;right:0;transform:translateY(-50%)}@media screen and (min-width:1451px){ul.products.homepage li.bgtop{width:445px;margin-right:40px}ul.products.homepage li.bgtop:nth-of-type(3n){margin-right:0}ul.products.homepage li.bgleft{width:780px}ul.products:not(.homepage):not(.solution):not(.cols2) li{width:100%}}@media screen and (min-width:1024px) and (max-width:1450px){ul.products.homepage li.bgtop{width:32%;margin-right:2%}ul.products.homepage li:nth-of-type(3n){margin-right:0}ul.products.homepage li.bgleft{width:60%}}@media screen and (min-width:1251px){ul.products li.bgtop div{padding:0 48px}ul.products.solution li.bgleft>a{width:350px;height:320px}ul.products.solution li.bgleft>a span{transition:width .25s ease-out}ul.products.solution li.bgleft>a picture{width:350px;height:320px;left:140px}ul.products.solution li.bgleft>a picture img{width:auto;height:320px}ul.products.solution li.bgleft div{width:325px}ul.products.solution li.bgleft:hover>a span{width:490px;height:490px}}@media screen and (min-width:1024px) and (max-width:1250px){ul.products li.bgtop div{padding:0 32px}ul.products.solution li.bgleft>a{width:241px;height:230px}ul.products.solution li.bgleft>a picture{width:auto;height:230px;right:0}ul.products.solution li.bgleft>a picture img{width:auto;height:230px}ul.products.solution li.bgleft div{width:325px;left:270px;padding-right:20px}ul.products.solution li.bgleft div h1{font-size:24px;line-height:30px}}@media screen and (min-width:1024px){ul.products.homepage li.bgleft{margin:0 auto}ul.products li picture{width:auto;height:275px}ul.products li.bgtop{padding:41px 0 48px}ul.products li.bgtop:before{top:-556px;left:50%;transform:translateX(-50%)}ul.products li.bgleft{clear:left;float:none}ul.products li.bgleft:before{width:462px;height:462px;top:50%;left:-209px;transform:translateY(-50%)}ul.products li.bgleft>a{display:block;max-width:320px;text-align:center}ul.products li.bgleft picture{display:inline-block;margin:25px 0}ul.products li.bgleft picture.landscape,ul.products li.bgleft picture.landscape img{width:300px;height:auto}ul.products li.bgleft picture.portrait,ul.products li.bgleft picture.portrait img{width:auto;height:260px}ul.products li.bgleft div{max-width:50%;position:absolute;top:50%;left:320px;transform:translateY(-50%);padding:0 0 0 10px}ul.products:not(.solution) li.bgtop:hover:before{width:1003px;height:1003px;top:-798px;background-color:#F5F5F5}ul.products:not(.solution) li.bgtop:hover picture{transform:scale(1.1)}ul.products:not(.solution) li.bgleft:hover:before{width:645px;height:645px;left:-350px;background-color:#F5F5F5}ul.products:not(.solution) li.bgleft:hover picture{transform:scale(1.1)}ul.products.solution li{width:49%}ul.products.solution li:nth-of-type(2n+1){margin-right:1%}ul.products.solution li:nth-of-type(2n){margin-left:1%}}@media screen and (max-width:1023px),print{ul.products{margin:0 0 30px}ul.products li{padding:20px 0}ul.products li>a{display:block;max-width:300px;max-height:200px;text-align:center}ul.products li>a picture{margin:0;width:300px;height:200px}ul.products li>a picture img{margin:0 auto;max-height:100%}ul.products.solution li{width:100%}ul.products.solution li.bgleft>a{width:350px;height:320px}ul.products.solution li.bgleft>a picture{width:auto;height:320px;right:-40px}ul.products.solution li.bgleft>a picture img{width:auto;height:320px}ul.products.solution li.bgleft div{width:325px;left:320px}}@media screen and (min-width:601px) and (max-width:1023px),print{ul.products li{width:100%;float:none;margin:0 auto 24px;padding:0}ul.products li:before{width:462px;height:462px;top:50%;left:-209px;transform:translateY(-50%)}ul.products li>a{float:left;margin:25px 40px 25px 0}ul.products li div{width:50%;position:absolute;top:50%;right:24px;transform:translateY(-50%);padding:0}ul.products li:hover:before{width:645px;height:645px;left:-350px;background-color:#F5F5F5}ul.products li:hover picture{transform:scale(1.1)}ul.products.solution li.bgleft:hover>a span{left:-170px}ul.products.solution li.bgleft:hover>a span picture{right:0}}@media screen and (min-width:601px) and (max-width:900px){ul.products li picture{width:50%;height:auto}ul.products li div{width:46%}ul.products.solution li.bgleft div{width:auto;left:310px}ul.products.solution li.bgleft div h1{font-size:24px;line-height:30px}}@media screen and (max-width:650px){ul.products li>a.new:before{right:30px}}@media screen and (max-width:600px){ul.products:not(.solution) li{width:100%;float:none;text-align:center}ul.products:not(.solution) li:before{top:-556px;left:50%;transform:translateX(-50%)}ul.products:not(.solution) li>a{display:block;text-align:center;margin:0 auto 24px}ul.products:not(.solution) li>a picture{display:inline-block;width:auto;height:200px}ul.products:not(.solution) li div{padding:0 24px!important}ul.products:not(.solution) li:hover:before{width:1003px;height:1003px;top:-798px;background-color:#F5F5F5}ul.products.solution li.bgleft{display:flex;align-items:center;text-decoration:none;background-color:#f4f4f4;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:0;cursor:pointer}ul.products.solution li.bgleft:after{content:'';display:block;position:absolute;top:50%;right:12px;transform:translateY(-50%);width:24px;height:24px;background:url(../svg/arrow-next-red.svg) no-repeat}ul.products.solution li.bgleft>a{width:96px;height:96px;position:static}ul.products.solution li.bgleft>a span{width:96px;height:96px;position:static;transform:none}ul.products.solution li.bgleft>a picture{position:static;width:96px;height:96px;transform:none}ul.products.solution li.bgleft>a picture img{width:96px;height:96px;-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px}ul.products.solution li.bgleft div{position:static;transform:none}ul.products.solution li.bgleft div h1{font-weight:400;font-size:16px;line-height:22px;margin:0 48px 0 24px}ul.products.solution li.bgleft div .btn,ul.products.solution li.bgleft div span{display:none}}@media screen and (max-width:460px){ul.products li div a.btn{display:block;float:none!important;margin:8px 0 0}}@media screen and (min-width:1251px){ul.products.cols2{display:flex;flex-wrap:wrap;justify-content:center}ul.products.cols2 li{width:49%}ul.products.cols2 li:nth-of-type(2n){margin-left:auto}}@media screen and (min-width:1024px) and (max-width:1250px){ul.products.cols2 li div{width:50%;left:auto;right:24px}}