.versiv-page{font-family:helvetica,arial,sans-serif;min-height:769px;padding:20px 0;display:flex;justify-content:center}#configurator img{display:inline;max-width:none}#configurator h1,#configurator h2,#configurator h3{font-size:revert;font-weight:revert}#configurator a{color:revert;text-decoration:revert}#configurator ul,#configurator ol{list-style:revert;margin:revert;padding:revert}#configurator{position:relative;height:100%;max-height:768px;max-width:1024px;min-width:1010px;min-height:769px;width:100%;margin:0 auto;background:#042a53 none 0 60px;overflow:hidden}#configurator>header{position:relative;height:60px;background:#1a385e;background:linear-gradient(to bottom,#1a385e,#173253);padding:0 25px;box-shadow:0 0 25px #000000bf;z-index:20}#configurator>header h1{color:#fff;font-size:24px;line-height:60px;margin:0;padding:0 100px 0 220px;font-weight:700;text-shadow:0 -1px 1px #000;position:relative}#configurator>header h1 a{display:block;position:absolute;width:180px;height:40px;top:10px;left:20px}#configurator>header h1 img{width:180px;height:40px}#configurator>header .header-phone{float:right;color:#fff;font-size:18px;font-weight:600;line-height:25px;position:absolute;right:86px;width:120px;top:0}#configurator>header .header-phone .questions-label{position:absolute;top:5px;right:30px;width:244px}#configurator>header .header-phone .phone-numbers{float:right;position:absolute;top:0;left:120px;width:200px}#configurator>header .header-phone .phone-numbers>span{position:absolute;top:5px;right:30px;width:310px}#configure{position:absolute;top:60px;right:0;bottom:0;width:300px;background:#567092;background:#567092b3;z-index:2}#configure>h1{display:block;position:absolute;inset:120px 300px 0 -610px;text-indent:-9999em;white-space:nowrap;overflow:hidden;background:transparent url(/images/versiv/how-will-you-use-your-versiv.png) no-repeat 50% 15%;background-size:496px 270px;transition:opacity .4s ease-out;margin:0;padding:0}#configure.scored>h1,.scored #configure>h1{opacity:0;display:none}#configure>button[type=reset],#configure>button[type=button]{opacity:.35;width:54px;height:42px;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;background:transparent none no-repeat 50% 50%;font-size:20px;margin:0;padding:0;top:0;right:300px;white-space:nowrap;display:none;overflow:hidden;color:#fff;cursor:pointer}#configure>button[type=reset]:hover,#configure>button[type=button]:hover{opacity:1}#configure>button[type=reset]:before,#configure>button[type=button]:before{content:"\\27F2";display:inline-block;width:100%;text-align:center}#configurator.scored #configure>button[type=reset],#configurator.scored #configure>button[type=button]{display:block}#configure>button[type=submit]{position:absolute;bottom:0;right:0;width:300px;height:60px;display:block;line-height:60px;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:0;padding:0;margin:0;text-align:center;background:#fdc51f;background:linear-gradient(to bottom,#fdc51f,#dcad22);font-size:22px;text-transform:uppercase;font-weight:700;color:#000;font-family:inherit;text-shadow:0 1px 1px rgb(255 255 255 / 75%);opacity:.25;cursor:pointer}.needs #configure>button[type=submit]{opacity:1}#configure>button[type=submit]:after{content:" ›";font-size:28px;display:inline-block;vertical-align:top;margin-left:5px}#criteria{width:100%;position:absolute;top:0;bottom:60px;overflow-y:auto;list-style:none;margin:0;padding:0}#criteria>li{border-top:solid 1px #8f9eb1}#criteria>li:first-child{border-top:0}#criteria>li>h2{text-transform:uppercase;font-weight:700;font-size:12px;color:#000;text-shadow:0 1px 1px rgb(255 255 255 / 75%);background:#9ca0a6;margin:0;padding:10px}#criteria>li>ul{list-style:none;margin:0;padding:0}#criteria label{display:block;padding:12px 10px;cursor:pointer}#criteria label span{font-size:12px;font-weight:700;color:#fff}#criteria label input{margin-right:.5em}#criteria label input:checked+span{color:#ffc20e}#family{position:absolute;inset:24px 300px 0 0;text-align:center;padding:30px 0 0;z-index:1;list-style:none;margin:0}.bom #family{cursor:pointer}.bom #family:before{content:"‹";width:7%;display:block;font-size:40px;padding:15px 0;text-align:center;color:#fff;position:absolute;top:15px;left:0;line-height:1em}#family>li{display:inline-block;width:30%;overflow:hidden;position:relative;opacity:.25;vertical-align:bottom}#family>.vmf,#family>.vrm,#family>.dv{width:35%}#family>li:before{content:"";display:inline-block;height:225px;vertical-align:bottom}#family>li>img{opacity:0;transition:opacity .2s ease-out;vertical-align:bottom;width:125px;margin-bottom:30px}#family>li>img.loaded{opacity:1}#family>li>.special{display:none;position:absolute;width:65px;height:69px;background:transparent none no-repeat 0 0;background-size:contain;top:116px;right:8%;z-index:2}#family>.vmf>.special,#family>.vrm>.special,#family>.dv>.special{top:158px;right:8%}#family>.olts1,#family>.olts2,#family>.otdr1,#family>.otdr2,#family>.cu,#family>.dv{position:absolute;height:0}#family>.fi2{position:absolute;height:0}#family>.vmf:before,#family>.vrm:before,#family>.dv:before{height:275px}#family>.vmf>img,#family>.vrm>img,#family>.dv>img{width:130px}#family>li>img[src*="/cu"]{width:147px}#family>li>img[src*="/fi."],#family>li>img[src*="/fi-"]{width:115px}#family>li>img[src*="/fi2"]{width:110px;position:relative;right:-16px;bottom:9px}#family>li>img[src*="/olts"]{width:130px}#family>li>img[src*="/dsx8000cu"]{width:150px}#family>li>img[src*="/otdr"]{width:100px}#family>.required,#family.otdr1.otdr2>.otdr4,#family.olts1.olts2>.olts4{opacity:1}#family.olts1>.olts1,#family.olts2>.olts2,#family.otdr1>.otdr1,#family.otdr2>.otdr2,#family.vmf>.vmf,#family.dv>.dv,#family.cu>.cu,#family.dsx8cu>.dsx8cu{height:auto;position:relative}#family.olts1>.olts4,#family.olts2>.olts4,#family.otdr1>.otdr4,#family.otdr2>.otdr4,#family.dsx8cu>.cu,#family.cu>.dsx8cu,#family.olts1.olts2>.olts1,#family.olts1.olts2>.olts2,#family.otdr1.otdr2>.otdr1,#family.otdr1.otdr2>.otdr2{height:0;position:absolute}#family.otdr1.otdr2>.otdr4,#family.olts1.olts2>.olts4,#family.cu.dsx8cu>.cu{height:auto;position:relative}#family.gld>.required>.special,#family.gld.otdr1.otdr2>.otdr4>.special,#family.gld.olts1.olts2>.olts4>.special,#family>.owns>.special{display:block}#family.dv>.dv{height:auto;position:absolute;right:440px}#family>li>img[src*="/dv"]{width:196px;position:relative;right:4px}#family.fi2>.fi2{height:auto;position:absolute;right:266px;top:70px}#family h2{color:#fff;font-weight:700;font-size:12px;bottom:0;left:50%;margin-left:-80px;width:160px;position:absolute;line-height:14px;height:42px;filter:inherit}#family.gld>.required>.special,#family.gld.otdr1.otdr2>.otdr4>.special,#family.gld.olts1.olts2>.olts4>.special{background-image:url(/images/versiv/gold-support-icon.png)}#family.gld>.owns>.special,#family>.owns>.special{background-image:url(/images/versiv/own-icon.png)}#bom{position:absolute;top:60px;width:95%;bottom:0;background:#e1e2e4;margin-left:105%;box-shadow:0 0 20px #0000007f;transition:all .25s ease-out;opacity:0;z-index:10}#bom header{font-size:10px}.versiv-page.bom #bom{opacity:1;margin-left:5%}.bom-header-btn{padding:0;text-align:center;vertical-align:middle;font-weight:700;font-family:arial,sans-serif;width:50%;font-size:18px;height:60px;border-right:solid 1px #b78f18;background:linear-gradient(to bottom,#fdc51f,#dcad22);text-transform:uppercase}.bom-header-btn a{color:#000;text-decoration:none}.bom-header-btn-right{border-right:none;border-left:solid 1px #f7d779}#summary{background:#fff;position:absolute;inset:0 0 60px 250px;box-shadow:0 0 20px #00000059;overflow:auto}#summary header{font-size:10px}#summary .images{margin:0 0 5px;padding:0;list-style:none}#summary .images>*{display:inline;vertical-align:bottom;margin:0 0 0 5px}#summary .images>*:first-child{margin:0}#summary .contents{padding:0 10px 10px 30px;list-style:circle;line-height:150%}#summary img{opacity:0;transition:opacity .2s ease-out}#summary img.loaded{opacity:1}#summary img[src*="/vmf"],#summary img[src*="/vrm"],#summary img[src*="/dv"]{width:37px}#summary img[src*="/olts"],#summary img[src*="/dsx8000cu"],#summary img[src*="/cu"]{width:43px}#summary img[src*="/otdr"]{width:34px}#summary img[src*="/fi"]{width:45px}#summary table caption{color:#000;font-size:25px;padding:15px 0;text-align:left}#summary table{width:94%;margin:0 3% 15px;color:#252525;font-size:11px;border-collapse:separate}#summary table~*{display:none}#summary th,#summary td{padding:10px;text-align:left;vertical-align:top}#summary thead th,#summary tbody tr th:first-child{background:#252525;color:#fff;font-weight:700}#summary thead th:first-child{width:3em}#summary tbody td,#summary tbody th{border-top:solid 1px #e3e4e6}#summary tbody th ul{padding:0}#summary tbody#summary-required tr:first-child td,#summary tbody#summary-required tr:first-child th{border-top:0}#summary tbody#summary-suggested tr:first-child td,#summary tbody#summary-suggested tr:first-child th,#summary tbody#summary-suggested tr:first-child+tr td,#summary tbody#summary-suggested tr:first-child+tr th{border-top:0}#summary tbody th[scope=row]{border-left:solid 1px #e3e4e6;border-right:solid 1px #e3e4e6}#summary tbody h1,#summary tbody strong{font-size:12px;font-weight:700}#summary td:first-child{text-align:center;font-size:12px;vertical-align:middle}.summary-bottom-btn{padding:0;text-align:center;font-family:arial,sans-serif;background-color:#fdc51f;border-right:solid 1px #b78f18;width:50%}.summary-bottom-btn div{font-weight:700;font-size:14px}.summary-bottom-btn a{color:#000;text-decoration:none}.summary-bottom-btn-right{border-right:none;border-left:solid 1px #fff}#addon{width:250px;height:100%;overflow:auto}#addon h1{padding:10px;text-transform:uppercase;font-weight:700;font-size:12px;text-shadow:0 1px 1px rgb(255 255 255 / 75%);background:#9ca0a6}#addon>ul{font-size:12px;padding:10px 0;list-style:none;margin:0}#addon>ul>li{margin:0 0 10px}#addon>ul>li>ul{margin:0;padding:0;list-style:none}#addon label{padding:3px 25px;display:block;cursor:pointer}#addon input{margin-right:.5em}#addon h2{font:700 12px Arial,Helvetica,sans-serif;color:#000;margin:0;padding:5px 20px}#bom>footer{position:absolute;bottom:0;height:60px;background:#fdc51f;background:linear-gradient(to bottom,#fdc51f,#dcad22);left:250px;right:0;text-align:right}#bom>footer ul{display:inline-block;border-left:solid 1px #b78f18;margin:0;padding:0;list-style:none}#bom>footer li{display:inline-block;border-right:solid 1px #b78f18;border-left:solid 1px #f7d779}#bom>footer li:last-child{border-right:0}#bom>footer li:first-child{display:inline-block}.footer-link-wrap{padding:0 2.5em;text-transform:uppercase;text-shadow:0 1px 1px rgb(255 255 255 / 75%);line-height:60px}.footer-link{color:#000;font-size:18px;font-weight:700;text-decoration:none}#bom button{font-size:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:700;padding:0 1.5em;height:60px;line-height:60px;text-transform:uppercase;background:transparent;margin:0;border:0;font-family:inherit;text-shadow:0 1px 1px rgb(255 255 255 / 75%);color:#000;cursor:pointer}#configurator>footer{position:absolute;bottom:0;left:0;width:700px;height:0}@media print{#configurator>header,#configure,#bom>header,#bom>footer,#addon,#family,#configurator>footer,.header-phone{display:none!important}#configurator{max-height:none;min-height:0;min-width:0;background:#fff;overflow:visible}#bom{position:static;margin-left:0!important;opacity:1!important;background:#fff;box-shadow:none;width:100%}#summary{position:static;left:0;box-shadow:none;overflow:visible}#summary table~*{display:block}}.wtb-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000}.wtb-modal{position:relative;background:#fff;border-radius:8px;width:90%;max-width:680px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 30px #0000004d;padding:20px 24px 24px}.wtb-modal-close{position:absolute;top:8px;right:12px;background:none;border:none;font-size:28px;font-weight:700;color:#666;cursor:pointer;line-height:1;padding:4px 8px}.wtb-modal-close:hover{color:#000}.wtb-modal-title{margin:0 0 16px;font-size:22px;font-weight:700;color:#036}.wtb-modal-body{min-height:200px}