html,body{min-height:100%;width:100%;margin:0;padding:0;}
.services__process{color:#fff;padding:4em 0}
.services__process h2 img{display:block;margin:0 auto}
.services__process .services__iphone{margin:0 auto;max-width:1060px}
.services__process .services__iphone__progress{display:inline-block;height:15em;position:relative;vertical-align:middle;width:5%}
.services__process [class^="services__iphone__progress--"]{left:20%;margin-top:-3%;position:absolute;width:60%;z-index:2}
/*.services__process [class^="services__iphone__progress--"]:before{border-bottom:4px solid #f5f5f1;border-top:4px solid #f5f5f1;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px;z-index:-1}*/
.services__process [class^="services__iphone__progress--"]>span{background:#fff;border-radius:3px;display:block;padding-top:100%;position:relative;-ms-transform:rotate(45deg) translate3d(0, 0, 0);-webkit-transform:rotate(45deg) translate3d(0, 0, 0);transform:rotate(45deg) translate3d(0, 0, 0);-ms-transform:rotate(45deg);-webkit-transition:all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);transition:all 0.25s cubic-bezier(0.625, 0.125, 0.305, 0.875);z-index:2}
/*.services__process [class^="services__iphone__progress--"]>span:before{border:2px solid #f5f5f1;bottom:-1px;content:"";left:-1px;position:absolute;right:-1px;top:-1px;z-index:-1}*/
.services__process [class^="services__iphone__progress--"]>span>span{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;display:block;overflow:hidden;text-indent:100%;white-space:nowrap}
.services__process [class^="services__iphone__progress--"]:hover>span,.services__process [class^="services__iphone__progress--"].flex-active>span{background:#ae0000;-ms-transform:rotate(135deg) translate3d(0, 0, 0);-webkit-transform:rotate(135deg) translate3d(0, 0, 0);transform:rotate(135deg) translate3d(0, 0, 0)}
.services__process [class^="services__iphone__progress--"]:active>span,.services__process [class^="services__iphone__progress--"]:focus>span{background:#AE0000}
.services__process .services__iphone__progress--1{top:0}
.services__process .services__iphone__progress--2{top:33.333%}
.services__process .services__iphone__progress--3{top:66.667%}
.services__process .services__iphone__progress--4{top:100%}
.services__process .services__iphone__progress__bar{background:#b0b0b0;bottom:0;height:100%;left:50%;margin-left:-1px;position:absolute;top:0;width:2px}
.services__process .services__iphone__diagram{display:inline-block;vertical-align:middle;width:24%}
.services__process .services__iphone__diagram>div{padding-top:215.789473684%;position:relative}
.services__process .services__iphone__diagram .svg--services-phone{bottom:0;height:100%;left:6.5%;position:absolute;right:0;top:4px;width:100%;max-width:100%}
.services__process .services__iphone__diagram .svg--services-phone__screen{cursor:pointer;display:block;overflow:hidden;position:relative;-webkit-transition:all 0.75s cubic-bezier(0.75, -0.17, 0.23, 1.19);transition:all 0.75s cubic-bezier(0.75, -0.17, 0.23, 1.19);-ms-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);width:100%}
.services__process .services__iphone__diagram .svg--services-phone__screen.js--active{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;-ms-transform:translate3d(20%, -20%, 0);-webkit-transform:translate3d(20%, -20%, 0);transform:translate3d(20%, -20%, 0);background:#AE0000;border:2px solid #fff;}
.services__process .services__iphone__diagram .svg--services-phone__screen.js--active img{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}
.services__process .services__iphone__diagram .svg--services-phone__screen img{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;display:block;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.75s cubic-bezier(0.75, -0.17, 0.23, 1.19);transition:opacity 0.75s cubic-bezier(0.75, -0.17, 0.23, 1.19);width:100%}
.services__process .services__iphone__diagram .svg--services-phone__screen .phone__svg--icon{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}
.services__process .services__iphone__diagram .svg--services-phone__1{background:#8c1e01;padding-top:49.6%;}
.services__process .services__iphone__diagram .svg--services-phone__2{background:#c43948;padding-top:58.7%}
.services__process .services__iphone__diagram .svg--services-phone__3{background:#d99391;padding-top:58.7%}
.services__process .services__iphone__diagram .svg--services-phone__4{background:#e7bbb7;padding-top:48.6%;}

.services__process .phone__svg--nav{left:13.5%;position:absolute;top:6.205%;width:86.6%;}
.services__process .services__iphone__copy{display:inline-block;vertical-align:middle;width:60%;padding-left:8%;}
.services__process .services__iphone__copy p>a:hover{color:#ae0000}
.services__process .services__iphone__copy p>a:active,.services__process .services__iphone__copy p>a:focus{color:#161616}
.services__process .services__iphone__copy h3{font-size:40px;font-size:2rem;font-weight:600;margin:0 0 .5em}
.services__process .services__iphone__copy .btn{display:block;padding:1.5em 1.5em 1.7em;text-align:center}
.services__process .services__iphone__copy small{display:block;font-style:italic;margin:1em 0 0}
@media only screen and (max-width:47.9375em){.services__process .services__iphone__copy{font-size:16px;font-size:1rem}
.services__process .services__iphone__copy h3{font-size:20px;font-size:1.25rem}
}
.services__process .services__iphone__section{display:none;-webkit-backface-visibility:hidden}
@media only screen and (max-width:47.9375em){.services__process .services__iphone{position:relative}
.services__process .services__iphone__progress{display:block;height:1em;margin:1em auto;width:15em}
.services__process .services__iphone__progress .services__iphone__progress__bar{bottom:auto;height:2px;left:0%;margin-top:-1px;top:50%;width:100%}
.services__process .services__iphone__progress [class^="services__iphone__progress--"]{height:1em;left:0%;margin:-.5em 0 0 -.5em;position:absolute;top:50%;width:1em;z-index:2}
.services__process .services__iphone__progress [class^="services__iphone__progress--"]:before{border-width:0 4px}
.services__process .services__iphone__progress .services__iphone__progress--1{left:0}
.services__process .services__iphone__progress .services__iphone__progress--2{left:33.333%}
.services__process .services__iphone__progress .services__iphone__progress--3{left:66.667%}
.services__process .services__iphone__progress .services__iphone__progress--4{left:100%}
.services__process .services__iphone__copy,.services__process .services__iphone__diagram{display:block;width:95%;}
.services__process .services__iphone__diagram{padding:30px 24% 2em 24%;}
.services__process .services__iphone__diagram .svg--services-phone{left:0;}
.services__process .phone__svg--nav{left:6.8%;top:6.205%;width:86.6%;}
..services__process {padding:0;}
}