@charset "utf-8";.col-one,.col-three,.col-two{overflow:hidden}*,::after,::before{box-sizing:border-box}@keyframes titleAnimate{0%{opacity:0;top:200px;font-size:40px}30%{opacity:1}75%{top:200px;font-size:40px}100%{top:0;font-size:30px}}@keyframes titleAnimate-tablet{0%{opacity:0;top:200px;font-size:32px}30%{opacity:1}75%{top:200px;font-size:32px}100%{top:0;font-size:26px}}.wizYourInfoWrap.dnaHide{display:none}.dnaWrapper{padding:0 0 40px}.transition-wrapper{width:100%;padding-top:50px}.page{position:relative}.transitionAnimation .pageTitle{opacity:0;position:absolute;top:0;left:0;width:100%}.col-one{background-color:#448285;opacity:0}.col-two{background-color:#208EBB;opacity:0}.col-three{background-color:#5F5E58;opacity:0}.animate .col-one{opacity:1;transition:opacity .75s ease 3.5s}.animate .col-two{opacity:1;transition:opacity .75s ease 5s}.animate .col-three{opacity:1;transition:opacity .75s ease 6.5s}.transition-image{padding:30px 10px;min-height:330px;opacity:0;position:relative}.dna-watermark,.person-node,.skip-btn,.tree-card{position:absolute}.transition-image img.dna-kit{width:230px;margin:30px auto 0;display:block}.animate .col-one .transition-image{opacity:1;transition:opacity .5s ease 4s}.animate .col-two .transition-image{opacity:1;transition:opacity .5s ease 5.5s}.animate .col-three .transition-image{opacity:1;transition:opacity .5s ease 7s}.transition-text{text-align:center;font-size:24px;color:#fff;line-height:1.25em;padding:0 10px 24px;opacity:0}.disabled,.disabled .userCardImg.icon::before{color:#7CBCD6}.animate .col-one .transition-text{opacity:1;transition:opacity .5s ease 4s}.animate .col-two .transition-text{opacity:1;transition:opacity .5s ease 5.5s}.animate .col-three .transition-text{opacity:1;transition:opacity .5s ease 7s}.tree-card{width:140px;border-radius:3px}.you-card{left:18px;top:150px;background-color:#fff;width:200px}.father-card,.mother-card{right:11px;opacity:0;background-color:#208ebb}.father-card{top:130px}.mother-card{top:175px}.disabled{border:1px dashed #7CBCD6}.disabled .userCardImg.iconFemale,.disabled .userCardImg.iconMale{background-color:transparent}.animate .father-card,.animate .mother-card{opacity:1;transition:opacity .5s ease 6.25s}.userCardEvents{margin:0}.story-image{background:center center no-repeat;background-size:contain;width:100%;height:200px;margin-top:50px}.story-image.man{background-image:url(/Cache/Flows/Common/images/dna-animation-man.png)}.story-image.woman{background-image:url(/Cache/Flows/Common/images/dna-animation-woman.png)}.person-node{background-color:#fff;border-radius:3px;transform:scale(1.7)}.node-one{top:-100px;left:-100px}.node-two{top:-100px;right:100px}.node-three{top:-100px;right:-100px}.node-four{bottom:-100px;left:-100px}.node-five{bottom:-100px;right:-100px}.animate .node-one{top:50px;left:80px;transform:scale(1);transition:all 1s ease 7s}.animate .node-two{top:20px;right:120px;transform:scale(1.15);transition:all 1.3s ease 7s}.animate .node-three{top:60px;right:55px;transform:scale(.9);transition:all 1.1s ease 7s}.animate .node-four{bottom:30px;left:85px;transform:scale(1.5);transition:all 1.2s ease 7s}.animate .node-five{bottom:25px;right:90px;transform:scale(.8);transition:all 1.4s ease 7s}.person-node .userCardImg{margin:0}.node-content{font-size:9px;font-weight:700;line-height:1.3em;padding:10px 5px;text-align:center;width:50px}.offer-wrapper{padding:0 60px;margin:30px 0 100px;opacity:0}.animate .offer-wrapper{opacity:1;transition:opacity .5s ease 8.25s}.hard-offer h2{font-weight:700;font-size:24px;margin-bottom:0}.hard-offer p{margin:0}.offer-wrapper button{float:right}.offer-wrapper .freeTrial-btn{margin-bottom:10px}.skip-btn{left:50px;top:5px;z-index:10;opacity:0}.animate .skip-btn{opacity:1;transition:all .25s ease}.loading:not(.ancBtn){min-height:100px}.success-checkmark{display:block;text-align:center;font-size:74px;padding:15px 0;color:#9cbe30}.dna-watermark{right:0;bottom:0;color:#EFEEE9}.dna-watermark:before{font-size:200px}.dna-landingTree,.sidebar-tree{position:relative;z-index:10}.dna-landingTree #nodePrimary{height:124px}.dna-landingTree .nodeNameDates{margin-top:5px}.dna-landingTree .nodeBirthYr{float:none}.noCookie body{background:#F8F7F3}.noCookie .page{border:none;background-color:transparent}.noCookie .pageWidth1{width:1200px}.noCookie .pageTitle{text-align:center;color:#648200;font-weight:700}.noCookie .ancBtn{text-transform:uppercase}.noCookie .page,.noCookie .pageTitle{max-width:100%}.noCookie .you-card{line-height:50px;min-height:50px;padding-left:58px}.noCookie .transitionAnimation .userCardImg{width:50px;height:50px}.noCookie .userCardImg.icon::before{color:rgba(0,0,0,.2)}.noCookie .userCardImg.iconMale{background-color:#97cfcb}.noCookie .userCardImg.iconFemale{background-color:#f49f99}.noCookie .userCardImg.iconFemale::before,.noCookie .userCardImg.iconMale::before{font-size:44px;line-height:58px}.noCookie .userCardImgSquare{border-radius:3px}.noCookie .disabled .userCardImg.iconFemale,.noCookie .disabled .userCardImg.iconMale{background-color:transparent}.noCookie .disabled .userCardContent,.noCookie .disabled .userCardImg.icon::before{color:#7cbcd6}.noCookie .userCardSize2 .userCardImg{width:30px;height:30px}.noCookie .userCardSize2 .userCardImg.iconFemale::before,.noCookie .userCardSize2 .userCardImg.iconMale::before,.noCookie .userCardSize2 .userCardImg.iconPerson::before{font-size:24px;line-height:38px}.noCookie .node-content{margin-top:50px}.noCookie .tabsVertical .tab.tabActive{color:#333}@media only screen and (min-width:1200px){.you-card:after{content:" ";width:0;height:52px;background:url(/Cache/Flows/Common/images/dna-animation-treeLines.png) no-repeat;position:absolute;top:0;left:200px;background-size:cover;transform-origin:0 center}.animate .you-card:after{width:32px;transition:width .5s ease 5.75s}}@media only screen and (max-width:1199px){.father-card,.mother-card{right:40%;margin-right:-70px}.you-card{left:50%;margin-left:-100px;top:100px}.father-card{top:160px}.mother-card{top:200px}.you-card:after{content:" ";width:0;height:80px;background:url(/Cache/Flows/Common/images/dna-animation-treeLines-mobile.png) no-repeat;position:absolute;top:49px;left:25px;background-size:cover;transform-origin:0 center}.animate .you-card:after{width:45px;transition:width .5s ease 5.75s}}@media only screen and (max-width:1090px){.story-image{height:180px;margin-top:70px}}@media only screen and (min-width:981px) and (max-width:1090px){.animate .node-one{top:65px;left:70px}.animate .node-two{top:20px;right:135px}.animate .node-three{top:50px;right:50px}.animate .node-four{bottom:20px;left:70px}.animate .node-five{bottom:15px;right:50px}}@media only screen and (max-width:980px){.animate .node-one{top:50px;left:30px}.animate .node-two{top:20px;right:100px}.animate .node-three{top:60px;right:25px}.animate .node-four{bottom:30px;left:30px}.animate .node-five{bottom:25px;right:20px}}@media only screen and (min-width:851px){.transitionAnimation.animate .pageTitle{animation:titleAnimate 3.75s;opacity:1}}@media only screen and (max-width:850px){.you-card:after{left:18px}.transitionAnimation.animate .pageTitle{animation:titleAnimate-tablet 3.75s;opacity:1;margin-top:5px;font-size:26px}}@media only screen and (max-width:780px){.transition-text{padding:0 20px 24px}.story-image{height:150px;margin-top:85px}}
/*# sourceMappingURL=transition-animation-95ab9511.min.css.map */