.testim{width:100%;max-width:85rem;margin:auto}.testim .testim-cover{margin-top:2rem}.testim .wrap{position:relative;width:100%;max-width:1020px;padding:0 20px;margin:auto}.testim .arrow{display:block;position:absolute;color:#333;cursor:pointer;font-size:2em;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;padding:5px;z-index:22}.testim .arrow:before{cursor:pointer}.testim .arrow:hover{color:#c2041c}.testim .arrow.left{left:70px}.testim .arrow.right{right:70px}.testim .dots{text-align:center;position:absolute;width:100%;bottom:40px;left:0;display:block;z-index:3333;height:12px}.testim .dots .dot{list-style-type:none;display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid #c2041c;margin:0 10px;cursor:pointer;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:relative}.testim .dots .dot.active,.testim .dots .dot:hover{background:#c2041c;border-color:#c2041c}.testim .dots .dot.active{-webkit-animation:testim-scale .5s ease-in-out forwards;-moz-animation:testim-scale .5s ease-in-out forwards;-ms-animation:testim-scale .5s ease-in-out forwards;-o-animation:testim-scale .5s ease-in-out forwards;animation:testim-scale .5s ease-in-out forwards}.testim .cont{position:relative;overflow:hidden}.testim .cont>div{text-align:center;position:absolute;top:0;left:0;padding:0 0 70px;opacity:0}.testim .cont>div.inactive{opacity:1}.testim .cont>div.active{position:relative;opacity:1}.testim .cont div .img img{display:block;width:100px;height:100px;margin:auto;border-radius:50%}.testim .cont div h2{color:#c2041c;font-size:1em;margin:15px 0}.testim .cont div p{font-size:1.15em;color:#333;width:70%;margin:auto}.testim .cont div.active .img img{-webkit-animation:testim-show .5s ease-in-out forwards;-moz-animation:testim-show .5s ease-in-out forwards;-ms-animation:testim-show .5s ease-in-out forwards;-o-animation:testim-show .5s ease-in-out forwards;animation:testim-show .5s ease-in-out forwards}.testim .cont div.active h2{-webkit-animation:testim-content-in .4s ease-in-out forwards;-moz-animation:testim-content-in .4s ease-in-out forwards;-ms-animation:testim-content-in .4s ease-in-out forwards;-o-animation:testim-content-in .4s ease-in-out forwards;animation:testim-content-in .4s ease-in-out forwards}.testim .cont div.active p{-webkit-animation:testim-content-in .5s ease-in-out forwards;-moz-animation:testim-content-in .5s ease-in-out forwards;-ms-animation:testim-content-in .5s ease-in-out forwards;-o-animation:testim-content-in .5s ease-in-out forwards;animation:testim-content-in .5s ease-in-out forwards}.testim .cont div.inactive .img img{-webkit-animation:testim-hide .5s ease-in-out forwards;-moz-animation:testim-hide .5s ease-in-out forwards;-ms-animation:testim-hide .5s ease-in-out forwards;-o-animation:testim-hide .5s ease-in-out forwards;animation:testim-hide .5s ease-in-out forwards}.testim .cont div.inactive h2{-webkit-animation:testim-content-out .4s ease-in-out forwards;-moz-animation:testim-content-out .4s ease-in-out forwards;-ms-animation:testim-content-out .4s ease-in-out forwards;-o-animation:testim-content-out .4s ease-in-out forwards;animation:testim-content-out .4s ease-in-out forwards}.testim .cont div.inactive p{-webkit-animation:testim-content-out .5s ease-in-out forwards;-moz-animation:testim-content-out .5s ease-in-out forwards;-ms-animation:testim-content-out .5s ease-in-out forwards;-o-animation:testim-content-out .5s ease-in-out forwards;animation:testim-content-out .5s ease-in-out forwards}@-webkit-keyframes testim-scale{0%{-webkit-box-shadow:0px 0px 0px 0px #eee;box-shadow:0 0 #eee}35%{-webkit-box-shadow:0px 0px 10px 5px #eee;box-shadow:0 0 10px 5px #eee}70%{-webkit-box-shadow:0px 0px 10px 5px #ea830e;box-shadow:0 0 10px 5px #ea830e}to{-webkit-box-shadow:0px 0px 0px 0px #ea830e;box-shadow:0 0 #ea830e}}@-moz-keyframes testim-scale{0%{-moz-box-shadow:0px 0px 0px 0px #eee;box-shadow:0 0 #eee}35%{-moz-box-shadow:0px 0px 10px 5px #eee;box-shadow:0 0 10px 5px #eee}70%{-moz-box-shadow:0px 0px 10px 5px #ea830e;box-shadow:0 0 10px 5px #ea830e}to{-moz-box-shadow:0px 0px 0px 0px #ea830e;box-shadow:0 0 #ea830e}}@-ms-keyframes testim-scale{0%{-ms-box-shadow:0px 0px 0px 0px #eee;box-shadow:0 0 #eee}35%{-ms-box-shadow:0px 0px 10px 5px #eee;box-shadow:0 0 10px 5px #eee}70%{-ms-box-shadow:0px 0px 10px 5px #ea830e;box-shadow:0 0 10px 5px #ea830e}to{-ms-box-shadow:0px 0px 0px 0px #ea830e;box-shadow:0 0 #ea830e}}@-o-keyframes testim-scale{0%{-o-box-shadow:0px 0px 0px 0px #eee;box-shadow:0 0 #eee}35%{-o-box-shadow:0px 0px 10px 5px #eee;box-shadow:0 0 10px 5px #eee}70%{-o-box-shadow:0px 0px 10px 5px #ea830e;box-shadow:0 0 10px 5px #ea830e}to{-o-box-shadow:0px 0px 0px 0px #ea830e;box-shadow:0 0 #ea830e}}@keyframes testim-scale{0%{box-shadow:0 0 #eee}35%{box-shadow:0 0 10px 5px #eee}70%{box-shadow:0 0 10px 5px #ea830e}to{box-shadow:0 0 #ea830e}}@-webkit-keyframes testim-content-in{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes testim-content-in{0%{opacity:0;-moz-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}}@-ms-keyframes testim-content-in{0%{opacity:0;-ms-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-ms-transform:translateY(0);transform:translateY(0)}}@-o-keyframes testim-content-in{0%{opacity:0;-o-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}@keyframes testim-content-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes testim-content-out{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-moz-keyframes testim-content-out{0%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}to{opacity:0;-moz-transform:translateY(-100%);transform:translateY(-100%)}}@-ms-keyframes testim-content-out{0%{opacity:1;-ms-transform:translateY(0);transform:translateY(0)}to{opacity:0;-ms-transform:translateY(-100%);transform:translateY(-100%)}}@-o-keyframes testim-content-out{0%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes testim-content-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@-webkit-keyframes testim-show{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes testim-show{0%{opacity:0;-moz-transform:scale(0);transform:scale(0)}to{opacity:1;-moz-transform:scale(1);transform:scale(1)}}@-ms-keyframes testim-show{0%{opacity:0;-ms-transform:scale(0);transform:scale(0)}to{opacity:1;-ms-transform:scale(1);transform:scale(1)}}@-o-keyframes testim-show{0%{opacity:0;-o-transform:scale(0);transform:scale(0)}to{opacity:1;-o-transform:scale(1);transform:scale(1)}}@keyframes testim-show{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes testim-hide{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@-moz-keyframes testim-hide{0%{opacity:1;-moz-transform:scale(1);transform:scale(1)}to{opacity:0;-moz-transform:scale(0);transform:scale(0)}}@-ms-keyframes testim-hide{0%{opacity:1;-ms-transform:scale(1);transform:scale(1)}to{opacity:0;-ms-transform:scale(0);transform:scale(0)}}@-o-keyframes testim-hide{0%{opacity:1;-o-transform:scale(1);transform:scale(1)}to{opacity:0;-o-transform:scale(0);transform:scale(0)}}@keyframes testim-hide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@media all and (max-width: 300px){body{font-size:14px}}@media all and (max-width: 500px){.testim .arrow{font-size:1.5em}.testim .cont div p{line-height:25px}}@media (min-width: 1000px){#timeline-cards .demo-card:nth-child(2n) .head:after,#timeline-cards .demo-card:nth-child(odd) .head:after{position:absolute;content:"";width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent}#timeline-cards .demo-card:nth-child(2n) .head:before,#timeline-cards .demo-card:nth-child(odd) .head:before{position:absolute;content:"";width:9px;height:9px;background-color:#bdbdbd;border-radius:9px;box-shadow:0 0 2px 8px #f9f9f9}}.demo-card:nth-child(1){order:1}.demo-card:nth-child(2){order:4}.demo-card:nth-child(3){order:2}.demo-card:nth-child(4){order:5}.demo-card:nth-child(5){order:3}.demo-card:nth-child(6){order:6}#timeline-cards{padding:100px 0;margin-top:100px}@media (min-width: 480px){#timeline-cards{padding:50px 0!important;margin-top:50px!important}}#timeline-cards h1{text-align:center;font-size:3rem;font-weight:200;margin-bottom:20px}#timeline-cards p.leader{text-align:center;max-width:90%;margin:auto auto 45px}#timeline-cards .demo-card-wrapper{position:relative;margin:auto}@media (min-width: 1000px){#timeline-cards .demo-card-wrapper{display:flex;flex-flow:column wrap;width:1170px;height:1650px;margin:0 auto}}#timeline-cards .demo-card-wrapper:after{z-index:1;content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px solid #c2041c}@media (min-width: 1000px){#timeline-cards .demo-card-wrapper:after{border-left:1px solid #bdbdbd}}#timeline-cards .demo-card{position:relative;display:block;margin:10px auto 80px;max-width:94%;z-index:2;border-radius:10px}@media (min-width: 480px){#timeline-cards .demo-card{max-width:60%;box-shadow:0 1px 22px 4px #00000012}}@media (min-width: 720px){#timeline-cards .demo-card{max-width:40%}}@media (min-width: 1000px){#timeline-cards .demo-card{max-width:450px;height:400px;margin:45px 90px}#timeline-cards .demo-card:nth-child(odd){margin-right:45px}#timeline-cards .demo-card:nth-child(odd) .head:after{border-left-width:15px;border-left-style:solid;left:100%}#timeline-cards .demo-card:nth-child(odd) .head:before{left:491.5px}#timeline-cards .demo-card:nth-child(2n){margin-left:45px}#timeline-cards .demo-card:nth-child(2n) .head:after{border-right-width:15px;border-right-style:solid;right:100%}#timeline-cards .demo-card:nth-child(2n) .head:before{right:489.5px}#timeline-cards .demo-card:nth-child(2){margin-top:180px}}#timeline-cards .demo-card .head{position:relative;display:flex;align-items:center;color:#fff;font-weight:400}#timeline-cards .demo-card .head .number-box{display:inline;float:left;margin:15px;padding:10px;font-size:35px;line-height:35px;font-weight:600;background:#0000002b;border-radius:10px}#timeline-cards .demo-card .head h2{text-transform:uppercase;font-size:1.3rem;font-weight:inherit;letter-spacing:2px;margin:0;padding-bottom:6px;line-height:1.4rem}@media (min-width: 480px){#timeline-cards .demo-card .head h2{font-size:165%;line-height:1.7rem}}#timeline-cards .demo-card .head h2 span{display:block;font-size:.6rem;line-height:1.2rem;margin:0 0 .2rem}@media (min-width: 480px){#timeline-cards .demo-card .head h2 span{font-size:.8rem}}#timeline-cards .demo-card .body{background:#fff;border:1px solid #c2041c;border-top:0;padding:15px;overflow:hidden;border-radius:0 0 15px 15px}@media (min-width: 1000px){#timeline-cards .demo-card .body{height:315px}}#timeline-cards .demo-card .body p{font-size:14px;line-height:18px;margin-bottom:15px}#timeline-cards .demo-card .body img{display:block;width:100%}#timeline-cards .demo-card--step1{background-color:#c2041c}#timeline-cards .demo-card--step1 .head:after{border-color:#c2041c}#timeline-cards .demo-card--step2{background-color:#c2041c}#timeline-cards .demo-card--step2 .head:after{border-color:#c2041c}#timeline-cards .demo-card--step3{background-color:#c2041c}#timeline-cards .demo-card--step3 .head:after{border-color:#c2041c}#timeline-cards .demo-card--step4{background-color:#c2041c}#timeline-cards .demo-card--step4 .head:after{border-color:#c2041c}#timeline-cards .demo-card--step5{background-color:#c2041c}#timeline-cards .demo-card--step5 .head:after{border-color:#c2041c}