%PDF- %PDF-
Direktori : /proc/self/root/proc/self/root/home4/assumpcaocom/pass/css/ |
Current File : //proc/self/root/proc/self/root/home4/assumpcaocom/pass/css/core-and-parts_page_1.css |
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: .67em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace,serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } .carousel { position: relative; margin-bottom: 20px; line-height: 1; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .carousel-inner>.item { display: none; position: relative; -webkit-transition: .6s ease-in-out left; -moz-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner>.item>img { display: block; line-height: 1; } .carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display: block; } .carousel-inner>.active { left: 0; } .carousel-inner>.next, .carousel-inner>.prev { position: absolute; top: 0; width: 100%; } .carousel-inner>.next { left: 100%; } .carousel-inner>.prev { left: -100%; } .carousel-inner>.next.left, .carousel-inner>.prev.right { left: 0; } .carousel-inner>.active.left { left: -100%; } .carousel-inner>.active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 120px; opacity: .5; filter: alpha(opacity=50); } .carousel-control.left { background-color: rgba(0,0,0,.001); background-image: -moz-linear-gradient(left,rgba(0,0,0,.75),rgba(0,0,0,.001)); background-image: -webkit-gradient(linear,0 0,100% 0,from(rgba(0,0,0,.75)),to(rgba(0,0,0,.001))); background-image: -webkit-linear-gradient(left,rgba(0,0,0,.75),rgba(0,0,0,.001)); background-image: -o-linear-gradient(left,rgba(0,0,0,.75),rgba(0,0,0,.001)); background-image: linear-gradient(to right,rgba(0,0,0,.75),rgba(0,0,0,.001)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf000000', endColorstr='#00000000', GradientType=1); background-color: transparent; } .carousel-control.right { left: auto; right: 0; background-color: rgba(0,0,0,.75); background-image: -moz-linear-gradient(left,rgba(0,0,0,.001),rgba(0,0,0,.75)); background-image: -webkit-gradient(linear,0 0,100% 0,from(rgba(0,0,0,.001)),to(rgba(0,0,0,.75))); background-image: -webkit-linear-gradient(left,rgba(0,0,0,.001),rgba(0,0,0,.75)); background-image: -o-linear-gradient(left,rgba(0,0,0,.001),rgba(0,0,0,.75)); background-image: linear-gradient(to right,rgba(0,0,0,.001),rgba(0,0,0,.75)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#bf000000', GradientType=1); background-color: transparent; } .carousel-control:hover { color: #fff; text-decoration: none; opacity: .9; filter: alpha(opacity=90); } .carousel-control .control { position: absolute; top: 50%; z-index: 5; display: block; margin-top: -35px; margin-left: 30px; font-size: 80px; font-weight: 100; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.6); } .carousel-control.right .control { margin-left: 70px; } .carousel-indicators { position: absolute; top: 15px; right: 15px; z-index: 5; margin: 0; list-style: none; } .carousel-indicators li { display: block; float: left; width: 10px; height: 10px; margin-left: 5px; text-indent: -999px; background-color: #ccc; background-color: rgba(255,255,255,.25); border-radius: 5px; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; padding: 40px; text-shadow: 0 1px 2px rgba(0,0,0,.6); max-width: 60%; } .carousel-caption h3, .carousel-caption p { color: #fff; line-height: 20px; } .carousel-caption h3 { margin: 0 0 5px; } .carousel-caption p { margin-bottom: 0; } /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Improvements by Andrew Rowls * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .datepicker-dropdown { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .datepicker { padding: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; direction: ltr; } .datepicker-inline { width: 100%; } .datepicker th.prev { color: #000; } .datepicker th.next { color: #000; } .datepicker.datepicker-rtl { direction: rtl; } .datepicker.datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0,0,0,.2); position: absolute; top: -7px; left: 6px; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -6px; left: 7px; } .datepicker>div { display: none; } .datepicker.days div.datepicker-days { display: block; } .datepicker.months div.datepicker-months { display: block; } .datepicker.years div.datepicker-years { display: block; } .datepicker table { margin: 0; border-collapse: separate; border-spacing: 2px; } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 0; font-weight: 700; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.day:hover { background: #eee; cursor: pointer; } .datepicker table tr td.old, .datepicker table tr td.new { color: #999!important; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: 0; color: #999; cursor: default; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { background-color: #000; background-image: -moz-linear-gradient(top,#000,#000); background-image: -ms-linear-gradient(top,#000,#000); background-image: -webkit-gradient(linear,0 0,0 100%,from(#000),to(#000)); background-image: -webkit-linear-gradient(top,#000,#000); background-image: -o-linear-gradient(top,#000,#000); background-image: linear-gradient(top,#000,#000); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@color-secondary', endColorstr='@color-secondary', GradientType=0); border-color: #000; border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.25); } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] { background-color: #000; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active { background-color: #000; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker table tr td span:hover { background: #eee; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: 0; color: #999; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { background-color: #006dcc; background-image: -moz-linear-gradient(top,#08c,#04c); background-image: -ms-linear-gradient(top,#08c,#04c); background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c)); background-image: -webkit-linear-gradient(top,#08c,#04c); background-image: -o-linear-gradient(top,#08c,#04c); background-image: linear-gradient(top,#08c,#04c); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #04c #04c #002a80; border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.25); } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] { background-color: #000; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active { background-color: #000; } .datepicker table tr td span.old { color: #999; } .datepicker th.switch { width: 145px; } .datepicker thead tr:first-child th, .datepicker tfoot tr:first-child th { cursor: pointer; } .datepicker thead tr:first-child th:hover, .datepicker tfoot tr:first-child th:hover { background: #eee; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .datepicker thead tr:first-child th.cw { cursor: default; background-color: transparent; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; } .tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; padding: 5px; font-size: 11px; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 1; filter: alpha(opacity=100); } .tooltip.top { margin-top: -3px; } .tooltip.right { margin-left: 3px; } .tooltip.bottom { margin-top: 3px; } .tooltip.left { margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: rgba(0,0,0,.9); border-radius: .33333em; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: rgba(0,0,0,.9); } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: rgba(0,0,0,.9); } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: rgba(0,0,0,.9); } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: rgba(0,0,0,.9); } ul.blue-bullet li:before { color: #0084d6; } .ui-clickable { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .is-frozen { cursor: default; pointer-events: none; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } th, td { vertical-align: top; } html { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 13px; line-height: 1.4; color: #404040; } @media (min-width:980px) { html { font-size: 15px; } } ng-include { display: block; } img { max-width: 100%; width: auto\9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } #map_canvas img, .google-maps img { max-width: none; } ul, ol { padding: 0; margin: 0 0 0 1.2rem; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } li { line-height: 1.4; } .list-unstyled, .list-inline { margin-left: 0; list-style: none; } .list-inline>li { display: inline-block; padding-left: .25rem; padding-right: .25rem; } dl { margin-bottom: 1.4; } dt, dd { line-height: 1.4; } dt { font-weight: 700; } dd { margin-left: .7; } .dl-horizontal:before, .dl-horizontal:after { content: ""; display: table; } .dl-horizontal:after { clear: both; } .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } @font-face { font-family: Regular; src: url(/assets/fonts/regular/Regular-Regular.eot); src: url(/assets/fonts/regular/Regular-Regular.eot?#iefix) format('embedded-opentype'),url(/assets/fonts/regular/Regular-Regular.woff) format('woff'),url(/assets/fonts/regular/Regular-Regular.ttf) format('truetype'),url(/assets/fonts/regular/Regular-Regular.svg) format('svg'); font-weight: 400; font-style: normal; } h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 400; line-height: 1.4; text-rendering: optimizelegibility; margin: 0 0 1.5rem; } h1, .alpha { font-family: Regular; color: #000; font-size: 34px; font-size: 2.2666666666666666rem; line-height: 1.0294117647058822; } @media (min-width:768px) { h1, .alpha { font-size: 40px; font-size: 2.6666666666666665rem; line-height: 1.015; } } h2, .beta { font-family: Regular; color: #0084d6; font-size: 26px; font-size: 1.7333333333333334rem; line-height: 1.023076923076923; } @media (min-width:768px) { h2, .beta { font-size: 34px; font-size: 2.2666666666666666rem; line-height: 1.0294117647058822; } } h3, .gamma { font-family: Regular; color: #404040; font-size: 20px; font-size: 1.3333333333333333rem; line-height: 1.0499999999999998; } @media (min-width:768px) { h3, .gamma { font-size: 24px; font-size: 1.6rem; line-height: 1.0499999999999998; } } h4, .delta { color: #404040; font-size: 18px; font-size: 1.2rem; line-height: 1.011111111111111; font-weight: 700; } h5, .epsilon { color: #404040; font-size: 16px; font-size: 1.0666666666666667rem; line-height: 1.0499999999999998; } .giga { font-size: 96px; font-size: 6.4rem; line-height: 1.0062499999999999; } .mega { font-size: 72px; font-size: 4.8rem; line-height: 1.011111111111111; } .kilo { font-size: 48px; font-size: 3.2rem; line-height: 1.0208333333333333; } a { text-decoration: none; cursor: pointer; } a:hover, a:active, a:focus { text-decoration: underline; } a.btn--primary-outline { padding-bottom: 5.25px; padding-top: 5.25px; } a.inherited { color: inherit!important; } p { margin: 0 0 1rem; } .font-body { font-size: 1rem; line-height: 1.4; letter-spacing: -.05em; font-weight: medium; color: #404040; } small { font-size: .85rem; } .milli { font-size: 12px; font-size: .8rem; line-height: 1.0499999999999998; } .micro { font-size: 10px; font-size: .6666666666666666rem; line-height: 1.1199999999999999; } .nano { font-size: 8px; font-size: .5333333333333333rem; line-height: 1.0499999999999998; } .pico { font-size: 6px; font-size: .4rem; line-height: 1.1666666666666665; } strong { font-weight: 700; } em { font-style: italic; } cite { font-style: normal; } abbr[title], abbr[data-original-title] { cursor: help; } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 0 0 0 15px; margin: 0 0 1.4; } blockquote p { margin-bottom: 0; } blockquote small { display: block; line-height: 1.4; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small:before { content: ''; } blockquote.pull-right small:after { content: '\00A0 \2014'; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { display: block; margin-bottom: 1.4rem; font-style: normal; line-height: 1.4rem; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child { margin-bottom: 0; } code, pre { padding: 0 3px 2px; font-size: 13px; border-radius: 4px; } code { padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; white-space: nowrap; } pre { display: block; padding: .19999999999999996; margin: 0 0 .7; font-size: 14px; line-height: 1.4; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: .33333em; } pre.prettyprint { margin-bottom: 1.4; } pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: transparent; border: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } form { margin: 0; } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; margin-bottom: 1.4; font-size: 1.5rem; line-height: 2.8; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; vertical-align: middle; } select, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input { border: 0; display: inline-block; padding: .4em .6em; margin-bottom: .7; font-size: 1rem; line-height: 1.4; vertical-align: middle; border-radius: .33333em; background-color: #fff; color: rgba(64,64,64,.5); } input, select, textarea, .uneditable-input { width: 206px; } textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input { background-color: #f2f2f2; border: 1px solid #8c8c8c; } textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus, .uneditable-input:focus { outline: 0; outline: thin dotted \9; } textarea:active, input[type=text]:active, input[type=password]:active, input[type=datetime]:active, input[type=datetime-local]:active, input[type=date]:active, input[type=month]:active, input[type=time]:active, input[type=week]:active, input[type=number]:active, input[type=email]:active, input[type=url]:active, input[type=search]:active, input[type=tel]:active, input[type=color]:active, .uneditable-input:active, textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus, .uneditable-input:focus { color: #404040; } textarea::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=color]::-moz-placeholder, .uneditable-input::-moz-placeholder, textarea::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=color]::-webkit-input-placeholder, .uneditable-input::-webkit-input-placeholder { color: rgba(72,72,72,.5); } textarea.input--s, input[type=text].input--s, input[type=password].input--s, input[type=datetime].input--s, input[type=datetime-local].input--s, input[type=date].input--s, input[type=month].input--s, input[type=time].input--s, input[type=week].input--s, input[type=number].input--s, input[type=email].input--s, input[type=url].input--s, input[type=search].input--s, input[type=tel].input--s, input[type=color].input--s, .uneditable-input.input--s { border-bottom-left-radius: .33333em; border-top-left-radius: .33333em; padding: 2px 10px; font-size: 14px; font-size: .9333333333333333rem; line-height: .9999999999999999; } textarea.input--l, input[type=text].input--l, input[type=password].input--l, input[type=datetime].input--l, input[type=datetime-local].input--l, input[type=date].input--l, input[type=month].input--l, input[type=time].input--l, input[type=week].input--l, input[type=number].input--l, input[type=email].input--l, input[type=url].input--l, input[type=search].input--l, input[type=tel].input--l, input[type=color].input--l, .uneditable-input.input--l { border-bottom-left-radius: .33333em; border-top-left-radius: .33333em; padding: 11px 19px; font-size: 20px; font-size: 1.3333333333333333rem; line-height: 1.0499999999999998; } .form-h .control-group, .form-horizontal .control-group { position: relative; margin-bottom: 1.4em; } .form-h .control-group:before, .form-horizontal .control-group:before, .form-h .control-group:after, .form-horizontal .control-group:after { content: ""; display: table; } .form-h .control-group:after, .form-horizontal .control-group:after { clear: both; } .form-h .control-group input, .form-horizontal .control-group input, .form-h .control-group select, .form-horizontal .control-group select, .form-h .control-group textarea, .form-horizontal .control-group textarea, .form-h .control-group .uneditable-input, .form-horizontal .control-group .uneditable-input { margin-bottom: 0; } .form-h .control-group>.control-label, .form-horizontal .control-group>.control-label { float: left; width: 160px; padding-top: 6px; text-align: right; } .form-h .control-group>.controls, .form-horizontal .control-group>.controls { margin-left: 180px; } .input--transparent { opacity: .5; } .input--transparent:active, .input--transparent:focus { opacity: 1; } .input-groupp { display: table; overflow: hidden; -webkit-border-radius: .33333em; -moz-border-radius: .33333em; border-radius: .33333em; } .input-groupp>* { display: table-cell; } .input-groupp input, .input-groupp button, .input-groupp .btn { border-radius: 0; } .input-group { display: table; } .input-group[class*=span] { float: none; padding: 0; } .input-group input, .input-group select, .input-group .uneditable-input { width: 100%; } .input-group-addon, .input-group-btn, .input-group input, .input-group .uneditable-input { display: table-cell; margin: 0; border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; vertical-align: middle; } .input-group-btn, .input-group-btn .btn { white-space: nowrap; } .input-group-btn>.btn { float: left; border-radius: 0; } .input-group-btn>.btn+.btn { border-left: 0; } .input-group-btn.btn-group { display: table-cell; } .input-group-btn:first-child>.btn, .input-group-btn.btn-group:first-child>.btn { border-right: 0; } .input-group-btn:first-child>.btn, .input-group-btn.btn-group:first-child>.btn { border-radius: .33333em 0 0 .33333em; } .input-group-btn:last-child>.btn, .input-group-btn.btn-group:last-child>.btn:first-child { border-left: 0; } .input-group-btn:last-child>.btn, .input-group-btn.btn-group:last-child>.btn { border-radius: 0 .33333em .33333em 0; } .input-group-addon { padding: 6px 8px; font-size: 15px; font-weight: 400; line-height: 1.4; text-align: center; } .input-group input:first-child, .input-group .uneditable-input:first-child, .input-group-addon:first-child { border-bottom-left-radius: .33333em; border-top-left-radius: .33333em; } .input-group-addon:first-child { border-right: 0; } .input-group input:last-child, .input-group .uneditable-input:last-child, .input-group-addon:last-child { border-bottom-right-radius: .33333em; border-top-right-radius: .33333em; } .input-group-addon:last-child { border-left: 0; } .input--highlight { background-color: #f2f2f2; } .input--highlight::-moz-placeholder, .input--highlight::-webkit-input-placeholder { color: #484848; } input.input--highlight { background-color: #f2f2f2; } input.input--highlight::-moz-placeholder, input.input--highlight::-webkit-input-placeholder { color: #484848; } .theme-white .input--theme-auto { background-color: #f2f2f2; } .theme-white .input--theme-auto::-moz-placeholder, .theme-white .input--theme-auto::-webkit-input-placeholder { color: #484848; } .btn { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; display: inline-block; padding: .5rem 1rem; margin-bottom: 0; line-height: 1.4; font-size: 1rem; text-align: center; vertical-align: middle; border-radius: .33333em; border: 0; background-color: #4d4d4d; color: #fff; } .btn:hover { text-decoration: none; } .btn:active, .btn.is-active { outline: 0; background-color: #8d8d8d; } .theme-content-primary .btn--theme-inherit, .btn--primary { background-color: #f66608; color: #fff; } .theme-content-primary .btn--theme-inherit:hover, .btn--primary:hover { background-color: #c55206; } .theme-content-primary .btn--theme-inherit:active, .btn--primary:active, .theme-content-primary .btn--theme-inherit.is-active, .btn--primary.is-active { background-color: #f88539; } .theme-content-primary .btn--theme-inherit.is-disabled, .btn--primary.is-disabled, .theme-content-primary .btn--theme-inherit[disabled], .btn--primary[disabled] { cursor: default; opacity: .5; color: rgba(255,255,255,.5); background-color: #f66608; } .theme-content-secondary .btn--theme-inherit, .btn--secondary { background-color: #000; color: #fff; } .theme-content-secondary .btn--theme-inherit:hover, .btn--secondary:hover { background-color: #333; } .theme-content-secondary .btn--theme-inherit:active, .btn--secondary:active, .theme-content-secondary .btn--theme-inherit.is-active, .btn--secondary.is-active { background-color: #4d4d4d; } .theme-content-secondary .btn--theme-inherit.is-disabled, .btn--secondary.is-disabled, .theme-content-secondary .btn--theme-inherit[disabled], .btn--secondary[disabled] { cursor: default; opacity: .5; color: rgba(255,255,255,.5); background-color: #000; } .theme-content-alert .btn--theme-inherit, .btn--alert { background-color: #d6001a; color: #fff; } .theme-content-alert .btn--theme-inherit.is-disabled, .btn--alert.is-disabled, .theme-content-alert .btn--theme-inherit[disabled], .btn--alert[disabled] { cursor: default; opacity: .5; color: rgba(255,255,255,.5); background-color: #d6001a; } .theme-content-success .btn--theme-inherit, .btn--success { background-color: #00aa13; color: #fff; } .theme-content-success .btn--theme-inherit.is-disabled, .btn--success.is-disabled, .theme-content-success .btn--theme-inherit[disabled], .btn--success[disabled] { cursor: default; opacity: .5; color: rgba(255,255,255,.5); background-color: #00aa13; } .btn--record { background-color: #d6001a; color: #fff; } .btn--record.is-disabled, .btn--record[disabled] { cursor: default; opacity: .5; color: rgba(255,255,255,.5); background-color: #d6001a; } .btn--heading { background-color: #484848; color: #fff; } .btn--heading.is-disabled, .btn--heading[disabled] { cursor: default; opacity: .5; color: rgba(255,255,255,.5); background-color: #484848; } .btn--darker-accent { background-color: #484848; color: #fff; } .btn--darker-accent.is-disabled, .btn--darker-accent[disabled] { cursor: default; opacity: .5; color: rgba(255,255,255,.5); background-color: #484848; } .btn--primary-outline { background-color: #fff; box-shadow: 0 0 0 1px #f66608; color: #f66608; } .btn--primary-outline:hover { box-shadow: 0 0 0 2px #f66608; background-color: #fff; } .btn--primary-outline:active, .btn--primary-outline.is-active { background-color: #f66608; color: #fff; } .btn--primary-outline.is-disabled, .btn--primary-outline[disabled] { cursor: default; opacity: 50%; } .btn--secondary-outline { background-color: #fff; box-shadow: 0 0 0 1px #000; color: #000; } .btn--secondary-outline:hover { box-shadow: 0 0 0 2px #000; background-color: #fff; } .btn--secondary-outline:active, .btn--secondary-outline.is-active { background-color: #000; color: #fff; } .btn--secondary-outline.is-disabled, .btn--secondary-outline[disabled] { cursor: default; opacity: 50%; } .btn--secondary-dark-overlay { background: #000; color: #fff; } .btn--secondary-dark-overlay:hover { background: #fff; color: #000; } .btn--alert-dark-overlay { background: #a30014; color: #fff; } .btn--alert-dark-overlay:hover { background: #fff; color: #bd0017; } .btn--success-dark-overlay { background: #00770d; color: #fff; } .btn--success-dark-overlay:hover { background: #fff; color: #00770d; } .btn--dark-overlay, .btn--overlay-dark { background-color: rgba(0,0,0,.30000000000000004); } .btn--dark-overlay:hover, .btn--overlay-dark:hover { background-color: rgba(0,0,0,.5); color: #fff; } .btn--dark-overlay:active, .btn--overlay-dark:active { background-color: rgba(0,0,0,.16000000000000003); color: rgba(255,255,255,.8); } .btn--white { background-color: #fff; box-shadow: 0 0 0 1px #fff; color: #fff; } .btn--white:hover { box-shadow: 0 0 0 2px #fff; background-color: #fff; } .btn--white:active, .btn--white.is-active { background-color: #fff; color: #fff; } .btn--white.is-disabled, .btn--white[disabled] { cursor: default; opacity: 50%; } .btn--white-outline { background-color: #fff; box-shadow: 0 0 0 1px #d6001a; color: #d6001a; } .btn--white-outline:hover { box-shadow: 0 0 0 2px #d6001a; background-color: #fff; } .btn--white-outline:active, .btn--white-outline.is-active { background-color: #d6001a; color: #fff; } .btn--white-outline.is-disabled, .btn--white-outline[disabled] { cursor: default; opacity: 50%; } .btn--outlined-white { background-color: transparent; border: 1px solid #fff; color: #fff; } .btn--theme-dark-overlay { background-color: rgba(0,0,0,.30000000000000004); } .btn--theme-dark-overlay:hover { background-color: #fff; } .btn--theme-dark-overlay:active { background-color: rgba(255,255,255,.7); } .btn--transparent { background-color: transparent; border: 0; } .btn.input-radio.is-false { background-color: rgba(0,0,0,.30000000000000004); color: #fff; } .btn.input-radio.is-false.is-disabled, .btn.input-radio.is-false[disabled] { cursor: default; opacity: .5; color: rgba(255,255,255,.5); background-color: rgba(0,0,0,.30000000000000004); } .btn--block { display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn--block+.btn--block { margin-top: 5px; } .btn--l { padding: 11px 19px; font-size: 20px; font-size: 1.3333333333333333rem; line-height: 1.0499999999999998; border-radius: .66666em; } .btn--s { padding: 2px 10px; font-size: 14px; font-size: .9333333333333333rem; line-height: .9999999999999999; border-radius: .2em; } .btn-dual-primary { background-color: #000; color: #fff; } .btn-dual-primary:hover { background-color: #333; } .btn-dual-primary:active, .btn-dual-primary.is-active { background-color: #4d4d4d; } .btn-dual-primary.is-disabled, .btn-dual-primary[disabled] { cursor: default; opacity: .5; color: rgba(255,255,255,.5); background-color: #000; } .btn-dual-secondary { background-color: #fff; box-shadow: 0 0 0 1px #000; color: #000; padding: .4rem 1rem; } .btn-dual-secondary:hover { box-shadow: 0 0 0 2px #000; background-color: #fff; } .btn-dual-secondary:active, .btn-dual-secondary.is-active { background-color: #000; color: #fff; } .btn-dual-secondary.is-disabled, .btn-dual-secondary[disabled] { cursor: default; opacity: 50%; } .btn-single-primary { background-color: #f66608; color: #fff; padding: .7rem 1rem; } .btn-single-primary:hover { background-color: #c55206; } .btn-single-primary:active, .btn-single-primary.is-active { background-color: #f88539; } .btn-single-primary.is-disabled, .btn-single-primary[disabled] { cursor: default; opacity: .5; color: rgba(255,255,255,.5); background-color: #f66608; } .btn-normal-inline-reg { background-color: #fff; box-shadow: 0 0 0 1px #0084d6; color: #0084d6; } .btn-normal-inline-reg:hover { box-shadow: 0 0 0 2px #0084d6; background-color: #fff; } .btn-normal-inline-reg:active, .btn-normal-inline-reg.is-active { background-color: #0084d6; color: #fff; } .btn-normal-inline-reg.is-disabled, .btn-normal-inline-reg[disabled] { cursor: default; opacity: 50%; } .btn-normal-inline-small { background-color: #fff; box-shadow: 0 0 0 1px #f66608; color: #f66608; padding: 2px 10px; font-size: 14px; font-size: .9333333333333333rem; line-height: .9999999999999999; border-radius: .2em; } .btn-normal-inline-small:hover { box-shadow: 0 0 0 2px #f66608; background-color: #fff; } .btn-normal-inline-small:active, .btn-normal-inline-small.is-active { background-color: #f66608; color: #fff; } .btn-normal-inline-small.is-disabled, .btn-normal-inline-small[disabled] { cursor: default; opacity: 50%; } .container { margin-right: auto; margin-left: auto; } .container:before, .container:after { content: ""; display: table; } .container:after { clear: both; } .container:before, .container:after { content: ""; display: table; } .container:after { clear: both; } @media (max-width:767px) { .container { max-width: 400px; padding-left: 1rem; padding-right: 1rem; } } @media (min-width:768px) and (max-width:979px) { .container { max-width: 738px; } } @media (min-width:980px) and (max-width:1199px) { .container { max-width: 940px; } } @media (min-width:1200px) { .container { max-width: 1170px; } } .grid-gutters>* { padding-left: 1.4rem; } .grid-gutters>:first-child { padding-left: 0; } .grid-gutters-margin>* { margin-left: 1.4rem; } .grid-gutters-margin>:first-child { margin-left: 0; } .grid-gutter-v { margin-top: .7rem; margin-bottom: .7rem; } .grid-gutter-v:first-child { margin-top: 0; } .grid-gutter-v:last-child { margin-bottom: 0; } .grid-gutters-v>* { margin-top: .7rem; margin-bottom: .7rem; } .grid-gutters-v>:first-child { margin-top: 0; } .grid-gutters-v>:last-child { margin-bottom: 0; } .row-inline-block>* { float: none; display: inline-block; } .row-inline-block.row-left>* { text-align: left; } .row-inline-block.row-right>* { text-align: right; } .row-inline-block.row-right>*>* { text-align: left; } .row-inline-block.row-center>* { text-align: center; } .row-inline-block.row-center>*>* { text-align: left; } [class*=span].pull-right { float: right; } @media (min-width:1200px) { .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; } [class*=span] { float: left; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .span12 { width: 100%; } .span11 { width: 91.66666666666666%; } .span10 { width: 83.33333333333334%; } .span9 { width: 75%; } .span8 { width: 66.66666666666666%; } .span7 { width: 58.333333333333336%; } .span6 { width: 50%; } .span5 { width: 41.66666666666667%; } .span4 { width: 33.33333333333333%; } .span3 { width: 25%; } .span2 { width: 16.666666666666664%; } .span1 { width: 8.333333333333332%; } .offset12 { margin-left: 100%; } .offset11 { margin-left: 91.66666666666666%; } .offset10 { margin-left: 83.33333333333334%; } .offset9 { margin-left: 75%; } .offset8 { margin-left: 66.66666666666666%; } .offset7 { margin-left: 58.333333333333336%; } .offset6 { margin-left: 50%; } .offset5 { margin-left: 41.66666666666667%; } .offset4 { margin-left: 33.33333333333333%; } .offset3 { margin-left: 25%; } .offset2 { margin-left: 16.666666666666664%; } .offset1 { margin-left: 8.333333333333332%; } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; } [class*=span] { float: left; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .span12 { width: 100%; } .span11 { width: 91.66666666666666%; } .span10 { width: 83.33333333333334%; } .span9 { width: 75%; } .span8 { width: 66.66666666666666%; } .span7 { width: 58.333333333333336%; } .span6 { width: 50%; } .span5 { width: 41.66666666666667%; } .span4 { width: 33.33333333333333%; } .span3 { width: 25%; } .span2 { width: 16.666666666666664%; } .span1 { width: 8.333333333333332%; } .offset12 { margin-left: 100%; } .offset11 { margin-left: 91.66666666666666%; } .offset10 { margin-left: 83.33333333333334%; } .offset9 { margin-left: 75%; } .offset8 { margin-left: 66.66666666666666%; } .offset7 { margin-left: 58.333333333333336%; } .offset6 { margin-left: 50%; } .offset5 { margin-left: 41.66666666666667%; } .offset4 { margin-left: 33.33333333333333%; } .offset3 { margin-left: 25%; } .offset2 { margin-left: 16.666666666666664%; } .offset1 { margin-left: 8.333333333333332%; } } @media (min-width:980px) and (max-width:1199px) { .row { margin-left: -10px; margin-right: -10px; } .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; } [class*=span] { float: left; min-height: 1px; padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .span12 { width: 100%; } .span11 { width: 91.66666666666666%; } .span10 { width: 83.33333333333334%; } .span9 { width: 75%; } .span8 { width: 66.66666666666666%; } .span7 { width: 58.333333333333336%; } .span6 { width: 50%; } .span5 { width: 41.66666666666667%; } .span4 { width: 33.33333333333333%; } .span3 { width: 25%; } .span2 { width: 16.666666666666664%; } .span1 { width: 8.333333333333332%; } .offset12 { margin-left: 100%; } .offset11 { margin-left: 91.66666666666666%; } .offset10 { margin-left: 83.33333333333334%; } .offset9 { margin-left: 75%; } .offset8 { margin-left: 66.66666666666666%; } .offset7 { margin-left: 58.333333333333336%; } .offset6 { margin-left: 50%; } .offset5 { margin-left: 41.66666666666667%; } .offset4 { margin-left: 33.33333333333333%; } .offset3 { margin-left: 25%; } .offset2 { margin-left: 16.666666666666664%; } .offset1 { margin-left: 8.333333333333332%; } .row { margin-left: -10px; margin-right: -10px; } .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; } [class*=span] { float: left; min-height: 1px; padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .span12 { width: 100%; } .span11 { width: 91.66666666666666%; } .span10 { width: 83.33333333333334%; } .span9 { width: 75%; } .span8 { width: 66.66666666666666%; } .span7 { width: 58.333333333333336%; } .span6 { width: 50%; } .span5 { width: 41.66666666666667%; } .span4 { width: 33.33333333333333%; } .span3 { width: 25%; } .span2 { width: 16.666666666666664%; } .span1 { width: 8.333333333333332%; } .offset12 { margin-left: 100%; } .offset11 { margin-left: 91.66666666666666%; } .offset10 { margin-left: 83.33333333333334%; } .offset9 { margin-left: 75%; } .offset8 { margin-left: 66.66666666666666%; } .offset7 { margin-left: 58.333333333333336%; } .offset6 { margin-left: 50%; } .offset5 { margin-left: 41.66666666666667%; } .offset4 { margin-left: 33.33333333333333%; } .offset3 { margin-left: 25%; } .offset2 { margin-left: 16.666666666666664%; } .offset1 { margin-left: 8.333333333333332%; } } @media (min-width:768px) and (max-width:979px) { .row { margin-left: -10px; margin-right: -10px; } .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; } [class*=span] { float: left; min-height: 1px; padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .span12 { width: 100%; } .span11 { width: 91.66666666666666%; } .span10 { width: 83.33333333333334%; } .span9 { width: 75%; } .span8 { width: 66.66666666666666%; } .span7 { width: 58.333333333333336%; } .span6 { width: 50%; } .span5 { width: 41.66666666666667%; } .span4 { width: 33.33333333333333%; } .span3 { width: 25%; } .span2 { width: 16.666666666666664%; } .span1 { width: 8.333333333333332%; } .offset12 { margin-left: 100%; } .offset11 { margin-left: 91.66666666666666%; } .offset10 { margin-left: 83.33333333333334%; } .offset9 { margin-left: 75%; } .offset8 { margin-left: 66.66666666666666%; } .offset7 { margin-left: 58.333333333333336%; } .offset6 { margin-left: 50%; } .offset5 { margin-left: 41.66666666666667%; } .offset4 { margin-left: 33.33333333333333%; } .offset3 { margin-left: 25%; } .offset2 { margin-left: 16.666666666666664%; } .offset1 { margin-left: 8.333333333333332%; } .row { margin-left: -10px; margin-right: -10px; } .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; } [class*=span] { float: left; min-height: 1px; padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .span12 { width: 100%; } .span11 { width: 91.66666666666666%; } .span10 { width: 83.33333333333334%; } .span9 { width: 75%; } .span8 { width: 66.66666666666666%; } .span7 { width: 58.333333333333336%; } .span6 { width: 50%; } .span5 { width: 41.66666666666667%; } .span4 { width: 33.33333333333333%; } .span3 { width: 25%; } .span2 { width: 16.666666666666664%; } .span1 { width: 8.333333333333332%; } .offset12 { margin-left: 100%; } .offset11 { margin-left: 91.66666666666666%; } .offset10 { margin-left: 83.33333333333334%; } .offset9 { margin-left: 75%; } .offset8 { margin-left: 66.66666666666666%; } .offset7 { margin-left: 58.333333333333336%; } .offset6 { margin-left: 50%; } .offset5 { margin-left: 41.66666666666667%; } .offset4 { margin-left: 33.33333333333333%; } .offset3 { margin-left: 25%; } .offset2 { margin-left: 16.666666666666664%; } .offset1 { margin-left: 8.333333333333332%; } } @media (max-width:767px) { [class*=span], .uneditable-input[class*=span] { float: none; display: block; width: 100%; margin-left: 0; } input[class*=span], select[class*=span], textarea[class*=span], .uneditable-input { width: 100%; } .input-prepend input, .input-append input, .input-prepend input[class*=span], .input-append input[class*=span] { display: inline-block; width: auto; } .controls-row [class*=span]+[class*=span] { margin-left: 0; } .row--space-v [class*=span]+[class*=span] { margin-top: 1.4em; } } @-ms-viewport { width: device-width; } input[class*=span], select[class*=span], textarea[class*=span], .uneditable-input[class*=span] { float: none; margin-left: 0; margin-right: 0; } .input-append input[class*=span], .input-append .uneditable-input[class*=span], .input-prepend input[class*=span], .input-prepend .uneditable-input[class*=span] { display: inline-block; } input[class*=span], select[class*=span], textarea[class*=span], .uneditable-input[class*=span] { height: 15.4px; } .row-cells { display: table; width: 100%; margin: 0!important; } .row-cells>* { display: table-cell; vertical-align: top; float: none!important; } .row-cells>[class*=span] { padding: 0; } .row-cells>:not(:first-child) { padding-left: 1.5rem; } @media (max-width:767px) { .row-cells>* { display: table-cell!important; } } .l-cell { display: table-cell; vertical-align: top; } /*! * Font Awesome 3.0.2 * the iconic font designed for use with Twitter Bootstrap * ------------------------------------------------------- * The full suite of pictographic icons, examples, and documentation * can be found at: http://fortawesome.github.com/Font-Awesome/ * * License * ------------------------------------------------------- * - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL * - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License - * http://opensource.org/licenses/mit-license.html * - The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: * "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome" * Contact * ------------------------------------------------------- * Email: dave@davegandy.com * Twitter: http://twitter.com/fortaweso_me * Work: Lead Product Designer @ http://kyruus.com */ @font-face { font-family: FontAwesome; src: url(/assets/fonts/fontawesome/fontawesome-webfont.eot?v=3.0.1); src: url(/assets/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=3.0.1) format('embedded-opentype'),url(/assets/fonts/fontawesome/fontawesome-webfont.woff?v=3.0.1) format('woff'),url(/assets/fonts/fontawesome/fontawesome-webfont.ttf?v=3.0.1) format('truetype'); font-weight: 400; font-style: normal; } [class^=icon-], [class*=" icon-"] { font-family: FontAwesome; font-weight: 400; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; } .icon-white, .nav-pills>.active>a>[class^=icon-], .nav-pills>.active>a>[class*=" icon-"], .nav-list>.active>a>[class^=icon-], .nav-list>.active>a>[class*=" icon-"], .navbar-inverse .nav>.active>a>[class^=icon-], .navbar-inverse .nav>.active>a>[class*=" icon-"], .dropdown-menu>li>a:hover>[class^=icon-], .dropdown-menu>li>a:hover>[class*=" icon-"], .dropdown-menu>.active>a>[class^=icon-], .dropdown-menu>.active>a>[class*=" icon-"], .dropdown-submenu:hover>a>[class^=icon-], .dropdown-submenu:hover>a>[class*=" icon-"] { background-image: none; } [class^=icon-]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } a [class^=icon-], a [class*=" icon-"] { display: inline-block; } .icon-large:before { vertical-align: -10%; font-size: 1.3333333333333333em; } .btn [class^=icon-], .nav [class^=icon-], .btn [class*=" icon-"], .nav [class*=" icon-"] { display: inline; } .btn [class^=icon-].icon-large, .nav [class^=icon-].icon-large, .btn [class*=" icon-"].icon-large, .nav [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^=icon-].icon-spin, .nav [class^=icon-].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class*=" icon-"].icon-spin { display: inline-block; } .nav-tabs [class^=icon-], .nav-pills [class^=icon-], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs [class^=icon-].icon-large, .nav-pills [class^=icon-].icon-large, .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large { line-height: .9em; } li [class^=icon-], .nav li [class^=icon-], li [class*=" icon-"], .nav li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } li [class^=icon-].icon-large, .nav li [class^=icon-].icon-large, li [class*=" icon-"].icon-large, .nav li [class*=" icon-"].icon-large { width: 1.5625em; } ul.icons { list-style-type: none; text-indent: -.75em; } ul.icons li [class^=icon-], ul.icons li [class*=" icon-"] { width: .75em; } .icon-muted { color: #eee; } .icon-border { border: solid 1px #eee; padding: .2em .25em .15em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .icon-2x { font-size: 2em; } .icon-2x.icon-border { border-width: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .icon-3x { font-size: 3em; } .icon-3x.icon-border { border-width: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .icon-4x { font-size: 4em; } .icon-4x.icon-border { border-width: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .pull-right { float: right; } .pull-left { float: left; } [class^=icon-].pull-left, [class*=" icon-"].pull-left { margin-right: .3em; } [class^=icon-].pull-right, [class*=" icon-"].pull-right { margin-left: .3em; } .btn [class^=icon-].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class^=icon-].pull-right.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x { margin-top: .18em; } .btn [class^=icon-].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large { line-height: .8em; } .btn.btn-small [class^=icon-].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class^=icon-].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x { margin-top: .25em; } .btn.btn-large [class^=icon-], .btn.btn-large [class*=" icon-"] { margin-top: 0; } .btn.btn-large [class^=icon-].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class^=icon-].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-top: .05em; } .btn.btn-large [class^=icon-].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x { margin-right: .2em; } .btn.btn-large [class^=icon-].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-left: .2em; } .icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @-moz-document url-prefix() { .icon-spin { height: .9em; } .btn .icon-spin { height: auto; } .icon-spin.icon-large { height: 1.25em; } .btn .icon-spin.icon-large { height: .75em; } } .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-repeat:before { content: "\f01e"; } .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:after { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-exclamation-major:before { content: "\f06a"; } .icon-exclamation-minor:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up:before { content: "\f087"; } .icon-thumbs-down:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope-alt:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-undo:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-lightbulb:before { content: "\f0eb"; } .icon-exchange:before { content: "\f0ec"; } .icon-cloud-download:before { content: "\f0ed"; } .icon-cloud-upload:before { content: "\f0ee"; } .icon-user-md:before { content: "\f0f0"; } .icon-stethoscope:before { content: "\f0f1"; } .icon-suitcase:before { content: "\f0f2"; } .icon-bell-alt:before { content: "\f0f3"; } .icon-coffee:before { content: "\f0f4"; } .icon-food:before { content: "\f0f5"; } .icon-file-alt:before { content: "\f0f6"; } .icon-building:before { content: "\f0f7"; } .icon-hospital:before { content: "\f0f8"; } .icon-ambulance:before { content: "\f0f9"; } .icon-medkit:before { content: "\f0fa"; } .icon-fighter-jet:before { content: "\f0fb"; } .icon-beer:before { content: "\f0fc"; } .icon-h-sign:before { content: "\f0fd"; } .icon-plus-sign-alt:before { content: "\f0fe"; } .icon-double-angle-left:before { content: "\f100"; } .icon-double-angle-right:before { content: "\f101"; } .icon-double-angle-up:before { content: "\f102"; } .icon-double-angle-down:before { content: "\f103"; } .icon-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-desktop:before { content: "\f108"; } .icon-laptop:before { content: "\f109"; } .icon-tablet:before { content: "\f10a"; } .icon-mobile-phone:before { content: "\f10b"; } .icon-circle-blank:before { content: "\f10c"; } .icon-quote-left:before { content: "\f10d"; } .icon-quote-right:before { content: "\f10e"; } .icon-spinner:before { content: "\f110"; } .icon-circle:before { content: "\f111"; } .icon-reply:before { content: "\f112"; } .icon-github-alt:before { content: "\f113"; } .icon-folder-close-alt:before { content: "\f114"; } .icon-folder-open-alt:before { content: "\f115"; } .icon-tick-mark:before { content: "\f00c"; } @font-face { font-family: 'Glyphicons Halflings'; src: url(/assets/fonts/glyphicons/glyphiconshalflings-regular.eot); src: url(/assets/fonts/glyphicons/glyphiconshalflings-regular.eot?#iefix) format('embedded-opentype'),url(/assets/fonts/glyphicons/glyphiconshalflings-regular.woff) format('woff'),url(/assets/fonts/glyphicons/glyphiconshalflings-regular.ttf) format('truetype'),url(/assets/fonts/glyphicons/glyphiconshalflings-regular.svg#glyphicons_halflingsregular) format('svg'); font-style: normal; font-weight: 400; } [class^=glyphicon-]:before { font-family: 'Glyphicons Halflings'; font-style: normal; line-height: 1; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-euro:before { content: "\20ac"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse:before { content: "\e159"; } .glyphicon-collapse-top:before { content: "\e160"; } section.common-footer-links ul li.glyph, section.common-footer-help ul#contact-list li span.sprite { background-image: url(/assets/images/icon-sheet.svg); background-repeat: no-repeat; } .contact-phone { background-position: -44px -2px; } img.contact-chat { background-position: -88px -20px; } img.contact-email { background-position: -88px -20px; } img.contact-twitter { background-position: -130px -20px; } img.contact-stores { background-position: -174px -20px; } li.logo-youtube { background-position: -248px 0; } li.logo-facebook { background-position: -290px 0; } li.logo-twitter { background-position: -330px 0; } @font-face { font-family: 'Onet Icons'; src: url(/assets/fonts/onet-icons/onet-icons.eot?20130621); src: url(/assets/fonts/onet-icons/onet-icons.eot?#iefix?20130621) format('embedded-opentype'),url(/assets/fonts/onet-icons/onet-icons.woff?20130621) format('woff'),url(/assets/fonts/onet-icons/onet-icons.ttf?20130621) format('truetype'),url(/assets/fonts/onet-icons/onet-icons.svg#onet-iconsregular?20130621) format('svg'); font-style: normal; font-weight: 400; } [class^=onet-icons-]:before { font-family: 'Onet Icons'; font-style: normal; line-height: 1; display: inline-block; -webkit-font-smoothing: antialiased; } .onet-icons-ondemand:before { content: "\e000"; } .onet-icons-arrow-left:before { content: "\e001"; } .onet-icons-arrow-right:before { content: "\e002"; } .onet-icons-cart:before { content: "\e003"; } .onet-icons-heart-empty:before { content: "\e004"; } .onet-icons-guide:before { content: "\e005"; } .onet-icons-remote:before { content: "\e006"; } .onet-icons-play:before { content: "\e007"; } .onet-icons-star:before { content: "\e008"; } .onet-icons-star-circle:before { content: "\e009"; } .onet-icons-windows-logo:before { content: "\e010"; } .onet-icons-mac-logo:before { content: "\e011"; } .onet-icons-calendar:before { content: "\e012"; } .onet-icons-autopay:before { content: "\e013"; } .onet-icons-trash:before { content: "\e014"; } .onet-icons-facebook:before { content: "\e015"; } .onet-icons-news12:before { content: "\e016"; } .onet-icons-newsday:before { content: "\e017"; } .onet-icons-am-newyork:before { content: "\e018"; } .onet-icons-msg-varisty:before { content: "\e019"; } .onet-icons-youtube:before { content: "\e020"; } .onet-icons-record:before { content: "\e021"; } .onet-icons-map-pin:before { content: "\e022"; } .onet-icons-geolocation:before { content: "\e023"; } .onet-icons-cta-arrow:before { content: "\e024"; } .onet-icons-gear:before { content: "\e025"; } .onet-icons-checked-checkbox:before { content: "\e026"; } .onet-icons-unchecked-checkbox:before { content: "\e027"; } .onet-icons-radio-off:before { content: "\e028"; } .onet-icons-radio-on:before { content: "\e029"; } .onet-icons-live-chat:before { content: "\e030"; } .onet-icons-twitter:before { content: "\e031"; } .onet-icons-optimum-stores:before { content: "\e032"; } .onet-icons-refresh:before { content: "\e033"; } .onet-icons-volume:before { content: "\e034"; } .onet-icons-tooltip-sign:before { content: "\e035"; } .onet-icons-email:before { content: "\e036"; } .onet-icons-phone:before { content: "\e037"; } .onet-icons-mag-glass:before { content: "\e038"; } .onet-icons-heart-full:before { content: "\e039"; } .onet-icons-grid-view:before { content: "\e040"; } .onet-icons-list-view:before { content: "\e041"; } .onet-icons-close:before { content: "\e042"; } .onet-icons-remove:before { content: "\e042"; font-size: 12px; } .onet-icons-shield:before { content: "\e043"; } .onet-icons-thumbs-up:before { content: "\e044"; } .onet-icons-check:before { content: "\e045"; } .onet-icons-paybill:before { content: "\e046"; } .onet-icons-internet:before { content: "\e047"; } .onet-icons-phone-service:before { content: "\e048"; } .onet-icons-tv:before { content: "\e049"; } .onet-icons-mobile-menu:before { content: "\e050"; } .onet-icons-sunny:before { content: "\e051"; } .onet-icons-partly-sunny:before { content: "\e052"; } .onet-icons-snow:before { content: "\e053"; } .onet-icons-rain:before { content: "\e054"; } .onet-icons-thunder:before { content: "\e055"; } .onet-icons-cloudy:before { content: "\e056"; } .onet-icons-internet-single:before { content: "\e057"; } .onet-icons-phone-single:before { content: "\e058"; } .onet-icons-tv-single:before { content: "\e059"; } .onet-icons-paybill-single:before { content: "\e060"; } .onet-icons-instagram:before { content: "\e061"; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .inline { display: inline; } .inline-block { display: inline-block; } .block { display: block; } .absolute-cover { top: 0; right: 0; bottom: 0; left: 0; position: absolute; } .semflex, .hbeam { display: table; } .semflex-inline, .hbeam-inline { display: inline-table; } .semflex>input, .hbeam>input, .semflex-inline>input, .hbeam-inline>input, .semflex>*, .hbeam>*, .semflex-inline>*, .hbeam-inline>* { display: table-cell; vertical-align: top; } .semflex__auto, .hbeam-part-static { width: 1px; } .full-width { width: 100%; } @media (max-width:767px) { .full-width-phone { width: 100%; } } .semflex--dev>* { border-bottom: 1px dotted #0084d6; border-top: 1px dotted #0084d6; border-left: 1px dotted #0084d6; } .semflex--dev>:last-child { border-right: 1px dotted #0084d6; } @media (max-width:767px) { .semflex--responsive { width: 100%; } .semflex--responsive>* { display: block; } .semflex--responsive>.semflex__auto { width: auto; } .semflex--responsive>.align-right { text-align: left; } .hbeam--responsive { width: 100%; } .hbeam--responsive>* { display: block; } } .hflow>* { display: inline-block; vertical-align: top; } .hflow:not(.wrap) { white-space: nowrap!important; } .hflow:not(.wrap)>* { white-space: normal; } .hflow-middle>* { display: inline-block; vertical-align: top; } .hflow-middle:not(.wrap) { white-space: nowrap!important; } .hflow-middle:not(.wrap)>* { white-space: normal; } .hflow-middle>* { vertical-align: middle; } @media (max-width:767px) { .hflow-middle.screen-xs-stack>*, .hflow.screen-xs-stack>* { display: block; width: 100%; margin-left: 0; margin-right: 0; } .hflow-middle.screen-xs-stack>:not(:first-child), .hflow.screen-xs-stack>:not(:first-child) { margin-top: .4666666666666666rem; } } .visible-phone { display: none!important; } .visible-tablet { display: none!important; } .hidden-desktop { display: none!important; } .visible-desktop { display: inherit!important; } @media (min-width:768px) and (max-width:979px) { .hidden-desktop { display: inherit!important; } .visible-desktop { display: none!important; } .visible-tablet { display: inherit!important; } .hidden-tablet { display: none!important; } } @media (max-width:767px) { .hidden-desktop { display: inherit!important; } .visible-desktop { display: none!important; } .visible-phone { display: inherit!important; } .hidden-phone { display: none!important; } } .hidden { display: none; visibility: hidden; } [ng\:cloak], [ng-cloak], .ng-cloak { display: none!important; } .padding-l { padding-left: 3rem; padding-right: 3rem; padding-top: 3rem; padding-bottom: 3rem; } .hpadding-l { padding-left: 3rem; padding-right: 3rem; } .vpadding-l { padding-top: 3rem; padding-bottom: 3rem; } .padding-m { padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.5rem; padding-bottom: 1.5rem; } .hpadding-m { padding-left: 1.5rem; padding-right: 1.5rem; } .vpadding-m { padding-top: 1.5rem; padding-bottom: 1.5rem; } .padding-s { padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; } .hpadding-s { padding-left: 1rem; padding-right: 1rem; } .vpadding-s { padding-top: 1rem; padding-bottom: 1rem; } .padding-xs { padding-left: .5rem; padding-right: .5rem; padding-top: .5rem; padding-bottom: .5rem; } .hpadding-xs { padding-left: .5rem; padding-right: .5rem; } .vpadding-xs { padding-top: .5rem; padding-bottom: .5rem; } .padding-xxs { padding-left: .333rem; padding-right: .333rem; padding-top: .333rem; padding-bottom: .333rem; } .hpadding-xxs { padding-left: .333rem; padding-right: .333rem; } .vpadding-xxs { padding-top: .333rem; padding-bottom: .333rem; } .hpadding-list-l>* { padding-top: 3rem; padding-bottom: 3rem; } .hpadding-list-l>:first-child { padding-left: 3rem; } .hpadding-list-l>:not(:first-child) { padding-left: 1.5rem; } .hpadding-list-l>:not(:last-child) { padding-right: 1.5rem; } .hpadding-list-l>:last-child { padding-right: 3rem; } .vpadding-list-l>* { padding-left: 3rem; padding-right: 3rem; } .vpadding-list-l>:first-child { padding-top: 3rem; } .vpadding-list-l>:not(:first-child) { padding-top: 1.5rem; } .vpadding-list-l>:not(:last-child) { padding-bottom: 1.5rem; } .vpadding-list-l>:last-child { padding-bottom: 3rem; } .hpadding-list-m>* { padding-top: 1.5rem; padding-bottom: 1.5rem; } .hpadding-list-m>:first-child { padding-left: 1.5rem; } .hpadding-list-m>:not(:first-child) { padding-left: .75rem; } .hpadding-list-m>:not(:last-child) { padding-right: .75rem; } .hpadding-list-m>:last-child { padding-right: 1.5rem; } .vpadding-list-m>* { padding-left: 1.5rem; padding-right: 1.5rem; } .vpadding-list-m>:first-child { padding-top: 1.5rem; } .vpadding-list-m>:not(:first-child) { padding-top: .75rem; } .vpadding-list-m>:not(:last-child) { padding-bottom: .75rem; } .vpadding-list-m>:last-child { padding-bottom: 1.5rem; } .hpadding-list-s>* { padding-top: 1rem; padding-bottom: 1rem; } .hpadding-list-s>:first-child { padding-left: 1rem; } .hpadding-list-s>:not(:first-child) { padding-left: .5rem; } .hpadding-list-s>:not(:last-child) { padding-right: .5rem; } .hpadding-list-s>:last-child { padding-right: 1rem; } .vpadding-list-s>* { padding-left: 1rem; padding-right: 1rem; } .vpadding-list-s>:first-child { padding-top: 1rem; } .vpadding-list-s>:not(:first-child) { padding-top: .5rem; } .vpadding-list-s>:not(:last-child) { padding-bottom: .5rem; } .vpadding-list-s>:last-child { padding-bottom: 1rem; } .hpadding-list-xs>* { padding-top: .5rem; padding-bottom: .5rem; } .hpadding-list-xs>:first-child { padding-left: .5rem; } .hpadding-list-xs>:not(:first-child) { padding-left: .25rem; } .hpadding-list-xs>:not(:last-child) { padding-right: .25rem; } .hpadding-list-xs>:last-child { padding-right: .5rem; } .vpadding-list-xs>* { padding-left: .5rem; padding-right: .5rem; } .vpadding-list-xs>:first-child { padding-top: .5rem; } .vpadding-list-xs>:not(:first-child) { padding-top: .25rem; } .vpadding-list-xs>:not(:last-child) { padding-bottom: .25rem; } .vpadding-list-xs>:last-child { padding-bottom: .5rem; } .hpadding-list-xxs>* { padding-top: .333rem; padding-bottom: .333rem; } .hpadding-list-xxs>:first-child { padding-left: .333rem; } .hpadding-list-xxs>:not(:first-child) { padding-left: .1665rem; } .hpadding-list-xxs>:not(:last-child) { padding-right: .1665rem; } .hpadding-list-xxs>:last-child { padding-right: .333rem; } .vpadding-list-xxs>* { padding-left: .333rem; padding-right: .333rem; } .vpadding-list-xxs>:first-child { padding-top: .333rem; } .vpadding-list-xxs>:not(:first-child) { padding-top: .1665rem; } .vpadding-list-xxs>:not(:last-child) { padding-bottom: .1665rem; } .vpadding-list-xxs>:last-child { padding-bottom: .333rem; } h1.font-unspace, h1.text-unspace, h2.font-unspace, h2.text-unspace, h3.font-unspace, h3.text-unspace, h4.font-unspace, h4.text-unspace, h5.font-unspace, h5.text-unspace, h6.font-unspace, h6.text-unspace, p.font-unspace, p.text-unspace, address.font-unspace, address.text-unspace, .font-unspace h1, .text-unspace h1, .font-unspace h2, .text-unspace h2, .font-unspace h3, .text-unspace h3, .font-unspace h4, .text-unspace h4, .font-unspace h5, .text-unspace h5, .font-unspace h6, .text-unspace h6, .font-unspace p, .text-unspace p, .font-unspace address, .text-unspace address { margin-top: 0; margin-bottom: 0; } h1.font-unpad:first-child, h1.text-unpad:first-child, h2.font-unpad:first-child, h2.text-unpad:first-child, h3.font-unpad:first-child, h3.text-unpad:first-child, h4.font-unpad:first-child, h4.text-unpad:first-child, h5.font-unpad:first-child, h5.text-unpad:first-child, h6.font-unpad:first-child, h6.text-unpad:first-child, p.font-unpad:first-child, p.text-unpad:first-child, address.font-unpad:first-child, address.text-unpad:first-child, .font-unpad h1:first-child, .text-unpad h1:first-child, .font-unpad h2:first-child, .text-unpad h2:first-child, .font-unpad h3:first-child, .text-unpad h3:first-child, .font-unpad h4:first-child, .text-unpad h4:first-child, .font-unpad h5:first-child, .text-unpad h5:first-child, .font-unpad h6:first-child, .text-unpad h6:first-child, .font-unpad p:first-child, .text-unpad p:first-child, .font-unpad address:first-child, .text-unpad address:first-child { margin-top: 0; } h1.font-unpad:last-child, h1.text-unpad:last-child, h2.font-unpad:last-child, h2.text-unpad:last-child, h3.font-unpad:last-child, h3.text-unpad:last-child, h4.font-unpad:last-child, h4.text-unpad:last-child, h5.font-unpad:last-child, h5.text-unpad:last-child, h6.font-unpad:last-child, h6.text-unpad:last-child, p.font-unpad:last-child, p.text-unpad:last-child, address.font-unpad:last-child, address.text-unpad:last-child, .font-unpad h1:last-child, .text-unpad h1:last-child, .font-unpad h2:last-child, .text-unpad h2:last-child, .font-unpad h3:last-child, .text-unpad h3:last-child, .font-unpad h4:last-child, .text-unpad h4:last-child, .font-unpad h5:last-child, .text-unpad h5:last-child, .font-unpad h6:last-child, .text-unpad h6:last-child, .font-unpad p:last-child, .text-unpad p:last-child, .font-unpad address:last-child, .text-unpad address:last-child { margin-bottom: 0; } .nowrap { white-space: nowrap; } .uncollapse:after, .uncollapse:before { content: ""; display: block; overflow: hidden; height: 0; width: 0; } .align-top { vertical-align: top; } .align-middle { vertical-align: middle; } .align-bottom { vertical-align: bottom; } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .align-children-top>* { vertical-align: top; } .align-children-middle>* { vertical-align: middle; } .align-children-bottom>* { vertical-align: bottom; } .align-content-top * { vertical-align: top!important; } .align-content-middle * { vertical-align: middle!important; } .align-content-bottom * { vertical-align: bottom!important; } .block-align-left { margin-right: auto; } .block-align-center { margin-right: auto; margin-left: auto; } .block-align-right { margin-left: auto; } .valign-top { vertical-align: top; } .valign-center { vertical-align: middle; } .valign-bottom { vertical-align: bottom; } .content-valign-top * { vertical-align: top; } .content-valign-center * { vertical-align: middle; } .content-valign-bottom * { vertical-align: bottom; } .children-valign-top>* { vertical-align: top; } .children-valign-center>* { vertical-align: middle; } .children-valign-bottom>* { vertical-align: bottom; } .align-content-left { text-align: left; } .align-cotnent-center { text-align: center; } .align-content-right { text-align: right; } .group { position: relative; } .clear-both { clear: both; } html.force-fixed { font-size: 15px!important; } html.force-fixed .hidden-phone { display: block!important; } html.force-fixed .hidden-desktop { display: none!important; } html.force-fixed .container { min-width: 940px; } @media (max-width:767px) { html.force-fixed .container { max-width: 940px; padding-left: 0; padding-right: 0; } } @media (min-width:768px) and (max-width:979px) { html.force-fixed .container { max-width: 940px; } html.force-fixed .container [class*=span], html.force-fixed .container .uneditable-input[class*=span] { float: left; min-height: 1px; padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media (max-width:767px) { html.force-fixed .container { max-width: 940px; } html.force-fixed .container .row { margin-left: -10px; margin-right: -10px; } html.force-fixed .container .row:before, html.force-fixed .container .row:after { content: ""; display: table; } html.force-fixed .container .row:after { clear: both; } html.force-fixed .container [class*=span] { float: left; min-height: 1px; padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html.force-fixed .container .span12 { width: 100%; } html.force-fixed .container .span11 { width: 91.66666666666666%; } html.force-fixed .container .span10 { width: 83.33333333333334%; } html.force-fixed .container .span9 { width: 75%; } html.force-fixed .container .span8 { width: 66.66666666666666%; } html.force-fixed .container .span7 { width: 58.333333333333336%; } html.force-fixed .container .span6 { width: 50%; } html.force-fixed .container .span5 { width: 41.66666666666667%; } html.force-fixed .container .span4 { width: 33.33333333333333%; } html.force-fixed .container .span3 { width: 25%; } html.force-fixed .container .span2 { width: 16.666666666666664%; } html.force-fixed .container .span1 { width: 8.333333333333332%; } html.force-fixed .container .offset12 { margin-left: 100%; } html.force-fixed .container .offset11 { margin-left: 91.66666666666666%; } html.force-fixed .container .offset10 { margin-left: 83.33333333333334%; } html.force-fixed .container .offset9 { margin-left: 75%; } html.force-fixed .container .offset8 { margin-left: 66.66666666666666%; } html.force-fixed .container .offset7 { margin-left: 58.333333333333336%; } html.force-fixed .container .offset6 { margin-left: 50%; } html.force-fixed .container .offset5 { margin-left: 41.66666666666667%; } html.force-fixed .container .offset4 { margin-left: 33.33333333333333%; } html.force-fixed .container .offset3 { margin-left: 25%; } html.force-fixed .container .offset2 { margin-left: 16.666666666666664%; } html.force-fixed .container .offset1 { margin-left: 8.333333333333332%; } html.force-fixed .container .row { margin-left: -10px; margin-right: -10px; } html.force-fixed .container .row:before, html.force-fixed .container .row:after { content: ""; display: table; } html.force-fixed .container .row:after { clear: both; } html.force-fixed .container [class*=span] { float: left; min-height: 1px; padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html.force-fixed .container .span12 { width: 100%; } html.force-fixed .container .span11 { width: 91.66666666666666%; } html.force-fixed .container .span10 { width: 83.33333333333334%; } html.force-fixed .container .span9 { width: 75%; } html.force-fixed .container .span8 { width: 66.66666666666666%; } html.force-fixed .container .span7 { width: 58.333333333333336%; } html.force-fixed .container .span6 { width: 50%; } html.force-fixed .container .span5 { width: 41.66666666666667%; } html.force-fixed .container .span4 { width: 33.33333333333333%; } html.force-fixed .container .span3 { width: 25%; } html.force-fixed .container .span2 { width: 16.666666666666664%; } html.force-fixed .container .span1 { width: 8.333333333333332%; } html.force-fixed .container .offset12 { margin-left: 100%; } html.force-fixed .container .offset11 { margin-left: 91.66666666666666%; } html.force-fixed .container .offset10 { margin-left: 83.33333333333334%; } html.force-fixed .container .offset9 { margin-left: 75%; } html.force-fixed .container .offset8 { margin-left: 66.66666666666666%; } html.force-fixed .container .offset7 { margin-left: 58.333333333333336%; } html.force-fixed .container .offset6 { margin-left: 50%; } html.force-fixed .container .offset5 { margin-left: 41.66666666666667%; } html.force-fixed .container .offset4 { margin-left: 33.33333333333333%; } html.force-fixed .container .offset3 { margin-left: 25%; } html.force-fixed .container .offset2 { margin-left: 16.666666666666664%; } html.force-fixed .container .offset1 { margin-left: 8.333333333333332%; } html.force-fixed .container [class*=span], html.force-fixed .container .uneditable-input[class*=span] { float: left; min-height: 1px; padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media (min-width:980px) and (max-width:1199px) { html.force-fixed .container { max-width: 940px; } } @media (min-width:1200px) { html.force-fixed .container { max-width: 940px; } } @media (min-width:768px) { html.force-fixed .container h1, html.force-fixed .container .alpha { font-size: 34px; font-size: 2.2666666666666666rem; line-height: 1.0294117647058822; } } html.force-fixed .container h2, html.force-fixed .container .beta { font-size: 34px; font-size: 2.2666666666666666rem; line-height: 1.0294117647058822; } @media (min-width:768px) { html.force-fixed .container h2, html.force-fixed .container .beta { font-size: 34px; font-size: 2.2666666666666666rem; line-height: 1.0294117647058822; } } .alert-drawer .alert-drawer__body.alert-major, .alert-drawer .alert-drawer__handle.alert-major { background-color: #d6001a; } .alert-drawer .alert-drawer__body.alert-major .alert-drawer__cta .cta-circle, .alert-drawer .alert-drawer__handle.alert-major .alert-drawer__cta .cta-circle { background-color: #fff; color: #d6001a; } .alert-drawer .alert-drawer__body.alert-major .btn, .alert-drawer .alert-drawer__handle.alert-major .btn { background: #fff; color: #d6001a; } .alert-drawer .alert-drawer__body.alert-major .dot--overlay-dark, .alert-drawer .alert-drawer__handle.alert-major .dot--overlay-dark { color: #d6001a; } .alert-drawer .alert-drawer__body.alert-minor, .alert-drawer .alert-drawer__handle.alert-minor { background-color: #0084d6; } .alert-drawer .alert-drawer__body.alert-minor .alert-drawer__cta, .alert-drawer .alert-drawer__handle.alert-minor .alert-drawer__cta, .alert-drawer .alert-drawer__body.alert-minor .alert-drawer__title-text, .alert-drawer .alert-drawer__handle.alert-minor .alert-drawer__title-text, .alert-drawer .alert-drawer__body.alert-minor .alert-drawer__description-text, .alert-drawer .alert-drawer__handle.alert-minor .alert-drawer__description-text { color: #fff; } .alert-drawer .alert-drawer__body.alert-minor .alert-drawer__cta .cta-circle, .alert-drawer .alert-drawer__handle.alert-minor .alert-drawer__cta .cta-circle { background-color: #fff; color: #0084d6; } .alert-drawer .alert-drawer__body.alert-minor .btn, .alert-drawer .alert-drawer__handle.alert-minor .btn { background: #fff; color: #0084d6; } .alert-drawer .alert-drawer__body.alert-minor .dot--overlay-dark, .alert-drawer .alert-drawer__handle.alert-minor .dot--overlay-dark { color: #0084d6; } .alert-drawer .alert-drawer__cta { display: block; color: #fff; float: none; } .alert-drawer .alert-drawer__title-text { line-height: 1; color: #fff; margin-bottom: .5rem; } @media (max-width:767px) { .alert-drawer .alert-drawer__title-text { margin-bottom: -.2rem; letter-spacing: 1px; margin-left: -3px; } } .alert-drawer .alert-drawer__description-text { display: block; } .alert-drawer .alert-drawer__remove-alert { display: inline-block; margin-left: 1.75rem; color: #fff; line-height: .5; opacity: .8; cursor: pointer; font-size: 1.4rem; } .alert-drawer .alert-drawer__remove-alert:hover { opacity: 1; } .alert-drawer .alert-drawer__remove-alert:active { opacity: .5; } @media (max-width:767px) { .alert-drawer .alert-drawer__remove-alert { padding: 3px 6px; } } @media (min-width:768px) { .alert-drawer .alert-drawer__remove-alert { font-size: 1.2rem; } } .alert-drawer .alert-inner { margin-left: 40px; } @media (max-width:767px) { .alert-drawer .alert-inner { margin-left: 22px; margin-top: 7px; } } .alert-drawer .alert-inner .icon-wrapper { float: left; margin-left: -40px; margin-top: -7px; } @media (max-width:767px) { .alert-drawer .alert-inner .icon-wrapper { margin-left: -37px; } } .alert-drawer .alert-inner .icon-wrapper .dot--overlay-dark { height: 32px; width: 32px; background-color: #fff; } @media (max-width:767px) { .alert-drawer .alert-inner .icon-wrapper .dot--overlay-dark { height: 27px; width: 27px; } } .alert-drawer .alert-drawer__description-text { color: #fff; clear: left; display: block; vertical-align: middle; } .alert-drawer .alert-drawer__description-text:not(:empty) { margin-right: 1rem; } .alert-drawer .alert-drawer__text-decoration-none { text-decoration: none; color: inherit; } .alert-drawer__handle.badge-notification { border-top-right-radius: 0; border-top-left-radius: 0; } .alert-major.alert-drawer__handle { background-color: #d6001a; } .alert-minor.alert-drawer__handle { background-color: #0084d6; } @media (max-width:767px) { .mrgn-icon-top { margin-top: -1px; } .mrgn-icon-top, x:-moz-any-link { margin-top: -2px; margin-left: 0; } img, x:-moz-any-link { height: 26px; } .mrgn-txt-left { margin-left: -3px; } .movLeft1px { margin-left: -1px; } .butn-txt { margin-left: -117px; margin-top: 30px; margin-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; padding-top: 5px; } } .ie8 .alert-minor .dot--overlay-dark { background-color: #fff; } .ie8 .alert-minor .btn--overlay-dark { background-color: #fff; } .ie8 .alert-minor .alert-drawer__cta .cta-circle { background-color: #000; color: #0084d6; } .ie8 .alert-major .dot--overlay-dark { background-color: #fff; } .alert-multi { padding: 0rem; display: block; clear: both; } .alert-multi .not-visible { visibility: hidden; } .alert-multi .arrow-pointer { cursor: pointer; } .alert-multi .mobile-alert-div { padding: 1rem; } .alert-multi .multiple-alert { padding: 1rem; min-height: 60px; } .alert-multi .alert-banner.padding-s.panel.semflex.full-width { width: 85%; } .alert-multi .alert-showcase { font-family: Regular-Bold; } .alert-multi .border-minor { border-left: 2px solid #0065a3; } .alert-multi .border-minorWarning { border-left: 2px solid #0065a3; } .alert-multi .border-major { border-left: 2px solid #a30014; } .alert-multi .border-success { border-left: 2px solid #00770d; } .alert-multi .icons-minor { background: #fff; color: #0084d6; padding: 4px; border-radius: 2px; } .alert-multi .icons-minorWarning { background: #fff; color: #0084d6; padding: 4px; border-radius: 2px; } .alert-multi .icons-major { background: #fff; color: #d6001a; padding: 4px; border-radius: 2px; } .alert-multi .icons-success { background: #fff; color: #00aa13; padding: 4px; border-radius: 2px; } @media (max-width:767px) { .alert-multi { padding: 0; margin-top: 1rem; } .alert-multi .alert-banner.panel.semflex.full-width { display: block; } .alert-multi .alert-banner { margin: 0; } .alert-multi .multiple-alert { float: none; } .alert-multi .hflow:not(.wrap) { white-space: normal!important; } .alert-multi .cta-arrow { font-size: 14pt; } .alert-multi .phone-alert-showcase { font-size: 18px; font-family: Regular-Bold; } .alert-multi .mobile-alert-div { display: table; width: 100%; margin-right: auto; margin-left: auto; } .alert-multi .mobile-icon { width: 2rem; display: table-cell; } .alert-multi .mobile-alert-text { width: 10rem; text-align: center; } } .alert-banner { padding-left: 0; margin: 0 0 1.5rem; } .alert-banner .ab__icon { padding-left: 1.4em; font-size: 1.2rem; } .alert-banner .ab__text { padding-top: .5em; padding-left: 1.4em; } .alert-banner .ab__title { font-size: 1.2rem; line-height: 1.25; font-family: Regular-Bold; color: #fff; } .alert-banner .widthBtn { width: auto; margin-top: 0rem; margin-left: 30rem; background: #B80000; padding: .8rem 1rem; font-weight: 700; color: #fff; border-radius: .6rem; box-shadow: none; border: 0; } .alert-banner .alert-background { background-color: #fff; width: 25px; height: 27px; } .alert-banner .icon-exclamation-major { font-size: 35px; position: relative; top: -3px; left: -1px; background-color: #d6001a; } .alert-banner .icon-exclamation-minor { font-size: 35px; background-color: #0084d6; position: relative; top: -3px; left: -1px; } @media (max-width:360px) and (orientation:portrait) { .icon-exclamation-major { left: -3px!important; } } @media (max-width:767px) { .icon-exclamation-major { left: -3px!important; } } @media (min-width:768px) and (max-width:979px) { .icon-exclamation-major { left: -3px!important; } } .badge { display: inline-block; padding: .25em .5em; vertical-align: baseline; line-height: 1; white-space: nowrap; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; } .badge--primary { background-color: #0084d6; color: #fff; } .badge--secondary { background-color: #000; color: #fff; } .badge--alert { background-color: #d6001a; color: #fff; } .badge--overlay-dark, .badge--dark-overlay { background-color: #666; color: #fff; } .badge--outline { border: 1px solid #d9d9d9; font-weight: 700; color: #3c4d4a; } .badge--record { border: 1px solid #d9d9d9; font-weight: 700; color: #fff; } .badge--s { padding: .25em .5em; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; } section.billpay-widget h2 { text-align: center; } section.billpay-widget .bold { font-family: Regular-Bold; } section.billpay-widget .due { color: #000; } section.billpay-widget .paybill-box { background: #f2f2f2; border-radius: 6px; border: 1px solid #d9d9d9; padding: 20px 20px 0; display: block; font-family: Regular; font-size: 17px; font-weight: 400; } section.billpay-widget .paybill-box h2 { text-align: center; margin: 10px 0; } section.billpay-widget .paybill-box h4 { text-align: center; margin: 0; font-weight: 400; font-size: 20px; font-family: Regular-Bold; } section.billpay-widget .paybill-box h4 a { color: #9d479d; text-decoration: none; } section.billpay-widget .paybill-box .row-payment-detail .col-left { position: relative; display: inline-block; background-color: #f2f2f2; width: 90%; margin: 0 auto; line-height: 1.5rem; padding-right: 4rem; margin-bottom: .5rem; } section.billpay-widget .paybill-box .row-payment-detail .description { background: #f2f2f2; position: inherit; display: inline; z-index: 1; padding-right: .2rem; } section.billpay-widget .paybill-box .row-payment-detail .amount { font-family: Regular-Bold; background: inherit; position: absolute; bottom: 0; right: 0; padding-left: .2rem; text-align: right; z-index: 2; } section.billpay-widget .paybill-box .btn.btn--primary { position: relative; top: 20px; text-align: center; } section.billpay-widget .paybill-box .btn-urgent { background-color: #ec1c1c; } section.billpay-widget .paybill-box .container-button-relative { text-align: center; } section.billpay-widget .paybill-box .date { font-weight: Medium; } section.billpay-widget .paybill-box .icon-info-sign { position: relative; margin-left: 5px; } section.billpay-widget .paybill-box .message { text-align: center; margin-top: 1rem; } section.billpay-widget .paybill-box .widget-load-error { margin-bottom: 30px; } section.billpay-widget .paybill-box .col-left:before { content: ''; position: absolute; bottom: .3rem; width: 100%; height: 0; line-height: 0; border-bottom: 2px dotted #ccc; } @media (max-width:767px) { section.billpay-widget h2 { font-size: 40px; text-align: left; } } .block-error .container { padding-left: 1rem; } .block-error .container .paddingTopLong { padding-top: 3rem; } .block-error .container .paddingTopShort { padding-top: 1rem; } .block-error .container .paddingBottomShort { padding-bottom: 1rem; } .btn-row { display: inline-table; } .btn-row>.btn { display: table-cell; } .btn-row>.btn:not(:first-child) { border-left: 1px solid rgba(255,255,255,.16000000000000003); } .btn-row>:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-row>:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-row--vpad-l .btn { padding-top: .75em; padding-bottom: .75em; } .btn-stack { border-radius: .33333em; overflow: hidden; } .btn-stack .btn { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: block; width: 100%; } .btn-stack--primary-outline { border: 1px solid #d9d9d9; } .btn-stack--primary-outline .btn { background-color: #fff; color: #0084d6; } .btn-stack--primary-outline .btn:not(:first-child) { border-top: 1px solid #d9d9d9; } .btn-stack--primary-outline .btn:hover { background-color: #0084d6; color: #fff; } .btn-stack--primary-outline .btn:active { background-color: #004570; color: #0084d6; } .btn-stack--secondary-outline { border: 1px solid #d9d9d9; } .btn-stack--secondary-outline .btn { background-color: #fff; color: #000; } .btn-stack--secondary-outline .btn:not(:first-child) { border-top: 1px solid #d9d9d9; } .btn-stack--secondary-outline .btn:hover { background-color: #000; color: #fff; } .btn-stack--secondary-outline .btn:active { background-color: #000; color: #000; } .btn { font-weight: 400; font-family: Regular-Bold; } .btn-group { position: relative; display: inline-block; font-size: 0; vertical-align: middle; white-space: nowrap; } .btn-group+.btn-group { margin-left: 5px; } .btn-group>.btn { position: relative; border-radius: 0; } .btn-group>.btn+.btn { margin-left: -1px; } .btn-group>.btn, .btn-group>.dropdown-menu, .btn-group>.popover { font-size: 15px; } .btn-group>.btn:first-child { margin-left: 0; border-top-left-radius: .33333em; border-bottom-left-radius: .33333em; } .btn-group>.btn:last-child, .btn-group>.dropdown-toggle { border-top-right-radius: .33333em; border-bottom-right-radius: .33333em; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group>:first-child { border-left: 0; } .btn-group--primary>.btn:first-child { background-color: #0084d6; color: #fff; text-align: left; } .btn-group--primary>.dropdown-toggle { background-color: #0074bd; } .btn-group--primary:hover>.btn:first-child { background-color: #0065a3; color: #fff; } .btn-group--primary:hover>.dropdown-toggle { background-color: #00558a; } .btn-group--secondary>.btn:first-child { background-color: #000; color: #fff; text-align: left; } .btn-group--secondary>.dropdown-toggle { background-color: #000; } .btn-group--secondary:hover>.btn:first-child { background-color: #000; color: #fff; } .btn-group--secondary:hover>.dropdown-toggle { background-color: #000; } .btn-group--primary-outline { border: 1px solid #0084d6; border-radius: .33333em; text-align: left; } .btn-group--primary-outline>.btn:first-child { color: #0084d6; background-color: #fff; } .btn-group--primary-outline>.dropdown-toggle { border-left: 1px solid #89d2ff; color: #0084d6; background-color: #fff; } .btn-group--primary-outline:hover>.dropdown-toggle { border-left: 1px solid #89d2ff; } .btn-group--primary-outline .caret { border-top: 4px solid #3db5ff; } .btn-group--secondary-outline { border: 1px solid #000; border-radius: .33333em; text-align: left; } .btn-group--secondary-outline>.btn:first-child { color: #000; background-color: #fff; } .btn-group--secondary-outline>.dropdown-toggle { border-left: 1px solid #595959; color: #000; background-color: #fff; } .btn-group--secondary-outline:hover>.dropdown-toggle { border-left: 1px solid #595959; } .btn-group--secondary-outline .caret { border-top: 4px solid #333; } .btn-group--s>.btn:first-child { width: 96px; } .btn-group--m>.btn:first-child { width: 138px; } .icon-left { margin-right: 4px; } .icon-right { margin-left: 4px; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #fff; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .dropdown-toggle .caret { opacity: .5; } .btn .caret { margin-top: 8px; margin-left: 0; } .btn--secondary-accent { background: #666; color: #fff; } .btn--secondary-accent:hover { background: #666; color: #fff; } .btn--secondary-accent-text { background: #666; color: #fff; } .btn--secondary-accent-text:hover { background: #000; color: #fff; } .btn--footer-accent { background: #000; color: #fff; } .btn--footer-accent:hover { background: #404040; color: #fff; } .btn--darker-accent { background: #484848; color: #fff; } .btn--darker-accent:hover { background: #3b3b3b; color: #fff; } .btn--lighter-accent { background: #666; color: #fff; } .btn--lighter-accent:hover { background: #595959; color: #fff; } .btn--alert { background: #d6001a; color: #fff; } .btn--alert:hover { background: #bd0017; color: #fff; } .btn--alert-accent { background: #bb0202; color: #fff; } .btn--alert-accent:hover { background: #a20202; color: #fff; } .btn { font-size: 15px; font-family: Regular-Bold; } @media (max-width:767px) { .mobile-clickarea-full { padding: .5rem; } .mobile-clickarea { padding: 0 .5rem .5rem; } .mobile-clickarea-sides { padding-left: .5rem; padding-right: .5rem; } .mobile-clickarea-tops { padding-bottom: .5rem; padding-top: .5rem; } } .carousel-wrapper { width: 100%; } .carousel-wrapper .carousel { position: relative; width: 100%; margin: 0 auto; padding: 0; overflow: hidden!important; } .carousel-wrapper .carousel ul { margin: 0; padding: 0; list-style-type: none; } .carousel-wrapper .carousel li { list-style: none; margin: 0; padding: 0; } .carousel-wrapper .carousel.indented { margin: 0; } .carousel-wrapper .carousel.show-next-ui .carousel-next { display: block; } .carousel-wrapper .carousel.show-prev-ui .carousel-prev { display: block; } .carousel-wrapper .carousel .slide { position: relative; width: 1000%; max-height: 360px; overflow-y: hidden; -webkit-transition: left .5s ease; -moz-transition: left .5s ease; -o-transition: left .5s ease; transition: left .5s ease; } .carousel-wrapper .carousel div.item-header { min-height: 40px; margin: 0 0 1rem; } .carousel-wrapper .carousel .item-header a, .carousel-wrapper .carousel .item-header div>div { display: block; margin: 0; } .carousel-wrapper .carousel .item-header .img-alt { height: 30px; margin: 0 auto; } .carousel-wrapper .carousel .item-header .img-alt .img-alt__graphic { max-height: 30px; } .carousel-wrapper .carousel .items>.item { float: left; margin: 0; } .carousel-wrapper .carousel.art .items>.item { margin-right: 28px; cursor: pointer; position: relative; } .carousel-wrapper .carousel.art .items>.item .price-badge { position: absolute; top: 5px; right: 5px; z-index: 2; } .carousel-wrapper .carousel.art .items>.item img { display: block; margin: 0 auto; } .carousel-wrapper .carousel.art .items>.item img.secondary-image { position: absolute; bottom: 14%; left: 0; right: 0; top: 0; } .carousel-wrapper .carousel.art .item .info { position: absolute; z-index: 3; width: 140px; min-height: 187px; height: 100%; text-align: center; padding: 10px; font-size: 1.2rem; color: #fff; background: rgba(0,0,0,.75); } .carousel-wrapper .carousel.art .item .info>div { margin-bottom: .5em; } .carousel-wrapper .carousel.art .item .info .title, .carousel-wrapper .carousel.art .item .info .episode-title { max-height: 3.38em; } .carousel-wrapper .carousel.art .item .info .season-episode-number { font-weight: 700; position: absolute; bottom: 30px; left: 10px; right: 10px; margin-bottom: .25em; } .carousel-wrapper .carousel.art .item .info .airdate { position: absolute; bottom: 10px; left: 10px; right: 10px; margin-bottom: 0; } .carousel-wrapper .carousel.art .item .info .airdate span { display: block; } .carousel-wrapper .carousel.art .item .nav-btns { display: none; position: absolute; z-index: 4; width: 140px; top: 114px; text-align: center; } .carousel-wrapper .carousel.art .item .nav-btns button, .carousel-wrapper .carousel.art .item .nav-btns a { width: 130px; margin-bottom: .33rem; background: #000; } .carousel-wrapper .carousel.art .under-text h4, .carousel-wrapper .carousel.art .under-text h5 { font-family: regular; font-weight: 400; } .carousel-wrapper .carousel.art .under-text h4 { margin: 1rem 0; } .carousel-wrapper .carousel.art .under-text h4+h5 { color: #c7c7c7; } .carousel-wrapper .carousel.art .item-overrun { background: transparent; text-align: center; padding-top: 20px; } .carousel-wrapper .carousel.art .item-overrun:before { content: "\2193"; display: block; font-size: 2em; font-weight: 700; margin-bottom: .5em; } .carousel-wrapper .carousel.block .items>.item { height: 90px; margin-right: 0; border-right: 1px solid #fff; background: #fff; } .carousel-wrapper .carousel.block .info-block { position: relative; width: 100%; height: 45px; top: 50%; margin-top: -23px; border-right: 2px solid #d9d9d9; cursor: pointer; white-space: nowrap; overflow: hidden; } .carousel-wrapper .carousel.block .info-block .title { color: #484848; font-weight: 700; } .carousel-wrapper .carousel.block .info-block .under-text { display: none; } .carousel-wrapper .carousel .carousel-prev, .carousel-wrapper .carousel .carousel-next { cursor: pointer; } .carousel-wrapper .carousel .half-circle--left, .carousel-wrapper .carousel .half-circle--right { display: none; } .carousel-wrapper .carousel.art .half-circle--left { position: absolute; left: -46.5px; height: 186px; width: 93px; border-radius: 0 93px 93px 0; background: #0084d6; z-index: 999; overflow: hidden; } .carousel-wrapper .carousel.art .half-circle--left .icon-arrow-left { position: relative; font-size: 23.25px; left: 70%; line-height: 186px; color: #fff; } .carousel-wrapper .carousel.art .half-circle--right { position: absolute; right: -46.5px; height: 186px; width: 93px; border-radius: 93px 0 0 93px; background: #0084d6; z-index: 999; overflow: hidden; } .carousel-wrapper .carousel.art .half-circle--right .icon-arrow-right { position: relative; left: 10%; line-height: 186px; color: #fff; font-size: 23.25px; } .carousel-wrapper .carousel.block .half-circle--left { position: absolute; top: 50%; margin-top: -50px; right: -20px; height: 100px; width: 50px; border-radius: 50px 0 0 50px; background: #0084d6; z-index: 999; overflow: hidden; } .carousel-wrapper .carousel.block .half-circle--left .icon-arrow-left { position: relative; left: 5px; font-size: 23.25px; line-height: 100px; color: #fff; } .carousel-wrapper .carousel.block .half-circle--right { position: absolute; top: 50%; margin-top: -50px; left: -20px; height: 100px; width: 50px; border-radius: 0 50px 50px 0; background: #0084d6; z-index: 999; overflow: hidden; } .carousel-wrapper .carousel.block .half-circle--right .icon-arrow-right { position: relative; left: 25px; font-size: 23.25px; line-height: 100px; color: #fff; } .carousel-wrapper .pagination-dots { margin-top: 1.5rem; margin-bottom: 1.5rem; text-align: center; } .carousel-wrapper .pagination-dots ul { margin: 0; padding: 0; } .carousel-wrapper .pagination-dots li { display: inline-block; list-style: none; width: .6rem; height: .6rem; padding: 0; margin-right: 1rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #0084d6; } .carousel-wrapper .pagination-dots li.active { background: #000; } carousel { display: block; } .carousel-offset-parent { position: relative; } carousel.hidden .carousel-wrapper { display: none; } carousel.hidden .pagination-dots { height: 0; overflow: hidden; } carousel.hidden .pagination-dots>* { display: none; } .no-touch .carousel-wrapper .carousel.art .item .info { display: none; } .no-touch .carousel-wrapper .carousel.art .info-block:hover .nav-btns, .no-touch .carousel-wrapper .carousel.art .info-block:hover .info { display: block; } .no-touch .info-block nav .btn { visibility: hidden; } .no-touch .info-block:hover nav .btn { visibility: visible; } .ie7 .carousel-wrapper .carousel.art .item .info .season-episode-number, .ie8 .carousel-wrapper .carousel.art .item .info .season-episode-number, .ie9 .carousel-wrapper .carousel.art .item .info .season-episode-number { bottom: 40px; } .ie7 .carousel-wrapper .carousel.art .item .info .airdate, .ie8 .carousel-wrapper .carousel.art .item .info .airdate, .ie9 .carousel-wrapper .carousel.art .item .info .airdate { bottom: 20px; } .info-block nav { width: 100%; position: absolute; padding: 40% 5%; } .info-block nav .btn { position: relative; z-index: 5; width: 100%; } .no-rgba .carousel-wrapper .block.carousel .half-circle--left, .no-rgba .carousel-wrapper .carousel.art .half-circle--left { background: #0084d6; } .no-rgba .carousel-wrapper .block.carousel .half-circle--right, .no-rgba .carousel-wrapper .carousel.art .half-circle--right { background: #0084d6; } .no-fontface .half-circle--left.carousel-next .icon-arrow-left { width: 28px; height: 28px; float: left; background: url(/assets/images/global-sprite.png) -7px -212px no-repeat; top: 75px; } .no-fontface .half-circle--right.carousel-prev .icon-arrow-right { width: 28px; height: 28px; float: left; background: url(/assets/images/global-sprite.png) -50px -212px no-repeat; top: 75px; } .no-fontface .carousel.block .half-circle--left.carousel-next .icon-arrow-left { width: 28px; height: 28px; float: left; background: url(/assets/images/global-sprite.png) -7px -212px no-repeat; top: 33px; } .no-fontface .carousel.block .half-circle--right.carousel-prev .icon-arrow-right { width: 28px; height: 28px; float: left; background: url(/assets/images/global-sprite.png) -50px -212px no-repeat; top: 33px; } .itemcount { position: absolute; right: 11px; top: 11px; background-color: rgba(0,0,0,.7); color: #fff; -webkit-border-radius: .33rem; -moz-border-radius: .3rem; border-radius: .33rem; padding: .25rem .5rem; border: 0!important; line-height: 1.6; } .dropdown { vertical-align: middle; display: inline-block; } .alert-modal h4 { color: #fff!important; } .alert-modal .alert-modal__header { border-bottom: 1px solid rgba(0,0,0,.09999999999999998); padding-bottom: 1.4rem; margin-bottom: 1.4rem; } .cart__grid-view .drawer-row { padding-bottom: 1.1rem; } .cart__grid-view .drawer-row:last-child { padding-bottom: 0; } .cart__header { background-color: #e0e0e0; } .cart__trash-bar-container .is-sticky { width: 100%; } .cart__trash-bar-container .drawer__body { width: 100%; } .cart__trash-bar-container .sticky-wrapper { width: 100%; position: absolute; z-index: 100; } .cart__pagination { margin-bottom: 2.8rem; } .cart-item.is-removed .item__thumb { opacity: .4; } .cart__list-view img { width: 9.799999999999999rem; } .cart__list-view .cart-item { border-bottom: 1px solid #f2f2f2; } .cart__list-view .cart-item.is-removed .col-show-remove { visibility: hidden; } .cart__grid-view { border-bottom: 1px solid #f2f2f2; } .drawer-row__item img { width: 100%; } .drawer-row__item.is-current ng-include { position: relative; } .drawer-row__item.is-current ng-include:before { content: ''; top: 0; right: 0; bottom: 0; left: 0; position: absolute; border: 5px solid #000; } .col-show-summary { width: 14rem; } .col-show-remove { margin-right: .7rem; } .col-show-summary, .col-show-poster { margin-right: 1.4rem; } .col-show-content { margin-left: 0; } .show-description { width: 28rem; } .list-view-row__btn-checkbox-cover { padding: .3em .6em; } .badge-price { font-weight: 400; } .ending-soon-stamp { margin-top: 2rem; } .title-badge { font-family: Regular-Bold; } .item__add-it-back button i { top: 2px; position: relative; } .cart__page .visible-phone .cart__browse-controls { border-bottom: 2px solid rgba(0,0,0,.08999999999999997); } .cart__page .visible-phone #trash-bar-push { height: 54px; } .cart__page .visible-phone #trash-bar-container { position: fixed; bottom: 0; width: 100%; } .cart__page .visible-phone #trash-bar-container .trash-bar { position: relative; width: 100%; } .cart__page .visible-phone .cart-item.is-removed { color: #AAA; } .cart__page .visible-phone .cart-item.is-removed h4 { color: #AAA; } .cart__page .visible-phone .cart-item.is-removed .item__add-it-back p { display: none; } .dropdown { vertical-align: middle; display: inline-block; } .alert-modal h4 { color: #fff!important; } .alert-modal .alert-modal__header { border-bottom: 1px solid rgba(0,0,0,.09999999999999998); padding-bottom: 1.4rem; margin-bottom: 1.4rem; } .no-fontface section.cart__header .icon-search { background: url(/assets/images/global-sprite.png) -100px -82px no-repeat; float: left; width: 20px; height: 21px; } .no-fontface .cart__browse-controls .icon-th-list { background: url(/assets/images/global-sprite.png) -47px -188px no-repeat; float: left; width: 20px; height: 20px; } .no-fontface .cart__browse-controls .icon-th { background: url(/assets/images/global-sprite.png) -11px -188px no-repeat; float: left; width: 20px; height: 20px; } .cart__grid-view .drawer-row { padding-bottom: 1.1rem; } .cart__grid-view .drawer-row:last-child { padding-bottom: 0; } .cart__header { background-color: #e0e0e0; } .cart__trash-bar-container .is-sticky { width: 100%; } .cart__trash-bar-container .drawer__body { width: 100%; } .cart__trash-bar-container .sticky-wrapper { width: 100%; position: absolute; z-index: 100; } .cart__pagination { margin-bottom: 2.8rem; } .cart-item.is-removed .item__thumb { opacity: .4; } .cart__list-view img { width: 9.799999999999999rem; } .cart__list-view .cart-item { border-bottom: 1px solid #f2f2f2; } .cart__list-view .cart-item.is-removed .col-show-remove { visibility: hidden; } .cart__grid-view { border-bottom: 1px solid #f2f2f2; } .drawer-row__item img { width: 100%; } .drawer-row__item.is-current ng-include { position: relative; } .drawer-row__item.is-current ng-include:before { content: ''; top: 0; right: 0; bottom: 0; left: 0; position: absolute; border: 5px solid #000; } .col-show-summary { width: 14rem; } .col-show-remove { margin-right: .7rem; } .col-show-summary, .col-show-poster { margin-right: 1.4rem; } .col-show-content { margin-left: 0; } .show-description { width: 28rem; } .list-view-row__btn-checkbox-cover { padding: .3em .6em; } .badge-price { font-weight: 400; } .ending-soon-stamp { margin-top: 2rem; } .title-badge { font-family: Regular-Bold; } .item__add-it-back button i { top: 2px; position: relative; } .cart__page .visible-phone .cart__browse-controls { border-bottom: 2px solid rgba(0,0,0,.08999999999999997); } .cart__page .visible-phone #trash-bar-push { height: 54px; } .cart__page .visible-phone #trash-bar-container { position: fixed; bottom: 0; width: 100%; } .cart__page .visible-phone #trash-bar-container .trash-bar { position: relative; width: 100%; } .cart__page .visible-phone .cart-item.is-removed { color: #AAA; } .cart__page .visible-phone .cart-item.is-removed h4 { color: #AAA; } .cart__page .visible-phone .cart-item.is-removed .item__add-it-back p { display: none; } .checkbox { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; width: 2em; height: 2em; -webkit-border-radius: .25rem; -moz-border-radius: .25rem; border-radius: .25rem; cursor: pointer; background-color: #f2f2f2; vertical-align: middle; font-family: FontAwesome; display: inline-table; color: #f2f2f2; border: 1px solid #8c8c8c; } .checkbox .checkbox-inner { display: table-cell; vertical-align: middle; text-align: center; } .checkbox.is-checked .checkbox-inner:before { content: '\f00c'; } .checkbox.is-checked-partial .checkbox-inner:before { content: '\f068'; position: relative; top: 1px; } .checkbox[checkmark].is-checked .checkbox-inner:before { content: attr(checkmark); } .checkbox[disabled] { opacity: .5; filter: alpha(opacity=50); cursor: default; pointer-events: none; } .checkbox.not-checked { background-color: #f2f2f2; border: 1px solid #8c8c8c; } .checkbox.not-checked:hover { background-color: #bfbfbf; border: 1px solid #595959; } .checkbox.not-checked:focus { background-color: #f2f2f2; border: 1px solid #8c8c8c; } .checkbox.not-checked[disabled] { background-color: #f2f2f2; border: 1px solid #8c8c8c; opacity: .25; } .checkbox.is-checked { background-color: #000; } .checkbox.is-checked:hover { background-color: #333; } .checkbox.is-checked:focus { background-color: #000; } .checkbox.is-checked[disabled] { background-color: #000; opacity: .25; } .checkbox--primary.is-checked-partial, .checkbox--primary.is-checked { background-color: #0084d6; color: #fff; border: 0; } .checkbox--secondary { border: 1px solid #8c8c8c; } .checkbox--secondary.is-checked-partial, .checkbox--secondary.is-checked { background-color: #000; color: #fff; border: 0; } .checkbox--white { background-color: rgba(255,255,255,.7); color: #0084d6; border-style: none; } .checkbox--white.is-checked-partial, .checkbox--white.is-checked { background-color: #fff; color: #0084d6; border: 0; } .checkbox--whiteBgSecondary { background-color: #fff; } .checkbox--whiteBgSecondary.is-checked-partial, .checkbox--whiteBgSecondary.is-checked { background-color: #000; color: #fff; border: 0; } .checkbox--overlay-light { background-color: rgba(255,255,255,.25); } .checkbox--overlay-light.is-checked-partial, .checkbox--overlay-light.is-checked { background-color: rgba(255,255,255,.35); color: #fff; border: 0; } .episodes-table td { padding: .7em 0; } .episodes-table th { padding-bottom: .7em; } .episodes-table thead tr { border-bottom: 1px solid #fff; } .episodes-table td, .episodes-table th { vertical-align: middle; padding-left: 1.4rem; } .episodes-table td:first-child, .episodes-table th:first-child { padding-left: 0; } ul.show-more { list-style: outside none none; margin-top: 25px; margin-left: 14px; float: left; cursor: pointer; } ul.show-more li { font-size: 30px; font-family: regular; float: left; } ul.show-more li a { color: #0084d6; font-family: Regular; } ul.show-more .size .downarrow { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #0084d6; content: ""; float: left; height: auto; margin-left: 10px; margin-top: 18px; width: auto; } ul.show-more .size .options { color: #0084d6; float: left; } ul.list { border-radius: 5px; box-shadow: 0 0 5px #999; list-style: outside none none; margin: 0; padding: 10px; position: absolute; width: 280px; z-index: 999; top: 18px; background: #fff; left: -4px; } ul.list li { width: 100%; float: left; padding: 10px 0; border-bottom: 1px solid #d9d9d9; font-size: 30px; font-family: regular; } ul.list li.size { border: 0; } ul.list li:first-child { margin: 0; padding: 0 0 5px; } ul.list li:last-child { border: 0; padding: 10px 0 0; } ul.list li a { color: #0084d6; font-family: Regular; outline: 0; } ul.list .size .downarrow { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #0084d6; content: ""; float: left; height: auto; margin-left: 10px; margin-top: 18px; width: auto; } ul.list .size .options { color: #0084d6; float: left; } .moreItems { float: left; position: relative; } .moreItems .downarrow { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #0084d6; content: ""; float: right; height: auto; margin-left: 10px; margin-top: 18px; width: auto; } @media all and (max-width:767px) { .moreItems { display: none; } } .footer-wrapper { background-color: #002864; } .footer-wrapper .search-group .search-glass { color: #fff; background: #0084d6; height: 50px; font-size: 1.5rem; margin: 0; width: 10%; padding: .3em .8em; float: left; border-radius: 0; border-bottom-right-radius: 6px; border-top-right-radius: 6px; } section.common-footer-help { padding-top: 30px; background-color: #002864; clear: both; } section.common-footer-help #contact-list .icon-optstore, section.common-footer-help #contact-list .icon-optstore:hover { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/icon_optstore.png) no-repeat; float: left; width: 24px; height: 23px; margin: 12px 20px 0 0; } section.common-footer-help #contact-list .icon-optstore:hover { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/icon_optstore_hover.png) no-repeat; } section.common-footer-help #contact-list .icon-optstore-hover { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/icon_optstore_hover.png) no-repeat; } section.common-footer-help #contact-list .icon-opthelp, section.common-footer-help #contact-list .icon-opthelp:hover { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/icon_opthelp.png) no-repeat; float: left; width: 24px; height: 20px; margin: 14px 20px 0 0; } section.common-footer-help #contact-list .icon-opthelp:hover { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/icon_opthelp_hover.png) no-repeat; } section.common-footer-help #contact-list .icon-opthelp-hover { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/icon_opthelp_hover.png) no-repeat; } section.common-footer-help #contact-list .icon-msg, section.common-footer-help #contact-list .icon-msg:hover { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/icon_message2.png) no-repeat; float: left; width: 33px; height: 25px; margin: 10px 15px 0 0; } section.common-footer-help #contact-list .icon-msg:hover { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/icon_message2_hover.png) no-repeat; } section.common-footer-help #contact-list .icon-msg-hover { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/icon_message2_hover.png) no-repeat; } section.common-footer-help #contact-list .icon-feedback, section.common-footer-help #contact-list .icon-feedback:hover { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/icon_feedback.png) no-repeat; float: left; width: 33px; height: 25px; margin: 10px 15px 0 0; } section.common-footer-help #contact-list .icon-feedback:hover { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/icon_feedback_hover2.png) no-repeat; } section.common-footer-help #contact-list .icon-feedback-hover { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/icon_feedback_hover2.png) no-repeat; } section.common-footer-help span.mag { display: inline-block; height: 3rem; color: #fff; vertical-align: top; line-height: 1.5rem; font-size: 3rem; background-color: #000; } section.common-footer-help .find-solution-list { padding: 0; margin: 0 0 1.5rem; float: left; width: 100%; display: block; } section.common-footer-help .find-solution-list li { list-style: none; display: block; width: 100%; } section.common-footer-help h2 { color: #fff; margin: 0 0 5px; font-weight: 400; } section.common-footer-help a:hover { text-decoration: none; } section.common-footer-help a:hover h2 { color: #fff; } section.common-footer-help a:hover .icon-stores-white { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/sprite_icons_altice.png) no-repeat; background-position: -152px -30px; float: left; width: 20px; height: 20px; } section.common-footer-help h2:first-letter { text-transform: uppercase; } section.common-footer-help .search-group { height: 65px; padding-bottom: 15px; } section.common-footer-help .search-group input { width: 90%; height: 50px; color: #000; font-size: 1.5rem; text-align: left; float: left; border-radius: 0; border-bottom-left-radius: 6px; border-top-left-radius: 6px; } section.common-footer-help .search-group input:hover { background-color: #fff; cursor: text; } section.common-footer-help .search-group .search-glass { color: #fff; background: #0084d6; height: 50px; font-size: 1.5rem; margin: 0; width: 10%; padding: .3em .8em; float: left; border-radius: 0; border-bottom-right-radius: 6px; border-top-right-radius: 6px; } section.common-footer-help span.bottom-buffer { display: block; margin-bottom: 7px; } section.common-footer-help h5 { margin: 5px 0 10px; color: #fff; font-family: Regular-Bold; font-size: 20px; margin: 0 0 .5em; } section.common-footer-help a#more-solutions { margin-top: 6px; display: inline-block; color: #fff; text-decoration: none; font-weight: 700; font-size: 1rem; border-bottom: 0; } section.common-footer-help a#more-solutions:hover { color: #000; } section.common-footer-help ul.more-solutions-list { padding: 0; margin: 0 5px 20px 0; list-style: none; clear: both; width: 100%; float: left; } section.common-footer-help ul.more-solutions-list li { margin: 0 0 0 20px; padding: 0; float: left; list-style: disc; color: #fff; } section.common-footer-help ul.more-solutions-list li a { color: #fff; } section.common-footer-help ul.more-solutions-list li:first-child { margin: 0; list-style: none; } section.common-footer-help #common-questions a { color: #fff; font-size: 17px; font-family: Regular; border-bottom: 1px dotted #fff; } section.common-footer-help h4.common-questions { color: #000; } section.common-footer-help h4.common-questions a:hover { color: #000; } section.common-footer-help h2#contact-us { color: #000; margin: 0; clear: left; display: block; } section.common-footer-help h2#contact-us a { color: #fff; } section.common-footer-help a.no-left { margin-left: 0; } section.common-footer-help a.no-wrap { white-space: nowrap; } section.common-footer-help span.ellipsis { display: inline-block; height: 20px; line-height: 20px; color: #fff; font-size: 17px; font-family: Regular-Bold; padding-top: 4px; width: 20px; text-align: center; } section.common-footer-help ul#contact-list { margin: 0; list-style-type: none; position: relative; z-index: 50; } section.common-footer-help ul#contact-list li { color: #fff; height: 3rem; line-height: 3rem; } section.common-footer-help ul#contact-list li a { display: block; text-decoration: none; border: 0; height: 3rem; line-height: 3rem; } section.common-footer-help ul#contact-list li a:hover { color: #484848; } section.common-footer-help ul#contact-list li a:hover span { color: #484848; } section.common-footer-help ul#contact-list li span { display: inline-block; height: 3rem; color: #fff; vertical-align: top; } section.common-footer-help ul#contact-list li span.sprite { width: 1.5rem; line-height: 3rem; margin: 0 3rem 0 0; font-size: 1.5rem; } section.common-footer-help ul#contact-list li span.font-icon { line-height: 1.5rem; margin: 0 3rem 0 0; font-size: 3rem; background-color: #000; } section.common-footer-help ul#contact-list li span.txt { padding: 2px 0 0; line-height: 3rem; font-size: 1.25rem; font-family: Regular-Bold; font-size: 20px; font-weight: 400; } section.common-footer-help ul#contact-list li img { display: inline-block; width: 1.5rem; height: 1.5rem; margin-right: 1rem; } li.help-link-first { margin-right: 5.5%; } li.other-help-link { margin-right: .9%; } li.part-link-first { margin-right: 2.3%; } li.other-part-link { margin-right: 2%; padding-left: 3%; } span.help-last { float: right; } li.second-last { padding-left: 8%; } @media (max-width:767px) { section.common-footer-help { padding-top: 30px; clear: both; } section.common-footer-help h2#contact-us { margin: 30px 0 0; } section.common-footer-help h2#contact-us a { color: #fff; } section.common-footer-help .search-group { height: 65px; padding-bottom: 15px; } section.common-footer-help .search-group input { width: 85%; color: #404040; } section.common-footer-help .search-group ::-webkit-input-placeholder { color: #404040; } section.common-footer-help .search-group :-moz-placeholder { color: #404040; } section.common-footer-help .search-group ::-moz-placeholder { color: #404040; } section.common-footer-help .search-group :-ms-input-placeholder { color: #404040; } section.common-footer-help .search-group .search-glass { width: 15%; padding: 10px 0; border-bottom: 0; } section.common-footer-help h2#contact-us { margin: 20px 0 0; } section.common-footer-help ul.more-solutions-list { margin: 0; padding: 0 0 0 20px; } section.common-footer-help ul.more-solutions-list li { display: block; display: list-item; width: 100%; clear: both; list-style: disc; margin: 0 0 20px; } section.common-footer-help ul.more-solutions-list li:first-child { list-style: disc; margin: 0 0 20px; } } .no-fontface section.common-footer-help .search-group .search-glass { padding: 1rem .8rem; } .no-fontface section.common-footer-help .search-group .search-glass .icon-search { background: url(/assets/images/global-sprite.png) -70px 0 no-repeat; float: left; width: 26px; height: 24px; } .no-fontface section.common-footer-help #contact-list .icon-comments { background: url(/assets/images/global-sprite.png) -226px 6px no-repeat; float: left; width: 30px; height: 29px; margin-right: 5px; } .no-fontface section.common-footer-help #contact-list .icon-envelope-alt { background: url(/assets/images/global-sprite.png) -188px 6px no-repeat; float: left; width: 30px; height: 29px; margin-right: 5px; } .no-fontface section.common-footer-help #contact-list .icon-twitter { background: url(/assets/images/global-sprite.png) -157px 6px no-repeat; float: left; width: 30px; height: 29px; margin-right: 5px; } .no-fontface section.common-footer-help #contact-list .onet-icons-optimum-stores { background: url(/assets/images/global-sprite.png) -261px 6px no-repeat; float: left; width: 30px; height: 29px; margin-right: 5px; } div.footer-wrapper { background-color: #002864; } div.footer-wrapper a:hover { text-decoration: none; } div.footer-wrapper h2 { color: #fff; } div.footer-wrapper a:hover h2 { color: #000; } div.footer-wrapper .search-group input { color: #000; } div.footer-wrapper .search-glass .search-glass { background: #0084d6; } div.footer-wrapper h5 { color: #fff; } div.footer-wrapper a#more-solutions { color: #fff; } div.footer-wrapper a#more-solutions:hover { color: #000; } div.footer-wrapper h2#contact-us { color: #000; } div.footer-wrapper ul#contact-list a:hover { color: #000; } div.footer-wrapper ul#contact-list a:hover span { color: #000; } div.footer-wrapper ul#contact-list span.font-icon { background-color: #000; } section.common-footer-links { background-color: #002864; padding: 0 0 50px; } section.common-footer-links hr { opacity: .4; width: 100%; clear: both; float: left; border: 0; border-bottom: #fff 1px solid; margin-top: 2%; } section.common-footer-links .footer-site-links li { margin-right: 14px; line-height: 2rem; } section.common-footer-links .footer-site-links-mob li { width: 90%; line-height: 2rem; } section.common-footer-links div.margin-footer-link { margin-top: 4rem; } section.common-footer-links span.footer-link-seperator { margin-left: 14px; opacity: .3; } section.common-footer-links .hide { display: none; } section.common-footer-links .copyright { float: left; width: 14.667%; padding-left: 20px; } section.common-footer-links .icon-logos { float: right; margin-right: -13px; text-align: right; } section.common-footer-links .icon-logos-wrap { margin-left: -5%; width: 80%; } section.common-footer-links ul { font-size: 1rem; margin: 0; height: 1.5rem; clear: both; display: block; } section.common-footer-links ul li { display: inline-block; font-family: Regular-Medium; float: left; line-height: 3rem; font-size: 13px; text-align: left; color: #fff; } section.common-footer-links ul li a { color: #fff; } section.common-footer-links ul li a:hover { color: #fff; text-decoration: none; } section.common-footer-links ul li.footer-social-icon { margin-top: 8px; margin-right: 10px; float: left; } section.common-footer-links ul li:last-child { margin-right: 0; } section.common-footer-links ul li.wide { margin: 12px 23px 0 0; font-size: 12px; } section.common-footer-links ul li.is-cpc-wide { margin: 12px 0 0; font-size: 12px; opacity: .4; } section.common-footer-links ul li.icon-logo { margin: 23px 2.5% 0 0; height: 25px; float: none; } section.common-footer-links ul li.icon-logo a { width: 75px; height: 25px; background-image: url(/assets/images/footer-logo-sprite.png); background-repeat: no-repeat; float: left; opacity: .4; } section.common-footer-links ul li.icon-logo a:hover { opacity: 1; } section.common-footer-links ul li.icon-logo a.cheddar { background-position: -10px 0; width: 69px; } section.common-footer-links ul li.icon-logo a.news12 { background-position: -92px 0; width: 57px; } section.common-footer-links ul li.icon-logo a.varsity { background-position: -172px 0; width: 55px; } section.common-footer-links ul li.icon-logo a.i24 { background-position: -247px 0; width: 27px; } section.common-footer-links ul li.icon-logo a.altice-mobile { background-position: -292px 0; width: 148px; } section.common-footer-links ul li.icon-logo a.altice-business { background-position: -459px 0; width: 49px; } section.common-footer-links ul li.icon-logo a.altice-connects { background-position: -532px 0; width: 49px; } section.common-footer-links ul li.icon-logo a.a4 { background-position: -604px 0; width: 25px; } section.common-footer-links ul li.icon-logo-phone { margin: 23px 9.5% 0 0; height: 25px; } section.common-footer-links ul li.icon-logo-phone a { width: 75px; height: 25px; background-image: url(/assets/images/footer-logo-sprite.png); background-repeat: no-repeat; float: left; opacity: .4; } section.common-footer-links ul li.icon-logo-phone a:hover { opacity: 1; } section.common-footer-links ul li.icon-logo-phone a.cheddar { background-position: -10px 0; width: 69px; } section.common-footer-links ul li.icon-logo-phone a.news12 { background-position: -92px 0; width: 57px; } section.common-footer-links ul li.icon-logo-phone a.varsity { background-position: -172px 0; width: 55px; } section.common-footer-links ul li.icon-logo-phone a.i24 { background-position: -247px 0; width: 27px; } section.common-footer-links ul li.icon-logo-phone a.altice-mobile { background-position: -292px 0; width: 148px; } section.common-footer-links ul li.icon-logo-phone a.altice-business { background-position: -459px 0; width: 49px; } section.common-footer-links ul li.icon-logo-phone a.altice-connects { background-position: -532px 0; width: 49px; } section.common-footer-links ul li.icon-logo-phone a.a4 { background-position: -604px 0; width: 25px; } section.common-footer-links ul li.glyph { width: 50px; height: 40px; line-height: 40px; } section.common-footer-links ul li.glyph a { display: inline-block; width: 100%; height: 100%; } @media (min-width:980px) and (max-width:1199px) { section.common-footer-links .partner-icons { height: 150px; } } @media (min-width:768px) and (max-width:979px) { section.common-footer-links li.wide { width: 100%; } section.common-footer-links .partner-icons { height: 150px; } } @media (min-width:768px) { } @media (min-width:980px) { } @media (max-width:1200px) { section.common-footer-links li.wide { width: 100%; } } @media (max-width:767px) { section.common-footer-links ul.glyph-list { margin: 0 0 20px; } section.common-footer-links ul li.icon-logo { width: 28%; margin: 15px 0 0; } section.common-footer-links ul li.icon-logo:nth-last-child(2) { width: 40%; margin: 15px 0 0; } section.common-footer-links ul li.wide { width: 100%; } } @media (max-width:767px) { section.common-footer-links { padding-bottom: 150px; } .hideInDesktop { display: none!important; } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { section.common-footer-links { padding-bottom: 160px; } } section#local-footer .span3:first-child .footer-block { border-left: 0; } section#local-footer .footer-block { border-left: 1px solid #fff; border-left: 1px solid rgba(255,255,255,.5); padding: 15px 0 15px 10px; width: 100%; float: left; min-height: 80px; } section#local-footer .footer-block a { text-decoration: none; } section#local-footer .footer-block .local-logo { margin: 0; float: left; clear: both; height: 20px; width: 100%; } section#local-footer .footer-block .local-logo .news12 { margin: 0; float: left; clear: both; width: 65px; height: 20px; background: url(/assets/images/footer-logo-sprite.png) -7px -8px no-repeat; } section#local-footer .footer-block .local-logo .varsity { margin: 0; float: left; clear: both; width: 65px; height: 20px; background: url(/assets/images/footer-logo-sprite.png) -228px -9px no-repeat; } section#local-footer .footer-block .local-logo .newsday { margin: 0; float: left; clear: both; width: 75px; height: 20px; background: url(/assets/images/footer-logo-sprite.png) -112px -8px no-repeat; } section#local-footer .footer-block .weather-details { float: left; padding: 0; width: 45%; margin: 0 0 0 2%; } section#local-footer .footer-block .weather-details h1.temperature { margin: 0; color: #fff; font-size: 2rem; text-align: right; } section#local-footer .footer-block .location { float: left; width: 53%; padding: 0; } section#local-footer .footer-block .location h1#cityname { font-size: 1.35rem; font-weight: 700; color: #fff; margin: 0; } section#local-footer .footer-block .location h2 { margin: 0; font-size: 1.5rem; color: #fff; font-weight: 400; } section#local-footer .footer-block h3 { margin: 0; color: #fff; font-size: 1rem; font-weight: 700; line-height: 1; } section#local-footer .weather-details h3 { font-weight: 400; font-size: 1.25rem; color: #000; text-align: right; } .support-alert-btn { float: left; width: 100%; text-decoration: none; padding: 1rem; margin-bottom: 1rem; } .support-alert-btn .mobile-support-alert-icon { width: auto; clear: none; margin-right: 1rem; display: inline; float: left; } .support-alert-btn .mobile-support-alert-icon .round-circle { width: 30px; height: 30px; min-width: 30px; border-radius: 20px; background-color: #0084d6; } .support-alert-btn .mobile-support-alert-icon .round-circle .icon-chat { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/sprite_icons_altice.png) no-repeat; background-position: -125px -5px; margin-top: 5px; float: left; width: 21px; height: 19px; margin-left: 5px; } .support-alert-btn .mobile-support-alert-icon .round-circle .icon-msg { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/icon_message.png) no-repeat; float: left; width: 16px; height: 15px; margin: 9px 0 0 7px; } .support-alert-btn .mobile-support-alert-icon .round-circle .icon-selfhelp { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/icon_selfhelp.png) no-repeat; margin-top: 7px; float: left; width: 16px; height: 16px; margin-left: 8px; } .support-alert-btn .mobile-support-alert-icon .round-circle .icon-selfhelp2 { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/icon_Service_Status_help-question.png) no-repeat; float: left; width: 16px; height: 16px; margin: 7px 0 0 11px; } .support-alert-btn .mobile-support-alert-icon, .support-alert-btn x:-moz-any-link { width: 22%!important; } .support-alert-btn .support-message { width: 83%; clear: none; margin: 0; display: inline; text-align: left; } .support-alert-btn .support-message h4 { color: #fff; margin: 1rem 0 1rem .5rem; } .support-alert-btn .support-message .btn--secondary-accent-text { background: #000!important; } @media (max-width:320px) { .support-alert-btn .support-message .btn { padding: .4em .4em!important; } .support-alert-btn .support-message .msg-left-txt { margin-left: -30px!important; margin-top: 16px!important; } .support-alert-btn .support-message .font-settngs { font-size: 17px!important; } .support-alert-btn .support-message .msg-left { margin-left: 39px!important; text-align: left; margin-bottom: 7px!important; margin-top: -3px!important; } .support-alert-btn .support-message .msg-left1 { margin-top: 9px!important; } .support-alert-btn .support-message .support-message.h4 { margin: .6rem 0 .5rem .5rem; } } @media (max-width:767px) { .support-alert-btn .support-message .msg-left-txt { margin-left: -113px; line-height: 0; margin-top: 15px; letter-spacing: -1px; } .support-alert-btn .support-message .msg-left { margin-left: 35px; margin-bottom: 6px; margin-top: -2px; letter-spacing: -1px; line-height: 18px; } .support-alert-btn .support-message .primary { color: #0084d6; } .support-alert-btn .support-message .alert { color: #d6001a; } .support-alert-btn .support-message .secondary { color: #000; } } @media (max-width:767px) and (orientation:landscape) { .support-alert-btn .support-message .msg-left { margin-left: 35px; } } @media only screen and (min-device-width:604px) and (orientation:portrait) { .support-alert-btn .support-message .msg-left { margin-left: 35px; } } .support-alert-btn:hover { text-decoration: none; } .fontface .social-icon { color: #000; background: #fff; height: 2.8rem; width: 2.8rem; line-height: 1; border-radius: 3rem; padding: .65rem .7rem; font-size: 1.5rem; float: left; text-align: center; } .fontface .social-icon:hover { color: #fff; background: #000; } .no-fontface section.common-footer-links ul li.footer-social-icon { margin-top: 8px; width: 32px; height: 33px; float: left; } .footer-logo-facebook { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/sprite_icons_altice.png) no-repeat; background-position: -6px -402px; width: 34px; height: 34px; float: left; } .footer-logo-twitter { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/sprite_icons_altice.png) no-repeat; background-position: -50px -402px; width: 34px; height: 34px; float: left; } .footer-logo-instagram { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/sprite_icons_altice.png) no-repeat; background-position: -94px -402px; width: 34px; height: 34px; float: left; } .footer-logo-youtube { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/sprite_icons_altice.png) no-repeat; background-position: -138px -402px; width: 34px; height: 34px; float: left; } .footer-logo-google-plus { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/sprite_icons_altice.png) no-repeat; background-position: -182px -402px; width: 34px; height: 34px; float: left; } .footer-logo-facebook:hover { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/sprite_icons_altice.png) no-repeat; background-position: -6px -442px; width: 34px; height: 34px; float: left; } .footer-logo-twitter:hover { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/sprite_icons_altice.png) no-repeat; background-position: -50px -442px; width: 34px; height: 34px; float: left; } .footer-logo-instagram:hover { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/sprite_icons_altice.png) no-repeat; background-position: -94px -442px; width: 34px; height: 34px; float: left; } .footer-logo-youtube:hover { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/sprite_icons_altice.png) no-repeat; background-position: -138px -442px; width: 34px; height: 34px; float: left; } .footer-logo-google-plus:hover { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/sprite_icons_altice.png) no-repeat; background-position: -182px -442px; width: 34px; height: 34px; float: left; } div.footer-links-wrapper { background-color: #000; } div.footer-links-wrapper ul li a { color: #fff; } div.footer-links-wrapper ul li a:hover { color: #000; } div.footer-links-wrapper .social-icon { color: #000; background: #fff; height: 2.8rem; width: 2.8rem; line-height: 1; border-radius: 3rem; padding: .65rem .7rem; font-size: 1.5rem; float: left; text-align: center; } div.footer-links-wrapper .social-icon:hover { color: #fff; background: #000; } .partner_li { margin: 0 0 20px!important; } .minHeightFooter { min-height: 100px!important; } .paddingTop1em { padding-top: 1rem; } .opacitypointfour { opacity: .4; } @media (min-width:768px) and (max-width:979px) { .ipadWidth65 { width: 65%!important; } } @media (min-width:768px) and (max-width:979px) { .ipadWidth34 { width: 34%!important; } } .fltright { float: right; } #new-customer-links { margin-top: 8px; } @media only screen and (min-width:1060px) { body { min-width: 700px; } } .blocked-container { margin-top: 1rem; width: 100%; display: inline-block; padding: .5rem 1rem 1.5rem .8rem; border-radius: .4rem; background-color: #000; color: #fff; } .blocked-container .icon-exclamation-major { font-size: 24px; color: #a41313; position: relative; top: -3px; left: -1px; } .blocked-container .dot { width: 1em!important; height: 1em!important; } .blocked-image { width: 8%; float: left; } .blocked-msg-container { width: 100%; } .blocked-text { width: 92%; float: right; padding-left: .8rem; } .powered-By-text { font-size: 10px; text-align: right; margin-top: 4px; margin-right: 5px; padding-bottom: 4px; font-family: regular; opacity: .5; } li.selected { background-color: #f5f5f5; } div.header-dropmenu ul li { line-height: 1.1; } .morePadding { padding-right: .35rem!important; padding-left: .35rem; } .moreWidth { margin-left: 0; margin-right: 0!important; font-size: 22px!important; } .cHShift { padding-bottom: 18px; } .fixedpos { position: absolute; margin-left: 5px; margin-top: 2px; } .fixcolmargin { margin-bottom: 16px!important; } .google-logo { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/logo_google.png) no-repeat; width: 144px; height: 24px; display: inline; float: right; } .google-logo-wrapped { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/logo_google_wrapped.png) no-repeat; width: 67px; height: 34px; display: inline; float: right; } .fixgooglemargin { margin-left: 5px; margin-top: 3px; } .tv-links .cHShift { padding: 0!important; } .logged-out div.header-dropmenu .menu-bottom { padding-top: 3px; padding-bottom: 10px; } .logged-out div.header-dropmenu .menu-bottom a { color: #0084d6; font-family: Regular-bold; } .logged-out div.header-dropmenu .menu-bottom a:hover { color: #004570; } .header-internet-menu { left: -260px!important; } [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none!important; } .hideForNewCustomerStuff { display: none!important; } body { -webkit-font-smoothing: antialiased; } .searchKeyBold { font-family: Regular-Semibold!important; } .searchKey b { font-family: Regular-Semibold!important; } .search-btn { font-size: 14px!important; padding: .4em .9em; } #sticky_phone_header { height: 123px; } @media (max-width:767px) { #sticky_phone_header { height: 57px; } } .site-partner-header { position: absolute; right: 0; } .search-btn-partner { height: auto!important; } .search-btn .icon-search { margin-left: -5px; } .margtop { margin-top: 1rem; } .btnStyle { width: 85%; margin: .7rem; padding: .5rem; } .primary-link { font-family: Regular-Bold; color: #0084d6; } .cta-arrow-link.pull-right { float: right; } .speech-bubble-home-wrapper { float: left; width: 100%; } .speech-bubble-home-wrapper .motion-point { float: left; margin-top: 4px; font-family: Regular; font-size: 15px; } .speech-bubble-home-wrapper .motion-point a { text-decoration: none; color: #fff; } .speech-bubble-home-wrapper .motion-point a:hover { color: #fff; } .msbtn-radius { border-radius: 0 5px 5px 0!important; width: 3rem; } .speech-bubble-home-wrapper-mobile { float: left; width: 70%; } .speech-bubble-home-wrapper-mobile .motion-point { float: left; margin-top: 4px; font-family: Regular; font-size: 15px; } .speech-bubble-home-wrapper-mobile .motion-point a { text-decoration: none; color: #fff; } .speech-bubble-home-wrapper-mobile .motion-point a:hover { color: #fff; } .cpcpadding-s { padding-top: 2rem; padding-bottom: 2rem; } #outer-wrap { position: relative; overflow: hidden; width: 100%; } #inner-wrap { position: relative; width: 100%; } .absolute { position: absolute; } .sheet.mobile_menu_sheet.sheet.sheet--anim-right.is-toggle { left: 17%; } .pay-bill-csr { margin-top: -3px; padding: 14px; background: #ffee78; font-family: Regular-Bold; color: #000; } .pay-bill-csr .accno-text { font-size: 16px; } .pay-bill-csr .padding-btn { width: auto; padding: 5px; margin-left: 13px; font-size: 13px; } .visible-phone.global-header.alert-major { border-top: 3px solid #d6001a; } .visible-phone.global-header.alert-minor { border-top: 3px solid #0084d6; } .global-header-phone__nav__item.alert-major { background-color: #d6001a; } .global-header-phone__nav__item.alert-minor { background-color: #0084d6; } #common_header { z-index: 1004; position: relative; } .color-secondary { color: #000; } .color-primary { color: #0084d6; } .margin-top-1 { margin-top: .8rem; } .margin-top-2 { margin-top: .3rem; } .margin-10 { margin: 10px!important; } .debit { padding-top: 1rem; } span.xlfont { font-size: 40px; } span.lfont { font-size: 30px; } span.mfont { font-size: 20px; } span.sfont { font-size: 18px; font-family: Regular-SemiBold; font-weight: 400; } span.xsfont { font-family: Regular; font-weight: 400; font-size: 17px; } .payNow { padding-top: 1.2rem; } .payNow a { text-decoration: none; } .sheet.mobile_menu_sheet { background-color: #000; width: 84%; } input[type=search_text].input-lighter-accent, input[type=text].input-lighter-accent { background-color: #fff; color: #8C8C8C; border: 0; } #global-input::-webkit-input-placeholder { color: #d9d9d9; font-weight: 400; font-size: 14px; font-family: Regular Regular; } #global-input::-moz-placeholder { color: #d9d9d9; font-weight: 400; font-size: 14px; font-family: Regular Regular; } #global-input:-ms-input-placeholder { color: #d9d9d9; font-weight: 400; font-size: 14px; font-family: Regular Regular; } #global-input:-moz-placeholder { color: #d9d9d9; font-weight: 400; font-size: 14px; font-family: Regular Regular; } .btn--white { background: #fff; color: #666; } .btn--white:hover { background: #484848; color: #fff; } .phone-search-bar { height: 5rem; } .phone-search-bar .searchbar-group input { background-color: #666; } .phone-search-bar .close-search-wrapper { width: 4em; vertical-align: unset; } .phone-search-bar .close-search { color: #404040; font-size: 18px; text-decoration: none; cursor: pointer; } .global-header { background-color: #002864; z-index: 999; position: relative; color: #fff; } .global-header.hidden-phone { padding-top: 3px; padding-bottom: 1rem; } .global-header.is-sticky { width: 100%; z-index: 1000; } .partner-header { top: 0; position: relative!important; } .toggle-header { display: table!important; } .global-header.is-sticky { width: 100%; z-index: 1000; display: block; float: left; top: 0; left: 0; position: fixed; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } p.username-msg { font-family: Regular; margin: 0; font-weight: 400; } .username-msgForVoiceMail { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important; font-size: 13px!important; } a.username-msg { margin: 0; font-weight: bolder; color: #484848!important; text-decoration: none; } a.signout-msg { color: #484848!important; } div.username-msg-div { width: auto!important; } a.username-msg:hover { color: #000!important; text-decoration: none; } a.signout-msg:hover { color: #000!important; text-decoration: none; } div.signout-msg-div { width: auto!important; } div.verticalLine { border-left: 1px solid #d2d2d2; height: 15px; padding: 0; width: auto; } .sticky-wrapper .toggle-container .speech-bubble-home-wrapper div.speech-bubble-home-container { padding-right: 45px; margin-bottom: -5px; } .logged-in .show-signin { display: none; } .logged-out .show-profilelink { display: none; } .logged-in .speech-balloon.speech-balloon--tip-outwards.header-user.active .speech-balloon__content { background-color: #000!important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: #fff; } .logged-in .speech-balloon.speech-balloon--tip-outwards.header-user.active .speech-balloon__tip:before { border-color: #000 transparent transparent; } .logged-out .speech-balloon.speech-balloon--tip-outwards.header-user.active .speech-balloon__content { background-color: #484848!important; color: #fff; } .logged-out .speech-balloon.speech-balloon--tip-outwards.header-user:hover .speech-balloon__content { background-color: #484848!important; color: #fff; } .logged-in .speech-balloon.speech-balloon--tip-outwards.header-user:hover .speech-balloon__content { background-color: #000!important; color: #fff; } .logged-in .speech-balloon.speech-balloon--tip-outwards.header-user:hover .speech-balloon__tip:before { border-color: #000 transparent transparent; } .global-header__link { color: #fff; text-decoration: none; cursor: pointer; } .global-header__link:hover, .global-header__link:active, .global-header__link:focus { color: #404040; text-decoration: none; } .global-header__row-top { margin-bottom: 1.2rem; } .global-header__brand { max-width: 19rem; } .global-header__brand .desktop-logo { width: 225px; height: 59px; float: left; background: url(../img/logo_desktop.png) no-repeat; background-size: contain; } .global-header__brand .mobile-logo { width: 125px; height: 29px; float: left; background: url(../img/logo_mobile.png) no-repeat; background-size: contain; margin: 0; } .global-header__row { margin-top: 3px; } .mp-linking a { color: #fff; } .welcome-message { display: inline-block; cursor: pointer; } @media (max-width:767px) { .welcome-message { font-family: Regular; color: #404040; font-size: 20px; font-size: 1.3333333333333333rem; line-height: 1.0499999999999998; font-weight: 400; margin-top: .7rem; margin-bottom: 2rem; } } @media (max-width:767px) and (min-width:768px) { .welcome-message h3, .welcome-message .gamma { font-size: 24px; font-size: 1.6rem; line-height: 1.0499999999999998; } } @media (min-width:768px) { .welcome-message { font-size: 13; font-size: .8666666666666667rem; line-height: 1.0769230769230769; } } #mega-menu-container { margin-top: 3px; } .mega-menu-cursor { cursor: pointer; } .hide { display: none; } .username-slide { background: #000; padding: 10px; position: absolute; float: left; border-radius: 6px; border-top-left-radius: 0; max-width: 350px; overflow: hidden; } .username-slide p { line-height: 1; float: left; margin: 0 5px 0 0; } .username-slide ul { padding: 0; margin: 0; float: left; } .username-slide ul li { list-style: none; font-family: Regular-Bold; color: #fff; font-size: 14px; margin: 0; float: left; width: 100%; display: block; clear: both; } .username-slide ul li .cta-arrow-link { line-height: 1; } .username-slide ul li .cta-arrow-link .font-cta-link { font-size: 12px; margin-top: 2px; line-height: 1; } .username-slide ul li a { color: #000; text-decoration: none; cursor: pointer; } .username-slide ul li a:hover { color: #000; } .username-slide ul li .no-csstransitions a:hover { color: #fff; } .logged-in .welcome-message.mobile.speech-balloon.active .speech-balloon__content { border-bottom-left-radius: 0; border-top-right-radius: 6px; background: #000; color: #fff; } .logged-in .welcome-message.mobile.speech-balloon.active .speech-balloon__tip:before { border-color: #000 transparent transparent; } .global-nav-container-phone a.username-msg { margin: 0; font-family: Regular-Bold; color: #000!important; text-decoration: none; float: left; padding: 0 10px 0 0; font-size: 1.1rem!important; } .global-nav-container-phone a.signout-msg { margin: 0; font-family: Regular-Medium; color: #000!important; text-decoration: none; } .global-nav-container-phone div.verticalLine { border-left: 1px solid #d2d2d2; height: 15px; float: left; padding: 0 10px 0 0; } .global-nav-container-phone .speech-bubble-home-container { float: left; width: 100%; } .global-nav-container-phone .speech-balloon__content:hover { background-color: #fff!important; } .logged-in div.header-dropmenu p.error { color: #d6001a; margin: 0 0 10px; font-family: Regular-Bold; font-size: 12px; } .logged-out div.header-dropmenu p.error { color: #d6001a; margin: 0 0 10px; font-family: Regular-Bold; font-size: 12px; } .global-nav-primary__notification, .global-nav-secondary__notification { text-align: right; vertical-align: middle!important; } .global-nav-primary__label { display: inline-block; } @media (min-width:768px) { .global-nav-primary__label { margin-right: .25rem; } } .global-nav-primary__label, .global-nav-secondary__label { font-family: Regular-Bold; font-weight: 400; font-size: 17px; vertical-align: middle; padding: 5px 0; } .global-nav-primary__label .bold, .global-nav-secondary__label .bold { font-family: Regular-Bold; } .global-nav-primary__label .not-bold, .global-nav-secondary__label .not-bold { font-family: Regular; } @media (min-width:768px) { .global-nav-primary { text-align: right; } } @media (min-width:768px) { .global-nav-primary__item+.global-nav-primary__item { margin-left: 0rem; } } .global-nav-primary__label .global-header__link { font-size: 30px; font-family: Regular; } .global-nav-secondary { float: right; width: 100%; display: flex; justify-content: flex-end; align-items: flex-end; } @media (min-width:768px) { .global-nav-secondary { text-align: right; } } @media (min-width:768px) { .global-nav-secondary .badge-notification { border-top-left-radius: 0; border-top-right-radius: 0; height: 100%; } .global-nav-secondary .badge-notification>* { vertical-align: bottom; } } .global-nav-secondary__item { transition: width 200ms ease; } @media (min-width:768px) { .global-nav-secondary__item { height: 3rem; vertical-align: bottom; } .global-nav-secondary__item:last-child>.global-nav-secondary__label { padding-right: 0; } } .global-nav-secondary__item+.global-nav-secondary__item { margin-left: .8rem; } @media (min-width:768px) { .global-nav-secondary__item+.global-nav-secondary__item { margin-left: .5rem; margin-right: .5px; } } .global-nav-secondary__item.is-expanded { flex-grow: 1; max-width: 20rem; } @media (max-width:767px) { .global-nav-secondary__label { font-family: Regular; color: #000; font-size: 34px; font-size: 2.2666666666666666rem; line-height: 1.0294117647058822; } } @media (max-width:767px) and (min-width:768px) { .global-nav-secondary__label h1, .global-nav-secondary__label .alpha { font-size: 40px; font-size: 2.6666666666666665rem; line-height: 1.015; } } @media (min-width:768px) { .global-nav-secondary__label { vertical-align: bottom; } } @media (min-width:768px) { .global-nav-secondary__label, .welcome-message .speech-balloon__content, .badge-notification { padding: .5rem; line-height: 1rem; } } .voice-global-nav-secondary__label { padding: .5rem 1rem!important; } .signinFormOptimumId { font-family: Regular-Bold; font-weight: 400; font-size: 17px; } @media (min-width:768px) { .global-nav-tertiary { display: inline-block; } } @media (max-width:767px) { .global-nav-tertiary__item { font-family: Regular; color: #0084d6; font-size: 26px; font-size: 1.7333333333333334rem; line-height: 1.023076923076923; line-height: 1.75; } } @media (max-width:767px) and (min-width:768px) { .global-nav-tertiary__item h2, .global-nav-tertiary__item .beta { font-size: 34px; font-size: 2.2666666666666666rem; line-height: 1.0294117647058822; } } @media (min-width:768px) { .global-nav-tertiary__item { font-size: 12px; font-size: .8rem; line-height: 1.0499999999999998; display: inline-block; } } .badge-notification { border-radius: .5rem; color: #fff; } @media (max-width:767px) { .badge-notification { padding: .4rem .6rem; display: inline-table; } } @media (min-width:768px) { .badge-notification { text-align: right; background-color: #666; } } .badge-notification-icon-IE8 { background-color: #484848; } @media (max-width:767px) { .toggle-alert-mrgin { margin-left: 9px; margin-right: 10px; margin-top: -11px; padding-left: 4px; } } .btn--alert { background: #d6001a; } .pull-right { float: right; } .support-link { float: left; width: 345px; } .btn--alert:hover { background: #bb0202; } .badge-notification__icon-container { padding-right: .25rem; } .site-header-wrapper .badge-notification__icon-container { padding-right: 0rem; } .site-header-wrapper .badge-notification__icon { margin-right: 0rem; font-size: 14px; } .badge-notification__icon { margin-right: .25rem; display: inline-block; font-size: 13px; vertical-align: middle; } .badge-notification__count { vertical-align: middle; min-width: 0; } .animateInput { width: 9.333333333333334rem; height: 20px; } #search-btn_desktop { height: 1.7rem; } .search-btn_txt { font-family: Regular-Bold; } #global-input { height: 1.7rem; min-height: inherit; } .btn-nsearch { height: 1.7rem; } .ie9 #global-input { width: 97px; } .ie9 .increaseInputSize #global-input { width: 150px; } .searchOption { width: 40%; float: left; } .minm-width { min-width: 24rem; } div.wrapper { -webkit-box-shadow: rgba(0,0,0,.2) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,.2) 0 1px 3px; box-shadow: rgba(0,0,0,.2) 0 1px 3px; position: relative; } div.wrapper { max-width: 400px; padding: 0!important; } .paddingLI { padding: 3px 10px; } .paddingLI:hover { background: #f5f5f5; } .res-auto-cmpl-margin { margin-top: 10px; margin-bottom: 10px; } .title-auto-cmpl-margin { margin-top: 6px; } .col { float: left; position: relative; font-family: regular; font-size: 15px!important; } .col1 { width: 37%; } .paddingRight { padding: 6px 8px 0 0; } .col2 { width: 63%; } .clear { height: 0; clear: both; } .bg { position: absolute; top: 0; bottom: 0; } .bg1 { background-color: #f5f5f5; width: 37%; border-right: 1px solid #d9d9d9; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .bg2 { width: 63%; background-color: #fff; left: 175px; border-bottom-right-radius: 6px; } .searchResult { width: 60%; float: left; } .borderTop { border-top: 1px solid #d9d9d9; } .globalSearchResult { right: 89px!important; margin: 0!important; margin-top: -2px!important; border-top-right-radius: 0!important; border-top-left-radius: 6px!important; border-bottom-left-radius: 6px!important; border-bottom-right-radius: 6px!important; background-color: #f5f5f5!important; } .globalSearchResult div.wrapper { max-width: 475px; } .globalSearchResult ul li { margin: 0!important; } @media (min-width:1025px) { .right-Margin-For-Search { right: 90px!important; } } @media (min-width:768px) and (max-width:1024px) { .right-Margin-For-Search { right: 43px!important; } } @media (max-width:768px) and (orientation:portrait) { .right-Margin-For-Search { right: 15px!important; } } .bordertop1px { border-top: 1px solid #d9d9d9!important; } .display-result-left-border { border-left: 1px solid #d9d9d9!important; } .textRight { text-align: right; } .marginRight { margin-left: 24px; } .child { color: #404040; } .increaseInputSize { width: 100%; } .inputBackground { background-color: #fff!important; color: #404040!important; } .overlay { background-color: rgba(0,0,0,.3)!important; } .form-global-search { max-width: 12rem; margin: 0; } .form-global-search>input { margin: 0; } .clear-search { background: transparent; position: absolute; top: 19.5%; left: 88.5%; } .clear-search-mob { background: transparent; color: #d9d9d9; position: absolute; top: 37%; left: 69%; } .clear-search-partner { display: none; } .sbtn-mobile { height: 3rem; padding-top: 10px; width: 4rem; } .sinput-mobile { height: 3rem; } .clear-btnx { background: transparent; border: 0; } .visible-phone .global-header-phone__brand .mobile-logo { margin: 0 0 0 10px; width: 119px; height: 33px; float: left; background: url(../img/logo_mobile.png) no-repeat; } .global-header-phone__nav__item { width: 4em; overflow: hidden; font-size: 18; font-size: 1.2rem; line-height: 1.011111111111111; border-left: 1px solid rgba(255,255,255,.25); cursor: pointer; } .global-nav-container-phone { background-color: #000; color: #fff; padding: 0rem 1rem; min-height: 100%; display: block; } .global-nav-container-phone .icon { margin: 0 5px 0 0; } .global-nav-container-phone hr { color: #fff; border: 0; border-bottom: 1px solid #fff; height: 1px; text-shadow: none; opactity: .4; width: 100%; clear: both; } .global-nav-container-phone ul { padding: 0; margin: 0; display: block; width: 100%; list-style: none; } .global-nav-container-phone ul li { list-style: none; width: 100%; display: block; clear: both; font-size: 40px; line-height: 1; font-weight: 400; font-family: Regular; margin: 0 0 15px; } .global-nav-container-phone ul li a { text-decoration: none; } .global-nav-container-phone ul li a:hover { color: #000; } .global-nav-container-phone ul li button a { text-decoration: none; } .global-nav-container-phone ul li button a:hover { color: #fff; } .global-nav-container-phone ul li a { color: #fff; } .global-nav-container-phone ul li .welcome-message.speech-balloon { color: #000; width: 80%; } .global-nav-container-phone .secondary-menu ul { margin: 15px 0 0; } .global-nav-container-phone .secondary-menu ul li { font-size: 2rem; } .global-nav-container-phone .tertiary-menu ul li { font-size: 24px; } .divider { border: 0; height: 1px; margin: 1rem 0; padding: 0; } .divider--light { background-color: rgba(255,255,255,.2); } div.support-ddmenu { position: absolute; } div.support-ddmenu div.header-dropmenu { right: -82px; border-top-left-radius: 6px; border-top-right-radius: 0; } div.support-ddmenu div.header-dropmenu .menu-top { border-top-left-radius: 6px; border-top-right-radius: 0; } div.support-ddmenu div.header-dropmenu .menu-top h4 { font-weight: 400; } div.support-ddmenu div.header-dropmenu .menu-top .support-chat { padding-left: 0; margin-top: .5rem; margin-bottom: .6rem; } div.support-ddmenu div.header-dropmenu .menu-top .support-alert { padding-right: 0; } div.support-ddmenu div.header-dropmenu .menu-top .support-alert .btn, div.support-ddmenu div.header-dropmenu .menu-top .support-chat .btn { width: 100%; padding: 1rem; } div.support-ddmenu div.header-dropmenu .menu-top .support-alert .btn h4, div.support-ddmenu div.header-dropmenu .menu-top .support-chat .btn h4 { font-size: 17px; font-family: Regular-Bold; color: #fff; float: left; margin-left: .5rem; text-align: left; } div.support-ddmenu div.header-dropmenu .menu-top .support-alert .btn .round-circle, div.support-ddmenu div.header-dropmenu .menu-top .support-chat .btn .round-circle { background-color: #0084d6; border-radius: 20px; padding: 0; width: 30px; height: 30px; min-width: 30px; display: inline-block; float: left; } div.support-ddmenu div.header-dropmenu .menu-top .support-alert .btn .round-circle .icon-chat, div.support-ddmenu div.header-dropmenu .menu-top .support-chat .btn .round-circle .icon-chat { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/sprite_icons_altice.png) no-repeat; background-position: -125px -5px; margin-top: 5px; float: left; width: 21px; height: 19px; margin-left: 5px; } div.support-ddmenu div.header-dropmenu .menu-top .support-alert .btn .round-circle .icon-msg, div.support-ddmenu div.header-dropmenu .menu-top .support-chat .btn .round-circle .icon-msg { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/icon_message.png) no-repeat; float: left; width: 16px; height: 15px; margin: 9px 0 0 7px; } div.support-ddmenu div.header-dropmenu .menu-top .support-alert .btn .round-circle .icon-selfhelp, div.support-ddmenu div.header-dropmenu .menu-top .support-chat .btn .round-circle .icon-selfhelp { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/icon_selfhelp.png) no-repeat; margin-top: 7px; float: left; width: 16px; height: 16px; margin-left: 8px; } div.support-ddmenu div.header-dropmenu .menu-top .support-alert .btn .round-circle .icon-selfhelp2, div.support-ddmenu div.header-dropmenu .menu-top .support-chat .btn .round-circle .icon-selfhelp2 { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/icon_Service_Status_help-question.png) no-repeat; float: left; width: 16px; height: 16px; margin: 7px 0 0 11px; } div.support-ddmenu div.header-dropmenu .menu-mdl { border-top-right-radius: 0; } div.support-ddmenu div.header-dropmenuEsp { right: -93px!important; } @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) { .logged-out div.paybill-menu { left: 435px!important; } .logged-out div.support-ddmenu { left: 508px!important; } .logged-in div.paybill-menu { left: 471px!important; } .logged-in div.support-ddmenu { left: 508px!important; } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) { .logged-out div.paybill-menu { left: 638px!important; } .logged-out div.support-ddmenu { left: 718px!important; } .logged-in div.paybill-menu { left: 677px!important; } .logged-in div.support-ddmenu { left: 718px!important; } } .no--dropdown { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .global-nav-primary__item div.header-dropmenu { margin-left: -10px; } .global-nav-primary__item.active, .global-nav-secondary__item.active, .global-nav-primary__item a.active, .global-nav-secondary__item a.active, .global-nav-primary__item span.active, .global-nav-secondary__item span.active { color: #404040; background-color: #e5e5e5; text-decoration: none; border-top-right-radius: 6px; border-top-left-radius: 6px; } .global-nav-primary__item.active .global-nav-primary__label .global-header__link, .global-nav-secondary__item.active .global-nav-primary__label .global-header__link, .global-nav-primary__item a.active .global-nav-primary__label .global-header__link, .global-nav-secondary__item a.active .global-nav-primary__label .global-header__link, .global-nav-primary__item span.active .global-nav-primary__label .global-header__link, .global-nav-secondary__item span.active .global-nav-primary__label .global-header__link { color: #404040; text-decoration: none; } .internet-menu-alignment { left: -228px!important; } .phone-menu-alignment { left: -218px!important; } .nophone-menu-alignment { left: -247px!important; } .logged-out .internet-menu { position: absolute; } .logged-out .internet-menu div.header-dropmenu { width: 322px; } div.internet-menu { position: absolute; } div.internet-menu div.header-dropmenu { width: 420px; } .upgrade-menu .header-dropmenu { position: absolute; z-index: 999; margin: 10px 0 0 1px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-right-radius: 6px; text-align: left; border-top-left-radius: 0; width: 120px; padding-left: 10px; } .tv-menu { position: absolute; } .tv-menu .header-dropmenu { right: -57px; border-top-right-radius: 0; border-top-left-radius: 6px; } .tv-menu .header-dropmenu .menu-mdl { border-top-right-radius: 0; border-top-left-radius: 6px; } .tv-menu.tv-dvr-menu .header-dropmenu { right: -108px; } .tv-menu.tv-menu-alignment .header-dropmenu { right: -121px; } .phone-menu { position: absolute; } .phone-menu .header-dropmenu { left: -237px; border-top-right-radius: 0; border-top-left-radius: 6px; } .phone-menu .header-dropmenu .menu-mdl { border-top-right-radius: 0; border-top-left-radius: 6px; } .phone-menu.nophone-menu .header-dropmenu { left: -236px; } .logged-out .phone-menu .header-dropmenu { left: -282px; border-top-right-radius: 0; border-top-left-radius: 6px; } .global-nav-primary__item div.header-dropmenu { width: 385px; } @media only screen and (max-width:768px) { } div.fw-only-dropmenu { width: 230px!important; } .site-header-wrapper div.header-dropmenu ul li { padding-left: 0; } div.header-dropmenu { position: absolute; z-index: 999; margin: 10px 10px 0 1px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-right-radius: 6px; text-align: left; box-shadow: 1px 1px 1px #d9d9d9; border: 1px solid #d9d9d9; } div.header-dropmenu h5, div.header-dropmenu h4, div.header-dropmenu h3, div.header-dropmenu h2, div.header-dropmenu h1 { font-weight: 400; } div.header-dropmenu .menu-mdl { background-color: #f2f2f2; border-top-right-radius: 6px; padding: 20px; float: left; width: 100%; clear: both; } div.header-dropmenu ul { padding: 0; margin: 0; } div.header-dropmenu ul li { font-family: Regular-Medium; list-style: none; font-weight: 400; font-size: 16px; padding-left: .2rem; } div.header-dropmenu ul li:hover { background-color: #e0e0e0; border-radius: .33333em; } div.header-dropmenu ul li a { font-size: 18px; } div.header-dropmenu ul li b { font-family: bold; } div.header-dropmenu ul li .keepsearching { font-family: Regular; } div.header-dropmenu .menu-icon { border-radius: .33333em; } div.header-dropmenu .menu-icon img { padding: .07rem .5rem 0 .25rem; float: left; } div.header-dropmenu .menu-icon a { border-radius: .33333em; color: #fff!important; padding: 9px 26px 9px 12px!important; margin: 0!important; text-decoration: none; } @media (max-width:768px) { div.header-dropmenu .phone-links .span6 { padding-right: 5px; } div.header-dropmenu .menu-icon { margin-left: -10px; } div.header-dropmenu .menu-icon img { padding: .07rem .4rem 0 0; } div.header-dropmenu .menu-icon a { padding: 9px 18px 9px 12px!important; } } div.header-dropmenu div.btn--sec-fade { background: #1a1a1a; color: #fff; } div.header-dropmenu div.btn--sec-fade div.balancealert-iconleft { width: 40px; margin-right: 0; float: left; } div.header-dropmenu div.btn--sec-fade div.balancealert-iconleft span { background: #fff; color: #a41313; font-size: 25px; padding: 5px; border-radius: 40px; } div.header-dropmenu div.btn--sec-fade div.balancealert-iconright { float: right; text-align: left; } div.header-dropmenu div.signout ul { padding: 0; margin: 0; float: left; } div.header-dropmenu div.signout ul li { list-style: none; font-family: Regular-Bold; color: #fff; font-size: 14px; margin: 0; float: left; width: 100%; display: block; clear: both; } div.header-dropmenu div.signout ul li a { color: #000; text-decoration: none; font-size: 12px; font-family: Regular-Bold; display: inline; cursor: pointer; } div.header-dropmenu div.signout ul li a:hover { color: #000; text-decoration: underline; } div.header-dropmenu #inbox .from { font-family: Regular-Bold; font-size: 17px; color: #404040; } div.header-dropmenu #inbox .date { font-family: Regular-Semibold; font-size: 17px; color: #404040; } div.header-dropmenu #inbox .subject { font-family: Regular-Bold; font-size: 17px; color: #404040; } div.header-dropmenu #inbox .subject a { font-family: inherit; } div.header-dropmenu #inbox .subject a:hover { text-decoration: none; } div.header-dropmenu #inbox .top-row { padding-bottom: 20px; } div.header-dropmenu #inbox h4, div.header-dropmenu #inbox h5, div.header-dropmenu #inbox p { font-family: Regular; font-weight: 400; } div.header-dropmenu #inbox .email-group { padding: 0 0 12px; } div.header-dropmenu #inbox .email-group .from, div.header-dropmenu #inbox .email-group .subject { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } div.header-dropmenu #inbox .email-group .subject { padding-right: 15px; } div.header-dropmenu #inbox .email-group a:hover { text-decoration: none; color: inherit; } div.header-dropmenu #inbox h4 { color: #404040; font-weight: 400; margin: 0; font-family: Regular-Bold; } div.header-dropmenu #inbox a.pull-right { float: right; font-family: Regular; } div.header-dropmenu #inbox a { margin: 0; text-decoration: none; font-size: 14px; } div.header-dropmenu #inbox a:hover { text-decoration: none; color: #000; } div.header-dropmenu #inbox h5 { color: #404040; margin: 0 0 5px; } div.header-dropmenu #inbox p { color: #404040; margin: 0; } div.header-dropmenu .support-menu { margin: 0; float: left; clear: both; display: block; min-width: 400px; width: 100%; } div.header-dropmenu .support-menu li { display: inline; float: left; width: 25%; font-size: 100%; margin: 0; } div.header-dropmenu .support-menu li ul { margin: 0; } div.header-dropmenu .support-menu li ul li { display: block; float: none; clear: both; margin: 0; width: 100%; font-size: 100%; text-align: center; } div.header-dropmenu .menu-top { border-top-right-radius: 6px; padding: 20px; float: left; width: 100%; clear: both; } div.header-dropmenu .menu-top #loginForm h4 { margin: 5px 0; font-weight: 400; } div.header-dropmenu .menu-top hr { margin: 10px 0; float: left; display: block; clear: both; width: 100%; } div.header-dropmenu .menu-top .remember-me-login .btn.btn--primary { float: left; margin: 0 25px 0 0; display: inline; width: 80px; } div.header-dropmenu .menu-top .remember-me-login .remember-me-group { float: left; margin: 8px 0 0; } div.header-dropmenu .menu-top .remember-me-login .remember-me-group .remember-checkbox { float: left; margin: 0 12px 0 0; height: 20px; width: 20px; } div.header-dropmenu .menu-top .remember-me-login .remember-me-group span { color: #404040; float: left; display: inline; margin: 0; } div.header-dropmenu .menu-top h1 { margin: 0; } div.header-dropmenu .menu-top h1.paybill-amount { font-family: Regular-Bold; } div.header-dropmenu .menu-top h2.due-date { color: #fff; font-family: Regular-Bold; font-weight: 400; margin: 0; } div.header-dropmenu .menu-top h3.no-access { color: #fff; margin: 0 0 20px; font-family: Regular-Bold; font-weight: 400; line-height: 1; } div.header-dropmenu .menu-top p.no-access { font-weight: 400; } div.header-dropmenu .menu-top h5 { margin: 0; } div.header-dropmenu .menu-top { border-top-right-radius: 6px; padding: 20px; float: left; width: 100%; clear: both; } div.header-dropmenu .menu-top #loginForm h4 { margin: 5px 0; font-weight: 400; } div.header-dropmenu .menu-top hr { margin: 10px 0; float: left; display: block; clear: both; width: 100%; } div.header-dropmenu .menu-top .remember-me-login .btn.btn--secondary { float: left; margin: 0 25px 0 0; display: inline; width: 80px; } div.header-dropmenu .menu-top .remember-me-login .remember-me-group { float: left; margin: 8px 0 0; } div.header-dropmenu .menu-top .remember-me-login .remember-me-group .remember-checkbox { float: left; margin: 0 12px 0 0; height: 20px; width: 20px; } div.header-dropmenu .menu-top .remember-me-login .remember-me-group span { color: #404040; float: left; display: inline; margin: 0; } div.header-dropmenu .menu-top h1 { margin: 0; } div.header-dropmenu .menu-top h1.paybill-amount { font-family: Regular-Bold; } div.header-dropmenu .menu-top h2.due-date { font-family: Regular-Bold; font-weight: 400; color: #fff; margin: 0; } div.header-dropmenu .menu-top h3.no-access { color: #fff; margin: 0 0 20px; font-family: Regular-Bold; font-weight: 400; line-height: 1; } div.header-dropmenu .menu-top p.no-access { font-weight: 400; } div.header-dropmenu .menu-top h5 { margin: 0; } div.header-dropmenu .menu-top .color-secondary-darken { color: #000; } div.header-dropmenu .menu-bottom { font-family: Regular; padding: 20px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; float: left; width: 100%; clear: both; font-size: 14px; } div.header-dropmenu .menu-bottom div.paybill-li li { font-size: 16px; } div.header-dropmenu .menu-bottom .dvr-list { padding: 0; margin: 0; } div.header-dropmenu .menu-bottom .dvr-list li { padding: 0; float: left; display: inline; list-style: none; clear: none; margin: 0 10px 0 0; font-size: 16px; } div.header-dropmenu .menu-bottom .btn { padding: 1px 8px; } div.header-dropmenu .menu-bottom ul.time-received li { text-align: right; font-weight: 400; font-size: 15px; } div.header-dropmenu .menu-bottom ul.phone-number li { font-family: Regular-Bold; font-size: 15px; } div.header-dropmenu .menu-bottom a { font-family: Regular-Bold; margin: 0; padding: 0; color: #0084d6; } div.header-dropmenu .menu-bottom .cta-arrow-link { line-height: 1; } div.header-dropmenu .menu-bottom .cta-arrow-link .font-cta-link { line-height: 1; } div.header-dropmenu .menu-bottom a:hover { text-decoration: none; color: #004570; } div.header-dropmenu .menu-bottom .support-lower-links li { list-style: none; } div.header-dropmenu .menu-bottom .support-lower-links li a { font-size: 18px; } div.header-dropmenu .menu-bottom h5 { margin: 0; } div.header-dropmenu .menu-bottom h4 { color: #fff; margin: 0; font-family: Regular-Bold; font-weight: 400; } div.header-dropmenu .menu-bottom a.no-issues { color: #0084d6; float: left; clear: right; margin-left: 10px; } div.header-dropmenu .menu-bottom a.issues { color: #d6001a; float: left; clear: right; margin-left: 10px; } div.header-dropmenu .menu-bottom.true.false_mus { padding: 0rem; } .voice-support-icon-mark { color: #fff; font-size: 32px; } .paybill-menu .menu-mdl { border-top-right-radius: 0!important; } .paybill-menu .menu-bottom ul { padding: 0; margin: 0; } .paybill-menu .menu-bottom ul li { list-style: none; padding: 0; display: block; clear: both; } .paybill-menu .menu-bottom ul li a { color: #404040; font-size: 18px; } .paybill-menu .menu-bottom ul li a span.pdf { font-weight: 400; font-size: 14px; } .logged-in div.header-dropmenu .menu-top { background-color: #fff; color: #404040; } .logged-in div.header-dropmenu .menu-icon a { background-color: rgba(0,0,0,.5); } .logged-out div.header-dropmenu .menu-icon a { background-color: #666; } .logged-out div.header-dropmenu .menu-icon a:hover { background-color: #000; } #dvr .dvr-recordings { min-height: 20px; padding: 0; } #dvr .dvr-recordings.active { max-height: none; padding-top: 1rem; } #dvr .dvr-recordings>h4 { text-align: center; } #dvr .dvr-recordings .dvr-recordings-bottom { text-align: center; } #dvr .dvr-recordings .dvr-recordings-bottom ul { overflow: hidden; } #dvr .dvr-recordings ul { padding: 0; text-align: center; } #dvr .dvr-recordings li { margin: 0; width: 25%; list-style: none; display: inline-block; position: relative; } #dvr .dvr-recordings li .poster { margin-right: 4px; max-width: 67px; cursor: pointer; } #dvr .dvr-recordings .spin-restraint { max-height: 50px; overflow: hidden; margin-left: 1rem; } #dvr .dvr-recordings .learnmore { margin-top: 0; margin-bottom: 0; } .logged-in .global-nav-secondary__item.active .badge-primary { background: #666; } .logged-in .global-nav-primary__item.active .badge-primary { background: #666; } .logged-in div.header-dropmenu { background: #fff; } .logged-in div.header-dropmenu .menu-bottom ul li a:hover { color: #000; } .logged-in div.header-dropmenu .menu-bottom .cta-arrow-link--dark-overlay .font-cta-link { font-family: Regular-Bold; color: #0084d6; } .logged-in div.header-dropmenu .menu-bottom .cta-arrow-link--dark-overlay .cta-circle { background-color: #0084d6; } .logged-in div.header-dropmenu .menu-bottom .sign-out-margin { margin-left: 1px; margin-top: -1.4%; } .logged-in div.header-dropmenu .menu-bottom .cta-arrow-link-space { padding-left: 0!important; padding-right: 0!important; } .logged-in div.header-dropmenu .menu-bottom .email_box { padding-left: 35px!important; padding-right: 0!important; } .logged-in div.header-dropmenu .menu-bottom .cta-arrow-link--dark-overlay:hover .font-cta-link { color: #004570; } .logged-in div.header-dropmenu .menu-bottom .cta-arrow-link--dark-overlay:hover .cta-circle { background-color: #004570; } .logged-in div.header-dropmenu .menu-bottom .signout-text { float: left; margin: 0 5px 0 0; } .logged-in div.header-dropmenu ul { padding: 0; margin: 0; } .logged-in div.header-dropmenu ul li:last-child { margin: 0 0 10px -12px; } .logged-in div.header-dropmenu ul li:hover { background-color: #e0e0e0; border-radius: .33333em; } .logged-in div.header-dropmenu ul li { list-style: none; font-size: 18px; margin: 0 0 4px -12px; } .logged-in div.header-dropmenu ul li a { color: #404040; display: inline-block; padding: 8px 2px; text-decoration: none; margin-left: 12px; } .logged-in div.header-dropmenu h5 { color: #000; } .logged-in div.header-dropmenu h4 { color: #666; font-family: Regular-Bold; font-weight: 400; } .logged-in div.header-dropmenu .support-menu { margin: 0; } .logged-in div.header-dropmenu .support-menu a { margin-left: 0; } .logged-in div.header-dropmenu .support-menu a:hover { background: transparent; border-radius: 0; color: #000; } .logged-in div.header-dropmenu .support-menu li { list-style: none; font-size: 18px; margin: 0 0 12px; } .logged-in div.header-dropmenu .support-menu li:hover { background: transparent; } .logged-in div.header-dropmenu .support-menu li:last-child { margin: 0; } .logged-in div.header-dropmenu .support-lower-links li a { color: #404040; font-weight: 400; } .logged-in div.header-dropmenu p { font-size: 14px; color: #404040; font-family: Regular-Bold; } .logged-in div.header-dropmenu .menu-bottom { border-top: 1px solid #d9d9d9; } .logged-in div.header-dropmenu .menu-bottom h4 { color: #404040; font-family: Regular-Bold; font-weight: 400; } .logged-in div.header-dropmenu .menu-bottom p { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 400; margin: 10px 0; } .logged-in div.header-dropmenu .menu-bottom p a { color: #000; } .logged-in div.header-dropmenu .menu-bottom p a:hover { color: #000; text-decoration: none; } .logged-in div.header-dropmenu .phone-links .span6:nth-child(1) { padding-right: 5px!important; } .logged-in div.header-dropmenu .no-bg { background: 0; padding: 12px 20px; } .logged-in div.header-dropmenu .no-bg h4 { font-family: Regular-Medium; } .logged-in div.header-dropmenu .no-bg a { font-family: Regular-Medium; } .logged-out .global-nav-primary__item.badge-notification__count { display: none; } .logged-out div.header-dropmenu { background: #fff; border: 1px solid #d9d9d9; } .logged-out div.header-dropmenu p { color: #404040; } .logged-out div.header-dropmenu a { color: #404040; display: inline-block; padding: 9px 2px; text-decoration: none; } .logged-out div.header-dropmenu .btn.btn--secondary { color: #fff; } .logged-out div.header-dropmenu .menu-top h1 { color: #404040; } .logged-out div.header-dropmenu .menu-top h4 { color: #666; } .logged-out div.header-dropmenu .menu-bottom { border-top: 1px solid #d9d9d9; } .logged-out div.header-dropmenu .menu-bottom .support-lower-links li a { color: #404040; font-weight: 400; } .logged-out div.header-dropmenu .menu-bottom h4 { color: #404040; font-family: Regular-Bold; font-weight: 400; } .logged-out div.header-dropmenu .phone-links .span6:nth-child(1) { padding-right: 5px!important; } .global-nav-secondary__label .block-link { padding: 15px 6px 10px; color: #fff; } .global-nav-secondary__item .block-link { padding: 15px 6px 10px; color: #fff; } .global-nav-primary__item.block-link { padding: 0 10px 5px; color: #fff; } @media (min-width:768px) and (max-width:979px) { div.support-ddmenu div.header-dropmenu { right: -89px; } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) { div.support-ddmenu div.header-dropmenu { right: -85px; } } .alert-major.alert-drawer__handle { background-color: #d6001a; padding-top: 22px; } .alert-minor.alert-drawer__handle { background-color: #0084d6; padding-top: 22px; } .common-header.alert-major .global-header { border-top-color: #d6001a!important; } .common-header .sticky-wrapper { background-color: #0084d6; } .common-header.alert-minor .global-header { border-top-color: #0084d6!important; } .common-header a.badge-notification { text-decoration: none; } .fontface div.header-dropmenu .support-menu li:hover { background-color: #fff; } .fontface div.header-dropmenu .support-menu li ul li.service-icon .support-icons { background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/sprite_icons_altice.png) no-repeat; width: 41px; height: 41px; float: left; } .fontface div.header-dropmenu .support-menu li ul li.service-icon .support-icons.tv-icon { background-position: -10px -607px; } .fontface div.header-dropmenu .support-menu li ul li.service-icon .support-icons.tv-icon:hover { background-position: -10px -656px; } .fontface div.header-dropmenu .support-menu li ul li.service-icon .support-icons.phone-icon { background-position: -76px -607px; } .fontface div.header-dropmenu .support-menu li ul li.service-icon .support-icons.phone-icon:hover { background-position: -76px -656px; } .fontface div.header-dropmenu .support-menu li ul li.service-icon .support-icons.internet-icon { background-position: -142px -607px; } .fontface div.header-dropmenu .support-menu li ul li.service-icon .support-icons.internet-icon:hover { background-position: -142px -656px; } .fontface div.header-dropmenu .support-menu li ul li.service-icon .support-icons.paybill-icon { background-position: -208px -607px; } .fontface div.header-dropmenu .support-menu li ul li.service-icon .support-icons.paybill-icon:hover { background-position: -208px -656px; } .fontface div.header-dropmenu .support-menu li ul li.service-name { margin-top: 10px; float: left; } .fontface .glyph { float: left; margin: 0; font-size: 2rem; padding: .25rem .5rem; line-height: 1; } .fontface .icon-alignment { padding-left: 0!important; padding-right: 0!important; } .no-fontface .glyph { padding: 10px; float: left; width: 40px; height: 40px; margin: 0 30px; line-height: 1.5; } .no-fontface .bg-secondary-accent { padding: 15px; border-radius: 100px; color: #fff; margin-bottom: 10px; } .no-fontface .logged-in .glyph.tv { background: #000 url(/assets/images/global-sprite.png) -63px -30px no-repeat; } .no-fontface .logged-in .glyph.internet { background: #000 url(/assets/images/global-sprite.png) -23px -30px no-repeat; } .no-fontface .logged-in .glyph.paybill { background: #000 url(/assets/images/global-sprite.png) 9px -30px no-repeat; } .no-fontface .logged-in .glyph.phone { background: #000 url(/assets/images/global-sprite.png) -105px -30px no-repeat; } .no-fontface .logged-out .bg-secondary-accent { color: #fff; } .no-fontface .logged-out .glyph.tv { background: #0084d6 url(/assets/images/global-sprite.png) -63px -30px no-repeat; } .no-fontface .logged-out .glyph.internet { background: #0084d6 url(/assets/images/global-sprite.png) -23px -30px no-repeat; } .no-fontface .logged-out .glyph.paybill { background: #0084d6 url(/assets/images/global-sprite.png) 9px -30px no-repeat; } .no-fontface .logged-out .glyph.phone { background: #0084d6 url(/assets/images/global-sprite.png) -105px -30px no-repeat; } .no-fontface .global-header-phone__nav__item.icon-search { background: url(/assets/images/global-sprite.png) -78px -63px no-repeat; padding: 9px 20px; } .no-fontface .global-header-phone__nav__item.icon-align-justify { background: url(/assets/images/global-sprite.png) -29px -63px no-repeat; padding: 9px 20px; overflow: hidden; } .no-fontface .close-search.icon-remove { background: url(/assets/images/global-sprite.png) -47px -159px no-repeat; height: 15px; width: 15px; float: right; } .no-fontface .phone-search-bar .searchbar-group .icon-search { background: #fff url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/sprite_icons_altice.png) no-repeat; background-position: -91px 4px; } .no-fontface .global-nav-container-phone .icon.icon-phone { background: url(/assets/images/global-sprite.png) -150px -82px no-repeat; float: left; height: 17px; width: 15px; } .no-fontface .global-nav-container-phone .icon.icon-envelope { background: url(/assets/images/global-sprite.png) -100px -159px no-repeat; float: left; height: 17px; width: 15px; } .no-fontface .global-nav-container-phone .icon-warning-sign { background: url(/assets/images/global-sprite.png) -196px -82px no-repeat; float: left; height: 17px; width: 20px; } .no-fontface .badge-notification__icon.icon-warning-sign { background: url(/assets/images/global-sprite.png) -196px -82px no-repeat; float: left; height: 17px; width: 17px; } .no-fontface .input-group .input-group-btn .btn--s { line-height: 1.8rem; padding: 4.9px 5px; } .no-fontface .input-group .input-group-btn .btn--s .icon-search { float: left; height: 15px; width: 15px; background: transparent url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/sprite_icons_altice.png) no-repeat; background-position: -94px -2px; } ::selection { background: #0084d6; color: #fff; } ::-moz-selection { background: #0084d6; color: #fff; } #site-wrapper { width: 100%; overflow: hidden; } .not-toggle.mobile_menu_sheet { display: none; } @media (min-width:768px) { #site-wrapper { position: static!important; } body.is-sheet-mode { overflow: visible!important; } } .auto_complete_display_none { display: none!important; } .auto_complete_display_block { display: block!important; } .phone_auto_complete_background { background-color: #f2f2f2; } .auto_complete_phone { font-family: regular; position: absolute; background-color: #f2f2f2; width: 100%; height: 100%; z-index: 101; } .auto_complete_phone .marginTop1rem { margin-top: 1rem; } .auto_complete_phone .result_container { background-color: #fff; border-radius: 5px; font-size: 1.14rem; border: 1px solid #e1e1e1; margin-top: .5rem; line-height: 2rem; } .auto_complete_phone .result_container ul { list-style: none; margin: 0; } .auto_complete_phone .result_container li { cursor: pointer; padding: 1rem; border-bottom: 1px solid #e1e1e1; } .auto_complete_phone .border-result-item-bottom { border-bottom: 0!important; } .auto_complete_phone .result-item { padding: 5px; border-bottom: 1px solid #e1e1e1; } .auto_complete_phone div span.search_heading { font-family: Regular-Bold; font-size: 1.35rem; margin-top: 1rem; margin-bottom: .5rem; margin-left: .5rem; } .auto_complete_phone div span.initial-heading { font-family: Regular!important; margin-left: 0!important; } .auto_complete_phone div span.google-heading { margin-left: 0!important; } #search_auto_phone a { text-decoration: none; color: #000; } .dim_background { background: #000; opacity: .5; height: 100%; width: 100%; display: block!important; } .width_90 { width: 90%; } #phone-search { background: #000; } #phone-search input { background-color: #fff!important; color: #404040!important; } #phone-search .btn--white { background: #484848; color: #fff; font-family: FontAwesome; } #phone-search .btn--white:hover { background: #222; } .headermenu-add-margin { margin-top: .5rem; } @media (min-width:900px) and (max-width:979px) and (orientation:portrait) { .global-nav-primary__label .global-header__link { font-size: 2rem; } } #inbox h4, .list-module-style h4, #inbox h5, .list-module-style h5, #inbox p, .list-module-style p, #inbox span, .list-module-style span { font-family: Regular-Light; font-weight: 400; } #inbox .font-cta-link span, .list-module-style .font-cta-link span { font-family: Regular-Bold; font-weight: 400; font-size: 17px; } #inbox .seen h4, .list-module-style .seen h4, #inbox .seen p, .list-module-style .seen p, #inbox .seen span, .list-module-style .seen span, #inbox .seen .subject, .list-module-style .seen .subject, #inbox .seen .from, .list-module-style .seen .from { font-family: Regular-Light!important; font-weight: 400; } #inbox .unseen h4, .list-module-style .unseen h4, #inbox .unseen p, .list-module-style .unseen p, #inbox .unseen span, .list-module-style .unseen span { font-family: Regular-Bold; font-weight: 400; } #inbox .unseen .subject, .list-module-style .unseen .subject { font-family: Regular-Semibold; font-weight: 400; } #inbox .unseen .subject a, .list-module-style .unseen .subject a { font-family: inherit; } div.header-dropmenu #inbox .from { color: #404040; } div.header-dropmenu #inbox .subject { color: #404040; } div.header-dropmenu #inbox .seen h4, div.header-dropmenu #inbox .seen p, div.header-dropmenu #inbox .seen span, div.header-dropmenu #inbox .seen .subject, div.header-dropmenu #inbox .seen .from { font-family: Regular-Light!important; font-weight: 400; } div.header-dropmenu #inbox .unseen h4, div.header-dropmenu #inbox .unseen h5, div.header-dropmenu #inbox .unseen p, div.header-dropmenu #inbox .unseen span { font-family: Regular-Bold; font-weight: 400; } div.header-dropmenu #inbox .unseen .subject { font-family: Regular-Semibold; font-weight: 400; } @media (min-width:768px) and (max-width:979px) { .payNow { padding: 0; } .width_90 { width: 98%; padding-left: 1rem; } div.balancealert-iconright { float: none!important; } .logged-out .internet-menu { position: absolute; } .phone-menu .header-dropmenu { left: -222px; } .phone-menu.nophone-menu .header-dropmenu { left: -204px; } .phone-menu-alignment { left: -220px!important; } .logged-out .phone-menu header-dropdown { left: -247px; } .tv-menu.tv-dvr-menu .header-dropmenu { right: -119px!important; } .tv-menu.tv-menu-alignment .header-dropmenu { right: -114px!important; } .logged-out div.header-dropmenu .menu-icon a { padding: 9px 18px 9px 12px!important; } .ipad-width-8 { width: 60%!important; } .ipad-width-4 { width: 40%!important; } } .logged-out-envelope { margin-left: .32rem; margin-right: .32rem; } .logged-out-envelope-container { padding-right: 0; } .ie8 div.header-dropmenu .support-menu li ul li.service-icon i { color: #000; } .login-service-icon { color: #000; } .ie8 .logged-out div.header-dropmenu .support-menu li ul li.service-icon i { color: #0084d6; } .onet-icons-ie { color: #0084d6; font-size: 40px; } .visible-ie8 { display: none; } section#dep-browser-banner { padding: 1.5rem 0 0; } section#dep-browser-banner .pointer { cursor: pointer; } section#dep-browser-banner #browser-icons { padding-left: 1.5rem; margin: 1rem 0 0; } section#dep-browser-banner #browser-icons img { display: inline-block; margin-right: 1rem; width: 50px; height: 50px; } section#dep-browser-banner h4.title { color: #fff; } section#dep-browser-banner a { color: #fff; text-decoration: underline; } .placeholder-text { color: #fff; font-weight: 400; } .ie8 section#dep-browser-banner #exc-icon { background-color: #000; width: 30px; height: 30px; } .site-header-wrapper .motion-point { margin-top: 4px; float: left; } .site-header-wrapper .motion-point a { color: #fff; font-family: Regular; font-size: 15px; } .site-header-wrapper .motion-point a:hover { color: #fff; text-decoration: none; } .site-header-wrapper .vpadding-s { height: 45px; } .site-header-wrapper .username-msg-div { font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif!important; } .site-header-wrapper .signout-msg-div { font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif!important; } #rn_Container #rn_Body strong { font-family: Arial,Helvetica,sans-serif; } .email-security-modal .padding-l { padding: 2.8rem; background: #ec1c1c; max-width: 42.1rem; } .email-security-modal .popup-content1 { clear: both; width: 100%; } .email-security-modal .icon_left { float: left; width: 50px; padding-top: 5px; } .email-security-modal .icon_left .dot { background-color: #bb0202; } .email-security-modal .popup-text { float: left; width: 85%; color: #fff; font-size: 17px; font-weight: 700; margin-bottom: 20px; } .email-security-modal .popup-text .text1 { font-weight: 400; font-family: Regular-semibold; font-size: 1.26rem; } .email-security-modal .popup-text h2 { font-size: 2.7rem; font-weight: 400; color: #fff; margin-bottom: 1rem; padding-right: .5rem; } .email-security-modal .panel__header h2 { font-weight: 700; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 1.8rem; line-height: 1.8rem; } .email-security-modal .panel__header .dot { float: left; margin: 0 10px 0 0; } .email-security-modal .mobpanel__header { background: #ec1c1c; padding: 15px 0; } .email-security-modal .panel__footer { margin: 10px 0 0; padding: 20px 0 0; border-top: 1px solid #d9d9d9; clear: both; } .email-security-modal .panel__footer .btn { margin: 0 0 5px!important; height: 30px; padding: 0; line-height: 30px; background: #fff; color: #bb0202; } .email-security-modal .panel__footer .btn.btn--secondary { background: #bb0202; color: #fff; } .email-security-modal .panel__footer .cta-arrow-link { float: right; } .email-security-modal .panel__footer .cta-arrow-link a { color: #fff; } .email-security-modal .panel__footer .cta-arrow-link.primary .cta-circle { background-color: #bb0202; } .email-security-modal.mail-blocked .panel { max-width: 744px; } .email-security-modal .details p { padding-top: 1rem; } img { margin-top: -1px; } @media (max-width:767px) { img { margin-top: 0; } } @media (max-width:767px) { .email-security-modal .padding-l { padding: 0; background: 0; max-width: 100%; border-radius: 0; } .email-security-modal .popup-content1 { background: #fff; float: left; width: 100%; color: #ec1c1c; border-radius: 5px; border: 1px solid #d9d9d9; padding: 20px; margin: 10px 0; } .email-security-modal .popup-content1 .popup-text { width: 75%; font-weight: 400; color: #ec1c1c; font-family: regular-semibold; } .email-security-modal .popup-content1 .popup-text h2 { font-size: 1.6rem; color: #ec1c1c; font-family: regular-bold; } .email-security-modal .mobpanel__header { background: #ec1c1c; padding: 15px 0; } .email-security-modal .mobpanel__header .container { padding: 0; padding-top: 0!important; padding-left: 1rem; padding-right: 1rem; } .email-security-modal .mobpanel__header .container h2 { float: left; color: #fff; font-size: 36px; margin: 0; } .email-security-modal .mobpanel__header .container .phone-close { background: #bb0202; margin: 0; } .email-security-modal .container { padding-top: 0!important; } .email-security-modal .container .font-cta-link { line-height: 17px; color: #ec1c1c; font-weight: 700; } .email-security-modal .container .cta-arrow-link.primary .cta-circle { background-color: #ec1c1c; } .email-security-modal .panel__header { background: 0; padding-top: 0; } .email-security-modal .panel__header h2 { color: #000; width: 82%; font-size: 25px; margin-top: 5px; } .email-security-modal .panel__footer { padding-top: 0!important; border: 0; margin-top: 0; } .email-security-modal .panel__footer .btn { display: block; width: 100%; height: 40px; line-height: 40px; background: #ec1c1c; color: #fff; font-size: 1.2rem; } .email-security-modal .panel__footer .btn.btn--secondary { display: none; } .email-security-modal .panel__footer .cta-arrow-link { display: none; } .email-security-modal .panel__footer .cta-arrow-link a { color: #ec1c1c; font-weight: 700; } } @media only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) { .mobile-logo { background: url(../img/logo_mobile.png) no-repeat!important; background-size: 119px!important; } } h4.no-btm-mrgn { margin-bottom: 0; } span [id^=LP] { display: inline-block; } .cta-arrow-link i { font-size: .9rem; text-decoration: none; } .cta-arrow-link--light a { font-weight: 400; color: #fff; } .font-cta-link { line-height: 1.5; vertical-align: middle; font-family: Regular-Bold; font-size: 17px; color: inherit; font-weight: 400; float: left; text-decoration: none!important; } .cta-arrow-link { font-size: 1.1rem; line-height: 2; vertical-align: middle; color: inherit; font-weight: 400; float: left; padding-top: .5%; padding-bottom: .5%; } .cta-arrow-link .cta-wrap { float: right; } .cta-arrow-link .cta-wrap .cta-dot { float: left; min-width: 26px; } .cta-arrow-link .cta-circle { display: inline; border-radius: 20px; padding: 2px 3px; color: #fff; margin-left: .4rem; } .cta-arrow-link:hover { text-decoration: none!important; } .cta-arrow-link.primary { color: #0084d6; } .cta-arrow-link.primary .cta-circle { background-color: #0084d6; } .primary.cta-arrow-link:hover { color: #00558a; } .primary.cta-arrow-link:hover .cta-circle { background-color: #00558a; } .cta-arrow-link.nonBold a { font-family: Regular-Medium; } .nonBold.cta-arrow-link:hover a { font-family: Regular-Medium; } .secondary.cta-arrow-link { color: #000; } .secondary.cta-arrow-link .cta-circle { background-color: #000; } .secondary.cta-arrow-link:hover { color: #000; } .secondary.cta-arrow-link:hover .cta-circle { background-color: #000; } .secondary-shaded.cta-arrow-link { color: #f5f5f5; } .secondary-shaded.cta-arrow-link .cta-circle { background-color: #f5f5f5; } .secondary-shaded.cta-arrow-link:hover { color: #cfcfcf; } .secondary-shaded.cta-arrow-link:hover .cta-circle { background-color: #cfcfcf; } .shaded.cta-arrow-link { color: #f2f2f2; } .shaded.cta-arrow-link .cta-circle { background-color: #f2f2f2; } .shaded.cta-arrow-link:hover { color: #ccc; } .shaded.cta-arrow-link:hover .cta-circle { background-color: #ccc; } .text.cta-arrow-link { color: #404040; } .text.cta-arrow-link .cta-circle { background-color: #404040; } .text.cta-arrow-link:hover { color: #1a1a1a; } .text.cta-arrow-link:hover .cta-circle { background-color: #1a1a1a; } .error.cta-arrow-link { color: #d6001a; } .error.cta-arrow-link .cta-circle { background-color: #d6001a; } .cta-arrow-link.alert { color: #d6001a; } .cta-arrow-link.alert .cta-circle { background-color: #d6001a; } .cta-arrow-link.success-green { color: #00aa13; } .cta-arrow-link.success-green .cta-circle { background-color: #00aa13; } .alert-drawer__cta .cta-circle { background-color: rgba(0,0,0,.4); } .cta-arrow-link.cta-arrow-link--dark-overlay { color: #404040; } .cta-arrow-link.cta-arrow-link--dark-overlay .cta-circle { background-color: #404040; color: #fff; } .cta-arrow-link.darker-accent { color: #484848; } .cta-arrow-link.darker-accent .cta-circle { background-color: #484848; } .cta-arrow-link.darker-accent:hover { color: #222; } .cta-arrow-link.darker-accent:hover .cta-circle { background-color: #222; } .cta-arrow-link.lighter-accent { color: #666; } .cta-arrow-link.lighter-accent .cta-circle { background-color: #666; } .cta-arrow-link.lighter-accent:hover { color: #404040; } .cta-arrow-link.lighter-accent:hover .cta-circle { background-color: #404040; } .cta-arrow-link.footer-accent { color: #fff; } .cta-arrow-link.footer-accent .cta-circle { background-color: #fff; color: #404040; } .cta-arrow-link.footer-accent:hover { color: #484848; } .cta-arrow-link.footer-accent:hover .cta-circle { background-color: #484848; color: #fff; } ul.examplelistforparts { padding: 0; margin: 0; } ul.examplelistforparts li { list-style: none; padding: 0; margin: 0; display: block; clear: both; } .cta-arrow-link.footer-cta { color: #fff; } .cta-arrow-link.footer-cta .cta-circle { background-color: #fff; color: #000; } .doc-title { font-family: Regular; position: relative; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: transparent; } .doc-title:hover { text-decoration: none; border-bottom-color: #0084d6; } .doc-title:hover:before { color: #0084d6; content: "\f0c1"; font-family: FontAwesome; font-size: .666em; opacity: .5; top: 50%; margin-top: -.5em; position: absolute; left: -2em; } .doc-title:active:before { opacity: .1; } .doc__header { margin-bottom: 1.4em; } .doc__title { font-size: 2.6666rem; } .doc__type-icon { font-size: 1.2rem; margin-top: 8px; } div.doc__type-directive-icon { background-color: #000; } div.doc__type-service-icon { background-color: #00aa13; } div.doc__type-css-icon { background-color: #d6001a; } doc, doc-demo { display: block; } doc+doc { margin-top: 8.399999999999999rem; } doc-demo+doc-demo, doc-demo:not(:first-child) { margin-top: 4.199999999999999rem; } .doc__demo__title { color: #0084d6; font-size: 1.5rem; font-weight: 700; } .doc__demo__title { margin-bottom: .7em; } doc pre { padding: 1.5rem; } .dot { display: inline-block; vertical-align: middle; text-align: center; white-space: nowrap; width: 1.8em; height: 1.8em; border-radius: 50%; background-color: #0084d6; color: #fff; margin-top: 5px; } .dot:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .dot>* { display: inline-block; vertical-align: middle; white-space: normal; } .dot-inner { line-height: 1; } .dot--primary { background-color: #0084d6; color: #fff; } .dot--secondary { background-color: #000; color: #fff; } .dot--heading { background-color: #404040; color: #fff; } .dot--is-recording, .dot--alert { background-color: #d6001a; color: #fff; } .dot--white { background-color: #fff; color: #fff; } .dot--dark-overlay, .dot--overlay-dark { background-color: rgba(0,0,0,.30000000000000004); color: #fff; } .dot--will-record { background-color: #fff; color: #fff; border: 2px solid #d6001a; } .dot--white-outline { border: 2px solid #fff; background-color: transparent; } .dot--pad-s { width: 1.5em; height: 1.5em; } .dot--pad-xs { width: 1.2em; height: 1.2em; } .dot--pad-s i { display: block; margin-top: -.15em; } .dot--pad-xs i { display: block; margin-top: -.53em; } drawer-grid { display: block; } drawer-grid .drawer-row:not(:first-child) .drawer-row__item { margin-top: 2rem; } .drawer-row__item { cursor: pointer; } .drawer-row__drawer__tip { position: relative; color: #f2f2f2; border-color: transparent transparent #f2f2f2; border-width: 0 .875rem .875rem; width: 0; height: 0; border-style: solid; -webkit-transition: left 300ms cubic-bezier(0.175,.885,.32,1.275); -moz-transition: left 300ms cubic-bezier(0.175,.885,.32,1.275); -o-transition: left 300ms cubic-bezier(0.175,.885,.32,1.275); transition: left 300ms cubic-bezier(0.175,.885,.32,1.275); } .drawer-row__drawer>.drawer__body { padding-top: 1.1rem; } .drawer { overflow: hidden; position: relative; -webkit-transition: height 500ms; -moz-transition: height 500ms; -o-transition: height 500ms; transition: height 500ms; } .drawer.js-suppress-animation *, .drawer.js-suppress-animation { -webkit-transition-duration: 0!important; -moz-transition-duration: 0!important; -o-transition-duration: 0!important; transition-duration: 0!important; } .drawer__body { -webkit-transition: margin-top 500ms; -moz-transition: margin-top 500ms; -o-transition: margin-top 500ms; transition: margin-top 500ms; } .drawer__body { margin-top: -99999px; } .drawer.direction-up .drawer__body { margin-top: 0; } .dropdown .error-input { border: 1px solid red; } .dropdown-date { text-align: left; } .dropdown-date .dropdown__selected-container { color: #404040; background: #f2f2f2; } .dropdown-date .dropdown__knob { color: rgba(255,255,255,.6); background-color: #0084d6; } .dropdown-date .dropdown__shelf { color: #404040; background: #fff; z-index: 999!important; } .dropdown-date:hover .dropdown__option:hover { background: #f2f2f2; } .dropdown-date:hover .dropdown__selected-container, .dropdown-date.is-toggle .dropdown__selected-container { background: #e5e5e5; } .dropdown-date:hover .dropdown__knob, .dropdown-date.is-toggle .dropdown__knob { color: #fff; background-color: #0074bd; } .dropdown-date.not-toggle .dropdown__shelf { display: none; } .dropdown-date.is-toggle .dropdown__knob, .dropdown-date.is-toggle .dropdown__selected-container { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .dropdown-date.is-disabled { cursor: default; pointer-events: none; opacity: .75; } .datepicker_bg { position: absolute; background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; z-index: 9; } .dateInputTxt { padding: 5px; margin: 0; border: 0; border-radius: 4px; width: 100%; } .dropdown__handle { font-weight: 700; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .dropdown__selected-container { border-bottom-left-radius: .33333em; border-top-left-radius: .33333em; vertical-align: middle; } .dropdown__selected { padding: .4em 1em; } .dropdown__selected:empty { height: 1.8em; } .dropdown__knob { width: 2.25em; text-align: center; vertical-align: middle; border-bottom-right-radius: .33333em; border-top-right-radius: .33333em; } .dropdown__shelf { position: absolute; overflow: hidden; z-index: 9999; min-width: 100%; -webkit-box-shadow: 0 0 8px 2px rgba(0,0,0,.1); box-shadow: 0 0 8px 2px rgba(0,0,0,.1); border-bottom-right-radius: .33333em; border-bottom-left-radius: .33333em; } .dropdown__shelf::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .dropdown__shelf::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0,0,0,.55); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); box-shadow: 0 0 1px rgba(255,255,255,.5); } .dropdown__option { padding: .4rem 1rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .dropdown--onshaded .dropdown__selected-container, .dropdown--highlight .dropdown__selected-container { color: #404040; background: #fff; } .dropdown--onshaded .dropdown__knob, .dropdown--highlight .dropdown__knob { color: rgba(255,255,255,.6); background-color: #0084d6; } .dropdown--onshaded .dropdown__shelf, .dropdown--highlight .dropdown__shelf { color: #155045; background: #fff; z-index: 999!important; } .dropdown--onshaded:hover .dropdown__option:hover, .dropdown--highlight:hover .dropdown__option:hover { background: #f2f2f2; } .dropdown--onshaded:hover .dropdown__selected-container, .dropdown--highlight:hover .dropdown__selected-container, .dropdown--onshaded.is-toggle .dropdown__selected-container, .dropdown--highlight.is-toggle .dropdown__selected-container { background: #fafdff; } .dropdown--onshaded:hover .dropdown__knob, .dropdown--highlight:hover .dropdown__knob, .dropdown--onshaded.is-toggle .dropdown__knob, .dropdown--highlight.is-toggle .dropdown__knob { color: #fff; background-color: #0074bd; } .dropdown--heading .dropdown__selected-container { color: #404040; background: #fff; } .dropdown--heading .dropdown__knob { color: rgba(255,255,255,.6); background-color: #484848; } .dropdown--heading .dropdown__shelf { color: #404040; background: #fff; z-index: 999!important; } .dropdown--heading:hover .dropdown__option:hover { background: #f2f2f2; } .dropdown--heading:hover .dropdown__selected-container, .dropdown--heading.is-toggle .dropdown__selected-container { background: #f2f2f2; } .dropdown--heading:hover .dropdown__knob, .dropdown--heading.is-toggle .dropdown__knob { color: #fff; background-color: #0d3e35; } .dropdown--heading .dropdown__option { font-weight: 700; } .dropdown--shelf-s .dropdown__shelf { max-height: 10rem; overflow: auto; } .dropdown--shelf-m .dropdown__shelf { max-height: 15rem; overflow: auto; } .dropdown--shelf-l .dropdown__shelf { max-height: 20rem; overflow: auto; } .dropdown--shelf-over-s .dropdown__shelf { min-width: 133%; } .dropdown--shelf-over-m .dropdown__shelf { min-width: 166%; } .dropdown--shelf-over-l .dropdown__shelf { min-width: 200%; } .dropdown--shelf-over-s .dropdown__shelf, .dropdown--shelf-over-m .dropdown__shelf, .dropdown--shelf-over-l .dropdown__shelf { border-bottom-right-radius: .33333em; border-top-right-radius: .33333em; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .ie8 body.is-sheet-mode { overflow: auto!important; } .dropdown-dvr .dropdown__option { padding-top: 0; } .dropdown-dvr .dropdown__option:nth-child(2n) { background-color: rgba(0,0,0,.020000000000000018); } .dropdown-dvr .option__dvr-box-image { width: 5.6rem; padding-top: 1rem; padding-right: 1.4rem; } .dropdown-dvr .option__dvr-box-label { line-height: 1; } .dropdown-dvr .dropdown-sheet__options button { text-align: left; } .dropdown-dvr .dropdown-sheet__options button:hover h3 { color: #fff; } .dropdown { width: 100%; height: 100%!important; z-index: 9999!important; } .dropdown .sheet .dropdown-sheet__option>i.icon-ok { float: left; } .dropdown .sheet .dropdown-sheet__option>i.icon-ok.hidden-not-none { visibility: hidden; } .sheet { overflow: hidden; width: 100%; z-index: 1001; height: 100%!important; } .sheet .dropdown--accordion { margin-bottom: 10px; } .sheet .dropdown--accordion .sheet { display: none!important; } .sheet .dropdown--accordion .dropdown__selected, .sheet .dropdown--accordion .dropdown__knob { font-family: Regular; font-size: 26px; font-weight: 400; } .sheet .dropdown--accordion .dropdown__selected { color: #0084d6; padding: .23em .4em; } .sheet .dropdown--accordion .single-dropdown-check { display: inline-block; } .sheet .dropdown--accordion.dropdown--onshaded:hover .dropdown__selected-container, .sheet .dropdown--accordion.dropdown--highlight:hover .dropdown__selected-container, .sheet .dropdown--accordion.dropdown--onshaded.is-toggle .dropdown__selected-container, .sheet .dropdown--accordion.dropdown--highlight.is-toggle .dropdown__selected-container { background: #fff; } .sheet .dropdown--accordion .dropdown__knob, .sheet .dropdown--accordion.dropdown--onshaded .dropdown__knob, .sheet .dropdown--accordion.dropdown--highlight .dropdown__knob { background: #fff; color: #000; } .sheet .dropdown--accordion .dropdown__knob .icon-caret-down:before, .sheet .dropdown--accordion.dropdown--onshaded .dropdown__knob .icon-caret-down:before, .sheet .dropdown--accordion.dropdown--highlight .dropdown__knob .icon-caret-down:before { content: "+"; font-family: inherit; font-size: 23px; } .sheet .dropdown--accordion .dropdown__knob .icon-remove:before, .sheet .dropdown--accordion.dropdown--onshaded .dropdown__knob .icon-remove:before, .sheet .dropdown--accordion.dropdown--highlight .dropdown__knob .icon-remove:before { content: "\2212"; font-family: inherit; font-size: 23px; } .sheet .dropdown--accordion.is-toggle { -webkit-box-shadow: 0 0 8px 2px rgba(0,0,0,.1); box-shadow: 0 0 8px 2px rgba(0,0,0,.1); -webkit-border-radius: .33333em; -moz-border-radius: .33333em; border-radius: .33333em; } .sheet .dropdown--accordion.is-toggle .dropdown__knob, .sheet .dropdown--accordion.is-toggle .dropdown__selected-container { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .sheet .dropdown--accordion.is-toggle .dropdown__shelf { display: block!important; position: relative!important; z-index: 1001!important; height: 100%!important; -webkit-box-shadow: none; box-shadow: none; } .sheet .dropdown--accordion.is-toggle .dropdown__shelf .dropdown__option { clear: left; padding: .4rem .78rem; font-weight: 700; } .sheet .dropdown--accordion.is-toggle .dropdown__shelf .dropdown__option>span { float: left; padding-right: 10px; } .sheet .dropdown--accordion.is-toggle .dropdown__shelf .dropdown__option i.icon-check-empty { visibility: hidden; } .sheet .dropdown--accordion+.btn { width: 100%; } body { overflow-y: scroll!important; } .overthrow-enabled .overthrow { overflow-y: scroll!important; -webkit-transform: translateZ(0px); -webkit-overflow-scrolling: touch; } .js-add-ddfix .sheet__inner { height: 100%!important; width: 100%; min-width: 100%!important; } .js-add-ddfix .sheet__head { width: 100%!important; min-width: 100%!important; max-width: 100%!important; } .js-add-ddfix .sheet__body { padding-bottom: 6rem; -webkit-transform: translateZ(0px); -webkit-overflow-scrolling: touch; height: 100%; min-height: 100%; } .js-add-ddfix.sheet.sheet--anim-top.is-toggle { bottom: 0; margin: 0; } .dropdown { width: 100%; height: 100%!important; z-index: 9999!important; } .dropdown .sheet .dropdown-sheet__option>i.icon-ok { float: left; } .dropdown .sheet .dropdown-sheet__option>i.icon-ok.hidden-not-none { visibility: hidden; } .sheet { overflow: hidden; width: 100%; z-index: 1001; height: 100%!important; } .sheet .dropdown--accordion { margin-bottom: 10px; } .sheet .dropdown--accordion .sheet { display: none!important; } .sheet .dropdown--accordion .dropdown__selected, .sheet .dropdown--accordion .dropdown__knob { font-family: Regular; font-size: 26px; font-weight: 400; } .sheet .dropdown--accordion .dropdown__selected { color: #0084d6; padding: .23em .4em; } .sheet .dropdown--accordion .single-dropdown-check { display: inline-block; } .sheet .dropdown--accordion.dropdown--onshaded:hover .dropdown__selected-container, .sheet .dropdown--accordion.dropdown--highlight:hover .dropdown__selected-container, .sheet .dropdown--accordion.dropdown--onshaded.is-toggle .dropdown__selected-container, .sheet .dropdown--accordion.dropdown--highlight.is-toggle .dropdown__selected-container { background: #fff; } .sheet .dropdown--accordion .dropdown__knob, .sheet .dropdown--accordion.dropdown--onshaded .dropdown__knob, .sheet .dropdown--accordion.dropdown--highlight .dropdown__knob { background: #fff; color: #000; } .sheet .dropdown--accordion .dropdown__knob .icon-caret-down:before, .sheet .dropdown--accordion.dropdown--onshaded .dropdown__knob .icon-caret-down:before, .sheet .dropdown--accordion.dropdown--highlight .dropdown__knob .icon-caret-down:before { content: "+"; font-family: inherit; font-size: 23px; } .sheet .dropdown--accordion .dropdown__knob .icon-remove:before, .sheet .dropdown--accordion.dropdown--onshaded .dropdown__knob .icon-remove:before, .sheet .dropdown--accordion.dropdown--highlight .dropdown__knob .icon-remove:before { content: "\2212"; font-family: inherit; font-size: 23px; } .sheet .dropdown--accordion.is-toggle { -webkit-box-shadow: 0 0 8px 2px rgba(0,0,0,.1); box-shadow: 0 0 8px 2px rgba(0,0,0,.1); -webkit-border-radius: .33333em; -moz-border-radius: .33333em; border-radius: .33333em; } .sheet .dropdown--accordion.is-toggle .dropdown__knob, .sheet .dropdown--accordion.is-toggle .dropdown__selected-container { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .sheet .dropdown--accordion.is-toggle .dropdown__shelf { display: block!important; position: relative!important; z-index: 1001!important; height: 100%!important; -webkit-box-shadow: none; box-shadow: none; } .sheet .dropdown--accordion.is-toggle .dropdown__shelf .dropdown__option { clear: left; padding: .4rem .78rem; font-weight: 700; } .sheet .dropdown--accordion.is-toggle .dropdown__shelf .dropdown__option>span { float: left; padding-right: 10px; } .sheet .dropdown--accordion.is-toggle .dropdown__shelf .dropdown__option i.icon-check-empty { visibility: hidden; } .sheet .dropdown--accordion+.btn { width: 100%; } body { overflow-y: scroll!important; } .overthrow-enabled .overthrow { overflow-y: scroll!important; -webkit-transform: translateZ(0px); -webkit-overflow-scrolling: touch; } .js-add-ddfix .sheet__inner { height: 100%!important; width: 100%; min-width: 100%!important; } .js-add-ddfix .sheet__head { width: 100%!important; min-width: 100%!important; max-width: 100%!important; } .js-add-ddfix .sheet__body { padding-bottom: 6rem; -webkit-transform: translateZ(0px); -webkit-overflow-scrolling: touch; height: 100%; min-height: 100%; } .js-add-ddfix.sheet.sheet--anim-top.is-toggle { bottom: 0; margin: 0; } .sheet .dropdown--accordion { margin-bottom: 10px; } .sheet .dropdown--accordion .sheet { display: none!important; } .sheet .dropdown--accordion .dropdown__selected, .sheet .dropdown--accordion .dropdown__knob { font-family: Regular; font-size: 26px; font-weight: 400; } .sheet .dropdown--accordion .dropdown__selected { color: #0084d6; padding: .23em .4em; } .sheet .dropdown--accordion .single-dropdown-check { display: inline-block; } .sheet .dropdown--accordion.dropdown--onshaded:hover .dropdown__selected-container, .sheet .dropdown--accordion.dropdown--highlight:hover .dropdown__selected-container, .sheet .dropdown--accordion.dropdown--onshaded.is-toggle .dropdown__selected-container, .sheet .dropdown--accordion.dropdown--highlight.is-toggle .dropdown__selected-container { background: #fff; } .sheet .dropdown--accordion .dropdown__knob, .sheet .dropdown--accordion.dropdown--onshaded .dropdown__knob, .sheet .dropdown--accordion.dropdown--highlight .dropdown__knob { background: #fff; color: #000; } .sheet .dropdown--accordion .dropdown__knob .icon-caret-down:before, .sheet .dropdown--accordion.dropdown--onshaded .dropdown__knob .icon-caret-down:before, .sheet .dropdown--accordion.dropdown--highlight .dropdown__knob .icon-caret-down:before { content: "+"; font-family: inherit; font-size: 23px; } .sheet .dropdown--accordion .dropdown__knob .icon-remove:before, .sheet .dropdown--accordion.dropdown--onshaded .dropdown__knob .icon-remove:before, .sheet .dropdown--accordion.dropdown--highlight .dropdown__knob .icon-remove:before { content: "\2212"; font-family: inherit; font-size: 23px; } .sheet .dropdown--accordion.is-toggle { -webkit-box-shadow: 0 0 8px 2px rgba(0,0,0,.1); box-shadow: 0 0 8px 2px rgba(0,0,0,.1); -webkit-border-radius: .33333em; -moz-border-radius: .33333em; border-radius: .33333em; } .sheet .dropdown--accordion.is-toggle .dropdown__knob, .sheet .dropdown--accordion.is-toggle .dropdown__selected-container { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .sheet .dropdown--accordion.is-toggle .dropdown__shelf { display: block!important; position: relative; -webkit-box-shadow: none; box-shadow: none; } .sheet .dropdown--accordion.is-toggle .dropdown__shelf .dropdown__option { clear: left; padding: .4rem .78rem; font-weight: 700; } .sheet .dropdown--accordion.is-toggle .dropdown__shelf .dropdown__option>span { float: left; padding-right: 10px; } .sheet .dropdown--accordion.is-toggle .dropdown__shelf .dropdown__option i.icon-check-empty { visibility: hidden; } .sheet .dropdown--accordion+.btn { width: 100%; } .dropdown { text-align: left; } .dropdown.not-toggle .dropdown__shelf { display: none; } @media (min-width:768px) { .dropdown.is-toggle .dropdown__knob, .dropdown.is-toggle .dropdown__selected-container { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } } .dropdown.is-disabled { cursor: default; pointer-events: none; opacity: .75; } .dropdown__handle { min-height: 2.25em; font-weight: 700; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .dropdown-simle .dropdown__handle { table-layout: fixed; } .dropdown__selected-container { border-bottom-left-radius: .33333em; border-top-left-radius: .33333em; vertical-align: middle; border: 1px solid #8c8c8c; } .dropdown__selected { padding: .4em 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .dropdown__selected:empty { height: 1.8em; } .dropdown__knob { width: 2.25em; text-align: center; vertical-align: middle; border-bottom-right-radius: .33333em; border-top-right-radius: .33333em; } .dropdown__shelf { position: absolute; overflow: hidden; z-index: 9999; min-width: 100%; -webkit-box-shadow: 0 0 8px 2px rgba(0,0,0,.1); box-shadow: 0 0 8px 2px rgba(0,0,0,.1); border-bottom-right-radius: .33333em; border-bottom-left-radius: .33333em; } .dropdown__shelf::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } .dropdown__shelf::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0,0,0,.55); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); box-shadow: 0 0 1px rgba(255,255,255,.5); } .dropdown__option { padding: .4rem 1rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .dropdown__option i.icon-ok { margin-right: .3em; } .dropdown__option i.hidden-not-none { visibility: hidden; } i.icon-ok.single-dropdown-check { display: none; } .dropdown--shelf-s .dropdown__shelf { max-height: 10rem; overflow: auto; } .dropdown--shelf-m .dropdown__shelf { max-height: 15rem; overflow: auto; } .dropdown--shelf-l .dropdown__shelf { max-height: 20rem; overflow: auto; } .dropdown--shelf-over-s .dropdown__shelf { min-width: 133%; } .dropdown--shelf-over-m .dropdown__shelf { min-width: 166%; } .dropdown--shelf-over-l .dropdown__shelf { min-width: 200%; } .dropdown--shelf-over-s .dropdown__shelf, .dropdown--shelf-over-m .dropdown__shelf, .dropdown--shelf-over-l .dropdown__shelf { border-bottom-right-radius: .33333em; border-top-right-radius: .33333em; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 100%; } .ie8 body.is-sheet-mode { overflow: auto!important; } .ie10 .dropdown__handle { display: block; height: 33px; overflow: hidden; } .dropdown--primary .dropdown__selected-container, .dropdown .dropdown__selected-container { color: #404040; background: #f2f2f2; } .dropdown--primary .dropdown__knob, .dropdown .dropdown__knob { color: rgba(255,255,255,.6); background-color: #0084d6; } .dropdown--primary .dropdown__shelf, .dropdown .dropdown__shelf { color: #404040; background: #fff; z-index: 999!important; } .dropdown--primary:hover .dropdown__option:hover, .dropdown:hover .dropdown__option:hover { background: #f2f2f2; } .dropdown--primary:hover .dropdown__selected-container, .dropdown:hover .dropdown__selected-container, .dropdown--primary.is-toggle .dropdown__selected-container, .dropdown.is-toggle .dropdown__selected-container { background: #e5e5e5; } .dropdown--primary:hover .dropdown__knob, .dropdown:hover .dropdown__knob, .dropdown--primary.is-toggle .dropdown__knob, .dropdown.is-toggle .dropdown__knob { color: #fff; background-color: #0074bd; } .dropdown--onshaded .dropdown__selected-container, .dropdown--highlight .dropdown__selected-container { color: #404040; background: #fff; } .dropdown--onshaded .dropdown__knob, .dropdown--highlight .dropdown__knob { color: rgba(255,255,255,.6); background-color: // selected-bg-hover #0084d6; } .dropdown--onshaded .dropdown__shelf, .dropdown--highlight .dropdown__shelf { color: // knob-bg-hover #155045; background: #fff; z-index: 999!important; } .dropdown--onshaded:hover .dropdown__option:hover, .dropdown--highlight:hover .dropdown__option:hover { background: // shelf-txt #f2f2f2 // shelf-txt-hover; } .dropdown--onshaded:hover .dropdown__selected-container, .dropdown--highlight:hover .dropdown__selected-container, .dropdown--onshaded.is-toggle .dropdown__selected-container, .dropdown--highlight.is-toggle .dropdown__selected-container { background: // selected-bg #fafdff; } .dropdown--onshaded:hover .dropdown__knob, .dropdown--highlight:hover .dropdown__knob, .dropdown--onshaded.is-toggle .dropdown__knob, .dropdown--highlight.is-toggle .dropdown__knob { color: #fff; background-color: // knob-bg #0074bd; } .dropdown--heading .dropdown__selected-container { color: #404040; background: #fff; } .dropdown--heading .dropdown__knob { color: rgba(255,255,255,.6); background-color: // selected-bg-hover #0084d6; } .dropdown--heading .dropdown__shelf { color: // knob-bg-hover #404040; background: #fff; z-index: 999!important; } .dropdown--heading:hover .dropdown__option:hover { background: // shelf-txt #f2f2f2 // shelf-txt-hover; } .dropdown--heading:hover .dropdown__selected-container, .dropdown--heading.is-toggle .dropdown__selected-container { background: // selected-bg #f2f2f2; } .dropdown--heading:hover .dropdown__knob, .dropdown--heading.is-toggle .dropdown__knob { color: #fff; background-color: // knob-bg #0d3e35; } .dropdown--heading .dropdown__option { font-weight: 700; } .theme-shaded .dropdown--theme-auto .dropdown__selected-container { color: #404040; background: #fff; } .theme-shaded .dropdown--theme-auto .dropdown__knob { color: rgba(255,255,255,.6); background-color: #0084d6; } .theme-shaded .dropdown--theme-auto .dropdown__shelf { color: #155045; background: #fff; z-index: 999!important; } .theme-shaded .dropdown--theme-auto:hover .dropdown__option:hover { background: #f2f2f2; } .theme-shaded .dropdown--theme-auto:hover .dropdown__selected-container, .theme-shaded .dropdown--theme-auto.is-toggle .dropdown__selected-container { background: #fafdff; } .theme-shaded .dropdown--theme-auto:hover .dropdown__knob, .theme-shaded .dropdown--theme-auto.is-toggle .dropdown__knob { color: #fff; background-color: #0074bd; } .theme-shaded .dropdown--theme-auto .dropdown__selected-container { color: #404040; background: #fff; } .theme-shaded .dropdown--theme-auto .dropdown__knob { color: rgba(255,255,255,.6); background-color: // selected-bg-hover #0084d6; } .theme-shaded .dropdown--theme-auto .dropdown__shelf { color: // knob-bg-hover #155045; background: #fff; z-index: 999!important; } .theme-shaded .dropdown--theme-auto:hover .dropdown__option:hover { background: // shelf-txt #f2f2f2 // shelf-txt-hover; } .theme-shaded .dropdown--theme-auto:hover .dropdown__selected-container, .theme-shaded .dropdown--theme-auto.is-toggle .dropdown__selected-container { background: // selected-bg #fafdff; } .theme-shaded .dropdown--theme-auto:hover .dropdown__knob, .theme-shaded .dropdown--theme-auto.is-toggle .dropdown__knob { color: #fff; background-color: // knob-bg #0074bd; } .theme-white .dropdown--theme-auto .dropdown__selected-container { color: #404040; background: #f2f2f2; } .theme-white .dropdown--theme-auto .dropdown__knob { color: rgba(255,255,255,.6); background-color: #0084d6; } .theme-white .dropdown--theme-auto .dropdown__shelf { color: #404040; background: #fff; z-index: 999!important; } .theme-white .dropdown--theme-auto:hover .dropdown__option:hover { background: #f2f2f2; } .theme-white .dropdown--theme-auto:hover .dropdown__selected-container, .theme-white .dropdown--theme-auto.is-toggle .dropdown__selected-container { background: #e5e5e5; } .theme-white .dropdown--theme-auto:hover .dropdown__knob, .theme-white .dropdown--theme-auto.is-toggle .dropdown__knob { color: #fff; background-color: #0074bd; } .theme-primary .dropdown--theme-auto .dropdown__selected-container { color: #404040; background: #f2f2f2; } .theme-primary .dropdown--theme-auto .dropdown__knob { color: rgba(255,255,255,.6); background-color: #0084d6; } .theme-primary .dropdown--theme-auto .dropdown__shelf { color: #404040; background: #fff; z-index: 999!important; } .theme-primary .dropdown--theme-auto:hover .dropdown__option:hover { background: #f2f2f2; } .theme-primary .dropdown--theme-auto:hover .dropdown__selected-container, .theme-primary .dropdown--theme-auto.is-toggle .dropdown__selected-container { background: #e5e5e5; } .theme-primary .dropdown--theme-auto:hover .dropdown__knob, .theme-primary .dropdown--theme-auto.is-toggle .dropdown__knob { color: #fff; background-color: #0074bd; } .program-item--dark-overlay { background-color: #000; position: relative; width: 8; color: #fff; } .program-item--dark-overlay .program-item__poster { opacity: .3; } .program-item { position: relative; } .program-item .checkbox { position: absolute; top: .25em; right: .25em; } .program-item__badges { position: absolute; top: .7rem; right: .7rem; z-index: 10; } .program-item__episodes-count-badge { background-color: rgba(0,0,0,.7); padding: .25rem .5rem; color: #fff; border-radius: .33333rem; } .program-item { overflow: hidden; } @media (min-width:768px) and (max-width:979px) { .program-item { height: 10.95rem; } } @media (min-width:980px) and (max-width:1199px) { .program-item { height: 12.4rem; } } @media (min-width:1200px) { .program-item { height: 15rem; } } section#movie-2c-content .primary-movie-info .modal div.phone-wrapper { width: 100%; } section#movie-2c-content .primary-movie-info .modal div.phone-wrapper h4 { margin: 0 0 20px; } .spacing { padding-left: 50px; } .icon-info-sign { color: #000; text-decoration: none; font-family: FontAwesome; } .short { float: left; } .endTimeDisable { padding-right: 8px; } .endTimeDisable .endTime { float: left; padding-right: 4px; } .error-link .font-cta-link { line-height: initial; font-size: 19px; } .bold-text { font-weight: 700px; color: #fff; } .panel.alert { background-color: #d6001a; font-size: 18px; color: #fff; } .panel.alert .title-dvr { color: #fff; } .panel.alert .alert-background { width: 25px; height: 27px; border-radius: 15px; margin-right: 15px; } .panel.alert .error-icon { float: left; } .panel.alert .error-icon .icon-exclamation-major { font-size: 35px; color: #a41313; position: relative; bottom: 10px; left: -1px; } .panel.alert hr { margin: 20px 0; border-color: #bb0202; opacity: .4; width: 100%; float: left; display: block; clear: both; } .panel.alert .btn--primary { color: #bb0202; background: #fff; font-family: Regular-Bold; } .panel.alert .btn--primary:hover { color: #d6001a; background: #bb0202; font-family: Regular-Bold; } .panel.alert .btn--secondary { color: #fff; background: #bb0202; font-family: Regular-Bold; } .panel.alert .btn--secondary:hover { color: #d6001a; background: #bb0202; font-family: Regular-Bold; } .record-show-card .panel__header { border: 0; } .record-show-card .header-no-subtext { padding-bottom: 10px; } .record-show-card fieldset { padding: 1em; background-color: #f5f5f5; -webkit-border-radius: .33333em; -moz-border-radius: .33333em; border-radius: .33333em; margin-bottom: 1em; } .record-show-card .radio.not-checked { background-color: #fff; } .record-show-card .recording-attributes .control-label { text-align: left; width: 100px; } .record-show-card .recording-attributes .controls { margin-left: 102px; } .record-show-card .dropdown { max-width: 13.2em; } @media screen and (min-width:320px) and (max-width:768px) { .record-show-card .dropdown { display: block; } } .record-show-card .dropdown .dropdown__handle { table-layout: fixed; } .record-show-card [ng-controller=dropdownDvr]>h4 { margin: .23rem 0 .5rem; } .record-show-card .modal--responsive .panel { float: left; } .record-show-card .modal--responsive .phone-wrapper { float: left; width: 100%; } .record-show-card .modal--responsive .grid-gutters { border-top: 1px solid #d9d9d9; padding-top: 20px; } @media (max-width:767px) { .record-show-card .modal--responsive .padding-l { padding: 0; } .record-show-card .modal--responsive .panel { background-color: transparent; overflow: hidden; border-radius: 0; float: none; } .record-show-card .modal--responsive .panel .panel__close-button { display: none; } .record-show-card .modal--responsive .panel .phone-close { float: right; } .record-show-card .modal--responsive .panel .panel__header { background: #0084d6; width: 100%; padding: 1.5rem 0; float: left; } .record-show-card .modal--responsive .panel .panel__header h2 { margin: 0; color: #fff; font-family: Regular; font-size: 34px; float: left; width: 75%; line-height: 1; } .record-show-card .modal--responsive .panel div.phone-wrapper { border-radius: .5rem; width: 100%; border: 1px solid #d9d9d9; background-color: #fff; float: left; padding: 20px; margin-bottom: 20px; } .record-show-card .modal--responsive .panel div.phone-wrapper .grid-gutters { border-top: 0; } .record-show-card .modal--responsive .panel div.phone-wrapper .grid-gutters div { margin: 10px 0; float: left; clear: both; width: 100%; } .record-show-card .modal--responsive .panel div.phone-wrapper .grid-gutters .btn--secondary { width: 100%; display: block; float: none; } .record-show-card .modal--responsive .panel div.phone-wrapper .grid-gutters .btn--primary { display: none; } } @media (max-width:767px) { .record-show-card .cta-arrow-link a { color: #000!important; padding-left: 0!important; } .record-show-card .cta-arrow-link .cta-circle { color: #fff!important; background-color: #000!important; } } .record-show-card .error-link { padding-left: 49px; } .record-show-card .error-link .cta-circle { background-color: rgba(0,0,0,.4); } .record-show-card .error-link .font-cta-link { padding-left: 0!important; } @media (max-width:767px) { .record-show-card .padding-l { padding: 0; } .panel.alert { background-color: #fff; color: #000; } .panel.alert .error-icon { display: none; } .panel.alert p { color: #000; } .panel.alert hr { border-color: #ccc; } .panel.alert .btn--primary { color: #fff; background: #0084d6; font-weight: 700; width: 100%; display: block; clear: both; } .panel.alert .btn--primary:hover { color: #fff; background: #404040; } .panel.alert .btn--secondary { color: #fff; background: #000; font-weight: 700; width: 100%; display: block; clear: both; } .panel.alert .btn--secondary:hover { color: #fff; background: #000; } .panel { background-color: transparent; overflow: hidden; border-radius: 0; } .panel .icon-remove.panel__close-button { display: none; } .panel .add-top { margin-top: 20px; } .panel .spinner-div { margin: 50px auto; height: 20px; position: relative; top: 10px; } .panel .phone-close { float: right; } .panel .panel__header { background: #0084d6; width: 100%; padding: 1.5rem 0; } .panel .panel__header h2 { margin: 0; color: #fff; font-family: Regular; font-size: 34px; float: left; width: 78%; line-height: 1; } .panel .panel__header p { margin: 0; color: #fff; font-family: Regular; font-size: 34px; float: left; width: 78%; line-height: 1; color: #000; } .panel div.phone-wrapper { border-radius: .5rem; width: 100%; border: 1px solid #d9d9d9; background-color: #fff; float: left; padding: 20px; margin-bottom: 20px; } .panel div.phone-wrapper .radio.not-checked { background-color: #d9d9d9; } .panel div.phone-wrapper .control-label { margin: 0 0 5px; width: 100%; clear: both; display: block; } .panel div.phone-wrapper .controls { margin: 0; width: 100%; clear: both; display: block; } .panel div.phone-wrapper fieldset { padding: 0; background-color: transparent; border-radius: 0; margin-bottom: 0; } .panel div.phone-wrapper fieldset span4 { border-bottom: 1px solid #d9d9d9; margin-bottom: 20px; } .panel div.phone-wrapper .grid-gutters div { margin: 10px 0; float: left; clear: both; width: 100%; } .panel div.phone-wrapper .grid-gutters .btn--secondary { width: 100%; display: block; float: none; } .panel div.phone-wrapper .grid-gutters .btn--primary { display: none; } } @media (max-width:767px) and screen and (min-width:(max-width:767px)) and (max-width:768px) { .modal--responsive.both--views .panel { float: left; background: #fff; padding: 3rem; border-radius: .5rem; } .modal--responsive.both--views .panel .icon-remove { display: block; } .modal--responsive.both--views .panel .panel__header { background: transparent; width: 100%; padding: 0; float: left; } .modal--responsive.both--views .panel .panel__header h2.record-title { margin: 0 0 1.5rem; color: #000; font-family: Regular; font-size: 26px; display: block; float: none; width: 100%; line-height: 1; } .modal--responsive.both--views .panel div.phone-wrapper { border-radius: 0; width: 100%; border: 0; background-color: transparent; padding: 0; margin-bottom: 0; } .modal--responsive.both--views .panel div.phone-wrapper .grid-gutters { border-top: 1px solid #d9d9d9; width: 100%; } .modal--responsive.both--views .panel div.phone-wrapper .grid-gutters div { clear: none; width: auto; } .modal--responsive.both--views .panel div.phone-wrapper .grid-gutters .btn--secondary { width: auto; display: block; float: none; } .modal--responsive.both--views .panel div.phone-wrapper .grid-gutters .btn--primary { display: block; float: none; } } .error-msg { padding-left: 20px; padding-right: 20px; padding-top: 20px; } .error-msg a { text-decoration: none!important; color: #fff!important; cursor: pointer; } .error-msg .multiple-error { width: 70%; } .error-msg .red-alert { width: 100%; padding: 10px; background: #d6001a; border-radius: .5rem; margin-bottom: 1.5rem; float: none; min-height: 4rem; } .error-msg .red-alert .red-icons { background: #bb0202; } .error-msg .red-alert .alert-message { max-width: 84%; float: left; display: inline; } .error-msg .red-alert .multiple-alert { max-width: 20%; float: right; color: #fff; padding-left: 1rem; border-left: 1px solid #560101; } .error-msg .red-alert p { color: #fff; font-size: 18px; font-family: Regular-Bold; padding: 4px; } .error-msg .red-alert .alert-background { width: 25px; height: 27px; border-radius: 15px; margin: 3px 10px 0; } .error-msg .red-alert .error-icon { float: left; } .error-msg .red-alert .error-icon .icon-exclamation-major { font-size: 35px; color: #fff; position: relative; bottom: 10px; left: -2px; } @media (max-width:767px) { .error-msg .red-alert { width: 100%; padding: 10px; background: #d6001a; border-radius: .5rem; margin: 1rem 0 2rem; float: left; min-height: 4rem; } .error-msg .red-alert .red-icons { background: #bb0202; } .error-msg .red-alert .alert-message { max-width: 78%; float: left; display: inline; } .error-msg .red-alert .multiple-alert { max-width: 20%; float: right; color: #fff; padding-left: 1rem; border-left: 1px solid #560101; } .error-msg .red-alert p { margin: 0; color: #fff; font-size: 15px; font-family: Regular-Bold; } .error-msg .red-alert .alert-background { width: 20px; height: 20px; border-radius: 15px; margin: 5px 10px 0 5px; } .error-msg .red-alert .error-icon { float: left; } .error-msg .red-alert .error-icon .icon-exclamation-major { font-size: 30px; color: #fff; position: relative; bottom: 10px; } } section.faq-search .faq-tabs { font-size: 2rem; } section.faq-search .faq-tabs .tab-space { padding-right: 1.5rem; } section.faq-search .faq-tabs a { text-decoration: none; color: #d9d9d9; } section.faq-search .faq-tabs a.selected { color: #000; } section.faq-search .faq-tabs a:focus { outline: 0; } section.faq-search .shaded-bar { padding: 1rem .5rem; border: 1px solid #d9d9d9; background-color: #f2f2f2; margin-bottom: 1.5rem; } section.faq-search .shaded-bar input { width: 260px; } section.faq-search .shaded-bar input:focus { background-color: #fff; } section.faq-search .shaded-bar a.search-tip { color: #0084d6; } section.faq-search .shaded-bar .dropdown .btn--dropdown { font-family: Regular; color: #404040; background-color: #f2f2f2; border: 1px solid #8c8c8c; text-align: left; border-radius: 0; } section.faq-search .shaded-bar .dropdown button { width: 260px; } section.faq-search .shaded-bar .dropdown button:focus { background-color: #fff; } section.faq-search .shaded-bar .dropdown .caret { border-top: 4px solid #404040; margin-top: 8px; margin-left: 2px; } section.faq-search .shaded-bar .dropdown .not-visible { visibility: hidden; } section.faq-search .shaded-bar .dropdown .dropdown-menu { margin: 0; width: 260px; position: absolute; float: left; background-color: #fff; padding: .2rem; list-style: none; border: 1px solid #d9d9d9; max-height: 200px; overflow-y: auto; z-index: 2; } section.faq-search .shaded-bar .dropdown .dropdown-menu li a { text-decoration: none; } section.faq-search .shaded-bar .dropdown .dropdown-menu ul { list-style: none; margin-left: 2.5rem; } @media (max-width:767px) { section.faq-search .shaded-bar input { margin-bottom: 1rem; } section.faq-search .dropdown { margin-bottom: 1rem; } } #LP_Optimum_FAQ_Desktop { display: inline-block; } .error { color: #d6001a; } .validation-error-handler-con { width: 100%; } .validation-error-handler-con .error-mark { width: 100%; color: #d6001a; } .validation-error-handler-con .error-mark .error-icon { position: relative; float: right; bottom: 49px; margin: 0 20px 0 0; } .valid { color: green; } .validation-valid-handler-con { width: 100%; } .validation-valid-handler-con .valid-mark { width: 100%; color: green; } .validation-valid-handler-con .valid-mark .valid-icon { position: relative; float: right; bottom: 49px; margin: 0 20px 0 0; } .gadget-carousels { width: 100%; } .gadget-carousels .poster .img-alt__inner.img-alt--fallback .img-alt__graphic { width: 254px; height: 211px; background-size: cover; } .gadget-carousels .active { background: #f2f2f2; } .gadget-carousels .title-list { font-size: 20px; height: 59px; line-height: 24px; font-weight: 700; } .gadget-carousels .carousel { position: relative; width: 100%; margin: 0 auto; padding: 0; overflow: hidden!important; } .gadget-carousels .carousel .info-block { background: #fff; padding: 0; height: 211px; width: 254px; } .gadget-carousels .carousel ul { margin: 0; padding: 0; list-style-type: none; } .gadget-carousels .carousel li { list-style: none; margin: 0; padding: 0; } .gadget-carousels .carousel.indented { margin: 0; } .gadget-carousels .carousel.show-next-ui .carousel-next { display: block; } .gadget-carousels .carousel.show-prev-ui .carousel-prev { display: block; } .gadget-carousels .carousel .slide { position: relative; width: 1000%; max-height: 360px; overflow-y: hidden; -webkit-transition: left .5s ease; -moz-transition: left .5s ease; -o-transition: left .5s ease; transition: left .5s ease; } .gadget-carousels .carousel div.item-header { min-height: 40px; margin: 0 0 1rem; } .gadget-carousels .carousel .item-header a, .gadget-carousels .carousel .item-header div>div { display: block; margin: 0; } .gadget-carousels .carousel .item-header .img-alt { height: 30px; margin: 0 auto; } .gadget-carousels .carousel .item-header .img-alt .img-alt__graphic { max-height: 30px; } .gadget-carousels .carousel .items>.item { float: left; margin: 0; } .gadget-carousels .carousel.art .items>.item { cursor: pointer; position: relative; padding: 16px 25px 20px; } .gadget-carousels .carousel.art .items>.item .price-badge { position: absolute; top: 5px; right: 5px; z-index: 2; } .gadget-carousels .carousel.art .items>.item img { display: block; margin: 0 auto; } .gadget-carousels .carousel.art .items>.item img.secondary-image { position: absolute; bottom: 14%; left: 0; right: 0; top: 0; } .gadget-carousels .carousel.art .item .info { position: absolute; z-index: 3; width: 140px; min-height: 187px; height: 100%; text-align: center; padding: 10px; font-size: 1.2rem; color: #fff; background: rgba(0,0,0,.75); } .gadget-carousels .carousel.art .item .info>div { margin-bottom: .5em; } .gadget-carousels .carousel.art .item .info .title, .gadget-carousels .carousel.art .item .info .episode-title { max-height: 3.38em; } .gadget-carousels .carousel.art .item .info .season-episode-number { font-weight: 700; position: absolute; bottom: 30px; left: 10px; right: 10px; margin-bottom: .25em; } .gadget-carousels .carousel.art .item .info .airdate { position: absolute; bottom: 10px; left: 10px; right: 10px; margin-bottom: 0; } .gadget-carousels .carousel.art .item .nav-btns { display: none; position: absolute; z-index: 4; width: 140px; top: 114px; text-align: center; } .gadget-carousels .carousel.art .item .nav-btns button, .gadget-carousels .carousel.art .item .nav-btns a { width: 130px; margin-bottom: .33rem; background: #000; } .gadget-carousels .carousel.art .under-text h4, .gadget-carousels .carousel.art .under-text h5 { font-family: regular; font-weight: 400; } .gadget-carousels .carousel.art .under-text h4 { margin: 1rem 0; } .gadget-carousels .carousel.art .under-text h4+h5 { color: #c7c7c7; } .gadget-carousels .carousel.art .item-overrun { background: transparent; text-align: center; padding-top: 20px; } .gadget-carousels .carousel.art .item-overrun:before { content: "\2193"; display: block; font-size: 2em; font-weight: 700; margin-bottom: .5em; } .gadget-carousels .carousel.block .items>.item { height: 90px; margin-right: 0; border-right: 1px solid #fff; background: #fff; } .gadget-carousels .carousel.block .info-block { position: relative; width: 100%; height: 45px; top: 50%; margin-top: -23px; border-right: 2px solid #d9d9d9; cursor: pointer; white-space: nowrap; overflow: hidden; } .gadget-carousels .carousel.block .info-block .title { color: #484848; font-weight: 700; } .gadget-carousels .carousel.block .info-block .under-text { display: none; } .gadget-carousels .carousel .carousel-prev, .gadget-carousels .carousel .carousel-next { cursor: pointer; } .gadget-carousels .carousel .half-circle--left, .gadget-carousels .carousel .half-circle--right { display: none; } .gadget-carousels .carousel.art .half-circle--left { position: absolute; left: -46.5px; height: 186px; width: 93px; border-radius: 0 93px 93px 0; width: 110px; background: #000; background: #0084d6; z-index: 999; overflow: hidden; margin-top: 90px; } .gadget-carousels .carousel.art .half-circle--left .icon-arrow-left { position: relative; font-size: 23.25px; left: 70%; line-height: 186px; color: #fff; } .gadget-carousels .carousel.art .half-circle--right { position: absolute; right: -46.5px; height: 186px; width: 93px; border-radius: 93px 0 0 93px; width: 110px; background: #000; background: #0084d6; z-index: 999; overflow: hidden; margin-top: 90px; } .gadget-carousels .carousel.art .half-circle--right .icon-arrow-right { position: relative; left: 10%; line-height: 186px; color: #fff; font-size: 23.25px; } .gadget-carousels .carousel.block .half-circle--left { position: absolute; top: 50%; margin-top: -50px; right: -20px; height: 100px; width: 50px; border-radius: 50px 0 0 50px; background: #0084d6; z-index: 999; overflow: hidden; } .gadget-carousels .carousel.block .half-circle--left .icon-arrow-left { position: relative; left: 5px; font-size: 23.25px; line-height: 100px; color: #fff; } .gadget-carousels .carousel.block .half-circle--right { position: absolute; top: 50%; margin-top: -50px; left: -20px; height: 100px; width: 50px; border-radius: 0 50px 50px 0; background: #0084d6; z-index: 999; overflow: hidden; } .gadget-carousels .carousel.block .half-circle--right .icon-arrow-right { position: relative; left: 25px; font-size: 23.25px; line-height: 100px; color: #fff; } .gadget-carousels .pagination-dots { margin-top: 1.5rem; margin-bottom: 1.5rem; text-align: center; } .gadget-carousels .pagination-dots ul { margin: 0; padding: 0; } .gadget-carousels .pagination-dots li { display: inline-block; list-style: none; width: .6rem; height: .6rem; padding: 0; margin-right: 1rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #0084d6; } .gadget-carousels .pagination-dots li.active { background: #000; } carousel { display: block; } .carousel-offset-parent { position: relative; } carousel.hidden .carousel-wrapper { display: none; } carousel.hidden .pagination-dots { height: 0; overflow: hidden; } carousel.hidden .pagination-dots>* { display: none; } .no-touch .carousel-wrapper .carousel.art .item .info { display: none; } .no-touch .carousel-wrapper .carousel.art .info-block:hover .nav-btns, .no-touch .carousel-wrapper .carousel.art .info-block:hover .info { display: block; } .no-touch .info-block nav .btn { visibility: hidden; } .no-touch .info-block:hover nav .btn { visibility: visible; } .ie7 .carousel-wrapper .carousel.art .item .info .season-episode-number, .ie8 .carousel-wrapper .carousel.art .item .info .season-episode-number, .ie9 .carousel-wrapper .carousel.art .item .info .season-episode-number { bottom: 40px; } .ie7 .carousel-wrapper .carousel.art .item .info .airdate, .ie8 .carousel-wrapper .carousel.art .item .info .airdate, .ie9 .carousel-wrapper .carousel.art .item .info .airdate { bottom: 20px; } .info-block nav { width: 100%; position: absolute; padding: 40% 5%; } .info-block nav .btn { position: relative; z-index: 5; width: 100%; } .no-rgba .carousel-wrapper .block.carousel .half-circle--left, .no-rgba .carousel-wrapper .carousel.art .half-circle--left { background: #000; } .no-rgba .carousel-wrapper .block.carousel .half-circle--right, .no-rgba .carousel-wrapper .carousel.art .half-circle--right { background: #000; } .no-fontface .half-circle--left.carousel-next .icon-arrow-left { width: 28px; height: 28px; float: left; background: url(/assets/images/global-sprite.png) -7px -212px no-repeat; top: 75px; } .no-fontface .half-circle--right.carousel-prev .icon-arrow-right { width: 28px; height: 28px; float: left; background: url(/assets/images/global-sprite.png) -50px -212px no-repeat; top: 75px; } .no-fontface .carousel.block .half-circle--left.carousel-next .icon-arrow-left { width: 28px; height: 28px; float: left; background: url(/assets/images/global-sprite.png) -7px -212px no-repeat; top: 33px; } .no-fontface .carousel.block .half-circle--right.carousel-prev .icon-arrow-right { width: 28px; height: 28px; float: left; background: url(/assets/images/global-sprite.png) -50px -212px no-repeat; top: 33px; } .home-module { margin-top: 2rem; } .home-module .cta-arrow-link { width: 100%; } .home-module.left { float: left; } .home-module.right { float: right; } .home-module.hidden { display: none; } .home-module .poster { cursor: pointer; } .home-module .module-title { position: relative; top: 10px; margin-bottom: 2rem; max-width: 100%; font-size: 2rem; } @media screen and (max-width:768px) { .home-module .cta-arrow-link-dt { margin-top: -25px; } } .home-module .dropdown-module-prefs { position: relative; float: right; top: 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; } .home-module .dropdown-module-prefs .customize-menu-btn { font-size: 1rem; color: #0084d6; min-width: 6rem; } .home-module .dropdown-module-prefs .customize-menu-btn i { margin-left: 2px; } .home-module .dropdown-module-prefs .menu { position: absolute; width: 150px; height: auto; top: 42px; padding: 1rem 0 0; left: -10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 .5px 2px rgba(0,105,214,.4); box-shadow: 0 .5px 2px rgba(0,105,214,.4); z-index: 9999; display: none; cursor: default; } .home-module .dropdown-module-prefs .menu table { overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .home-module .dropdown-module-prefs .menu td { vertical-align: middle; } .home-module .dropdown-module-prefs .menu tr>td:first-child { padding: 0 1rem; } .home-module .dropdown-module-prefs .menu tr>td:first-child:hover { background: #e5e5e5; cursor: pointer; } .home-module .dropdown-module-prefs .menu .arrow-up { position: absolute; top: -15px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; font-size: 0; line-height: 0; } .home-module .dropdown-module-prefs .menu:after { content: ''; display: block; position: absolute; top: -32px; left: 19px; width: 0; height: 0; border-color: transparent transparent #fff; border-style: solid; border-width: 16px; } .home-module .dropdown-module-prefs .menu:before { content: ''; display: block; position: absolute; top: -33px; left: 19px; width: 0; height: 0; border-color: transparent transparent rgba(0,105,214,.2); border-style: solid; border-width: 16px; } .home-module .dropdown-module-prefs .caret { position: absolute; top: 50%; left: 50%; margin-left: -4px; margin-top: -2px; display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #0084d6; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } @media (min-width:768px) { .home-module .feature-module { height: 260px; } } .home-module .feature-module { margin: 0 0 10px; background: #fff; border: 1px solid #d9d9d9; border-radius: 6px; padding: 10px; width: 100%; float: left; } .home-module .feature-module .select-feature { width: 100%; clear: both; float: left; } .home-module .feature-module .select-feature .feature-content { width: 100%; float: left; margin: 0 0 20px; clear: both; } .home-module .feature-module .select-feature .feature-content .list-module-style { padding: 0; margin: 0; float: left; height: 113px; overflow: hidden; width: 100%; } @media (min-width:768px) and (max-width:1200px) { .home-module .feature-module .select-feature .feature-content .list-module-style.wifi-chg { height: 90px; } } .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results { position: relative; display: block; padding: 0; margin: 0; min-height: 20rem; } .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-left { padding-right: 0; width: 56.333333%; } .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-left a:hover { text-decoration: none; } .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-right { padding-left: 0; } .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-right h4 { text-align: right; text-overflow: inherit; padding-right: 0; } .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-right>*, .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-left>*, .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-right a>h4, .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-left a>h4 { font-size: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width:768px) and (orientation:portrait) { .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-right>* .hidden-desktop, .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-left>* .hidden-desktop, .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-right a>h4 .hidden-desktop, .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-left a>h4 .hidden-desktop { display: none!important; } .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-right>* .hidden-tablet, .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-left>* .hidden-tablet, .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-right a>h4 .hidden-tablet, .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-left a>h4 .hidden-tablet { display: block!important; } } .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-right a:hover, .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-left a:hover { color: inherit; } .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-right h4, .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-left h4 { padding: 0; width: 100%; margin-right: 0; } .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-right h4 .seen, .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-left h4 .seen { font-family: Regular-Light!important; font-weight: 400; } .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-right h4 .unseen, .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-left h4 .unseen { font-family: Regular-Bold!important; font-weight: 700; } .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-right h4.hidden-tablet, .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-left h4.hidden-tablet { height: 1em; padding-bottom: 0; margin-bottom: .7em; } .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-right h4.hidden-desktop, .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-left h4.hidden-desktop { min-width: 90px; height: 1em; padding-bottom: 0; margin-bottom: 0; padding-right: 10px; } .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-right p, .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-left p { display: inline-block; min-width: 300px; } .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-right p.hidden-tablet, .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-left p.hidden-tablet { display: inline-block; min-width: 9.5rem; float: right; text-align: right; } .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-right p.hidden-desktop, .home-module .feature-module .select-feature .feature-content .list-module-style .list-module-results .list-left p.hidden-desktop { font-size: 13px; display: inline-block; min-width: 110px; float: right; text-align: right; } .home-module .feature-module .select-feature .feature-content .artwork-module-style { padding: 8px; margin: 0; height: 113px; overflow: hidden; width: 100%; } .home-module .feature-module .select-feature .feature-content .artwork-module-style .disable-padding { padding: 0; } .home-module .feature-module .select-feature .feature-content .artwork-module-style .artwork-item { position: relative; } .home-module .feature-module .select-feature .feature-content .artwork-module-style h4 { font-weight: 200; font-family: Regular; } .home-module .feature-module .select-feature .feature-content .wifi-module-style { width: 100%; padding: 10px; background: #f2f2f2; margin-top: 10px; } .home-module .feature-module .select-feature .feature-content .wifi-module-style h4 { margin: 0; font-size: 16px; text-align: center; } .home-module .feature-module .select-feature .feature-content .wifi-module-style h2 { margin: 5px 0; text-align: center; } .home-module .feature-module .select-feature .feature-content .wifi-module-style h5 { margin: 0; font-weight: 200; color: #000; text-transform: lowercase; text-align: center; } .home-module .feature-module .select-feature .feature-content .no-results-msg, .home-module .feature-module .select-feature .feature-content .service-error-msg, .home-module .feature-module .select-feature .feature-content .no-entitlement-msg { position: relative; width: 100%; padding: 5px; } .home-module .feature-module .select-feature .feature-content .no-results-msg a, .home-module .feature-module .select-feature .feature-content .service-error-msg a, .home-module .feature-module .select-feature .feature-content .no-entitlement-msg a { text-decoration: underline; } .home-module .feature-module .select-feature .feature-content .no-entitlement-msg-wifi { position: relative; width: 100%; padding: 5px; margin-bottom: 30px; } .home-module .feature-module .select-feature .feature-content .no-entitlement-msg-wifi .cta-link-margin { margin-top: 5px; } .home-module .feature-module .select-feature .no-results-msg h4 { font-weight: 200; } .home-module .feature-module .select-feature .feature-cta { width: 100%; clear: both; font-family: Regular; margin-bottom: 5px; } .home-module .feature-module .select-feature .feature-cta a { color: #0084d6; text-decoration: none; clear: both; font-weight: 400; font-family: Regular; font-size: 16px; } .home-module .feature-module .select-feature .feature-cta .font-cta-link { padding-left: 0!important; } .home-module p.current-timestamp { color: #000; font-family: Regular-Medium; font-size: 1rem; text-decoration: none; margin: 0 0 1rem; clear: both; } .home-module p.current-timestamp:before, .home-module p.current-timestamp:after { content: ""; display: table; } .home-module p.current-timestamp:after { clear: both; } @media (max-width:767px) { .home-module { width: 50%; margin-top: 2rem; } .home-module.left { padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .home-module.right { padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .home-module .feature-module { border: 0; background: #fff; font-size: 13px; min-height: 93px; } .home-module .feature-module .container { padding: 0; } .home-module .feature-module .module-title { font-family: Regular-bold; font-size: 1.2em; max-width: none; top: 0; margin-bottom: 6px; padding-bottom: 7px; border-bottom: 1px solid #404040; color: #404040; } .home-module .feature-module .module-title i { margin-right: .5em; } .home-module .feature-module .select-feature .feature-content { margin: 0; } .home-module .feature-module .select-feature .feature-content h4 { color: #fff; font-size: 1em; margin: 0; } .home-module .feature-module .select-feature .feature-content .no-entitlement-msg { padding: 0; } .home-module .feature-module .select-feature .feature-content .no-entitlement-msg a { display: block; font-family: Regular; color: #fff; text-decoration: none; line-height: 1.4; } .home-module .feature-module .select-feature .feature-content .no-entitlement-msg a .cta-arrow { margin-left: .75em; } .home-module .feature-module .select-feature .feature-content .no-entitlement-msg-wifi a { color: #fff; } .home-module .feature-module .select-feature .feature-content .artwork-module-style, .home-module .feature-module .select-feature .feature-content .list-module-style { height: auto; overflow: visible; width: auto; padding: 0; } .home-module .feature-module .select-feature .feature-cta { font-family: Regular; } .home-module .feature-module .select-feature .feature-cta a .cta-arrow { margin-left: .75em; width: 100%; } } .home-module .myservice-widget table, .home-module .myservice-widget tr, .home-module .myservice-widget td { vertical-align: middle; padding: 0 1rem; height: 40px; font-family: Regular-Light; font-size: 18px; } .img-alt { display: table; } .img-alt__inner { background-size: cover; background-position: center center; display: table-cell; vertical-align: middle; } .img-alt__inner.img-alt--fallback .img-alt__graphic { display: none; } .img-alt__inner .img-alt__graphic { background-size: contain; background-repeat: no-repeat; background-position: center center; top: 0; right: 0; bottom: 0; left: 0; position: absolute; } .installation-calendar-slot .outerCalendeBorder { border: 1px solid #d9d9d9; border-radius: 5px; width: 25rem; height: 18.2rem; } .installation-calendar-slot .calenderTable { width: 100%; } .installation-calendar-slot th, .installation-calendar-slot td { padding: .5rem; text-align: center; } .installation-calendar-slot td { border: 1px solid; } .installation-calendar-slot td:hover { border: 2px solid red; } .installation-calendar-slot .headerDiv { padding: .5rem; } .installation-calendar-slot .slotAvaliable { cursor: pointer; } .installation-calendar-slot .slotNotAvaliable { background: #d9d9d9; } .installation-calendar-slot .calendarHeader { text-align: center; font-weight: 700; border-bottom: 1.5px solid; padding-bottom: .5rem; font-size: 1.5rem; } .light-box-v1 .disclaimer { background: none repeat scroll 0 0 rgba(0,0,0,.7); } .light-box-v1 .content .disclaimer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; opacity: 0; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all .6s; -moz-transition: all .6s; transition: all .6s; z-index: 9999; } .light-box-v1 .content .disclaimer .disclaimer-scroll::-webkit-scrollbar { width: 6px; } .light-box-v1 .content .disclaimer .disclaimer-scroll::-webkit-scrollbar-thumb { background-color: #e5e5e5; } .light-box-v1 .content .disclaimer.show { display: block; } .light-box-v1 .content .disclaimer.visible { opacity: 1; } .light-box-v1 .content .disclaimer.visible .disclaimer-window { font-family: Regular; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .light-box-v1 .content .disclaimer.invisible { opacity: 0; } .light-box-v1 .content .disclaimer.invisible .disclaimer-window { -webkit-transform: translateY(-3000px); -moz-transform: translateY(-3000px); -ms-transform: translateY(-3000px); -o-transform: translateY(-3000px); transform: translateY(-3000px); } .light-box-v1 .content .disclaimer.active { -webkit-transform: translateX(-240px); -moz-transform: translateX(-240px); -ms-transform: translateX(-240px); -o-transform: translateX(-240px); transform: translateX(-240px); } .light-box-v1 .content .disclaimer .disclaimer-window { width: 384px; height: 392px; background-color: #fff; position: absolute; top: 50%; left: 50%; margin-top: -196px; margin-left: -192px; box-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all .6s; -moz-transition: all .6s; transition: all .6s; overflow: hidden; } .light-box-v1 .content .disclaimer .disclaimer-header { padding: 2px 20px; height: 88px; border-bottom: solid 1px #e5e5e5; } .light-box-v1 .content .disclaimer .disclaimer-header h3 { display: inline-block; float: left; margin: 20px 0 0; font-size: 1.6rem; } .light-box-v1 .content .disclaimer .disclaimer-header span { float: right; cursor: pointer; color: #d9d9d9; font-size: 24px; line-height: 0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; margin-top: 0; clear: left; } .light-box-v1 .content .disclaimer .disclaimer-header span i { color: #000; } .light-box-v1 .content .disclaimer .gg-disclaimer-header span { margin-top: -30px; } .light-box-v1 .content .disclaimer .disclaimer-scroll { width: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; overflow-x: hidden; height: 300px; } .light-box-v1 .content .disclaimer .disclaimer-content { padding: 20px; } @media only screen and (min-width:320px) and (max-width:480px) { .light-box-v1 .disclaimer .disclaimer-window { left: 20px!important; margin-left: 0!important; right: 20px!important; width: auto!important; } } @media only screen and (min-width:320px) and (max-width:767px) { .modal__inner .padding-l { padding: 0; } .modal__inner .panel { border: 0; } } section.gadget-guide .modal__inner .panel__body .details { height: 250px; overflow-y: scroll; overflow-x: hidden; } .links-dvr-cart i { margin-right: 3px; } .links-dvr-cart i.onet-icons-heart-full { margin-right: 6px; margin-top: 4px; float: left; } .lock-images { color: #f2f2f2; background-color: #0084d6; } .is-unlocked { width: 32px; height: 31px; margin: 0 0 0 8px; display: inline-block; background: url(/assets/images/global-sprite.png) -190px -34px; vertical-align: middle; } .is-locked-off { width: 25px; height: 31px; margin: 0 0 0 8px; display: inline-block; background: url(/assets/images/global-sprite.png) -238px -34px; vertical-align: middle; } .is-locked-on { width: 17px; height: 22px; margin: 0 0 0 8px; display: inline-block; background: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/sprite_icons_altice.png) no-repeat; background-position: -48px -25px; vertical-align: middle; } .map-next { font-family: regular; } .map-next a:hover { text-decoration: none; } .map-next a:active { text-decoration: none; } .map-next .map-legend .legend-container { clear: both; max-width: 1170px; margin-left: auto; margin-right: auto; margin-top: 1rem; padding-bottom: 20px; } .map-next .map-legend .legend-container .legend-item { display: inline-block; margin-left: 10px; padding-bottom: 20px; } .map-next .map-legend .legend-container.legend-business { padding-bottom: 0!important; margin-top: 0rem!important; } .map-next .nearest-opt-store { font-size: large; } @media (max-width:767px) { .map-next .map-store-hours { width: 135px; } } @media (min-width:768px) { .map-next .map-store-hours { float: right; } } @media (min-width:768px) and (max-width:979px) { .map-next .map-store-hours { width: 135px; } } @media only screen and (min-width:768px) and (max-width:1024px) { .map-next .opt-store-width { width: 70%; } } @media (max-width:767px) { .map-next .opt-store-width { width: 42%; } } .map-next .map-container-outer { margin-top: 10px; position: relative; margin-left: 4%; margin-right: 4%; } .map-next .map-container-outer .map-container-inner { width: 100%; height: 50em; position: relative; } @media (max-width:767px) { .map-next .map-container-outer .map-container-inner { height: 0!important; } } .map-next .map-container-outer .map-container-inner .activator { position: absolute!important; bottom: 45%; left: 10%; z-index: 1; } .map-next .map-container-outer .map-container-inner .spin-container, .map-next .map-container-outer .map-container-inner .google-map { margin: 0 0 1.5rem; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .map-next .map-container-outer .map-container-inner .spin-container { background-color: rgba(0,0,0,.09999999999999998); z-index: 10; } .map-next .map-container-outer .map-container-inner .spin-container-inner { position: relative; display: table; margin: 0 auto; padding-top: 22rem; } .map-next .map-container-outer .map-container-inner .infobox { padding: 1.5rem; width: 400px; border-radius: .5rem; padding-bottom: 2rem; color: #fff; } .map-next .map-container-outer .map-container-inner .infobox .panel__close-button { top: .3em; right: .3em; opacity: 1; } .map-next .map-container-outer .map-container-inner .infobox .map-store-hours { color: #fff; float: right; padding-right: 10px; } .map-next .map-container-outer .map-container-inner .infobox .icon-arrow-right { color: #0084d6; } .map-next .map-container-outer .map-container-inner .infobox .cta-circle { display: inline; border-radius: 20px; padding: 0 3px; float: right; width: 23px; height: 23px; background-color: #fff; } .map-next .map-container-outer .map-container-inner .infobox .info-details { width: 100px; } .map-next .map-container-outer .map-container-inner .infobox .directions { float: right; padding-right: 15px; } .map-next .map-container-outer .map-container-inner .infobox .directions-icon { float: right; } .map-next .map-container-outer .map-container-inner .infobox-title { font-size: 1.25rem; padding-bottom: 1rem; padding-top: .5rem; } .map-next .map-container-outer .map-container-inner .infobox-text { padding-right: 1rem; } .map-next .map-container-outer .map-container-inner .infobox-outer { z-index: 10; } .map-next .map-container-outer .map-container-inner .marker.is-selected { z-index: 20; position: relative; } .map-next .map-container-outer .map-container-inner .item-primary { background-color: #0084d6; } .map-next .map-container-outer .map-container-inner .infobox.item-primary-business { background-color: #00acd1; } .map-next .map-container-outer .map-container-inner .item-secondary { background-color: #000; } .map-next .map-container-outer .map-container-inner .infobox.item-secondary-business { background-color: #d70b0b; } .map-next .map-container-outer .map-container-inner #item-business { background-color: #fff; color: #000; } @media (min-width:768px) { .map-next .map-container-outer .map-container-inner.is-activated-false { background-image: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/screen_map.png); background-size: cover; } } @media (min-width:768px) { .map-next .map-container-outer .map-container-inner.is-business { background-image: none; background-size: cover; border: 2px solid; } } .map-next .map-container-outer .map-overlay .mapNext { float: right!important; color: #0084d6; font-family: Regular-Bold; padding-right: 7%; } .map-next .map-container-outer .map-overlay .mapPrev { float: left; color: #0084d6; font-family: Regular-Bold; padding-left: 7%; } @media (min-width:768px) { .map-next .map-container-outer .map-overlay { position: absolute; top: 1.4rem; left: 7rem; z-index: 4; } } @media (min-width:768px) and (max-width:979px) { .map-next .map-container-outer .map-overlay { top: 2rem; } } @media (max-width:767px) { .map-next .map-container-outer .map-overlay { background-color: #f2f2f2; width: 100%; height: 100%; } } @media (max-width:767px) { .map-next .map-container-outer .map-overlay-col { padding-top: 1rem; padding-bottom: 1rem; } } @media (min-width:768px) { .map-next .map-container-outer .map-overlay-col { padding-top: 3rem; padding-bottom: 3rem; width: 24rem; padding: 0!important; } } @media only screen and (min-width:980px) { .map-next .map-container-outer .store_width { width: 24rem!important; } } @media only screen and (min-width:768px) and (max-width:979px) { .map-next .map-container-outer .store_width { width: 20rem!important; margin-left: -45px; } } .map-next .map-container-outer .store_width { width: 100%; } .map-next .map-container-outer .results-list-container { background-color: #fff; } .map-next .map-container-outer .results-list-container header { padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; } .map-next .map-container-outer .results-list-container header.results-list-item:not(:last-child) { padding-bottom: 0; } .map-next .map-container-outer .results-list-container .map-store-hours { position: relative; bottom: 8px; } @media (max-width:767px) { .map-next .map-container-outer .results-list-container .map-store-hours { display: none; } } .map-next .map-container-outer .results-list-container .mapPrevNext { padding-bottom: 13%; } .map-next .map-container-outer .results-list-container .mapPrevNext .icon-arrow-right { color: #fff; } .map-next .map-container-outer .results-list-container .mapPrevNext .icon-arrow-left { color: #fff; } .map-next .map-container-outer .results-list-container .mapPrevNext .cta-circle { background-color: #0084d6; border-radius: 50%; padding: 0 2px; } .map-next .map-container-outer .results-list-container .mapPrevNext hr { margin-bottom: 5px; height: 1px; } .map-next .map-container-outer .results-list { background-color: #fff; border-top-right-radius: .33333em; border-top-left-radius: .33333em; } .map-next .map-container-outer .results-list-item { cursor: pointer; } .map-next .map-container-outer .results-list-item:first-child { border-top-right-radius: .33333em; border-top-left-radius: .33333em; } .map-next .map-container-outer .results-list-item.is-selected { cursor: default; } .map-next .map-container-outer .results-list-item.is-selected, .map-next .map-container-outer .results-list-item:hover { background-color: #f2f2f2; } .map-next .map-container-outer .results-list-item:not(:first-child) { padding-top: .4rem; } .map-next .map-container-outer .results-list-item:not(:last-child) { padding-bottom: .2rem; } .map-next .map-container-outer .results-list-item-number { padding-right: 1rem; } .map-next .map-container-outer .results-list-item-body * { line-height: 1.4; } .map-next .border-business { border: 2px solid; padding: 25px; } .map-next .zoom-business { position: absolute; bottom: -22px; color: #0A0A0A; font-size: 1em; padding-left: 20px; background-image: url(/assets/images/BusinessMap/loupe.jpg); background-repeat: no-repeat; font-weight: 900; } .no-opacity section.home section.hotspots-intro ul.hotspots-menu li a.active { color: #000; } .mapItemName { font-weight: 700; font-family: Arial; } .primaryIndoor, .primaryIndoorIndicator, .businessprimaryIndoorIndicator, .legendbusinessprimaryIndoorIndicator { background: 0; border: 0; background-image: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/hotspots/indoor/primary_indoor.png); background-repeat: no-repeat; background-size: 100% 100%; display: inline-block; width: 26px; height: 32px; } .businessprimaryIndoorIndicator { width: 26px; height: 27px; background-image: url(/assets/images/BusinessMap/bus_indoor.png); } .legendbusinessprimaryIndoorIndicator { width: 26px; height: 27px; background-image: url(/assets/images/BusinessMap/indoor.jpg); } .primaryIndoor-selected { background: 0; border: 0; background-image: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/hotspots/indoor/primary_indoor_mouseover.png); background-repeat: no-repeat; background-size: 100% 100%; display: inline-block; width: 26px; height: 32px; } .primaryIndoor:hover { background-image: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/hotspots/indoor/primary_indoor_mouseover.png); cursor: pointer; } .partnerIndoor, .partnerIndoorIndicator, .businesspartnerIndoorIndicator, .legendbusinesspartnerIndoorIndicator { background: 0; border: 0; background-image: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/hotspots/indoor/partner_indoor.png); background-repeat: no-repeat; background-size: 100% 100%; display: inline-block; width: 26px; height: 32px; } .businesspartnerIndoorIndicator { width: 26px; height: 27px; background-image: url(/assets/images/BusinessMap/bus_partnerindoor.png); cursor: pointer; } .legendbusinesspartnerIndoorIndicator { width: 26px; height: 27px; background-image: url(/assets/images/BusinessMap/partnerindoor.jpg); } .partnerIndoor-selected { background: 0; border: 0; background-image: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/hotspots/indoor/partner_indoor_mouseover.png); background-repeat: no-repeat; background-size: 100% 100%; display: inline-block; width: 26px; height: 32px; } .partnerIndoor:hover { background-image: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/hotspots/indoor/partner_indoor_mouseover.png); cursor: pointer; } .primaryOutdoor, .businessprimaryOutdoor { background-image: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/hotspots/outdoor/primary_outdoor.png); background-repeat: no-repeat; background-size: 100% 100%; display: inline-block; -ms-width: 70px; -ms-height: 70px; width: 60px; height: 60px; background-position: center; } .businessprimaryOutdoor { width: 26px; height: 27px; background-image: url(/assets/images/BusinessMap/outdoor.jpg); } .partnerOutdoor, .businesspartnerOutdoor { background-image: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/hotspots/outdoor/partner_outdoor.png); background-repeat: no-repeat; background-size: 100% 100%; display: inline-block; -ms-width: 70px; -ms-height: 70px; width: 60px; height: 60px; background-position: center; } .businesspartnerOutdoor { width: 26px; height: 27px; background-image: url(/assets/images/BusinessMap/partneroutdoor.jpg); } .primaryOutdoorBig, .businessprimaryOutdoorBig { background-image: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/hotspots/outdoor/primary_outdoor.png); background-repeat: no-repeat; background-size: 100% 100%; display: inline-block; width: 70px; height: 70px; } .businessprimaryOutdoorBig { background-image: url(/assets/images/BusinessMap/bus_outdoor.png); } .partnerOutdoorBig, .businesspartnerOutdoorBig { background-image: url(/cdn/static.tvlistings.optimum.net/ool/static/prod/images/hotspots/outdoor/partner_outdoor.png); background-repeat: no-repeat; background-size: 100% 100%; display: inline-block; width: 70px; height: 70px; } .businesspartnerOutdoorBig { background-image: url(/assets/images/BusinessMap/bus_partneroutdoor.png); } .category-list-ul { margin: 0!important; } .category-list-li { display: block!important; padding-right: 0; } .inline-categoryList-li { display: inline!important; padding-right: 0; list-style: disc!important; } ul li .category-list-first { display: block; padding-right: 5px; padding-left: 5px; list-style: none; } .popoverLabel { list-style: none; cursor: pointer; } .popover { padding: 20px; background-color: #0084d6; color: #fff; position: absolute; min-width: 350px; display: none; border-color: #444141; border-style: solid; border-width: 2px; border-radius: 10px; z-index: 2; } .categoryIcon { float: left; } .cat-Margin { margin-top: -3px; } .nearestStorehr { width: 100%; } .gautocompletePaybill { width: 42%; float: left!important; padding-left: 3.3%; } .paddinLeftNone { padding-left: 0; } .nearest-opt-store-bill-pay { font-size: medium; font-family: Regular-bold; } .infobox-item-storesAndPaymentCenters-primary { padding: 1.5rem; width: 300px!important; background-color: #fff!important; border-radius: .5rem; padding-bottom: 2rem; color: #000!important; } .infobox-text-storesAndPaymentCenters-primary { font-size: 15px; font-family: Regular; color: #404040; } .infobox-text-storesAndPaymentCenters-primary div { line-height: 1.5rem; } .infobox-title-storesAndPaymentCenters { font-size: 1rem; padding-bottom: .5rem; padding-top: .5rem; font-family: Regular-bold; } .current-location-link { font-size: 17px; font-family: Regular-medium; margin-top: .4%; float: left; } .left-pad-none { padding-left: 5px; } .payinperson-map-wrapper { padding-left: 2.7%; width: 95%; } .payinperson-map-wrapper .errordiv { padding-left: 0; } .payinperson-map-wrapper .errspan { padding-left: 3.3%; margin-top: .5em; } .payinperson-map-wrapper input.noresult { border-right: 0; border-width: 2px; border-color: #d6001a; } .payinperson-map-wrapper button.noresult { border-left: 0; border: 2px solid #d6001a; padding: .25em 1em; } .payinperson-map-wrapper .errordiv.result { display: none; } .payinperson-map-wrapper .errordiv.noresult { display: block; } .payinperson-map-wrapper .errordiv.result_desk { display: none; } .payinperson-map-wrapper .errordiv.noresult_desk { display: none; } @media only screen and (min-width:980px) { .payinperson-map-wrapper button.noresult { padding: .39em 1em; } .payinperson-map-wrapper #noshowdektop { display: none; } .payinperson-map-wrapper .errordiv.noresult_desk { display: block; } .payinperson-map-wrapper .current-location-link a { margin-left: 25px; } } @media (max-width:767px) { .payinperson-map-wrapper .current-location-link { margin-top: 1em; } } .payinperson-map-wrapper .span6.opt-store-width { display: none; } .payinperson-map-wrapper .visible-phone.container { display: none!important; } .home .payinperson.span12 { display: none; } .home #noshowdektop { display: none; } .home .errordiv { display: none; } message-panel { display: block; } .message-panel__sheet-header h1 { color: #fff; } @media (max-width:767px) { .message-panel__sheet-header { margin-bottom: 1.4rem; } } @media (min-width:768px) { .message-panel__sheet-header { display: none; } } .message-panel__title { font-size: 1.2rem; line-height: 1.25; font-family: Regular-Bold; color: #fff; } .message-panel__content { margin-right: auto; margin-left: auto; border-radius: .33333em; } .message-panel__content:before, .message-panel__content:after { content: ""; display: table; } .message-panel__content:after { clear: both; } .message-panel__content:before, .message-panel__content:after { content: ""; display: table; } .message-panel__content:after { clear: both; } @media (max-width:767px) { .message-panel__content { max-width: 400px; padding-left: 1rem; padding-right: 1rem; } } @media (min-width:768px) and (max-width:979px) { .message-panel__content { max-width: 738px; } } @media (min-width:980px) and (max-width:1199px) { .message-panel__content { max-width: 940px; } } @media (min-width:1200px) { .message-panel__content { max-width: 1170px; } } @media (min-width:768px) { .message-panel__content { padding: 3rem; } } .message-panel__body { border-bottom: 1px solid rgba(0,0,0,.30000000000000004); margin-bottom: 1.4rem; padding-bottom: 1.4rem; } .message-panel__body .message-panel__icon { padding-right: 1.4em; } .message-panel__body .message-panel__icon .dot { margin-top: -2px; } .message-panel__body .message-panel__icon .alert-background { background-color: #fff; width: 25px; height: 27px; } .message-panel__body .message-panel__icon .icon-exclamation-major { font-size: 35px; color: #fff; position: relative; top: -3px; left: -1px; background-color: #d6001a; } @media (max-width:767px) { .message-panel__body .message-panel__icon .icon-exclamation-major { color: #d6001a; background-color: #fff; } } .message-panel__body .message-panel__icon .icon-exclamation-minor { font-size: 35px; color: #fff; position: relative; top: -3px; left: -1px; background-color: #0084d6; } @media (max-width:767px) { .message-panel__body { border: 1px solid #d9d9d9; padding: 1.5rem; border-radius: .5rem; } } @media (max-width:767px) { .theme-content-primary .message-panel__body { background-color: #fff; color: #0084d6; } .theme-content-primary .message-panel__title { color: #0084d6; } .theme-content-primary .dot { background-color: #0084d6; } } @media (max-width:767px) { .theme-content-alert .message-panel__body { background-color: #fff; color: #d6001a; } .theme-content-alert .message-panel__title { color: #d6001a; } .theme-content-alert .dot { background-color: #d6001a; } } @media (max-width:767px) { .theme-content-success .message-panel__body { background-color: #fff; color: #00aa13; } .theme-content-success .message-panel__title { color: #00aa13; } .theme-content-success .dot { background-color: #00aa13; } } @media (max-width:767px) { .theme-content-secondary .message-panel__body { background-color: #fff; color: #000; } .theme-content-secondary .message-panel__title { color: #000; } .theme-content-secondary .dot { background-color: #000; } } @media (max-width:767px) { message-panel .panel { background-color: transparent; } } .meter { background-color: lightgrey; height: .666666666rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .meter__amount { height: inherit; background-color: darkgrey; -webkit-transition: width 250ms cubic-bezier(0.19,1,.22,1); -moz-transition: width 250ms cubic-bezier(0.19,1,.22,1); -o-transition: width 250ms cubic-bezier(0.19,1,.22,1); transition: width 250ms cubic-bezier(0.19,1,.22,1); } .meter.theme--primary { background-color: #f2f2f2; } .meter.theme--primary .meter__amount { background-color: #404040; } @media (min-width:768px) { .modal-dialog .modal__inner { max-width: 60%; } } .modal { white-space: nowrap; font-size: 0; width: 100%; height: 100%; position: fixed; font-size: 100%; z-index: 20000; top: 0; left: 0; background-color: rgba(0,0,0,.8); text-align: center; overflow-x: hidden; overflow-y: auto; } .modal:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .modal>* { display: inline-block; vertical-align: middle; white-space: normal; } .modal>*>* { font-size: 1rem; } .modal.not-toggle { display: none; } .modal__inner { text-align: left; } @media (max-width:767px) { .modal--responsive { background-color: #f2f2f2; padding-top: 0; padding-bottom: 0; } .modal--responsive:before { content: none; } .modal--responsive .modal__inner { display: block; } .modal--responsive .modal__close-button { display: none; } } .modal--max-width { max-width: 62.99999999999999rem; } @media (min-width:768px) and (max-width:979px) { .modal .panel { min-width: 35rem; } } @media (min-width:980px) { .modal .panel { min-width: 42rem; } } .modal .panel__header { border-bottom: 1px solid #f2f2f2; margin-bottom: 1.4rem; } body.is-modal-mode { overflow: hidden!important; } @font-face { font-family: Montserrat-Black; src: url(/assets/fonts/montserrat/Montserrat-Black.ttf); font-weight: 400; font-style: normal; } @font-face { font-family: Montserrat-BlackItalic; src: url(/assets/fonts/montserrat/Montserrat-BlackItalic.ttf); font-weight: 400; font-style: normal; } @font-face { font-family: Montserrat-Bold; src: url(/assets/fonts/montserrat/Montserrat-Bold.ttf); font-weight: 400; font-style: normal; } @font-face { font-family: Montserrat-BoldItalic; src: url(/assets/fonts/montserrat/Montserrat-BoldItalic.ttf); font-weight: 400; font-style: normal; } @font-face { font-family: Montserrat-Extrabold; src: url(/assets/fonts/montserrat/Montserrat-Extrabold.ttf); font-weight: 400; font-style: normal; } @font-face { font-family: Montserrat-ExtraboldItalic; src: url(/assets/fonts/montserrat/Montserrat-ExtraboldItalic.ttf); font-weight: 400; font-style: normal; } @font-face { font-family: Montserrat-ExtraLight; src: url(/assets/fonts/montserrat/Montserrat-ExtraLight.ttf); font-weight: 400; font-style: normal; } @font-face { font-family: Montserrat-ExtraLightItalic; src: url(/assets/fonts/montserrat/Montserrat-ExtraLightItalic.ttf); font-weight: 400; font-style: normal; } @font-face { font-family: Montserrat-Italic; src: url(/assets/fonts/montserrat/Montserrat-Italic.ttf); font-weight: 400; font-style: normal; } @font-face { font-family: Montserrat-Light; src: url(/assets/fonts/montserrat/Montserrat-Light.ttf); font-weight: 400; font-style: normal; } @font-face { font-family: Montserrat-LightItalic; src: url(/assets/fonts/montserrat/Montserrat-LightItalic.ttf); font-weight: 400; font-style: normal; } @font-face { font-family: Montserrat-Medium; src: url(/assets/fonts/montserrat/Montserrat-Medium.ttf); font-weight: 400; font-style: normal; } @font-face { font-family: Montserrat-MediumItalic; src: url(/assets/fonts/montserrat/Montserrat-MediumItalic.ttf); font-weight: 400; font-style: normal; } @font-face { font-family: Montserrat-Regular; src: url(/assets/fonts/montserrat/Montserrat-Regular.ttf); font-weight: 400; font-style: normal; } @font-face { font-family: Montserrat-Semibold; src: url(/assets/fonts/montserrat/Montserrat-Semibold.ttf); font-weight: 400; font-style: normal; } @font-face { font-family: Montserrat-SemiboldItalic; src: url(/assets/fonts/montserrat/Montserrat-SemiboldItalic.ttf); font-weight: 400; font-style: normal; } @font-face { font-family: Montserrat-Thin; src: url(/assets/fonts/montserrat/Montserrat-Thin.ttf); font-weight: 400; font-style: normal; } @font-face { font-family: Montserrat-ThinItalic; src: url(/assets/fonts/montserrat/Montserrat-ThinItalic.ttf); font-weight: 400; font-style: normal; } .more-contributors .panel { padding: 34px 40px 40px; min-width: 548px; } .more-contributors .icon-remove { right: 20px; top: 20px; font-size: 12px; color: #404040; } .more-contributors .icon-remove:before { content: "\e042"; font-family: 'Onet Icons'; font-style: normal; line-height: 1; display: inline-block; -webkit-font-smoothing: antialiased; } .more-contributors .panel__header { border: 0; margin: 0 0 30px; padding: 0; } .more-contributors .panel__header h2 { font-size: 40px; line-height: 40px; margin: 0; padding: 0; } .more-contributors .details h5 { font-size: 17px; font-family: Regular-Bold; color: #404040; margin: 0 0 15px!important; padding: 0; float: left; width: 100%!important; } .more-contributors .details .listPanel { background: #f2f2f2; border: 1px solid #d9d9d9; border-radius: .5rem; clear: both; } .more-contributors .details .listPanel ul { list-style: none; margin: 0; padding: 0; } .more-contributors .details .listPanel ul li { padding: 10px 20px 11px; border-bottom: 1px solid #D8D8D8; } .more-contributors .details .listPanel ul li:last-child { border-bottom: 0; } .more-contributors .details .listPanel ul li a { font-size: 17px; font-family: Regular-Bold; color: #0084d6; text-decoration: none; } .more-contributors .details .listPanel ul li a:hover { text-decoration: none; } .more-contributors .contributorFooter { height: auto; padding-top: 20px; border-top: 1px solid #E4E0E0; margin-top: 20px; } .more-contributors .contributorFooter .btn { width: 67px; height: 30px; padding: 0; text-align: center; } .more-contributors .scroll-pane { width: 100%!important; max-height: 269px; overflow: auto; outline: 0!important; } .more-contributors .scroll-pane .jspContainer { overflow: hidden; position: relative; width: 100%!important; } .more-contributors .scroll-pane .jspContainer .jspPane { position: absolute; width: 100%!important; padding: 0100; } .more-contributors .scroll-pane .jspContainer .jspVerticalBar { position: absolute; top: 0; bottom: 0; right: -1px; width: 15px; background: -moz-linear-gradient(left,#f2f2f2 0,rgba(245,245,245,.75) 25%,rgba(255,255,255,.4) 60%,rgba(250,250,250,.15) 85%,rgba(248,248,248,0) 100%); background: -webkit-gradient(linear,left top,right top,color-stop(0%,#f2f2f2),color-stop(25%,rgba(245,245,245,.75)),color-stop(60%,rgba(255,255,255,.4)),color-stop(85%,rgba(250,250,250,.15)),color-stop(100%,rgba(248,248,248,0))); background: -webkit-linear-gradient(left,#f2f2f2 0,rgba(245,245,245,.75) 25%,rgba(255,255,255,.4) 60%,rgba(250,250,250,.15) 85%,rgba(248,248,248,0) 100%); background: -o-linear-gradient(left,#f2f2f2 0,rgba(245,245,245,.75) 25%,rgba(255,255,255,.4) 60%,rgba(250,250,250,.15) 85%,rgba(248,248,248,0) 100%); background: -ms-linear-gradient(left,#f2f2f2 0,rgba(245,245,245,.75) 25%,rgba(255,255,255,.4) 60%,rgba(250,250,250,.15) 85%,rgba(248,248,248,0) 100%); background: linear-gradient(to right,#f2f2f2 0,rgba(245,245,245,.75) 25%,rgba(255,255,255,.4) 60%,rgba(250,250,250,.15) 85%,rgba(248,248,248,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#00f8f8f8', GradientType=1); border-left: 1px solid #d9d9d9; padding: 2px 0; border-radius: 0 6px 6px 0; background: #f2f2f2; } .more-contributors .scroll-pane .jspContainer .jspVerticalBar .jspCap { display: none; } .more-contributors .scroll-pane .jspContainer .jspVerticalBar .jspTrack { position: relative; margin-top: -2px; } .more-contributors .scroll-pane .jspContainer .jspVerticalBar .jspTrack .jspDrag { position: relative; top: 0; left: 3px!important; cursor: pointer; width: 8px; border-radius: 10px; background-color: #c2c2c2; margin: 5px 0; } @media only screen and (max-width:767px) and (min-width:320px) { .more-contributors .scroll-pane { max-height: 100%; } .more-contributors .panel { padding: 0; min-width: 100%; border-top-left-radius: 0; border-top-right-radius: 0; background: 0; } .more-contributors .panel .phone-close { float: right; margin-top: 3px; height: 30px; width: 60px; padding: 0; line-height: 30px; } .more-contributors .panel__header { padding: 15px 0; margin: 0 0 15px; } .more-contributors .panel__header h2 { font-size: 35px; line-height: auto; } .more-contributors .panel_wrap { padding: 0 1rem; max-width: 400px; margin: 0 auto; } .more-contributors .contributors-list { max-width: 100%; margin: 0 auto; background: #fff; border: 1px solid #d9d9d9; border-radius: 5px; padding: 9px; } .more-contributors .details h5 { margin: 0!important; } .more-contributors .details .listPanel { background: 0; border: 0; border-radius: 0; clear: both; } .more-contributors .details .listPanel ul li { padding: 8px 0 0; border: 0; line-height: 27px; } .more-contributors .details .listPanel ul li a { font-family: Regular-Medium; } } section.nest-header .menu-header { background-color: #eee; z-index: 999; position: relative; padding: .5rem 0; font-size: 12px; font-family: Montserrat-Regular; color: #1d1d1e; } section.nest-header .menu-header .span6 a:hover, section.nest-header .menu-header .span6 a:visited, section.nest-header .menu-header .span6 a:link, section.nest-header .menu-header .span6 a:active { text-decoration: none; color: #1d1d1e; } section.nest-header .menu-header .span6.right-align { text-align: right; } section.nest-header a.ness-username-msg { margin: 0; font-weight: bolder; text-decoration: none; } section.nest-header .logo-header { background-color: #000; padding: 20px 0; }