body,h1,h2,h3,h4,h5,h6{font-family:'Roboto',sans-serif}.infographic-page{background:#eee;font-family:'Roboto',sans-serif}.infographic-page .embed{display:none}.infographic-page .container{max-width:960px;margin:20px auto}.infographic-page .container .embed{display:block}.infographic-page .container h2{color:#9f3270;font-size:1.2em;margin:20px 0}.infographic-page .well-wrapper{position:relative;margin-bottom:20px}.infographic-page .well-wrapper .well-label{position:absolute;top:0;left:0;padding:2px 9px;background:#ccc;font-weight:700;color:#434343;z-index:3;font-size:13px;border-bottom-right-radius:4px;border-top-left-radius:4px}.infographic-page .well-wrapper .well{position:relative;margin:0 0 24px;min-height:20px;color:#6a6a6a;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:100%;resize:none;display:block;outline:0;background:#eee;font-size:13px;padding:10px 12px 10px 13px;-moz-border-radius:4px;border-radius:4px;border:1px solid #cdcdcd}.infographic-page .well-wrapper .well.well-embed{padding:30px 12px 10px 13px;margin-bottom:0;margin-top:24px;word-wrap:break-word}.infographic-page .full{display:block;clear:both;margin-bottom:10px;width:100%}.infographic-page .full a{color:#9f3270;font-size:14px;text-align:center;display:block}.cs-infographic{display:grid;width:100%;margin:0 auto;font-family:'Roboto',sans-serif;max-width:900px;background:#fff}.cs-infographic p{margin:0 0 15px 0;color:#777;font-size:15px}.cs-infographic .row-fluid{display:block;clear:both;padding-bottom:10px}.cs-infographic .row-fluid:after{clear:both}.cs-infographic .row-fluid [class*="span"]{display:block;float:left;min-height:28px;margin-left:1%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.cs-infographic .row-fluid:before,.row-fluid:after{display:table;content:""}.cs-infographic .row-fluid .span3{width:23%}.cs-infographic .row-fluid .span4{width:31%}.cs-infographic .row-fluid .span5{width:40%}.cs-infographic .row-fluid .span8{width:65%}.cs-infographic .row-fluid .span9{width:74%}.cs-infographic .row-fluid .span12{width:100%}.cs-infographic .infographic{max-width:1200px;margin:0 auto;width:100%}.cs-infographic .custom-author-wrapper{margin-bottom:54px;padding:20px}.cs-infographic .block-purple{background:linear-gradient(134deg,#fe0048 10%,#902a69 70%);border-radius:24px;padding:10px 26px;margin-left:0 !important;margin:10px}.cs-infographic .block-purple h3{color:#fff;margin-left:2%;font-size:21px;line-height:1.2}.cs-infographic .block-purple ul{padding:0;margin:0;color:#fff}.cs-infographic .block-purple ul .main-item{font-size:013px;font-style:italic;margin-bottom:20px}.cs-infographic .block-purple ul li{font-size:12px;margin-bottom:10px}.cs-infographic .block-purple p{color:#fff}.cs-infographic .block-purple .fa-bar-chart{color:#902a69;font-size:1.875em}.cs-infographic .block-yellow{background:linear-gradient(134deg,#fff600 10%,#ff9b00 70%);border-radius:24px;margin-left:0 !important;margin:8px}.cs-infographic .block-yellow h3{color:#902a69;font-weight:bold;font-size:1.500em}.cs-infographic .block-yellow p{color:#902a69;font-size:12px}.cs-infographic .metrics{margin:0px;width:100%;position:relative}.cs-infographic .metrics .block-purple{padding:20px;z-index:1;position:relative;width:60%}.cs-infographic .metrics .block-yellow{padding:10px 20px;z-index:5;position:absolute;right:0;width:40%;top:10px}.cs-infographic .metrics .block-purple h3{font-size:22px;font-weight:bold}.cs-infographic .metrics .block-purple .fa{font-size:1em}.cs-infographic .metrics .block-purple p{width:65%;font-size:14px;color:#fff}.cs-infographic .metrics .block-yellow{padding:4px 20px}.cs-infographic .metrics .block-yellow h3{font-size:22px;font-weight:bold}.cs-infographic .metrics .block-yellow .fa{font-size:1em}.cs-infographic .metrics .block-yellow p{width:100%;font-size:.8em;color:#902a69}.cs-infographic .often .block-yellow{padding:28px 24px}.cs-infographic .often .block-yellow .fa{margin-top:20px;font-size:24px;color:#902a69}.cs-infographic .often .block-yellow p{font-size:.8em}.cs-infographic .infographic{padding:10px 0;background:linear-gradient(180deg,#ff0048 26%,#902a69)}.cs-infographic .infographic .span2{width:19%}.cs-infographic .infographic .fa{font-size:4em;color:#902a69}.cs-infographic .infographic h1{color:#fff;font-size:32px}.cs-infographic .first-section{background:#ececec;line-height:1.2;padding-bottom:20px}.cs-infographic .first-section .ecommerce{padding:10px}.cs-infographic .first-section .ecommerce .ecommerce__title{color:#ff0048;font-size:24px}.cs-infographic .first-section .ecommerce .ecommerce__text{margin:0}.cs-infographic .first-section .ecommerce .ecommerce__subtitle{margin-top:0;font-size:1em}.cs-infographic .first-section .difference{padding:10px;background:#ececec}.cs-infographic .first-section .difference .difference__title{margin-top:0;color:#ff0048;font-size:24px}.cs-infographic .purple-cards{background:#ececec;padding:10px}.cs-infographic .purple-cards__text{margin-top:30px}.cs-infographic .purple-cards__text p{font-size:12px;line-height:1.2;color:gray}.cs-infographic .purple-cards__text a{color:#db0061;text-decoration:none}.cs-infographic .yellow-cards{background:#ececec;padding:10px}.cs-infographic .yellow-cards__text p{font-size:12px;line-height:1.2;color:gray}.cs-infographic .yellow-cards__text a{color:#db0061;text-decoration:none}.cs-infographic .yellow-cards__text{margin-top:20px;padding-right:6px}.cs-infographic .yellow-cards .header .header__title{color:#ff0048;font-size:24px}.cs-infographic .yellow-cards .header .header__text{color:gray;font-size:.8em}.cs-infographic .conclusions{background:#ececec;padding:10px;padding-bottom:20px}.cs-infographic .conclusions .conclusions__title{color:#ff0048;font-size:24px}.cs-infographic .conclusions .conclusions__text{color:gray;font-size:.8em}.cs-infographic .book{background:#ffa600;padding:10px 0;text-align:center;height:120px}.cs-infographic .book .book__image{float:left;top:-80px;position:relative}.cs-infographic .book .book__text{float:left;margin-top:15px}.cs-infographic .book .book__text .book__link{color:#fff !important;text-decoration:underline !important;font-weight:bold}.cs-infographic .book .book__text p{color:#fff !important;font-size:15px !important}.cs-infographic .custom-footer-wrapper{height:70vh}.cs-infographic .full{display:flex;width:100%}.cs-infographic .one-tenth{width:14%}.cs-infographic .eight-tenth{width:86%}.cs-infographic .book{background:#ffa600;padding:20px 28px;margin-bottom:54px;text-align:left}.cs-infographic .book .book__text{margin-left:24px;color:#fff;font-size:1.1em}.cs-infographic .conclusions{background:#ececec;padding:20px 30px;flex-wrap:wrap;padding-bottom:60px}.cs-infographic .conclusions .conclusions__title{color:#ff0048;font-size:2.250em;margin-top:0}.cs-infographic .conclusions .conclusions__text{color:gray;font-size:15px}.cs-infographic .often .block-yellow{height:220px}.cs-infographic .yellow-cards{background:#ececec;padding:20px 30px}.cs-infographic .yellow-cards__text{margin-top:35%}.cs-infographic .yellow-cards .header{flex-wrap:wrap}.cs-infographic .yellow-cards .header .header__title{color:#ff0048;font-size:32px}.cs-infographic .yellow-cards .header .header__text{color:gray;font-size:16px;width:100%}.cs-infographic .purple-cards{background:#ececec;padding:20px 30px}.cs-infographic .purple-cards__text{padding-right:12px;margin-top:35%}.cs-infographic .purple-cards .block-purple{height:330px}.cs-infographic .purple-cards .block-purple .fa{margin-top:24px;font-size:2.5em}.cs-infographic .half{width:50%}.cs-infographic .first-section{background:#ececec;line-height:1.2;padding-bottom:20px}.cs-infographic .first-section .ecommerce{padding:40px;padding-bottom:0}.cs-infographic .first-section .ecommerce .ecommerce__title{color:#ff0048;font-size:32px}.cs-infographic .first-section .ecommerce .ecommerce__text{margin:0}.cs-infographic .first-section .ecommerce .ecommerce__subtitle{margin-top:0;font-size:20px;font-weight:400;color:#777}.cs-infographic .first-section .difference{padding:40px;background:#f8f8f8}.cs-infographic .first-section .difference .difference__title{margin-top:0;color:#ff0048;font-size:24px;font-weight:400}.cs-infographic .infographic .fa{margin-top:18px;margin-left:22px;font-size:6em}.cs-infographic .often .block-yellow{height:220px;width:32%}.cs-infographic .often .block-yellow .fa{margin-top:20px;font-size:2.2em;color:#902a69}.cs-infographic .often .block-yellow h3{font-size:24px;font-weight:bold;margin-bottom:10px}.cs-infographic .often .block-yellow p{font-size:13px}@media(max-width:767px){.cs-infographic p{font-size:16px}.cs-infographic .row-fluid [class*="span"]{width:100%;margin:0;min-height:unset;float:none}.cs-infographic .first-section .difference,.first-section .ecommerce{width:100%}.cs-infographic .purple-cards .block-purple{height:auto}.cs-infographic .yellow-cards,.conclusions{padding:0}.cs-infographic .full{display:flex;width:100%;flex-wrap:wrap}.cs-infographic .metrics .block-purple{width:55%}.cs-infographic .metrics .block-yellow{width:30%}.cs-infographic .often .block-yellow{height:auto;margin-bottom:20px}.cs-infographic .book .book__image{display:none}.cs-infographic .book{padding:20px;height:auto}.cs-infographic .book .book__text{float:none;margin-left:0}.cs-infographic .yellow-cards__text,.purple-cards__text{margin-top:20px}.cs-infographic .infographic h2{color:#fff;width:85%;margin-left:5%;font-size:1.6rem}.cs-infographic .infographic .fa{margin-top:18px;margin-left:22px;font-size:4em}.cs-infographic .first-section .ecommerce{padding:40px}.cs-infographic .purple-cards .block-purple h3{font-size:16px;margin-left:0}.cs-infographic .purple-cards .block-purple .fa{margin-top:15px;margin-left:0;font-size:32px}}@media(max-width:320px){.cs-infographic .metrics .block-yellow p{font-size:.7rem}.cs-infographic .metrics .block-purple p{font-size:013px}.cs-infographic .metrics .block-purple h3,.metrics .block-yellow h3{font-size:1em}}