html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
img {
    border: none !important;
}
body {
    margin: 0;
}
#banner {
    position: relative;
    width: 300px;
    height: 250px;
    overflow: hidden;
    cursor: pointer;
}
#banner #banner-inner {
    position: relative;
    width: 100%;
    height: 100%;
}
#banner:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border: 1px solid #000;
}
.init #banner {
    background: #fff;
}
.init #banner #banner-inner {
    left: 1000px;
    top: 1000px;
}
.banner-sized,
.frame {
    width: 300px;
    height: 250px;
}
.frame {
    position: absolute;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
#catch-all {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
* {
    -webkit-text-size-adjust: none;
}
.headline,
.headline .line {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.show-debug .headline .line {
    outline: 1px solid red;
}
#main-stage {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#main-stage,
.char-mover {
    position: absolute;
}
.char-mover .char-dest {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.concept-Coverage #endframe-inline-legal {
    position: absolute;
}
.creative-PhoneDrop .pose1-l-arm,
.creative-PhoneDrop .pose1-l-arm-reach {
    -webkit-mask-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(5%, transparent),
        color-stop(15%, #000)
    );
    -webkit-mask-image: linear-gradient(180deg, transparent 5%, #000 15%);
    mask-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(5%, transparent),
        color-stop(15%, #000)
    );
    mask-image: linear-gradient(180deg, transparent 5%, #000 15%);
}
.concept-iPhone7 #phones {
    position: absolute;
    left: 0;
    top: 58px;
    width: 185px;
    height: 250px;
    -webkit-transform-origin: 50% 80%;
    transform-origin: 50% 80%;
}
.concept-iPhone7 #phones > .inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-perspective: 200px;
    perspective: 200px;
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
}
.concept-iPhone7 #phones .phone {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.concept-iPhone7 #phones .phone,
.concept-iPhone7 #phones .phone > img,
.concept-iPhone7 #phones .phone > svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.concept-iPhone7 #iPhone-Logo {
    position: absolute;
}
.creative-Jump .flash {
    mix-blend-mode: color-dodge;
}
.creative-Jump #big-flash {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
}
.show-debug .creative-Jump #big-flash {
    outline: 1px solid red;
}
.creative-Jump #full-white {
    width: 100%;
    height: 100%;
    background: #fff;
}
.creative-Jump #full-white,
.creative-Selfie #char-group {
    position: absolute;
    left: 0;
    top: 0;
}
.creative-Selfie .flash {
    mix-blend-mode: color-dodge;
}
.creative-Selfie #big-flash {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
}
.creative-Selfie #full-white {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}
.show-debug .bendy-limb svg {
    outline: 1px solid #00f;
}
img {
    height: auto;
}
.logo {
    display: block;
}
#endframe,
.logo {
    position: absolute;
}
#endframe {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#cta,
#cta-mover,
#endframe-inline-legal {
    position: absolute;
}
#cta {
    width: 97px;
    height: 25px;
    border-radius: 100px;
    overflow: hidden;
    cursor: pointer;
    background: #306fb7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#cta .inner {
    width: 76.28%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.38, 1.7, 0.39, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.38, 1.7, 0.39, 1);
    transition: transform 0.3s cubic-bezier(0.38, 1.7, 0.39, 1);
    transition: transform 0.3s cubic-bezier(0.38, 1.7, 0.39, 1),
        -webkit-transform 0.3s cubic-bezier(0.38, 1.7, 0.39, 1);
}
#cta .inner > img {
    width: 100%;
    height: 100%;
}
#cta .arrow {
    width: 10.3%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.38, 1.7, 0.39, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.38, 1.7, 0.39, 1);
    transition: transform 0.3s cubic-bezier(0.38, 1.7, 0.39, 1);
    transition: transform 0.3s cubic-bezier(0.38, 1.7, 0.39, 1),
        -webkit-transform 0.3s cubic-bezier(0.38, 1.7, 0.39, 1);
}
#cta .hover {
    position: absolute;
    left: 0;
    top: 100%;
}
#cta:hover .inner {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
#cta:hover .arrow {
    -webkit-transform: translate(2.06%);
    transform: translate(2.06%);
}
#legal-click {
    z-index: 1000;
    position: absolute;
    width: 100px;
    height: 13px;
}
.show-debug #legal-click {
    outline: 1px solid red;
}
#legal {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 200;
}
#legal > .inner {
    position: absolute;
    padding: 3px 7px;
    background: #60a630;
    color: #fff;
    font-family: sans-serif;
    font-size: 6px;
    line-height: 1.4em;
    border-radius: 4px;
}
#legal > .inner .sup {
    top: -4px;
}
#legal > .inner .arrow {
    position: absolute;
    height: 0;
    width: 0;
    pointer-events: none;
    border: 4px solid rgba(136, 183, 213, 0);
}
#banner {
    background: #f2f2f2;
    background: url(bg.jpg);
    background-size: 100% 100%;
}
#banner:after {
    border-color: #ababab;
}
#super-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    pointer-events: none;
}
p {
    margin: 0;
}
.custom-underline1,
.custom-underline2 {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}
.line {
    white-space: nowrap;
}
* {
    -webkit-font-kerning: normal;
    font-kerning: normal;
}
#banner,
#banner #banner-inner,
.frame,
.frame #banner-inner {
    width: 728px;
    height: 90px;
}
.headline {
    width: 500px;
}
#endframe-inline-legal {
    left: 0;
    top: 0;
    width: 500px;
}
.logo {
    right: 21px;
    top: 29px;
    width: 94px;
}
#cta-mover {
    right: 238px;
    top: 32px;
}
#legal > .inner {
    left: 0;
    margin: 0 14px;
    width: 210px;
}
#legal > .inner .arrow {
    left: 0;
    bottom: -8px;
    border-top-color: #60a630;
    -webkit-transform: scaleX(0.65);
    transform: scaleX(0.65);
}
.concept-Coverage #miles-mover {
    left: 424px;
    top: 152px;
}
.concept-Coverage #miles-mover #miles-dest {
    -webkit-transform: scale(0.55);
    transform: scale(0.55);
}
.concept-Coverage #woman-mover {
    left: 364px;
    top: 166px;
}
.concept-Coverage #woman-mover #woman-dest {
    -webkit-transform: scale(0.55);
    transform: scale(0.55);
}
.concept-Coverage #big-flash {
    left: 385px;
    top: -40px;
}
.concept-Coverage #frame1-inline-legal {
    left: 0;
    top: 0;
    width: 500px;
}
.concept-FreePhone #phone-mover {
    left: 487px;
    top: 105px;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}
