body {font-family:'Roboto','Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif; font-weight:300;}
body, p, li {color:#333;} p {margin-right:0;}

.btn a {padding:5px 20px; font-weight:700}
.container {max-width:1000px;}

.page .wrapper.alternate:nth-child(2n) {background:#f9f9f9;}
.page .wrapper.alternate:nth-child(2n) .column.text {float:left;}
.page .wrapper.alternate:nth-child(2n) .column.graphic {float:right;}
.page .wrapper.alternate:nth-child(2n) .collapsed .column.text {float:right;}
.page .wrapper.alternate:nth-child(2n) .collapsed .column.graphic {float:left;}

.page h1 {margin-bottom:24px;}
.page h2 {text-align:left; font-size:18px; line-height:1.5; margin-bottom:16px;}
.page h2 .bigger {font-size:2em; line-height:1.375; display:block; padding:0 0 10px;}
.page h2 .supersize {font-size:2.624em; line-height:1.375; display:block; padding:0 0 10px;}
.page h2 .bold {font-weight:bold;}
.page h2 .greenTxt {color:#006837;}

.wrapper.lightgray-background {background:#e6e6e6;}
.wrapper .container {padding:60px 30px; overflow:hidden;}
.wrapper .container .column.duo:first-child {float:left;}
.wrapper .container .column.duo:last-child {float:right;}

.column {padding:0;} .column p {font-weight:400;}
.column.duo {padding:15px; border:solid 1px #ccc;}
.column.text {width:58%; float:right;}
.column.text .btn {text-align:left;}
.column.graphic {width:38%; float:left;}
.column.graphic .image {display:block; width:100%; max-width:380px;}

.collapsed {overflow:hidden; clear:both;}
.collapsed .column.text {float:left;}
.collapsed .column.graphic {float:right;}

#top-plate .container {padding:15px; overflow:visible;}

#sign-in {float:right; font-weight:400; position:relative; padding:10px;}
#sign-in-form {display:none; width:300px; padding:15px 20px; background:#eeefee; box-shadow:2px 5px 10px rgba(0,0,0,.25); box-sizing:border-box; position:absolute; top:45px; right:-20px; z-index:1000;}
#sign-in-form:after {content:""; position:absolute; top:-10px; right:40px; width: 0; height: 0; border-left:12px solid transparent; border-right:12px solid transparent;border-bottom: 10px solid #eeefee;}

#loginform {overflow:hidden;}

#sign-in-form p.redTxt {color:#600; background:lightyellow; padding:10px; border:solid 2px #e0e0a6}
#sign-in-form .close {opacity:1; background:none;}
#sign-in-form .fldCt {margin:2px 0; display:block;}
#sign-in-form .label, #sign-in-form .textbox, #sign-in-form .checkbox {display:inline-block; font-size:1em;}
#sign-in-form .label {width:34%; text-align:right; font-weight:normal; color:inherit;}
#sign-in-form .textbox {width:60%; padding:3px; border:solid 1px #ddd;}
#sign-in-form .footnote {font-size:12px; line-height:1.375; display:block; padding:3px 0 5px;}
#sign-in-form .btn {background:#5b775c; color:#fff; font-size:1em; padding:8px 20px; float:right;}
#sign-in-form .btn:hover {background:#506a51;}

#lead-in {position:relative;}
#lead-in:after {content: ""; position:absolute; bottom:-20px; left:50%; border-left:solid 28px transparent; border-right:solid 28px transparent; border-top:solid 20px #e6e6e6; margin-left:-32px;}    

#lead-in, #lead-in h2, #lead-in p, 
#testimonials, #testimonials h2, #testimonials ul,  #testimonials p, #conclusion, #conclusion h2 {text-align:center;}
#testimonials p, #additional-details p {font-weight:400;}
#additional-details p.bold {font-weight:700;}
#additional-zp-features .btn {margin-bottom:5px;}
#additional-details .shield {float:left; margin:0 20px 20px 0;}

a.toggle-collapsed {display:none;}

.window {position:fixed; width:650px; padding:20px; background:#fff; border-radius:6px; box-shadow:3px 3px 5px rgba(0,0,0,.5); z-index:102; top:5%; left:50%; margin-left:-240px; text-align:center;}
.screen {position:fixed; width:100%; height:100%; background:rgba(240,240,240,.5); z-index:101; top:0; left:0;}
.close {position:absolute; top:0; right:0; line-height:20px; padding:10px 20px; background:#fff; color:#666; cursor:pointer;}

#zr1-v-sp500-percentage {float:none;}
#zr1-v-sp500-percentage .chart-title {font-size:22px; line-height:1.5;}
#zr1-v-sp500-percentage .canvas {max-width:300px; padding:37px 0 0; border:solid 1px #eeefee; margin:10px auto 40px; position:relative; background:linear-gradient(to bottom, transparent 96%, #eeefee 4%); background-size: 100% 30px;}
#zr1-v-sp500-percentage .canvas:before, #zr1-v-sp500-percentage .canvas:after {content:'30 25 20 15 10 5 0'; width:12px; position:absolute; top:-14px; font-size:10px; line-height:3em; color:#999;}
#zr1-v-sp500-percentage .canvas:before {left:-16px; text-align:right;}
#zr1-v-sp500-percentage .canvas:after {right:-16px; text-align:left;}
#zr1-v-sp500-percentage .bar {width:105px; margin:0 12px;}
#zr1-v-sp500-percentage .bar .value {top:33%; font-size:22px; line-height:1; font-weight:normal;}
#zr1-v-sp500-percentage .bar .label {font-size:16px; line-height:1.5; font-weight:normal;}
#zr1-v-sp500-percentage .caption {font-size:13px; line-height:1.5;}

#zr1-v-sp500-percentage #bar-sp500 {height:68px;}
#zr1-v-sp500-percentage #bar-zr1 {height:142px;}
#zr1-v-sp500-percentage #bar-zr1 .value {top:38%; font-size:28px;}
#zr1-v-sp500-percentage #bar-zr1 .label {width:160px; left:-30px}

#focus-list-vs-sp500-percentage {width:100%;}
#focus-list-vs-sp500-percentage .chart-title {width:160px; text-align:left; float:left;}
#focus-list-vs-sp500-percentage .canvas {border:none; margin:0;}
#focus-list-vs-sp500-percentage .bar {float:right; margin:10px 0; text-align:right;}
#focus-list-vs-sp500-percentage .value, #focus-list-vs-sp500-percentage .label {width:100px; text-align:center; left:auto; right:36px;}
#focus-list-vs-sp500-percentage .value {top:6px; font-size:24px; font-weight:normal; text-shadow:none;}
#focus-list-vs-sp500-percentage .label {bottom:10px; color:#fff; font-weight:normal;}
#focus-list-vs-sp500-percentage > .caption {display:block; clear:both; text-align:right;}

#focus-list-vs-sp500-percentage #fl-bar-sp500 {width:56.65%; height:60px;}
#focus-list-vs-sp500-percentage #fl-bar-sp500:after {content:'vs'; width:20px; position:absolute; bottom:-20px; right:45%; font-size:13px;}
#focus-list-vs-sp500-percentage #fl-bar-zr1 {width:81.5%; height:60px;}

@media screen and (min-width:900px){#additional-zp-features .column.duo {min-height:420px;}}
@media screen and (max-width:860px){
    #focus-list-vs-sp500-percentage .chart-title {float:none; width:auto; display:block;}
    #focus-list-vs-sp500-percentage .value, #focus-list-vs-sp500-percentage .label {right:20px;}
}
@media screen and (max-width:755px){#zr1-v-sp500-percentage .bar {width:100px; margin:0 8px;}}
@media screen and (max-width:720px){

    .wrapper .container {padding:30px 15px;}
    .wrapper .container .column.duo:first-child {margin-bottom:20px;}

    .column.text, 
    .column.graphic, 
    .collapsed .column.text, 
    .collapsed .column.graphic, 
    .page .wrapper.alternate:nth-child(2n+1) .column.text, 
    .page .wrapper.alternate:nth-child(2n+1) .column.graphic, 
    .page .wrapper.alternate:nth-child(2n+1) .collapsed .column.text, 
    .page .wrapper.alternate:nth-child(2n+1) .collapsed .column.graphic,
    .column.duo {float:none;}
    .column.text, .column.graphic, .column.duo {width:auto; display:block;}
    
    #zr1-v-sp500-percentage .canvas {max-width:none; margin:10px 10px 40px;}
    
    #focus-list .collapsed .column.graphic {float:none;}
    #focus-list-vs-sp500-percentage .value, #focus-list-vs-sp500-percentage .label {right:100px;}

}
@media screen and (max-width:600px){
    .page h2 .bigger {font-size:1.625em; line-height:1.375;}
    .page h2 .supersize {font-size:2em; line-height:1.375;}
    .page h2 .supersize .linebreaker {display:inline;} .btn a {padding:8px 20px;}
    
    #focus-list-vs-sp500-percentage .value, #focus-list-vs-sp500-percentage .label {right:40px;}
}
@media screen and (max-width:380px){#focus-list-vs-sp500-percentage .value, #focus-list-vs-sp500-percentage .label {right:20px;}}