.concept-FreePhone #phone-mover #phone-dest {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
}
.concept-FreePhone #broken-phone-mover {
    left: 458px;
    top: 128px;
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}
.concept-FreePhone #broken-phone-mover #broken-phone-dest {
    -webkit-transform: scale(0.43);
    transform: scale(0.43);
}
.concept-FreePhone #endframe-inline-legal {
    left: 0;
    top: 0;
    width: 500px;
}
.concept-FreePhone #legal-click {
    left: 207px;
    top: 67px;
    width: 59px;
    height: 19px;
}
.concept-FreePhone #legal > .inner {
    left: 116px;
    margin: 0;
    width: 252px;
}
.concept-FreePhone #legal > .inner .arrow {
    left: 0;
    bottom: -16px;
    border-width: 8px;
    border-top-color: #60a630;
    -webkit-transform: scaleX(0.65);
    transform: scaleX(0.65);
}
.concept-iPhone7 #iPhone-Logo {
    left: 48px;
    top: 40px;
    width: 100%;
    height: 11px;
}
.concept-iPhone7 #phones {
    left: 383px;
    top: 0;
    width: 70.3px;
    height: 95px;
}
.concept-iPhone7 #endframe-inline-legal {
    left: 0;
    top: 0;
    width: 500px;
}
.concept-iPhone7 #legal-click {
    left: 295px;
    top: 65px;
    width: 59px;
    height: 17px;
}
.concept-iPhone7 #legal > .inner {
    left: 210px;
    margin: 0;
    width: 230px;
}
.concept-iPhone7 #legal > .inner .arrow {
    left: 0;
    bottom: -16px;
    border-width: 8px;
    border-top-color: #60a630;
    -webkit-transform: scaleX(0.65);
    transform: scaleX(0.65);
}
.concept-iPhone7 #cta-mover {
    right: 234px;
    top: 32px;
}
.concept-Plans60 .headline {
    width: 500px;
}
.concept-Plans60 #endframe-inline-legal {
    left: 0;
    top: 0;
    width: 500px;
}
.concept-Plans60 .logo {
    right: 21px;
    top: 29px;
    width: 94px;
}
.concept-Plans60 #cta-mover {
    right: 238px;
    top: 32px;
}
.concept-Plans60 #legal-click {
    position: absolute;
    left: 105px;
    top: 74px;
    width: 44px;
}
.concept-Plans60 #legal > .inner {
    left: 0;
    margin: 0 24px;
    width: 363px;
}
.concept-Plans60 #legal > .inner .arrow {
    left: 0;
    bottom: -8px;
    border-top-color: #60a630;
    -webkit-transform: scaleX(0.65);
    transform: scaleX(0.65);
}
.concept-Plans60 #rose-mover {
    left: 438px;
    top: 143px;
}
.concept-Plans60 #rose-mover #rose-dest {
    -webkit-transform: scale(0.43);
    transform: scale(0.43);
}
.concept-Plans60 #ramon-mover {
    left: 400px;
    top: 89px;
}
.concept-Plans60 #ramon-mover #ramon-dest {
    -webkit-transform: scale(0.48);
    transform: scale(0.48);
}
.concept-Plans60 #rose-end-mover {
    left: 415px;
    top: 158px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.concept-Plans60 #rose-end-mover #rose-end-dest {
    -webkit-transform: scale(0.48);
    transform: scale(0.48);
}
.concept-Plans60 #ramon-end-mover {
    left: 381px;
    top: 89px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.concept-Plans60 #ramon-end-mover #ramon-end-dest {
    -webkit-transform: scale(0.48);
    transform: scale(0.48);
}
.concept-Plans60 #big-flash {
    left: 240px;
    top: 36px;
}
