.menu-left li { padding: 15px } 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: Roboto; -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 } *, :after, :before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } body, html { font-size: 16px } body { background: #fff; color: #222; padding: 0; margin: 0; font-weight: 400; font-style: normal; line-height: 1; position: relative; -webkit-font-smoothing: antialiased } embed, img, object { max-width: 100%; height: auto } embed, object { height: 100% } img { -ms-interpolation-mode: bicubic } #map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed, .map_canvas img, .map_canvas object { max-width: none !important } .left { float: left } .right { float: right } .text-left { text-align: left } .text-right { text-align: right } .text-center { text-align: center } .text-justify { text-align: justify } .hide { display: none } img { display: block } textarea { height: auto; min-height: 50px } select { width: 100% } .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 70em } .row:after, .row:before { content: " "; display: table } .row:after { clear: both } .row .column, .row .columns { position: relative; padding-left: .9375em; padding-right: .9375em; width: 100% } .row.collapse .column, .row.collapse .columns { position: relative; padding-left: 0; padding-right: 0 } .row .row { width: auto; margin-left: -.9375em; margin-right: -.9375em; margin-top: 0; margin-bottom: 0; max-width: none } .row .row:after, .row .row:before { content: " "; display: table } .row .row:after { clear: both } .row .row.collapse { width: auto; margin: 0; max-width: none } .row .row.collapse:after, .row .row.collapse:before { content: " "; display: table } .row .row.collapse:after { clear: both } @media only screen { .row .column, .row .columns { position: relative; padding-left: .9375em; padding-right: .9375em; float: left } .row .small-1 { position: relative; width: 8.33333% } .row .small-2 { position: relative; width: 16.66667% } .row .small-3 { position: relative; width: 25% } .row .small-4 { position: relative; width: 33.33333% } .row .small-5 { position: relative; width: 41.66667% } .row .small-6 { position: relative; width: 50% } .row .small-7 { position: relative; width: 58.33333% } .row .small-8 { position: relative; width: 66.66667% } .row .small-9 { position: relative; width: 75% } .row .small-10 { position: relative; width: 83.33333% } .row .small-11 { position: relative; width: 91.66667% } .row .small-12 { position: relative; width: 100% } .row .small-offset-1 { position: relative; margin-left: 8.33333% } .row .small-offset-2 { position: relative; margin-left: 16.66667% } .row .small-offset-3 { position: relative; margin-left: 25% } .row .small-offset-4 { position: relative; margin-left: 33.33333% } .row .small-offset-5 { position: relative; margin-left: 41.66667% } .row .small-offset-6 { position: relative; margin-left: 50% } .row .small-offset-7 { position: relative; margin-left: 58.33333% } .row .small-offset-8 { position: relative; margin-left: 66.66667% } .row .small-offset-9 { position: relative; margin-left: 75% } .row .small-offset-10 { position: relative; margin-left: 83.33333% } [class*=column] + [class*=column]:last-child { float: right } [class*=column] + [class*=column].end { float: left } .column.small-centered, .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none } } @media only screen and (min-width:48em) { .row .large-1 { position: relative; width: 8.33333% } .row .large-2 { position: relative; width: 16.66667% } .row .large-3 { position: relative; width: 25% } .row .large-4 { position: relative; width: 33.33333% } .row .large-ss { position: relative; width: 50% } .row .large-5 { position: relative; width: 41.66667% } .row .large-6 { position: relative; width: 50% } .row .large-7 { position: relative; width: 58.33333% } .row .large-8 { position: relative; width: 66.66667% } .row .large-9 { position: relative; width: 75% } .row .large-10 { position: relative; width: 83.33333% } .row .large-11 { position: relative; width: 91.66667% } .row .large-12 { position: relative; width: 100% } .row .large-offset-1 { position: relative; margin-left: 8.33333% } .row .large-offset-2 { position: relative; margin-left: 16.66667% } .row .large-offset-3 { position: relative; margin-left: 25% } .row .large-offset-4 { position: relative; margin-left: 33.33333% } .row .large-offset-5 { position: relative; margin-left: 41.66667% } .row .large-offset-6 { position: relative; margin-left: 50% } .row .large-offset-7 { position: relative; margin-left: 58.33333% } .row .large-offset-8 { position: relative; margin-left: 66.66667% } .row .large-offset-9 { position: relative; margin-left: 75% } .row .large-offset-10 { position: relative; margin-left: 83.33333% } .push-2 { position: relative; left: 16.66667%; right: auto } .pull-2 { position: relative; right: 16.66667%; left: auto } .push-3 { position: relative; left: 25%; right: auto } .pull-3 { position: relative; right: 25%; left: auto } .push-4 { position: relative; left: 33.33333%; right: auto } .pull-4 { position: relative; right: 33.33333%; left: auto } .push-5 { position: relative; left: 41.66667%; right: auto } .pull-5 { position: relative; right: 41.66667%; left: auto } .push-6 { position: relative; left: 50%; right: auto } .pull-6 { position: relative; right: 50%; left: auto } .push-7 { position: relative; left: 58.33333%; right: auto } .pull-7 { position: relative; right: 58.33333%; left: auto } .push-8 { position: relative; left: 66.66667%; right: auto } .pull-8 { position: relative; right: 66.66667%; left: auto } .push-9 { position: relative; left: 75%; right: auto } .pull-9 { position: relative; right: 75%; left: auto } .push-10 { position: relative; left: 83.33333%; right: auto } .pull-10 { position: relative; right: 83.33333%; left: auto } .small-push-2 { left: inherit } .small-pull-2 { right: inherit } .small-push-3 { left: inherit } .small-pull-3 { right: inherit } .small-push-4 { left: inherit } .small-pull-4 { right: inherit } .small-push-5 { left: inherit } .small-pull-5 { right: inherit } .small-push-6 { left: inherit } .small-pull-6 { right: inherit } .small-push-7 { left: inherit } .small-pull-7 { right: inherit } .small-push-8 { left: inherit } .small-pull-8 { right: inherit } .small-push-9 { left: inherit } .small-pull-9 { right: inherit } .small-push-10 { left: inherit } .small-pull-10 { right: inherit } .column.large-centered, .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none } } @media only screen { .show-for-large-down, .show-for-medium-down, .show-for-small { display: inherit !important } .show-for-large, .show-for-large-up, .show-for-medium, .show-for-medium-up, .show-for-xlarge { display: none !important } .hide-for-large, .hide-for-large-up, .hide-for-medium, .hide-for-medium-up, .hide-for-xlarge { display: inherit !important } .hide-for-large-down, .hide-for-medium-down, .hide-for-small { display: none !important } } @media only screen and (min-width:48em) { .show-for-large-down, .show-for-medium, .show-for-medium-down, .show-for-medium-up { display: inherit !important } .show-for-large, .show-for-large-up, .show-for-small { display: none !important } .hide-for-large, .hide-for-large-up, .hide-for-small { display: inherit !important } .hide-for-large-down, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-up { display: none !important } } @media only screen and (min-width:80em) { .show-for-large, .show-for-large-down, .show-for-large-up, .show-for-medium-down, .show-for-medium-up { display: inherit !important } .show-for-medium, .show-for-small { display: none !important } .hide-for-medium, .hide-for-small { display: inherit !important } .hide-for-large, .hide-for-large-down, .hide-for-large-up, .hide-for-medium-down, .hide-for-medium-up { display: none !important } } @media only screen and (min-width:90em) { .show-for-large-up, .show-for-medium-up { display: inherit !important } .show-for-large, .show-for-large-down, .show-for-medium, .show-for-medium-down, .show-for-small { display: none !important } .hide-for-large, .hide-for-medium, .hide-for-small { display: inherit !important } .hide-for-large-down, .hide-for-large-up, .hide-for-medium-down, .hide-for-medium-up { display: none !important } } .hide-for-portrait, .show-for-landscape { display: inherit !important } .hide-for-landscape, .show-for-portrait { display: none !important } @media screen and (orientation:landscape) { .hide-for-portrait, .show-for-landscape { display: inherit !important } .hide-for-landscape, .show-for-portrait { display: none !important } } @media screen and (orientation:portrait) { .hide-for-landscape, .show-for-portrait { display: inherit !important } .hide-for-portrait, .show-for-landscape { display: none !important } } .show-for-touch { display: none !important } .hide-for-touch { display: inherit !important } .touch .show-for-touch { display: inherit !important } .touch .hide-for-touch { display: none !important } @media only screen { [class*=block-grid-] { display: block; overflow: hidden; padding: 0; margin: 0 -10px } [class*=block-grid-] > li { display: block; height: auto; float: left; padding: 0 10px 10px } .small-block-grid-1 > li { width: 100%; padding: 0 10px 10px } .small-block-grid-1:nth-of-type(1n+1) { clear: both } .small-block-grid-2 > li { width: 50%; padding: 0 10px 10px } .small-block-grid-2:nth-of-type(2n+1) { clear: both } .small-block-grid-3 > li { width: 33.33333%; padding: 0 10px 10px; margin: 0 !important } .small-block-grid-3:nth-of-type(3n+1) { clear: both } .small-block-grid-4 > li { width: 25%; padding: 0 10px 10px } .small-block-grid-4:nth-of-type(4n+1) { clear: both } .small-block-grid-5 > li { width: 20%; padding: 0 10px 10px } .small-block-grid-5:nth-of-type(5n+1) { clear: both } .small-block-grid-6 > li { width: 16.66667%; padding: 0 10px 10px } .small-block-grid-6:nth-of-type(6n+1) { clear: both } .small-block-grid-7 > li { width: 14.28571%; padding: 0 10px 10px } .small-block-grid-7:nth-of-type(7n+1) { clear: both } .small-block-grid-8 > li { width: 12.5%; padding: 0 10px 10px } .small-block-grid-8:nth-of-type(8n+1) { clear: both } .small-block-grid-9 > li { width: 11.11111%; padding: 0 10px 10px } .small-block-grid-9:nth-of-type(9n+1) { clear: both } .small-block-grid-10 > li { width: 10%; padding: 0 10px 10px } .small-block-grid-10:nth-of-type(10n+1) { clear: both } .small-block-grid-11 > li { width: 9.09091%; padding: 0 10px 10px } .small-block-grid-11:nth-of-type(11n+1) { clear: both } .small-block-grid-12 > li { width: 8.33333%; padding: 0 10px 10px } .small-block-grid-12:nth-of-type(12n+1) { clear: both } } @media only screen and (min-width:48em) { .large-block-grid-1 > li { width: 100%; padding: 0 10px 10px } .large-block-grid-1:nth-of-type(1n+1) { clear: both } .large-block-grid-2 > li { width: 50%; padding: 0 15px 15px } .large-block-grid-2:nth-of-type(2n+1) { clear: both } .large-block-grid-3 > li { width: 33.33333%; padding: 0 12px 12px } .large-block-grid-3:nth-of-type(3n+1) { clear: both } .large-block-grid-4 > li { width: 25%; padding: 0 10px 10px } .large-block-grid-4:nth-of-type(4n+1) { clear: both } .large-block-grid-5 > li { width: 20%; padding: 0 10px 10px } .large-block-grid-5:nth-of-type(5n+1) { clear: both } .large-block-grid-6 > li { width: 16.66667%; padding: 0 10px 10px } .large-block-grid-6:nth-of-type(6n+1) { clear: both } .large-block-grid-7 > li { width: 14.28571%; padding: 0 10px 10px } .large-block-grid-7:nth-of-type(7n+1) { clear: both } .large-block-grid-8 > li { width: 12.5%; padding: 0 10px 10px } .large-block-grid-8:nth-of-type(8n+1) { clear: both } .large-block-grid-9 > li { width: 11.11111%; padding: 0 10px 10px } .large-block-grid-9:nth-of-type(9n+1) { clear: both } .large-block-grid-10 > li { width: 10%; padding: 0 10px 10px } .large-block-grid-10:nth-of-type(10n+1) { clear: both } .large-block-grid-11 > li { width: 9.09091%; padding: 0 10px 10px } .large-block-grid-11:nth-of-type(11n+1) { clear: both } .large-block-grid-12 > li { width: 8.33333%; padding: 0 10px 10px } .large-block-grid-12:nth-of-type(12n+1) { clear: both } } p.lead { font-size: 1.21875em; line-height: 1.6 } .subheader { line-height: 1.4; color: #6f6f6f; font-weight: 300; margin-top: .2em; margin-bottom: .5em } blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul { margin: 0; padding: 0; direction: ltr } a { color: #fcb040; text-decoration: none; line-height: inherit } a img { border: none } p { font-family: inherit; font-weight: 400; font-size: 1em; line-height: 1.6; margin-bottom: 1.25em } p aside { font-size: .875em; line-height: 1.35; font-style: italic } h1, h2, h3, h4, h5, h6 { font-family: Roboto; font-weight: 700; font-style: normal; color: #222; text-rendering: optimizeLegibility; margin-top: .2em; margin-bottom: .5em; line-height: 1.2125em } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0 } h1 { font-size: 2.125em } h2 { font-size: 1.6875em } h3 { font-size: 1.375em } h4 { font-size: 1.125em } h5 { font-size: 1.125em } h6 { font-size: 1em } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 1.25em 0 1.1875em; height: 0 } em, i { font-style: italic; line-height: inherit } b, strong { font-weight: 700; line-height: inherit } small { font-size: 60%; line-height: inherit } code { font-family: Consolas,"Liberation Mono",Courier,monospace; font-weight: 700; color: #7f0a0c } dl, ol, ul { font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; list-style-position: outside; font-family: inherit } ul li ol, ul li ul { margin-left: 1.125em; margin-bottom: 0; font-size: 1em } ul.circle, ul.disc, ul.square { margin-left: 1.125em } ul.circle li ul, ul.disc li ul, ul.square li ul { list-style: inherit } ul.square { list-style-type: square } ul.circle { list-style-type: circle } ul.disc { list-style-type: disc } ul.no-bullet { list-style: none } ol { margin-left: 1.125em } ol li ol, ol li ul { margin-left: 1.125em; margin-bottom: 0 } dl dt { margin-bottom: .3em; font-weight: 700 } dl dd { margin-bottom: .75em } abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px dotted #ddd; cursor: help } abbr { text-transform: none } blockquote { margin: 0 0 1.25em; padding: .5625em 1.25em 0 1.1875em; border-left: 1px solid #ddd } blockquote cite { display: block; font-size: .8125em; color: #555 } blockquote cite:before { content: "\2014 \0020" } blockquote cite a, blockquote cite a:visited { color: #555 } blockquote, blockquote p { line-height: 1.6; color: #6f6f6f } .vcard { display: inline-block; margin: 0 0 1.25em 0; border: 1px solid #ddd; padding: .625em .75em } .vcard li { margin: 0; display: block } .vcard .fn { font-weight: 700; font-size: .9375em } .vevent .summary { font-weight: 700 } .vevent abbr { cursor: default; text-decoration: none; font-weight: 700; border: none; padding: 0 .0625em } @media only screen and (min-width:48em) { h1, h2, h3, h4, h5, h6 { line-height: 1.4 } h1 { font-size: 2.75em } h2 { font-size: 2.3125em } h3 { font-size: 1.6875em } h4 { font-size: 1.4375em } } .print-only { display: none !important } @media print { * { background: 0 0 !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important } a, a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } abbr[title]:after { content: " (" attr(title) ")" } .ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after { content: "" } blockquote, pre { border: 1px solid #999; page-break-inside: avoid } thead { display: table-header-group } img, tr { page-break-inside: avoid } img { max-width: 100% !important } @ page { margin: .5cm } h2, h3, p { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } .hide-on-print { display: none !important } .print-only { display: block !important } .hide-for-print { display: none !important } .show-for-print { display: inherit !important } } .button { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: 700; line-height: 1; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: .75em; padding-right: 1.5em; padding-bottom: .8125em; padding-left: 1.5em; font-size: 1em; color: #fff } .button:focus, .button:hover { color: #fff } .button.secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333 } .button.secondary:focus, .button.secondary:hover { background-color: #d0d0d0 } .button.secondary:focus, .button.secondary:hover { color: #333 } .button.success { background-color: #5da423; border-color: #457a1a; color: #fff } .button.success:focus, .button.success:hover { background-color: #457a1a } .button.success:focus, .button.success:hover { color: #fff } .button.alert { background-color: #c60f13; border-color: #970b0e; color: #fff } .button.alert:focus, .button.alert:hover { background-color: #970b0e } .button.alert:focus, .button.alert:hover { color: #fff } .button.large { padding-top: 1em; padding-right: 2em; padding-bottom: 1.0625em; padding-left: 2em; font-size: 1.25em } .button.small { padding-top: .5625em; padding-right: 1.125em; padding-bottom: .625em; padding-left: 1.125em; font-size: .8125em } .button.tiny { padding-top: .4375em; padding-right: .875em; padding-bottom: .5em; padding-left: .875em; font-size: .6875em } .button.expand { padding-top: .75em; padding-right: 1.5em; padding-bottom: .8125em; padding-left: 1.5em; font-size: 1em; padding-top: .75em; padding-right: 0; padding-bottom: .8125em; padding-left: 0; width: 100% } .button.left-align { text-align: left; text-indent: .75em } .button.right-align { text-align: right; padding-right: .75em } .button.disabled, .button[disabled] { background-color: #fcb040; border-color: #fb9b0e; color: #fff; cursor: default; opacity: .6; -webkit-box-shadow: none; box-shadow: none } .button.disabled:focus, .button.disabled:hover, .button[disabled]:focus, .button[disabled]:hover { background-color: #fb9b0e } .button.disabled:focus, .button.disabled:hover, .button[disabled]:focus, .button[disabled]:hover { color: #fff } .button.disabled:focus, .button.disabled:hover, .button[disabled]:focus, .button[disabled]:hover { background-color: #fcb040 } .button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333; cursor: default; opacity: .6; -webkit-box-shadow: none; box-shadow: none } .button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary:focus, .button[disabled].secondary:hover { background-color: #d0d0d0 } .button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary:focus, .button[disabled].secondary:hover { color: #333 } .button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary:focus, .button[disabled].secondary:hover { background-color: #e9e9e9 } .button.disabled.success, .button[disabled].success { background-color: #5da423; border-color: #457a1a; color: #fff; cursor: default; opacity: .6; -webkit-box-shadow: none; box-shadow: none } .button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success:focus, .button[disabled].success:hover { background-color: #457a1a } .button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success:focus, .button[disabled].success:hover { color: #fff } .button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success:focus, .button[disabled].success:hover { background-color: #5da423 } .button.disabled.alert, .button[disabled].alert { background-color: #c60f13; border-color: #970b0e; color: #fff; cursor: default; opacity: .6; -webkit-box-shadow: none; box-shadow: none } .button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert:focus, .button[disabled].alert:hover { background-color: #970b0e } .button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert:focus, .button[disabled].alert:hover { color: #fff } .button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert:focus, .button[disabled].alert:hover { background-color: #c60f13 } button.button, input.button { padding-top: .8125em; padding-bottom: .75em } button.button.tiny, input.button.tiny { padding-top: .5em; padding-bottom: .4375em } button.button.small, input.button.small { padding-top: .625em; padding-bottom: .5625em } button.button.large, input.button.large { padding-top: 1.03125em; padding-bottom: 1.03125em } @media only screen { .button { -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5) inset; box-shadow: 0 1px 0 rgba(255,255,255,.5) inset; -webkit-transition: background-color .3s ease-out; -moz-transition: background-color .3s ease-out; transition: background-color .3s ease-out } .button:active { -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2) inset; box-shadow: 0 1px 0 rgba(0,0,0,.2) inset } .button.radius { -webkit-border-radius: 4px; border-radius: 4px } .button.round { -webkit-border-radius: 1000px; border-radius: 1000px } } @media only screen and (min-width:48em) { .button { display: inline-block } } form { margin: 0 0 1em } form .row .row { margin: -.5em } form .row .row .column, form .row .row .columns { padding: 0 .5em } form .row .row.collapse { margin: 0 } form .row .row.collapse .column, form .row .row.collapse .columns { padding: 0 } form .row input.column, form .row input.columns { padding-left: .5em } form .row .row { margin: 0 } label { font-size: .875em; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: .1875em } label.right { float: none; text-align: right } label.inline { margin: 0 0 1em 0; padding: .625em 0 } .postfix, .prefix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; border-style: solid; border-width: 1px; overflow: hidden; font-size: .875em; height: 2.3125em; line-height: 2.3125em } .postfix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125em } .prefix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125em } .prefix.button.radius { -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px } .postfix.button.radius { -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px } .prefix.button.round { -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px } .postfix.button.round { -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px } .prefix.button.round { -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px } .postfix.button.round { -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px } span.prefix { background: #f2f2f2; border-color: #d9d9d9; border-right: none; color: #333 } span.prefix.radius { -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px } span.postfix { background: #f2f2f2; border-color: #ccc; border-left: none; color: #333 } span.postfix.radius { -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px } .input-group.radius > :first-child, .input-group.radius > :first-child * { -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px } .input-group.radius > :last-child, .input-group.radius > :last-child * { -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px } .input-group.round > :first-child, .input-group.round > :first-child * { -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px } .input-group.round > :last-child, .input-group.round > :last-child * { -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px } input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea { background-color: #fff; font-family: inherit; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); color: rgba(0,0,0,.75); display: block; font-size: .875em; margin: 0 0 1em 0; padding: .5em; height: 2.3125em; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .15s linear; -moz-transition: all .15s linear; transition: all .15s linear } input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus { background: #fafafa; border-color: #999; outline: 0 } input[type=date][disabled], input[type=datetime-local][disabled], input[type=datetime][disabled], input[type=email][disabled], input[type=month][disabled], input[type=number][disabled], input[type=password][disabled], input[type=search][disabled], input[type=tel][disabled], input[type=text][disabled], input[type=time][disabled], input[type=url][disabled], input[type=week][disabled], textarea[disabled] { background-color: #ddd } fieldset { border: solid 1px #ddd; padding: 1.25em; margin: 1.125em 0 } fieldset legend { font-weight: 700; background: #fff; padding: 0 .1875em; margin: 0; margin-left: -.1875em } .error input, .error textarea, input.error, textarea.error { border-color: #c60f13; background-color: rgba(198,15,19,.1) } .error input:focus, .error textarea:focus, input.error:focus, textarea.error:focus { background: #fafafa; border-color: #999 } .error label, label.error { color: #c60f13 } .error small, small.error { display: block; padding: .375em .25em; margin-top: -1.3125em; margin-bottom: 1em; font-size: .75em; font-weight: 700; background: #c60f13; color: #fff } form.custom .custom { display: inline-block; width: 16px; height: 16px; position: relative; top: 2px; border: solid 1px #ccc; background: #fff } form.custom .custom.radio { -webkit-border-radius: 1000px; border-radius: 1000px } form.custom .custom.checkbox { z-index: -1 } form.custom .custom.checkbox:before { content: ""; display: block; line-height: .8; height: 14px; width: 14px; text-align: center; position: absolute; top: 0; left: 0; font-size: 14px; color: #fff } form.custom .custom.radio.checked:before { content: ""; display: block; width: 8px; height: 8px; -webkit-border-radius: 1000px; border-radius: 1000px; background: #222; position: relative; top: 3px; left: 3px } form.custom .custom.checkbox.checked:before { content: "\00d7"; color: #222 } form.custom .custom.dropdown { display: block; position: relative; top: 0; height: 2.3125em; margin-bottom: 1.25em; margin-top: 0; padding: 0; width: 100%; background: #fff; background: -moz-linear-gradient(top,#fff 0,#f3f3f3 100%); background: -webkit-linear-gradient(top,#fff 0,#f3f3f3 100%); background: linear-gradient(to bottom,#fff 0,#f3f3f3 100%); -webkit-box-shadow: none; box-shadow: none; font-size: .875em; vertical-align: top } form.custom .custom.dropdown ul { overflow-y: auto; max-height: 200px } form.custom .custom.dropdown .current { cursor: default; white-space: nowrap; line-height: 2.25em; color: rgba(0,0,0,.75); text-decoration: none; overflow: hidden; display: block; margin-left: .5em; margin-right: 2.3125em } form.custom .custom.dropdown .selector { cursor: default; position: absolute; width: 2.5em; height: 2.3125em; display: block; right: 0; top: 0 } form.custom .custom.dropdown .selector:after { content: ""; display: block; content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #aaa transparent transparent transparent; position: absolute; left: .9375em; top: 50%; margin-top: -3px } form.custom .custom.dropdown.open a.selector:after, form.custom .custom.dropdown:hover a.selector:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #222 transparent transparent transparent } form.custom .custom.dropdown .disabled { color: #888 } form.custom .custom.dropdown .disabled:hover { background: 0 0; color: #888 } form.custom .custom.dropdown .disabled:hover:after { display: none } form.custom .custom.dropdown.open ul { display: block; z-index: 10; min-width: 100%; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } form.custom .custom.dropdown.small { max-width: 134px } form.custom .custom.dropdown.medium { max-width: 254px } form.custom .custom.dropdown.large { max-width: 434px } form.custom .custom.dropdown.expand { width: 100% !important } form.custom .custom.dropdown.open.small ul { min-width: 134px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } form.custom .custom.dropdown.open.medium ul { min-width: 254px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } form.custom .custom.dropdown.open.large ul { min-width: 434px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } form.custom .custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: -1px; top: auto; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1); box-shadow: 0 2px 2px 0 rgba(0,0,0,.1); margin: 0; padding: 0; background: #fff; border: solid 1px #ccc; font-size: 16px } form.custom .custom.dropdown ul li { color: #555; font-size: .875em; cursor: default; padding-top: .25em; padding-bottom: .25em; padding-left: .375em; padding-right: 2.375em; min-height: 1.5em; line-height: 1.5em; margin: 0; white-space: nowrap; list-style: none } form.custom .custom.dropdown ul li.selected { background: #eee; color: #000 } form.custom .custom.dropdown ul li:hover { background-color: #e4e4e4; color: #000 } form.custom .custom.dropdown ul li.selected:hover { background: #eee; cursor: default; color: #000 } form.custom .custom.dropdown ul.show { display: block } form.custom .custom.disabled { background-color: #ddd } .button-group { list-style: none; margin: 0 } .button-group:after, .button-group:before { content: " "; display: table } .button-group:after { clear: both } .button-group li { margin: 0 0 0 -1px; float: left } .button-group li:first-child { margin-left: 0 } .button-group.radius li:first-child > a { -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px } .button-group.radius li:last-child > a { -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px } .button-group.round li:first-child > a { -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px } .button-group.round li:last-child > a { -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px } .button-group.even-2 li { width: 50% } .button-group.even-2 li .button { width: 100% } .button-group.even-3 li { width: 33.33333% } .button-group.even-3 li .button { width: 100% } .button-group.even-4 li { width: 25% } .button-group.even-4 li .button { width: 100% } .button-group.even-5 li { width: 20% } .button-group.even-5 li .button { width: 100% } .button-group.even-6 li { width: 16.66667% } .button-group.even-6 li .button { width: 100% } .button-group.even-7 li { width: 14.28571% } .button-group.even-7 li .button { width: 100% } .button-group.even-8 li { width: 12.5% } .button-group.even-8 li .button { width: 100% } .button-bar:after, .button-bar:before { content: " "; display: table } .button-bar:after { clear: both } .button-bar .button-group { float: left; margin-right: .625em } .button-bar .button-group div { overflow: hidden } .dropdown.button { position: relative; padding-right: 3.1875em } .dropdown.button:before { position: absolute; content: ""; width: 0; height: 0; display: block; border-style: solid; border-color: #fff transparent transparent transparent; top: 50% } .dropdown.button:before { border-width: .5625em; right: 1.5em; margin-top: -.25em } .dropdown.button:before { border-color: #fff transparent transparent transparent } .dropdown.button.tiny { padding-right: 2.1875em } .dropdown.button.tiny:before { border-width: .4375em; right: .875em; margin-top: -.15625em } .dropdown.button.tiny:before { border-color: #fff transparent transparent transparent } .dropdown.button.small { padding-right: 2.8125em } .dropdown.button.small:before { border-width: .5625em; right: 1.125em; margin-top: -.21875em } .dropdown.button.small:before { border-color: #fff transparent transparent transparent } .dropdown.button.large { padding-right: 4em } .dropdown.button.large:before { border-width: .625em; right: 1.75em; margin-top: -.3125em } .dropdown.button.large:before { border-color: #fff transparent transparent transparent } .dropdown.button.secondary:before { border-color: #333 transparent transparent transparent } .split.button { position: relative; padding-right: 4.8em } .split.button span { display: block; height: 100%; position: absolute; right: 0; top: 0; border-left: solid 1px } .split.button span:before { position: absolute; content: ""; width: 0; height: 0; display: block; border-style: solid; left: 50% } .split.button span:active { background-color: rgba(0,0,0,.1) } .split.button span { border-left-color: #ec8e04 } .split.button span { width: 3em } .split.button span:before { border-width: .5625em; top: 1.125em; margin-left: -.5625em } .split.button span:before { border-color: #fff transparent transparent transparent } .split.button.secondary span { border-left-color: #c3c3c3 } .split.button.secondary span:before { border-color: #fff transparent transparent transparent } .split.button.alert span { border-left-color: #7f0a0c } .split.button.success span { border-left-color: #396516 } .split.button.tiny { padding-right: 3.9375em } .split.button.tiny span { width: 2.84375em } .split.button.tiny span:before { border-width: .4375em; top: .875em; margin-left: -.3125em } .split.button.small { padding-right: 3.9375em } .split.button.small span { width: 2.8125em } .split.button.small span:before { border-width: .5625em; top: .84375em; margin-left: -.5625em } .split.button.large { padding-right: 6em } .split.button.large span { width: 3.75em } .split.button.large span:before { border-width: .625em; top: 1.3125em; margin-left: -.5625em } .split.button.secondary span:before { border-color: #333 transparent transparent transparent } .split.button.radius span { -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px } .split.button.round span { -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px } .flex-video { position: relative; padding-top: 1.5625em; padding-bottom: 67.5%; height: 0; margin-bottom: 1em; overflow: hidden } .flex-video.widescreen { padding-bottom: 57.25% } .flex-video.vimeo { padding-top: 0 } .flex-video embed, .flex-video iframe, .flex-video object, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .section-container { width: 100%; display: block; margin-bottom: 1.25em; border: 1px solid #ccc; border-top: none } .section-container .section, .section-container section { border-top: 1px solid #ccc; position: relative } .section-container .section .title, .section-container section .title { top: 0; cursor: pointer; width: 100%; margin: 0; background-color: #efefef } .section-container .section .title a, .section-container section .title a { padding: .9375em; display: inline-block; color: #333; font-size: .875em; white-space: nowrap; width: 100% } .section-container .section .title:hover, .section-container section .title:hover { background-color: #e2e2e2 } .section-container .section .content, .section-container section .content { display: none; padding: .9375em; background-color: #fff } .section-container .section .content > :last-child, .section-container section .content > :last-child { margin-bottom: 0 } .section-container .section .content > :first-child, .section-container section .content > :first-child { padding-top: 0 } .section-container .section .content > :last-child, .section-container section .content > :last-child { padding-bottom: 0 } .section-container .section.active .content, .section-container section.active .content { display: block } .section-container .section.active .title, .section-container section.active .title { background: #d5d5d5 } @media only screen and (min-width:48em) { .section-container.accordion .section { padding-top: 0 !important } .section-container.vertical-nav { border: 1px solid #ccc; border-top: none } .section-container.vertical-nav .section, .section-container.vertical-nav section { padding-top: 0 !important } .section-container.vertical-nav .section .title a, .section-container.vertical-nav section .title a { display: block; width: 100% } .section-container.vertical-nav .section .content, .section-container.vertical-nav section .content { display: none } .section-container.vertical-nav .section.active .content, .section-container.vertical-nav section.active .content { display: block; position: absolute; left: 100%; top: -1px; z-index: 999; min-width: 12.5em; border: 1px solid #ccc } .section-container.tabs { border: 0; position: relative } .section-container.tabs .section, .section-container.tabs section { padding-top: 0; border: 0; position: static } .section-container.tabs .section .title, .section-container.tabs section .title { top: 1px; width: auto; border: 1px solid #ccc; border-right: 0; position: absolute; z-index: 1 } .section-container.tabs .section .title a, .section-container.tabs section .title a { width: 100% } .section-container.tabs .section:last-child .title, .section-container.tabs section:last-child .title { border-right: 1px solid #ccc } .section-container.tabs .section .content, .section-container.tabs section .content { border: 1px solid #ccc; position: absolute; z-index: 10 } .section-container.tabs .section.active .title, .section-container.tabs section.active .title { background-color: #fff; z-index: 11; border-bottom: 0 } .section-container.tabs .section.active .content, .section-container.tabs section.active .content { position: relative } } .contain-to-grid { width: 100%; background: #111 } .fixed { width: 100%; left: 0; position: fixed; top: 0; z-index: 99 } .top-bar { overflow: hidden; height: 45px; line-height: 45px; position: relative; background: #111 } .top-bar ul { margin-bottom: 0; list-style: none } .top-bar .row { max-width: none } .top-bar form, .top-bar input { margin-bottom: 0 } .top-bar input { height: 2.45em } .top-bar .button { padding-top: .5em; padding-bottom: .5em; margin-bottom: 0 } .top-bar .title-area { position: relative } .top-bar .name { height: 45px; margin: 0; font-size: 16px } .top-bar .name h1 { line-height: 45px; font-size: 1.0625em; margin: 0 } .top-bar .name h1 a { font-weight: 700; color: #fff; width: 50%; display: block; padding: 0 15px } .top-bar .toggle-topbar { position: absolute; right: 0; top: 0 } .top-bar .toggle-topbar a { color: #fff; text-transform: uppercase; font-size: .8125em; font-weight: 700; position: relative; display: block; padding: 0 15px; height: 45px; line-height: 45px } .top-bar .toggle-topbar.menu-icon { right: 15px; top: 50%; margin-top: -16px; padding-left: 40px } .top-bar .toggle-topbar.menu-icon a { text-indent: -48px; width: 34px; height: 34px; line-height: 33px; padding: 0; color: #fff } .top-bar .toggle-topbar.menu-icon a span { position: absolute; right: 0; display: block; width: 16px; height: 0; -webkit-box-shadow: 0 10px 0 1px #fff,0 16px 0 1px #fff,0 22px 0 1px #fff; box-shadow: 0 10px 0 1px #fff,0 16px 0 1px #fff,0 22px 0 1px #fff } .top-bar.expanded { height: auto; background: 0 0 } .top-bar.expanded .title-area { background: #111 } .top-bar.expanded .toggle-topbar a { color: #888 } .top-bar.expanded .toggle-topbar a span { -webkit-box-shadow: 0 10px 0 1px #888,0 16px 0 1px #888,0 22px 0 1px #888; box-shadow: 0 10px 0 1px #888,0 16px 0 1px #888,0 22px 0 1px #888 } .top-bar-section { left: 0; position: relative; width: auto; -webkit-transition: left .3s ease-out; -moz-transition: left .3s ease-out; transition: left .3s ease-out } .top-bar-section ul { width: 100%; height: auto; display: block; background: #333; font-size: 16px; margin: 0 } .top-bar-section .divider { border-bottom: solid 1px #4d4d4d; border-top: solid 1px #1a1a1a; clear: both; height: 1px; width: 100% } .top-bar-section ul li > a { display: block; width: 100%; padding: 12px 0 12px 15px; color: #fff; font-size: .8125em; font-weight: 700; background: #333 } .top-bar-section ul li > a:hover { background: #2b2b2b } .top-bar-section ul li > a.button { background: #fcb040; font-size: .8125em } .top-bar-section ul li > a.button:hover { background: #fb9b0e } .top-bar-section ul li > a.button.secondary { background: #e9e9e9 } .top-bar-section ul li > a.button.secondary:hover { background: #d0d0d0 } .top-bar-section ul li > a.button.success { background: #5da423 } .top-bar-section ul li > a.button.success:hover { background: #457a1a } .top-bar-section ul li > a.button.alert { background: #c60f13 } .top-bar-section ul li > a.button.alert:hover { background: #970b0e } .top-bar-section ul li.active a { background: #2b2b2b } .top-bar-section .has-form { padding: 15px } .top-bar-section .has-dropdown { position: relative } .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: transparent transparent transparent rgba(255,255,255,.5); margin-right: 15px; margin-top: -4.5px; position: absolute; top: 50%; right: 0 } .top-bar-section .has-dropdown.moved { position: static } .top-bar-section .has-dropdown.moved > .dropdown { visibility: visible } .top-bar-section .dropdown { position: absolute; left: 100%; top: 0; visibility: hidden; z-index: 99 } .top-bar-section .dropdown li { width: 100% } .top-bar-section .dropdown li a { font-weight: 400; padding: 8px 15px } .top-bar-section .dropdown li.title h5 { margin-bottom: 0 } .top-bar-section .dropdown li.title h5 a { color: #fff; line-height: 22.5px; display: block } .top-bar-section .dropdown label { padding: 8px 15px 2px; margin-bottom: 0; text-transform: uppercase; color: #555; font-weight: 700; font-size: .625em } .top-bar-js-breakpoint { width: 58.75em !important; visibility: hidden } .js-generated { display: block } @media only screen and (min-width:58.75em) { .top-bar { background: #111; overflow: visible } .top-bar:after, .top-bar:before { content: " "; display: table } .top-bar:after { clear: both } .top-bar .toggle-topbar { display: none } .top-bar .title-area { float: left } .top-bar .name h1 a { width: auto } .top-bar .button, .top-bar input { line-height: 2em; font-size: .875em; height: 2em; padding: 0 10px; position: relative; top: 8px } .top-bar.expanded { background: #111 } .contain-to-grid .top-bar { max-width: 62.5em; margin: 0 auto } .top-bar-section { -webkit-transition: none 0 0; -moz-transition: none 0 0; transition: none 0 0; left: 0 !important } .top-bar-section ul { width: auto; height: auto !important; display: inline } .top-bar-section ul li { float: left } .top-bar-section ul li .js-generated { display: none } .top-bar-section li a:not(.button) { padding: 0 15px; line-height: 45px; background: #111 } .top-bar-section li a:not(.button):hover { background: #000 } .top-bar-section .has-dropdown > a { padding-right: 35px !important } .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: rgba(255,255,255,.5) transparent transparent transparent; margin-top: -2.5px } .top-bar-section .has-dropdown.moved { position: relative } .top-bar-section .has-dropdown.moved > .dropdown { visibility: hidden } .top-bar-section .has-dropdown:active > .dropdown, .top-bar-section .has-dropdown:hover > .dropdown { visibility: visible } .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { border: none; content: "\00bb"; margin-top: -7px; right: 5px } .top-bar-section .dropdown { left: 0; top: auto; background: 0 0 } .top-bar-section .dropdown li a { line-height: 1; white-space: nowrap; padding: 7px 15px; background: #1e1e1e } .top-bar-section .dropdown li label { white-space: nowrap; background: #1e1e1e } .top-bar-section .dropdown li .dropdown { left: 100%; top: 0 } .top-bar-section > ul > .divider { border-bottom: none; border-top: none; border-right: solid 1px #2b2b2b; border-left: solid 1px #000; clear: none; height: 45px; width: 0 } .top-bar-section .has-form { background: #111; padding: 0 15px; height: 45px } .top-bar-section ul.right li .dropdown { left: auto; right: 0 } .top-bar-section ul.right li .dropdown li .dropdown { right: 100% } } .orbit-container { overflow: hidden; width: 100%; position: relative; background: #f5f5f5 } .orbit-container .orbit-slides-container { list-style: none; margin: 0; padding: 0; position: relative } .orbit-container .orbit-slides-container img { display: block } .orbit-container .orbit-slides-container > * { position: relative; float: left; height: 100% } .orbit-container .orbit-slides-container > * .orbit-caption { position: absolute; bottom: 0; background-color: #000; background-color: rgba(0,0,0,.6); color: #fff; width: 100%; padding: 10px 14px; font-size: .875em } .orbit-container .orbit-slides-container > * .orbit-caption * { color: #fff } .orbit-container .orbit-slide-number { position: absolute; top: 10px; left: 10px; font-size: 12px } .orbit-container .orbit-slide-number span { font-weight: 700 } .orbit-container .orbit-timer { position: absolute; top: 10px; right: 10px; height: 6px; width: 100px } .orbit-container .orbit-timer .orbit-progress { height: 100%; background-color: #000; background-color: rgba(0,0,0,.6); display: block; width: 0% } .orbit-container .orbit-timer > span { display: none; position: absolute; top: 10px; right: 0; width: 11px; height: 14px; border: solid 4px #000; border-top: none; border-bottom: none } .orbit-container .orbit-timer.paused > span { right: -6px; top: 9px; width: 11px; height: 14px; border: solid 8px; border-color: transparent transparent transparent #000 } .orbit-container:hover .orbit-timer > span { display: block } .orbit-container .orbit-next, .orbit-container .orbit-prev { position: absolute; top: 50%; margin-top: -25px; background-color: #000; background-color: rgba(0,0,0,.6); width: 50px; height: 60px; line-height: 50px; color: #fff; text-indent: -9999px !important } .orbit-container .orbit-next > span, .orbit-container .orbit-prev > span { position: absolute; top: 50%; margin-top: -16px; display: block; width: 0; height: 0; border: solid 16px } .orbit-container .orbit-prev { left: 0 } .orbit-container .orbit-prev > span { border-color: transparent #fff transparent transparent } .orbit-container .orbit-prev:hover > span { border-color: transparent #ccc transparent transparent } .orbit-container .orbit-next { right: 0 } .orbit-container .orbit-next > span { border-color: transparent transparent transparent #fff; left: 50%; margin-left: -8px } .orbit-container .orbit-next:hover > span { border-color: transparent transparent transparent #ccc } .orbit-bullets { margin: 0 auto 30px auto; overflow: hidden; position: relative; top: 10px } .orbit-bullets li { display: block; width: 18px; height: 18px; background: #fff; float: left; margin-right: 6px; border: solid 2px #000; -webkit-border-radius: 1000px; border-radius: 1000px } .orbit-bullets li.active { background: #000 } .orbit-bullets li:last-child { margin-right: 0 } .touch .orbit-container .orbit-next, .touch .orbit-container .orbit-prev { display: none } .touch .orbit-bullets { display: none } @media only screen and (min-width:48em) { .touch .orbit-container .orbit-next, .touch .orbit-container .orbit-prev { display: inherit } .touch .orbit-bullets { display: block } } .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,.45); z-index: 98; display: none; top: 0; left: 0 } .reveal-modal { visibility: hidden; display: none; position: absolute; left: 50%; z-index: 99; height: auto; background-color: #fff; margin-left: -40%; width: 80%; background-color: #fff; padding: 1.25em; border: solid 1px #666; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); box-shadow: 0 0 10px rgba(0,0,0,.4); top: 50px } .reveal-modal .column, .reveal-modal .columns { min-width: 0 } .reveal-modal > :first-child { margin-top: 0 } .reveal-modal > :last-child { margin-bottom: 0 } .reveal-modal .close-reveal-modal { font-size: 1.375em; line-height: 1; position: absolute; top: .5em; right: .6875em; color: #aaa; font-weight: 700; cursor: pointer } @media only screen and (min-width:48em) { .reveal-modal { padding: 1.875em; top: 6.25em } .reveal-modal.small { margin-left: -15%; width: 30% } .reveal-modal.medium { margin-left: -20%; width: 40% } .reveal-modal.large { margin-left: -30%; width: 60% } .reveal-modal.xlarge { margin-left: -35%; width: 70% } .reveal-modal.expand { margin-left: -47.5%; width: 95% } } @media print { div:not(.reveal-modal) { display: none } } .joyride-list { display: none } .joyride-tip-guide { display: none; position: absolute; background: #000; color: #fff; z-index: 101; top: 0; left: 2.5%; font-family: inherit; font-weight: 400; width: 95% } .lt-ie9 .joyride-tip-guide { max-width: 800px; left: 50%; margin-left: -400px } .joyride-content-wrapper { width: 100%; padding: 1.125em 1.25em 1.5em } .joyride-content-wrapper .button { margin-bottom: 0 !important } .joyride-tip-guide .joyride-nub { display: block; position: absolute; left: 22px; width: 0; height: 0; border: solid 14px } .joyride-tip-guide .joyride-nub.top { border-color: #000; border-top-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; top: -28px; bottom: none } .joyride-tip-guide .joyride-nub.bottom { border-color: #000 !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; bottom: -28px; bottom: none } .joyride-tip-guide .joyride-nub.right { right: -28px } .joyride-tip-guide .joyride-nub.left { left: -28px } .joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 { line-height: 1.25; margin: 0; font-weight: 700; color: #fff } .joyride-tip-guide p { margin: 0 0 1.125em 0; font-size: .875em; line-height: 1.3 } .joyride-timer-indicator-wrap { width: 50px; height: 3px; border: solid 1px #555; position: absolute; right: 1.0625em; bottom: 1em } .joyride-timer-indicator { display: block; width: 0; height: inherit; background: #666 } .joyride-close-tip { position: absolute; right: 12px; top: 10px; color: #777 !important; text-decoration: none; font-size: 30px; font-weight: 400; line-height: .5 !important } .joyride-close-tip:focus, .joyride-close-tip:hover { color: #eee !important } .joyride-modal-bg { position: fixed; height: 100%; width: 100%; background: 0 0; background: rgba(0,0,0,.5); z-index: 100; display: none; top: 0; left: 0; cursor: pointer } @media only screen and (min-width:48em) { .joyride-tip-guide { width: 300px; left: 0 } .joyride-tip-guide .joyride-nub.bottom { border-color: #000 !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; bottom: -28px; bottom: none } .joyride-tip-guide .joyride-nub.right { border-color: #000 !important; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; top: 22px; bottom: none; left: auto; right: -28px } .joyride-tip-guide .joyride-nub.left { border-color: #000 !important; border-top-color: transparent !important; border-left-color: transparent !important; border-bottom-color: transparent !important; top: 22px; left: -28px; right: auto; bottom: none } } [data-clearing] { margin-bottom: 0 } [data-clearing]:after, [data-clearing]:before { content: " "; display: table } [data-clearing]:after { clear: both } .clearing-blackout { background: #111; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 998 } .clearing-blackout .clearing-close { display: block } .clearing-container { position: relative; z-index: 998; height: 100%; overflow: hidden; margin: 0 } .visible-img { height: 95%; position: relative } .visible-img img { position: absolute; left: 50%; top: 50%; margin-left: -50%; max-height: 100%; max-width: 100% } .clearing-caption { color: #fff; line-height: 1.3; margin-bottom: 0; text-align: center; bottom: 0; background: #111; width: 100%; padding: 10px 30px; position: absolute; left: 0 } .clearing-close { z-index: 999; padding-left: 20px; padding-top: 10px; font-size: 40px; line-height: 1; color: #fff; display: none } .clearing-close:focus, .clearing-close:hover { color: #ccc } .clearing-assembled .clearing-container { height: 100% } .clearing-assembled .clearing-container .carousel > ul { display: none } @media only screen and (min-width:48em) { .clearing-main-left, .clearing-main-right { position: absolute; height: 100%; width: 40px; top: 0 } .clearing-main-left > span, .clearing-main-right > span { position: absolute; top: 50%; display: block; width: 0; height: 0; border: solid 16px } .clearing-main-left { left: 0 } .clearing-main-left > span { left: 5px; border-color: transparent #fff transparent transparent } .clearing-main-right { right: 0 } .clearing-main-right > span { border-color: transparent transparent transparent #fff } .clearing-main-left.disabled, .clearing-main-right.disabled { opacity: .5 } .clearing-feature ~ li { display: none } .clearing-assembled .clearing-container .carousel { background: #111; height: 150px; margin-top: 5px } .clearing-assembled .clearing-container .carousel > ul { display: block; z-index: 999; width: 200%; height: 100%; margin-left: 0; position: relative; left: 0 } .clearing-assembled .clearing-container .carousel > ul li { display: block; width: 175px; height: inherit; padding: 0; float: left; overflow: hidden; margin-right: 1px; position: relative; cursor: pointer; opacity: .4 } .clearing-assembled .clearing-container .carousel > ul li.fix-height img { min-height: 100%; height: 100%; max-width: none } .clearing-assembled .clearing-container .carousel > ul li a.th { border: none; -webkit-box-shadow: none; box-shadow: none; display: block } .clearing-assembled .clearing-container .carousel > ul li img { cursor: pointer !important; min-width: 100% !important } .clearing-assembled .clearing-container .carousel > ul li.visible { opacity: 1 } .clearing-assembled .clearing-container .visible-img { background: #111; overflow: hidden; height: 75% } .clearing-close { position: absolute; top: 10px; right: 20px; padding-left: 0; padding-top: 0 } } .alert-box { border-style: solid; border-width: 1px; display: block; font-weight: 700; margin-bottom: 1.25em; position: relative; padding: .6875em 1.3125em .75em .6875em; font-size: .875em; background-color: #fcb040; border-color: #fb9b0e; color: #fff } .alert-box .close { font-size: 1.375em; padding: 5px 4px 4px; line-height: 0; position: absolute; top: .4375em; right: .3125em; color: #333; } .alert-box .close:focus, .alert-box .close:hover { opacity: .5 } .alert-box.radius { -webkit-border-radius: 4px; border-radius: 4px } .alert-box.round { -webkit-border-radius: 1000px; border-radius: 1000px } .alert-box.success { background-color: #5da423; border-color: #457a1a; color: #fff } .alert-box.alert { background-color: #c60f13; border-color: #970b0e; color: #fff } .alert-box.secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #505050 } .breadcrumbs { display: block; padding: .375em .875em .5625em; overflow: hidden; margin-left: 0; list-style: none; border-style: solid; border-width: 1px; background-color: #f6f6f6; border-color: #dcdcdc; -webkit-border-radius: 4px; border-radius: 4px } .breadcrumbs li { margin: 0; padding: 0 .75em 0 0; float: left } .breadcrumbs li:focus a, .breadcrumbs li:hover a { text-decoration: underline } .breadcrumbs li a, .breadcrumbs li span { font-size: .6875em; padding-left: .75em; text-transform: uppercase; color: #fcb040 } .breadcrumbs li.current a { cursor: default; color: #333 } .breadcrumbs li.current:focus a, .breadcrumbs li.current:hover a { text-decoration: none } .breadcrumbs li.unavailable a { color: #999 } .breadcrumbs li.unavailable a:focus, .breadcrumbs li.unavailable:hover a { text-decoration: none; color: #999; cursor: default } .breadcrumbs li:before { content: "/"; color: #aaa; position: relative; top: 1px } .breadcrumbs li:first-child a, .breadcrumbs li:first-child span { padding-left: 0 } .breadcrumbs li:first-child:before { content: "" } .keystroke, kbd { background-color: #ededed; border-color: #dbdbdb; color: #222; border-style: solid; border-width: 1px; margin: 0; font-family: Consolas,Menlo,Courier,monospace; font-size: .9375em; padding: .125em .25em 0; -webkit-border-radius: 4px; border-radius: 4px } .label { font-weight: 500; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; padding: .1875em .625em .25em; font-size: .875em; background-color: #fcb040; color: #fff } .label.radius { -webkit-border-radius: 4px; border-radius: 4px } .label.round { -webkit-border-radius: 1000px; border-radius: 1000px } .label.alert { background-color: #c60f13; color: #fff } .label.success { background-color: #5da423; color: #fff } .label.secondary { background-color: #e9e9e9; color: #333 } .inline-list { margin: 0 0 1.0625em -1.375em; padding: 0; list-style: none; overflow: hidden } .inline-list > li { list-style: none; float: left; margin-left: 1.375em; display: block } .inline-list > li > * { display: block } .pagination { display: block; height: 1.5em; margin-left: -.3125em } .pagination li { display: block; float: left; height: 1.5em; color: #222; font-size: .875em; margin-left: .3125em } .pagination li a { display: block; padding: .0625em .4375em .0625em; color: #999 } .pagination li a:focus, .pagination li:hover a { background: #e6e6e6 } .pagination li.unavailable a { cursor: default; color: #999 } .pagination li.unavailable a:focus, .pagination li.unavailable:hover a { background: 0 0 } .pagination li.current a { background: #fcb040; color: #fff; font-weight: 700; cursor: default } .pagination li.current a:focus, .pagination li.current a:hover { background: #fcb040 } .pagination-centered { text-align: center } .pagination-centered ul > li { float: none; display: inline-block } .panel { border-style: solid; border-width: 1px; border-color: #d9d9d9; margin-bottom: 1.25em; padding: 1.25em; background: #f2f2f2 } .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p { color: #333 } .panel > :first-child { margin-top: 0 } .panel > :last-child { margin-bottom: 0 } .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 { line-height: 1; margin-bottom: .625em } .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader { line-height: 1.4 } .panel.callout { border-style: solid; border-width: 1px; border-color: #fb9b0e; margin-bottom: 1.25em; padding: 1.25em; background: #fcb040; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5) inset; box-shadow: 0 1px 0 rgba(255,255,255,.5) inset } .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p { color: #333 } .panel.callout > :first-child { margin-top: 0 } .panel.callout > :last-child { margin-bottom: 0 } .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 { line-height: 1; margin-bottom: .625em } .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader { line-height: 1.4 } .panel.radius { -webkit-border-radius: 4px; border-radius: 4px } .pricing-table { border: solid 1px #ddd; margin-left: 0; margin-bottom: 1.25em } .pricing-table * { list-style: none; line-height: 1 } .pricing-table .title { background-color: #ddd; padding: .9375em 1.25em; text-align: center; color: #333; font-weight: 700; font-size: 1em } .pricing-table .price { background-color: #eee; padding: .9375em 1.25em; text-align: center; color: #333; font-weight: 400; font-size: 1.25em } .pricing-table .description { background-color: #fff; padding: .9375em; text-align: center; color: #777; font-size: .75em; font-weight: 400; line-height: 1.4; border-bottom: dotted 1px #ddd } .pricing-table .bullet-item { background-color: #fff; padding: 7px 0 11px 3px; text-align: center; color: #333; font-size: .875em; font-weight: 400; border-bottom: dotted 1px #ddd } .pricing-table .cta-button { background-color: #f5f5f5; text-align: center; padding: 1.25em 1.25em 0 } .progress { height: 1.5625em; border: 1px solid #ccc; padding: .125em; margin-bottom: .625em } .progress .meter { background: #fcb040; height: 100%; display: block } .progress.secondary .meter { background: #e9e9e9; height: 100%; display: block } .progress.success .meter { background: #5da423; height: 100%; display: block } .progress.alert .meter { background: #c60f13; height: 100%; display: block } .progress.radius { -webkit-border-radius: 4px; border-radius: 4px } .progress.radius .meter { -webkit-border-radius: 3px; border-radius: 3px } .progress.round { -webkit-border-radius: 1000px; border-radius: 1000px } .progress.round .meter { -webkit-border-radius: 999px; border-radius: 999px } .side-nav { display: block; margin: 0; padding: .875em 0; list-style-type: none; list-style-position: inside } .side-nav li { margin: 0 0 .4375em 0; font-size: .875em } .side-nav li a { display: block; color: #fcb040 } .side-nav li.active a { color: #4d4d4d; font-weight: 700 } .side-nav li.divider { border-top: 1px solid; height: 0; padding: 0; list-style: none; border-top-color: #e6e6e6 } .sub-nav { display: block; width: auto; overflow: hidden; margin: -.25em 0 1.125em; padding-top: .25em; margin-right: 0; margin-left: -.5625em } .sub-nav dd, .sub-nav dt { float: left; display: inline; margin-left: .5625em; margin-bottom: .625em; font-weight: 400; font-size: .875em } .sub-nav dd a, .sub-nav dt a { color: #999; text-decoration: none } .sub-nav dd.active a, .sub-nav dt.active a { -webkit-border-radius: 1000px; border-radius: 1000px; font-weight: 700; background: #fcb040; padding: .1875em .5625em; cursor: default; color: #fff } @media only screen { .switch { position: relative; width: 100%; padding: 0; display: block; overflow: hidden; border-style: solid; border-width: 1px; margin-bottom: 1.25em; -webkit-animation: webkitSiblingBugfix infinite 1s; height: 36px; background: #fff; border-color: #ccc } .switch label { position: relative; left: 0; z-index: 2; float: left; width: 50%; height: 100%; margin: 0; text-align: right; font-weight: 700; text-align: left; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; transition: all .1s ease-out } .switch input { position: absolute; z-index: 3; opacity: 0; width: 100%; height: 100% } .switch input:focus, .switch input:hover { cursor: pointer } .switch > span { position: absolute; top: -1px; left: -1px; z-index: 1; display: block; padding: 0; border-width: 1px; border-style: solid; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; transition: all .1s ease-out } .switch input:not(:checked) + label { opacity: 0 } .switch input:checked { display: none !important } .switch input { left: 0; display: block !important } .switch input:first-of-type + label, .switch input:first-of-type + span + label { left: -50% } .switch input:first-of-type:checked + label, .switch input:first-of-type:checked + span + label { left: 0 } .switch input:last-of-type + label, .switch input:last-of-type + span + label { right: -50%; left: auto; text-align: right } .switch input:last-of-type:checked + label, .switch input:last-of-type:checked + span + label { right: 0; left: auto } .switch span.custom { display: none !important } .switch label { padding: 0 .375em; line-height: 2.3em; font-size: .875em } .switch input:first-of-type:checked ~ span { left: 100%; margin-left: -2.1875em } .switch > span { width: 2.25em; height: 2.25em } .switch > span { border-color: #b3b3b3; background: #fff; background: -moz-linear-gradient(top,#fff 0,#f2f2f2 100%); background: -webkit-linear-gradient(top,#fff 0,#f2f2f2 100%); background: linear-gradient(to bottom,#fff 0,#f2f2f2 100%); -webkit-box-shadow: 2px 0 10px 0 rgba(0,0,0,.07),1000px 0 0 1000px #e1f5d1,-2px 0 10px 0 rgba(0,0,0,.07),-1000px 0 0 1000px #f5f5f5; box-shadow: 2px 0 10px 0 rgba(0,0,0,.07),1000px 0 0 980px #e1f5d1,-2px 0 10px 0 rgba(0,0,0,.07),-1000px 0 0 1000px #f5f5f5 } .switch:focus > span, .switch:hover > span { background: #fff; background: -moz-linear-gradient(top,#fff 0,#e6e6e6 100%); background: -webkit-linear-gradient(top,#fff 0,#e6e6e6 100%); background: linear-gradient(to bottom,#fff 0,#e6e6e6 100%) } .switch:active { background: 0 0 } .switch.large { height: 44px } .switch.large label { padding: 0 .375em; line-height: 2.3em; font-size: 1.0625em } .switch.large input:first-of-type:checked ~ span { left: 100%; margin-left: -2.6875em } .switch.large > span { width: 2.75em; height: 2.75em } .switch.small { height: 28px } .switch.small label { padding: 0 .375em; line-height: 2.1em; font-size: .75em } .switch.small input:first-of-type:checked ~ span { left: 100%; margin-left: -1.6875em } .switch.small > span { width: 1.75em; height: 1.75em } .switch.tiny { height: 22px } .switch.tiny label { padding: 0 .375em; line-height: 1.9em; font-size: .6875em } .switch.tiny input:first-of-type:checked ~ span { left: 100%; margin-left: -1.3125em } .switch.tiny > span { width: 1.375em; height: 1.375em } .switch.radius { -webkit-border-radius: 4px; border-radius: 4px } .switch.radius > span { -webkit-border-radius: 3px; border-radius: 3px } .switch.round { -webkit-border-radius: 1000px; border-radius: 1000px } .switch.round > span { -webkit-border-radius: 999px; border-radius: 999px } .switch.round label { padding: 0 .5625em } to { position: relative } } [data-magellan-expedition] .sub-nav { margin-bottom: 0 } [data-magellan-expedition] .sub-nav dd { margin-bottom: 0 } table { background: #fff; margin-bottom: 1.25em; border: solid 1px #ddd } table tfoot, table thead { background: #f5f5f5; font-weight: 700 } table tfoot tr td, table tfoot tr th, table thead tr td, table thead tr th { padding: .5em .625em .625em; font-size: .875em; color: #222; text-align: left } table tr td, table tr th { padding: .5625em .625em; font-size: .875em; color: #222 } table tr.alt, table tr.even, table tr:nth-of-type(even) { background: #f9f9f9 } table tbody tr td, table tfoot tr td, table tfoot tr th, table thead tr th, table tr td { display: table-cell; line-height: 1.125em } .th { display: inline-block; border: solid 4px #fff; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.2); box-shadow: 0 0 0 1px rgba(0,0,0,.2); -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out } .th:focus, .th:hover { -webkit-box-shadow: 0 0 6px 1px rgba(252,176,64,.5); box-shadow: 0 0 6px 1px rgba(252,176,64,.5) } .th.radius { -webkit-border-radius: 4px; border-radius: 4px } .has-tip { border-bottom: dotted 1px #ccc; cursor: help; font-weight: 700; color: #333 } .has-tip:focus, .has-tip:hover { border-bottom: dotted 1px #d37f03; color: #fcb040 } .has-tip.tip-left, .has-tip.tip-right { float: none !important } .tooltip { display: none; position: absolute; z-index: 999; font-weight: 700; font-size: .9375em; line-height: 1.3; padding: .5em; max-width: 85%; left: 50%; width: 100%; color: #fff; background: #000; -webkit-border-radius: 4px; border-radius: 4px } .tooltip > .nub { display: block; position: absolute; width: 0; height: 0; border: solid 5px; border-color: transparent transparent #000 transparent; top: -10px } .tooltip.opened { color: #fcb040 !important; border-bottom: dotted 1px #d37f03 !important } .tap-to-close { display: block; font-size: .625em; color: #888; font-weight: 400 } @media only screen and (min-width:48em) { .tooltip > .nub { border-color: transparent transparent #000 transparent; top: -10px } .tooltip.tip-top > .nub { border-color: #000 transparent transparent transparent; top: auto; bottom: -10px } .tooltip.tip-left, .tooltip.tip-right { float: none !important } .tooltip.tip-left > .nub { border-color: transparent transparent transparent #000; right: -10px; left: auto; top: 50%; margin-top: -5px } .tooltip.tip-right > .nub { border-color: transparent #000 transparent transparent; right: auto; left: -10px; top: 50%; margin-top: -5px } } @media only screen and (max-width:767px) { .f-dropdown { max-width: 100%; left: 0 } } .f-dropdown { position: absolute; left: -9999px; top: -9999px; list-style: none; width: 100%; max-height: none; height: auto; background: #fff; border: solid 1px #ccc; font-size: 16px; z-index: 99; margin-top: 2px; max-width: 200px } .f-dropdown :first-child { margin-top: 0 } .f-dropdown :last-child { margin-bottom: 0 } .f-dropdown:before { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: transparent transparent #fff transparent; position: absolute; top: -12px; left: 10px; z-index: 99 } .f-dropdown:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: transparent transparent #ccc transparent; position: absolute; top: -14px; left: 9px; z-index: 98 } .f-dropdown li { font-size: .875em; cursor: pointer; padding: .3125em .625em; line-height: 1.125em; margin: 0 } .f-dropdown li:focus, .f-dropdown li:hover { background: #eee } .f-dropdown li a { color: #555 } .f-dropdown.content { position: absolute; left: -9999px; top: -9999px; list-style: none; padding: 1.25em; width: 100%; height: auto; max-height: none; background: #fff; border: solid 1px #ccc; font-size: 16px; z-index: 99; max-width: 200px } .f-dropdown.content :first-child { margin-top: 0 } .f-dropdown.content :last-child { margin-bottom: 0 } .f-dropdown.tiny { max-width: 200px } .f-dropdown.small { max-width: 300px } .f-dropdown.medium { max-width: 500px } .f-dropdown.large { max-width: 800px } body { font-family: 'Noto Sans',Roboto } .price-table a { color: #333; text-decoration: none } h2 { color: #134aa0; font-size: 28px; text-align: center; margin-top: 0 } h1 { color: #003dad; font-size: 32px; text-align: center; margin-top: 0 } h1, h2 { text-transform: uppercase } .clearing-thumbs { list-style: none } .align-center { text-align: center } #contact {max-height: 829px } #contact h2 { color: #fff; text-align: center; margin-top: 0 } #contact h3 { color: #fff } #contact p { color: #fff } #contact .subheading { color: #fff }  #product h2 { color: #fff;text-align: center; margin-top: 0 } #product h3 { color: #fff } #product p { color: #fff } #product .subheading { color: #fff } #top { position: fixed; left: 0; right: 0; background: #fff !important; z-index: 100; padding: 0 !important; -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); border-bottom: 1px solid #f5f5f5 } .top-bar, .top-bar-section li a:not(.button), .top-bar-section ul { background: #fff !important; color: #222; font-size: 20px; font-weight: 200 } .top-bar { height: 78px; line-height: 78px } .top-bar .hdphone { float: left; color: #f06060; font-size: 20px } .top-bar .hdphoneicon { float: left; display: block; font-size: 22px; color: #003dad;} .top-bar a { font-family: 'Cabin Condensed',Roboto; display: block !important; float: left !important } .top-bar .hdlogo { float: left; display: block } .top-bar .logo { height: 78px; line-height: 100px } .top-bar .hdlogo .imglogo { display: block !important; float: left !important } .top-bar .hdlogo .slogan { display: block; float: left; color: #3433a1; font-size: 16px } .top-bar .logo img { display: block; float: left } .top-bar-section li a:not(.button) { line-height: 78px; color: #222 } .top-bar-section li a:hover:not(.button) { color: #666 } .top-bar-section ul li:last-child { line-height: 58px } .top-bar-section ul li > a.button { min-width: inherit !important; padding-left: 30px; padding-right: 30px; height: auto; display: inline-block } .top-bar .toggle-topbar a, .top-bar .toggle-topbar.menu-icon a { color: #222; font-weight: 400 } .top-bar .toggle-topbar span, .top-bar .toggle-topbar.menu-icon span { padding-right: 20px; text-indent: -60px } .top-bar.expanded .title-area { background: #fff } .top-bar.expanded .top-bar-section li a:not(.button) { line-height: 40px } .top-bar.expanded .top-bar-section li { border-top: 1px solid #e1e1e1 } .top-bar .toggle-topbar.menu-icon a span { -webkit-box-shadow: 0 10px 0 1px #222,0 16px 0 1px #222,0 22px 0 1px #222; box-shadow: 0 10px 0 1px #222,0 16px 0 1px #222,0 22px 0 1px #222 } .top-bar.expanded .toggle-topbar a, .top-bar.expanded .toggle-topbar.menu-icon a { color: #888 } .top-bar.expanded .toggle-topbar.menu-icon a span { -webkit-box-shadow: 0 10px 0 1px #888,0 16px 0 1px #888,0 22px 0 1px #888; box-shadow: 0 10px 0 1px #888,0 16px 0 1px #888,0 22px 0 1px #888 } .top-bar .active a { color: #003dad !important } header { padding: 0; color: #fff; overflow: hidden } .texture { background: url(../../upload/textures/stripes.png) repeat; height: 100%; width: 100%; position: absolute; top: 0; left: 0 } #teaser-slider-2 { background-image: url(../../upload/handphone.png); width: auto; background-repeat: no-repeat; margin-top: 0; margin-left: -96px; overflow: hidden; height: 499px } #teaser-slider-2 .flexslider:hover .flex-next { right: 15px !important } #teaser-slider-2 .flexslider { left: 270px; top: 80px; width: 208px } .download-btn { background-color: #ff6000; padding: 31px 95px; background-image: url(../../upload/button.png); float: left; margin: 20px 0 0 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px } .download-btn:hover { background-color: rgba(0,0,0,.25); background-color: 111 } .hints { position: relative } .hints img { display: inline-block; text-align: center } .hint { max-width: 250px } .hint p { font-size: 16px; font-weight: 200 } .hint h3 { color: #003dad; display: inline-block } .hint .icon { font-size: 24px; line-height: 40px } .hint-left { float: right; text-align: right } .hint-right { float: left } .align-center .hint .icon, .hint-left .icon { float: left; margin-right: 10px } .hint-right .icon { margin-left: 10px } .hint-top { margin-top: 30% } .hint-bottom { margin-top: 25% } .align-center .hint { max-width: 100% !important; margin-bottom: 60px } .ipad .hint { max-width: 100% !important } .ipad .hint-top { margin-top: 15% !important } .ipad .hint-bottom { margin-top: 15% !important } .button { padding-left: 40px; padding-right: 40px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out } .button.small { min-width: inherit !important } .button { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #003dad; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important } .button.secondary { color: #666; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #f3f3f3 } .button.secondary:hover { border: 1px solid #e8e8e8; background-color: #e9e9e9; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.4); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4); box-shadow: inset 0 1px 0 rgba(255,255,255,.4); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom,#e7e7e7 0,#fafafa 100%); background-image: -o-linear-gradient(bottom,#e7e7e7 0,#fafafa 100%); background-image: -webkit-linear-gradient(bottom,#e7e7e7 0,#fafafa 100%); background-image: linear-gradient(bottom,#e7e7e7 0,#fafafa 100%) } .button:focus, .button:hover { background-color: #f06060 } a:focus, a:hover { color: #f06060 } .button.white { color: #003dad; background-color: #fff; border: 0 !important; -moz-box-shadow: 0 1px 0 rgba(0,0,0,.2) !important; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2) !important; box-shadow: 0 1px 0 rgba(0,0,0,.2) !important; background-image: none !important } .button.white:hover { opacity: .9 } .section { padding: 50px 0 } .section.orange { background-color: #003dad } .section.gray { border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; background: #fcfcfc } .section .subheading { font-size: 20px; font-weight: 200; line-height: 1.3em; display: block; text-align: center; margin: 0 auto 60px; display: block; width: 75% } .compare-table { padding: 0 40px } .comp-table { display: table; width: 100%; border-spacing: 0; border-collapse: collapse; margin-top: -1px; box-sizing: border-box } .comp-table li { list-style: none } .comp-table .comp-row { list-style: none; width: 100%; box-sizing: border-box; display: table-row; border-top: none } .comp-table .comp-title { background-color: #f06060; border-bottom: 1px solid #f06060 } .comp-table .cp-cell { width: 37%; display: table-cell; border: 1px solid #eee; vertical-align: top; position: relative; color: #000 } .comp-table .cp-hide { color: #888; padding: 5px 10px 0; font-size: .875em; display: none } .comp-table .comp-title .cp-cell { border-top: none } .comp-table .cp-space { display: block; padding: 10px } .comp-table .comp-title .cp-cell { color: #fff } .comp-table .cp-cell.cp-cell1 { color: #444 } .comp-table .comp-title .cp-cell.cp-cell1 { border-left: 1px solid #f06060; color: #fff } .comp-table .comp-title .cp-cell.cp-cell3 { border-right: 1px solid #f06060 } .comp-table .cp-cell.cp-cell1 { width: 26% } .intro .hdcolor { color: #00f } .intro .hdcolor font { color: red } .introcontent { font-size: 18px; color: #444; line-height: 26px; text-align: justify; padding: 0 20px; box-sizing: border-box } .introcontent .redmore { text-align: center } .whyhd { margin-bottom: 40px } .feature { text-align: center; padding-top: 30px } .feature h3 { font-size: 18px; text-transform: uppercase } .feature p { font-size: 14px } .feature .icon { font-size: 4.8em; border-radius: 200px; -moz-border-radius: 200px; -webkit-border-radius: 200px; padding-top: 25px; width: 130px; height: 130px; display: inline-block; text-align: center; margin-bottom: 30px } .quotes { padding-bottom: 30px; border-bottom: 1px solid #e7e7e7; margin-bottom: 60px } .quote blockquote { border-left: none; font-size: 24px; text-align: center; margin-bottom: 10px; font-weight: 200; padding: 0 !important; line-height: 1.3em } .quote blockquote:before { content: "“" } .quote blockquote:after { content: "”" } .quote .author { font-size: 20px; color: #003dad; display: block; text-align: center } .quotes .orbit-container { background: 0 0 !important } .quotes .orbit-next, .quotes .orbit-prev, .quotes .orbit-slide-number { display: none !important } .quotes .orbit-timer { visibility: hidden } .quotes .orbit-bullets { text-align: center } .quotes .orbit-bullets li { display: inline-block; float: none; height: 10px; width: 10px; border: none; background: #ccc; cursor: pointer } .quotes .orbit-bullets li.active { background: #003dad } .pricing-table { border: 1px solid #e4e4e4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff } .pricing-table .title { font-size: 20px; font-family: 'Cabin Condensed',Roboto; background: 0 0 !important; padding-bottom: 0; text-transform: uppercase; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #f1f1f1 } .pricing-table .description { font-size: 16px; font-weight: 200; border-bottom: none } .pricing-table .price { font-weight: 200; background-color: #f3f3f3 !important; margin-bottom: 20px } .pricing-table ul { margin-bottom: 0 } .pricing-table .bullet-item { margin: 0 15px; font-size: 14px; font-weight: 200; line-height: 22px } .pricing-table .bullet-item a:before { content: "\f105"; font-family: FontAwesome; padding-right: 5px } .pricing-table .bullet-item:last-child { border-bottom: none } .pricing-table .cta-button { background-color: transparent !important } .pricing-table.featured .title { color: #003dad !important } .pricing-table .price-table-toggle { display: none } .featured { background: #003dad; border: 1px solid #003dad !important } .pricing-table.featured .description, .pricing-table.featured .title { background: #003dad; color: #fff !important } .pricing-table.featured .price { background: #fff !important; color: #f06060 } .pricing-table.featured .button { background: #fff; color: #f06060; border: 0 !important } .pricing-table.featured .bullet-item { background: #003dad; color: #fff !important } .pricing-table.featured a { color: #fff } .pricing-table.featured a:hover { color: #ddd } .contact { background: #003dad } footer .inline-list { line-height: 45px } footer a.icon { color: #c60f13 !important; font-size: 40px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out } footer a.icon:hover { color: #003dad !important } .black .button, .blue .button, .brown .button, .cyan .button, .green .button, .lime .button, .olive .button, .pink .button, .purple .button, .red .button, .winered .button { color: #fff !important } .black .button.white, .blue .button.white, .brown .button.white, .cyan .button.white, .green .button.white, .lime .button.white, .olive .button.white, .pink .button.white, .purple .button.white, .red .button.white, .winered .button.white { background: #fff !important } .black .button.white:hover, .blue .button.white:hover, .brown .button.white:hover, .cyan .button.white:hover, .green .button.white:hover, .lime .button.white:hover, .olive .button.white:hover, .pink .button.white:hover, .purple .button.white:hover, .red .button.white:hover, .winered .button.white:hover { background: #fff !important } .black .button.secondary, .blue .button.secondary, .brown .button.secondary, .cyan .button.secondary, .green .button.secondary, .lime .button.secondary, .olive .button.secondary, .pink .button.secondary, .purple .button.secondary, .red .button.secondary, .winered .button.secondary { color: #666 !important; border-color: #e8e8e8 !important } .black .top-bar a:not(.button), .blue .top-bar a:not(.button), .brown .top-bar a:not(.button), .cyan .top-bar a:not(.button), .green .top-bar a:not(.button), .lime .top-bar a:not(.button), .olive .top-bar a:not(.button), .pink .top-bar a:not(.button), .purple .top-bar a:not(.button), .red .top-bar a:not(.button), .winered .top-bar a:not(.button) { color: #222 !important } .green .button.white, .green .feature .icon, .green .hint h3, .green .pricing-table.featured .title, .green .quote .author, .green .top-bar .active a, .green a, .green footer a.icon:hover, .green h2 { color: #7ab800 !important } .green .button, .green .quotes .orbit-bullets li.active, .green .top-bar-section ul li > a.button, .green header { background-color: #7ab800 !important } .green .button:hover { background-color: #72ab00 !important } .green .feature .icon { border-color: #7ab800 !important } .green .button { border-color: #6a9f00 !important } .lime .button.white, .lime .feature .icon, .lime .hint h3, .lime .pricing-table.featured .title, .lime .quote .author, .lime .top-bar .active a, .lime a, .lime footer a.icon:hover, .lime h2 { color: #cc3 !important } .lime .button, .lime .quotes .orbit-bullets li.active, .lime .top-bar-section ul li > a.button, .lime header { background-color: #cc3 !important } .lime .button:hover { background-color: #bcbc27 !important } .lime .feature .icon { border-color: #cc3 !important } .lime .button { border-color: #b8b826 !important } .olive .button.white, .olive .feature .icon, .olive .hint h3, .olive .pricing-table.featured .title, .olive .quote .author, .olive .top-bar .active a, .olive a, .olive footer a.icon:hover, .olive h2 { color: #8fa411 !important } .olive .button, .olive .quotes .orbit-bullets li.active, .olive .top-bar-section ul li > a.button, .olive header { background-color: #8fa411 !important } .olive .button:hover { background-color: #7e920c !important } .olive .feature .icon { border-color: #8fa411 !important } .olive .button { border-color: #788c0a !important } .cyan .button.white, .cyan .feature .icon, .cyan .hint h3, .cyan .pricing-table.featured .title, .cyan .quote .author, .cyan .top-bar .active a, .cyan a, .cyan footer a.icon:hover, .cyan h2 { color: #6cc !important } .cyan .button, .cyan .quotes .orbit-bullets li.active, .cyan .top-bar-section ul li > a.button, .cyan header { background-color: #6cc !important } .cyan .button:hover { background-color: #52c3c3 !important } .cyan .feature .icon { border-color: #6cc !important } .cyan .button { border-color: #44b6b6 !important } .blue .button.white, .blue .feature .icon, .blue .hint h3, .blue .pricing-table.featured .title, .blue .quote .author, .blue .top-bar .active a, .blue a, .blue footer a.icon:hover, .blue h2 { color: #21aded !important } .blue .button, .blue .quotes .orbit-bullets li.active, .blue .top-bar-section ul li > a.button, .blue header { background-color: #21aded !important } .blue .button:hover { background-color: #189cd8 !important } .blue .feature .icon { border-color: #21aded !important } .blue .button { border-color: #1895d0 !important } .red .button.white, .red .feature .icon, .red .hint h3, .red .pricing-table.featured .title, .red .quote .author, .red .top-bar .active a, .red a, .red footer a.icon:hover, .red h2 { color: #e97c5f !important } .red .button, .red .quotes .orbit-bullets li.active, .red .top-bar-section ul li > a.button, .red header { background-color: #e97c5f !important } .red .button:hover { background-color: #d06345 !important } .red .feature .icon { border-color: #e97c5f !important } .red .button { border-color: #c85a3c !important } .winered .button.white, .winered .feature .icon, .winered .hint h3, .winered .pricing-table.featured .title, .winered .quote .author, .winered .top-bar .active a, .winered a, .winered footer a.icon:hover, .winered h2 { color: #900 !important } .winered .button, .winered .quotes .orbit-bullets li.active, .winered .top-bar-section ul li > a.button, .winered header { background-color: #900 !important } .winered .button:hover { background-color: #8a0000 !important } .winered .feature .icon { border-color: #900 !important } .winered .button { border-color: #790000 !important } .pink .button.white, .pink .feature .icon, .pink .hint h3, .pink .pricing-table.featured .title, .pink .quote .author, .pink .top-bar .active a, .pink a, .pink footer a.icon:hover, .pink h2 { color: #ea4c88 !important } .pink .button, .pink .quotes .orbit-bullets li.active, .pink .top-bar-section ul li > a.button, .pink header { background-color: #ea4c88 !important } .pink .button:hover { background-color: #d13c75 !important } .pink .feature .icon { border-color: #ea4c88 !important } .pink .button { border-color: #cd2e6b !important } .purple .button.white, .purple .feature .icon, .purple .hint h3, .purple .pricing-table.featured .title, .purple .quote .author, .purple .top-bar .active a, .purple a, .purple footer a.icon:hover, .purple h2 { color: #939 !important } .purple .button, .purple .quotes .orbit-bullets li.active, .purple .top-bar-section ul li > a.button, .purple header { background-color: #939 !important } .purple .button:hover { background-color: #8f2b8f !important } .purple .feature .icon { border-color: #939 !important } .purple .button { border-color: #871c87 !important } .brown .button.white, .brown .feature .icon, .brown .hint h3, .brown .pricing-table.featured .title, .brown .quote .author, .brown .top-bar .active a, .brown a, .brown footer a.icon:hover, .brown h2 { color: #630 !important } .brown .button, .brown .quotes .orbit-bullets li.active, .brown .top-bar-section ul li > a.button, .brown header { background-color: #630 !important } .brown .button:hover { background-color: #512800 !important } .brown .feature .icon { border-color: #630 !important } .brown .button { border-color: #492400 !important } .black .button.white, .black .feature .icon, .black .hint h3, .black .pricing-table.featured .title, .black .quote .author, .black .top-bar .active a, .black a, .black footer a.icon:hover, .black h2 { color: #000 !important } .black .button, .black .quotes .orbit-bullets li.active, .black .top-bar-section ul li > a.button, .black header { background-color: #000 !important } .black .button:hover { background-color: #1f1f1f !important } .black .feature .icon { border-color: #000 !important } .black .button { border-color: #000 !important } @font-face { font-family: entypo;font-display: auto; src: url(/fonts/entypo.eot); src: url(/fonts/entypo.eot?#iefix) format('embedded-opentype'),url(/fonts/entypo.woff) format('woff'),url(/fonts/entypo.ttf) format('truetype'),url(/fonts/entypo.svg#entypo) format('svg'); font-weight: 400; font-style: normal } [data-icon]:before { font-family: entypo; content: attr(data-icon); speak: none; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased } .icon-add-to-list:before, .icon-adjust:before, .icon-air:before, .icon-airplane:before, .icon-archive:before, .icon-arrow-2:before, .icon-arrow:before, .icon-back:before, .icon-bag:before, .icon-bars:before, .icon-battery:before, .icon-bell:before, .icon-blocked:before, .icon-bolt:before, .icon-book-2:before, .icon-book:before, .icon-bookmark:before, .icon-bookmarks:before, .icon-box:before, .icon-briefcase:before, .icon-brogress-1:before, .icon-browser:before, .icon-brush:before, .icon-bucket:before, .icon-calendar:before, .icon-camera:before, .icon-cart:before, .icon-ccw:before, .icon-cd:before, .icon-chat:before, .icon-checkmark:before, .icon-clipboard:before, .icon-clock:before, .icon-cloud:before, .icon-code:before, .icon-cog:before, .icon-comment:before, .icon-compass:before, .icon-cone:before, .icon-credit-card:before, .icon-cross:before, .icon-cup:before, .icon-cw:before, .icon-cycle:before, .icon-database:before, .icon-directions:before, .icon-disk:before, .icon-docs:before, .icon-document:before, .icon-download:before, .icon-drawer:before, .icon-dribbble:before, .icon-drive:before, .icon-droplet:before, .icon-droplets:before, .icon-earth:before, .icon-erase:before, .icon-export:before, .icon-eye:before, .icon-facebook:before, .icon-feather:before, .icon-first:before, .icon-flag:before, .icon-flashlight:before, .icon-flickr:before, .icon-flow-branch:before, .icon-flow-cascade:before, .icon-flow-line:before, .icon-flow-parallel:before, .icon-flow-tree:before, .icon-folder:before, .icon-forward:before, .icon-gauge:before, .icon-github:before, .icon-googleplus:before, .icon-graduation:before, .icon-graph:before, .icon-heart-2:before, .icon-heart:before, .icon-history:before, .icon-hourglass:before, .icon-house:before, .icon-infinity:before, .icon-info:before, .icon-install:before, .icon-key:before, .icon-keyboard:before, .icon-landscape:before, .icon-language:before, .icon-last:before, .icon-lastfm:before, .icon-layout:before, .icon-leaf:before, .icon-lifebuoy:before, .icon-light-bulb:before, .icon-link:before, .icon-linkedin:before, .icon-list-2:before, .icon-list:before, .icon-location-2:before, .icon-location:before, .icon-lock-open:before, .icon-lock:before, .icon-login:before, .icon-logout:before, .icon-loop:before, .icon-magnet:before, .icon-mail:before, .icon-map:before, .icon-megaphone:before, .icon-microphone:before, .icon-minus:before, .icon-mobile:before, .icon-moon:before, .icon-mouse:before, .icon-music-2:before, .icon-music-3:before, .icon-music:before, .icon-mute:before, .icon-network:before, .icon-new:before, .icon-newspaper:before, .icon-next:before, .icon-palette:before, .icon-paperclip:before, .icon-paperplane:before, .icon-pause:before, .icon-pencil:before, .icon-phone:before, .icon-pictures:before, .icon-pie:before, .icon-pinterest:before, .icon-play:before, .icon-plus:before, .icon-popup:before, .icon-previous:before, .icon-printer:before, .icon-progress-0:before, .icon-progress-2:before, .icon-progress-3:before, .icon-publish:before, .icon-qq:before, .icon-question:before, .icon-quote:before, .icon-rdio:before, .icon-record:before, .icon-reply-all:before, .icon-reply:before, .icon-resize-enlarge:before, .icon-resize-shrink:before, .icon-retweet:before, .icon-rocket:before, .icon-rss:before, .icon-screen:before, .icon-sharable:before, .icon-share:before, .icon-shuffle:before, .icon-signal:before, .icon-skype:before, .icon-sound:before, .icon-spotify:before, .icon-star-2:before, .icon-star:before, .icon-statistics:before, .icon-stop:before, .icon-stumbleupon:before, .icon-suitcase:before, .icon-sun-2:before, .icon-sun:before, .icon-switch:before, .icon-tag:before, .icon-target:before, .icon-text-2:before, .icon-text:before, .icon-thermometer:before, .icon-thumbs-down:before, .icon-thumbs-up:before, .icon-thunder:before, .icon-ticket:before, .icon-tools:before, .icon-trash:before, .icon-trophy:before, .icon-tumblr:before, .icon-twitter:before, .icon-untitled:before, .icon-upload-2:before, .icon-upload:before, .icon-user-add:before, .icon-user:before, .icon-users:before, .icon-vcard:before, .icon-video:before, .icon-vimeo:before, .icon-voicemail:before, .icon-volume:before { font-family: entypo; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased } .icon-phone:before { content: "\e000" } .icon-mobile:before { content: "\e001" } .icon-mouse:before { content: "\e002" } .icon-directions:before { content: "\e003" } .icon-mail:before { content: "\e004" } .icon-paperplane:before { content: "\e005" } .icon-pencil:before { content: "\e006" } .icon-feather:before { content: "\e007" } .icon-paperclip:before { content: "\e008" } .icon-drawer:before { content: "\e009" } .icon-reply:before { content: "\e00a" } .icon-reply-all:before { content: "\e00b" } .icon-forward:before { content: "\e00c" } .icon-user:before { content: "\e00d" } .icon-users:before { content: "\e00e" } .icon-user-add:before { content: "\e00f" } .icon-vcard:before { content: "\e010" } .icon-export:before { content: "\e011" } .icon-location:before { content: "\e012" } .icon-map:before { content: "\e013" } .icon-compass:before { content: "\e014" } .icon-location-2:before { content: "\e015" } .icon-tools:before { content: "\e016" } .icon-cog:before { content: "\e017" } .icon-flag:before { content: "\e018" } .icon-link:before { content: "\e019" } .icon-bell:before { content: "\e01a" } .icon-printer:before { content: "\e01b" } .icon-flashlight:before { content: "\e01c" } .icon-popup:before { content: "\e01d" } .icon-house:before { content: "\e01e" } .icon-quote:before { content: "\e01f" } .icon-comment:before { content: "\e020" } .icon-chat:before { content: "\e021" } .icon-thumbs-down:before { content: "\e022" } .icon-thumbs-up:before { content: "\e023" } .icon-star:before { content: "\e024" } .icon-star-2:before { content: "\e025" } .icon-heart:before { content: "\e026" } .icon-heart-2:before { content: "\e027" } .icon-sharable:before { content: "\e028" } .icon-share:before { content: "\e029" } .icon-target:before { content: "\e02a" } .icon-trophy:before { content: "\e02b" } .icon-tag:before { content: "\e02c" } .icon-camera:before { content: "\e02d" } .icon-megaphone:before { content: "\e02e" } .icon-moon:before { content: "\e02f" } .icon-palette:before { content: "\e030" } .icon-leaf:before { content: "\e031" } .icon-music:before { content: "\e032" } .icon-music-2:before { content: "\e033" } .icon-new:before { content: "\e034" } .icon-graduation:before { content: "\e035" } .icon-book:before { content: "\e036" } .icon-newspaper:before { content: "\e037" } .icon-bag:before { content: "\e038" } .icon-airplane:before { content: "\e039" } .icon-lifebuoy:before { content: "\e03a" } .icon-eye:before { content: "\e03b" } .icon-clock:before { content: "\e03c" } .icon-microphone:before { content: "\e03d" } .icon-calendar:before { content: "\e03e" } .icon-bolt:before { content: "\e03f" } .icon-thunder:before { content: "\e040" } .icon-droplet:before { content: "\e041" } .icon-cd:before { content: "\e042" } .icon-briefcase:before { content: "\e043" } .icon-air:before { content: "\e044" } .icon-hourglass:before { content: "\e045" } .icon-gauge:before { content: "\e046" } .icon-language:before { content: "\e047" } .icon-network:before { content: "\e048" } .icon-key:before { content: "\e049" } .icon-battery:before { content: "\e04a" } .icon-bucket:before { content: "\e04b" } .icon-magnet:before { content: "\e04c" } .icon-drive:before { content: "\e04d" } .icon-cup:before { content: "\e04e" } .icon-rocket:before { content: "\e04f" } .icon-brush:before { content: "\e050" } .icon-suitcase:before { content: "\e051" } .icon-cone:before { content: "\e052" } .icon-earth:before { content: "\e053" } .icon-keyboard:before { content: "\e054" } .icon-browser:before { content: "\e055" } .icon-publish:before { content: "\e056" } .icon-progress-3:before { content: "\e057" } .icon-progress-2:before { content: "\e058" } .icon-brogress-1:before { content: "\e059" } .icon-progress-0:before { content: "\e05a" } .icon-sun:before { content: "\e05b" } .icon-sun-2:before { content: "\e05c" } .icon-adjust:before { content: "\e05d" } .icon-code:before { content: "\e05e" } .icon-screen:before { content: "\e05f" } .icon-infinity:before { content: "\e060" } .icon-light-bulb:before { content: "\e061" } .icon-credit-card:before { content: "\e062" } .icon-database:before { content: "\e063" } .icon-voicemail:before { content: "\e064" } .icon-clipboard:before { content: "\e065" } .icon-cart:before { content: "\e066" } .icon-box:before { content: "\e067" } .icon-ticket:before { content: "\e068" } .icon-rss:before { content: "\e069" } .icon-signal:before { content: "\e06a" } .icon-thermometer:before { content: "\e06b" } .icon-droplets:before { content: "\e06c" } .icon-untitled:before { content: "\e06d" } .icon-statistics:before { content: "\e06e" } .icon-pie:before { content: "\e06f" } .icon-bars:before { content: "\e070" } .icon-graph:before { content: "\e071" } .icon-lock:before { content: "\e072" } .icon-lock-open:before { content: "\e073" } .icon-logout:before { content: "\e074" } .icon-login:before { content: "\e075" } .icon-checkmark:before { content: "\e076" } .icon-cross:before { content: "\e077" } .icon-erase:before { content: "\e080" } .icon-blocked:before { content: "\e081" } .icon-info:before { content: "\e082" } .icon-cycle:before { content: "\e087" } .icon-cw:before { content: "\e088" } .icon-ccw:before { content: "\e089" } .icon-shuffle:before { content: "\e08a" } .icon-arrow:before { content: "\e08b" } .icon-arrow-2:before { content: "\e08c" } .icon-retweet:before { content: "\e08d" } .icon-loop:before { content: "\e08e" } .icon-history:before { content: "\e08f" } .icon-back:before { content: "\e090" } .icon-switch:before { content: "\e091" } .icon-list:before { content: "\e092" } .icon-add-to-list:before { content: "\e093" } .icon-layout:before { content: "\e094" } .icon-list-2:before { content: "\e095" } .icon-text:before { content: "\e096" } .icon-text-2:before { content: "\e097" } .icon-document:before { content: "\e098" } .icon-docs:before { content: "\e099" } .icon-landscape:before { content: "\e09a" } .icon-pictures:before { content: "\e09b" } .icon-video:before { content: "\e09c" } .icon-music-3:before { content: "\e09d" } .icon-folder:before { content: "\e09e" } .icon-archive:before { content: "\e09f" } .icon-trash:before { content: "\e0a0" } .icon-upload:before { content: "\e0a1" } .icon-download:before { content: "\e0a2" } .icon-disk:before { content: "\e0a3" } .icon-install:before { content: "\e0a4" } .icon-cloud:before { content: "\e0a5" } .icon-upload-2:before { content: "\e0a6" } .icon-bookmark:before { content: "\e0a7" } .icon-bookmarks:before { content: "\e0a8" } .icon-book-2:before { content: "\e0a9" } .icon-play:before { content: "\e0aa" } .icon-pause:before { content: "\e0ab" } .icon-record:before { content: "\e0ac" } .icon-stop:before { content: "\e0ad" } .icon-next:before { content: "\e0ae" } .icon-previous:before { content: "\e0af" } .icon-first:before { content: "\e0b0" } .icon-last:before { content: "\e0b1" } .icon-resize-enlarge:before { content: "\e0b2" } .icon-resize-shrink:before { content: "\e0b3" } .icon-volume:before { content: "\e0b4" } .icon-sound:before { content: "\e0b5" } .icon-mute:before { content: "\e0b6" } .icon-flow-cascade:before { content: "\e0b7" } .icon-flow-branch:before { content: "\e0b8" } .icon-flow-tree:before { content: "\e0b9" } .icon-flow-line:before { content: "\e0ba" } .icon-flow-parallel:before { content: "\e0bb" } .icon-github:before { content: "\e0ee" } .icon-flickr:before { content: "\e0f0" } .icon-vimeo:before { content: "\e0f2" } .icon-twitter:before { content: "\e0f4" } .icon-facebook:before { content: "\e0f6" } .icon-googleplus:before { content: "\e0f9" } .icon-pinterest:before { content: "\e0fb" } .icon-linkedin:before { content: "\e0ff" } .icon-stumbleupon:before { content: "\e103" } .icon-lastfm:before { content: "\e105" } .icon-rdio:before { content: "\e107" } .icon-spotify:before { content: "\e109" } .icon-qq:before { content: "\e10a" } .icon-skype:before { content: "\e110" } .icon-plus:before { content: "\e07f" } .icon-minus:before { content: "\e07e" } .icon-question:before { content: "\e084" } .icon-tumblr:before { content: "\e0fd" } .icon-dribbble:before { content: "\e101" } @media (min-width:768px) and (max-width:1023px) { header h1 { font-size: 36px } header .subheading { font-size: 26px } .section { padding: 30px 0 } #product { background-color: #003dad; background-image: none !important } } @media (max-width:767px) { .compare-table { padding: 0 } .comp-table .cp-cell.cp-cell1 { display: none } .comp-table .cp-cell { width: 50% } .comp-table .cp-space { padding-top: 5px } .comp-table .comp-title .cp-cell { padding-top: 10px } .comp-table .cp-hide { display: block } #top { position: static !important; top: auto !important; left: auto; right: 0 } .top-bar, .top-bar-section ul { background: #fff !important } .top-bar-section li a:not(.button) { background: #fff !important } header { text-align: center !important; margin-top: 0 !important } h1 { font-size: 32px } header .large-8 h1, header h1 { margin-top: 10px !important } header .large-8 { padding-left: .9375em !important } .hint p { font-size: 14px !important; font-weight: 200 } .hint-top { margin-top: 15% } .hint-bottom { margin-top: 15% } .top-bar .top-bar-section ul li > a.button { color: #fff; padding: 10px 0; font-size: 24px; margin: 10px 0 } .pricing-table .price-table-toggle { display: block; text-align: center } .pricing-table .price-table-features { display: none } .partner li { width: 33.33% !important } } @media (max-width:568px) { h1 { font-size: 22px; line-height: 28px } .intro .hdcolor { display: block; font-size: 30px } h2 { font-size: 28px; text-transform: none } .quote blockquote { font-size: 18px; line-height: 24px } .introcontent { font-size: 16px; color: #444; line-height: 24px } .section { padding: 20px 10px } .section .subheading { font-size: 18px; display: none } .hint-top { margin-top: 0 } .hint-bottom { margin-top: 0 } .hint h3 { margin-top: 10px; margin-bottom: 0 } .hint .icon { line-height: 30px } .hints img { margin: 30px 0 } .product { text-align: center } .product .promidcol { display: none } .product .columns { float: none; width: auto !important; max-width: 100% !important } .product img { max-height: 300px; display: inline-block } .partner li { width: 50% !important } footer .columns { line-height: 41px; height: 41px; text-align: center } .hint { max-width: 100% !important } .hint-left { float: none !important; text-align: center !important } } .styleswitcher { z-index: 400; width: 180px; top: 10%; left: -180px; position: fixed; padding: 0 20px 15px; font-size: 14px; border-radius: 0 6px 6px 0; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; background-color: #fff; box-shadow: 0 0 5px 2px rgba(0,0,0,.3); -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out } .styleswitcher.active { left: 0 } .styleswitcher h3 { font-size: 16px; font-weight: 700; margin-bottom: 10px; margin-top: 10px } .styleswitcher h4 { font-size: 14px; font-weight: 700; margin-bottom: 5px } .styleswitcher p { font-size: 12px } .styleswitcher img { margin-bottom: 4px } .styleswitcher .switch-color { display: inline-block; cursor: pointer; height: 21px; width: 21px } .styleswitcher .reset { background-color: #fff } .styleswitcher .switch-color, .styleswitcher img { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin-bottom: 2px } .styleswitcher #brown { background-color: #630 } .styleswitcher #orange { background-color: #003dad } .styleswitcher #olive { background-color: #8fa411 } .styleswitcher #green { background-color: #7ab800 } .styleswitcher #lime { background-color: #cc3 } .styleswitcher #cyan { background-color: #6cc } .styleswitcher #blue { background-color: #21aded } .styleswitcher #purple { background-color: #939 } .styleswitcher #pink { background-color: #ea4c88 } .styleswitcher #red { background-color: #e97c5f } .styleswitcher #winered { background-color: #900 } .styleswitcher #black { background-color: #000 } .styleswitcher .collapse { color: #222; line-height: 44px; font-size: 22px; top: 15px; right: -40px; position: absolute; display: block; background-color: #fff; height: 40px; width: 40px; cursor: pointer; border-radius: 0 20px 20px 0; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; box-shadow: 2px 0 3px 1px rgba(0,0,0,.2); -moz-box-shadow: 2px 0 3px 1px rgba(0,0,0,.2); -webkit-box-shadow: 2px 0 3px 1px rgba(0,0,0,.2) } .styleswitcher .collapse .icon { margin-left: 7px } .hi-icon-effect-3 .hi-icon { box-shadow: 0 0 0 4px #003dad; -webkit-transition: color .3s; -moz-transition: color .3s; transition: color .3s } .hi-icon-effect-3 .hi-icon:after { top: -2px; left: -2px; padding: 2px; z-index: -1; background: green; -webkit-transition: -webkit-transform 1s,opacity .6s; -moz-transition: -moz-transform 1s,opacity .6s; transition: transform 1s,opacity .6s } .hi-icon-effect-3b .hi-icon { color: #fff; background: #003dad } .no-touch .hi-icon-effect-3b .hi-icon:hover { color: #f06060; background: #fff; box-shadow: 0 0 0 4px #f06060 } .hi-icon-effect-3b .hi-icon:after { -webkit-transform: scale(2.3); -moz-transform: scale(2.3); -ms-transform: scale(2.3); transform: scale(2.3); opacity: 0 } .no-touch .hi-icon-effect-3b .hi-icon:hover:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1 } #ascrail2000 { background-color: #f3f3f3; cursor: pointer } #ascrail2000 > div { background-color: #003dad !important; width: 8px !important; cursor: pointer; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important } #success { width: 100%; padding: 10px; text-align: center; color: green; display: none } #error { width: 100%; padding: 10px; text-align: center; color: red; display: none } .headline { margin-left: 14px; font-family: Roboto,Roboto; font-weight: 400; font-size: 14px; font-style: italic; color: rgba(255,255,255,.9) } .lt-ie9 .row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto } .lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px } .lt-ie9 .row.large-collapse .column, .lt-ie9 .row.large-collapse .columns { padding: 0 } .lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px } .lt-ie9 .row .row.large-collapse { margin: 0 } .columns, .lt-ie9 .column { float: left; min-height: 1px; padding: 0 15px; position: relative } .columns.large-centered, .lt-ie9 .column.large-centered { float: none; margin: 0 auto } .lt-ie9 [class*=column] + [class*=column]:last-child { float: right } .lt-ie9 [class*=column] + [class*=column].end { float: left } .lt-ie9 .large-1, .lt-ie9 .row .large-1 { width: 8.33333% } .lt-ie9 .large-2, .lt-ie9 .row .large-2 { width: 16.66667% } .lt-ie9 .large-3, .lt-ie9 .row .large-3 { width: 25% } .lt-ie9 .large-4, .lt-ie9 .row .large-4, .lt-ie9 .small-block-grid-3 > li { width: 33.33333% } .lt-ie9 .large-5, .lt-ie9 .row .large-5 { width: 41.66667% } .lt-ie9 .large-6, .lt-ie9 .row .large-6 { width: 50% } .lt-ie9 .large-7, .lt-ie9 .row .large-7 { width: 58.33333% } .lt-ie9 .large-8, .lt-ie9 .row .large-8 { width: 66.66667% } .lt-ie9 .large-9, .lt-ie9 .row .large-9 { width: 75% } .lt-ie9 .large-10, .lt-ie9 .row .large-10 { width: 83.33333% } .lt-ie9 .large-11, .lt-ie9 .row .large-11 { width: 91.66667% } .lt-ie9 .large-12, .lt-ie9 .row .large-12 { width: 100% } .lt-ie9 .row .large-offset-1 { margin-left: 8.33333% } .lt-ie9 .row .large-offset-2 { margin-left: 16.66667% } .lt-ie9 .row .large-offset-3 { margin-left: 25% } .lt-ie9 .row .large-offset-4 { margin-left: 33.33333% } .lt-ie9 .row .large-offset-5 { margin-left: 41.66667% } .lt-ie9 .row .large-offset-6 { margin-left: 50% } .lt-ie9 .row .large-offset-7 { margin-left: 58.33333% } .lt-ie9 .row .large-offset-8 { margin-left: 66.66667% } .lt-ie9 .row .large-offset-9 { margin-left: 75% } .lt-ie9 .row .large-offset-10 { margin-left: 83.33333% } .lt-ie9 .pull-2 { right: 16.66667% } .lt-ie9 .pull-3 { right: 25% } .lt-ie9 .pull-4 { right: 33.33333% } .lt-ie9 .pull-5 { right: 41.66667% } .lt-ie9 .pull-6 { right: 50% } .lt-ie9 .pull-7 { right: 58.33333% } .lt-ie9 .pull-8 { right: 66.66667% } .lt-ie9 .pull-9 { right: 75% } .lt-ie9 .pull-10 { right: 83.33333% } .lt-ie9 .push-2 { left: 16.66667% } .lt-ie9 .push-3 { left: 25% } .lt-ie9 .push-4 { left: 33.33333% } .lt-ie9 .push-5 { left: 41.66667% } .lt-ie9 .push-6 { left: 50% } .lt-ie9 .push-7 { left: 58.33333% } .lt-ie9 .push-8 { left: 66.66667% } .lt-ie9 .push-9 { left: 75% } .lt-ie9 .push-10 { left: 83.33333% } .lt-ie9 .row:before, .row:after { content: " "; display: table } .lt-ie9 .row:after { clear: both } .flex-container a:hover, .flex-slider a:hover { outline: 0 } .flex-control-nav, .flex-direction-nav, .slides, .slides > li { margin: 0; padding: 0; list-style: none } .flex-pauseplay span { text-transform: capitalize } .flexslider { margin: 0; padding: 0 } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden } .flexslider .slides img { width: 100%; display: block } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } html[xmlns] .flexslider .slides { display: block } * html .flexslider .slides { height: 1% } .no-js .flexslider .slides > li:first-child { display: block } .flexslider { margin: 0; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: '' 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: '' 0 1px 4px rgba(0,0,0,.2); box-shadow: '' 0 1px 4px rgba(0,0,0,.2) } .flexslider .slides { zoom: 1 } .flexslider .slides img { height: auto; -moz-user-select: none } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease } .loading .flex-viewport { max-height: 300px } .carousel li { margin-right: 5px } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 50px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(255,255,255,.8); text-shadow: 1px 1px 0 rgba(255,255,255,.3); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .flex-direction-nav a:before { font-family: flexslider-icon; font-size: 40px; display: inline-block; content: '«'; color: rgba(255,255,255,.8); text-shadow: 1px 1px 0 rgba(0,0,0,.3) } .flex-direction-nav a.flex-next:before { content: '\f002' } .flex-direction-nav .flex-prev { left: -50px } .flex-direction-nav .flex-next { right: -50px; text-align: right } .flexslider:hover .flex-direction-nav .flex-prev { opacity: .7; left: 10px } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1 } .flexslider:hover .flex-direction-nav .flex-next { opacity: .7; right: 10px } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1 } .flex-direction-nav .flex-disabled { opacity: 0 !important; cursor: default; z-index: -1 } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: .8; z-index: 10; overflow: hidden; cursor: pointer; color: #000 } .flex-pauseplay a:before { font-family: flexslider-icon; font-size: 20px; display: inline-block; content: '\f004' } .flex-pauseplay a:hover { opacity: 1 } .flex-pauseplay a.flex-play:before { content: '\f003' } .flex-control-nav { width: 100%; position: absolute; bottom: 0; text-align: center; z-index: 9999 } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1 } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,.3); box-shadow: inset 0 0 3px rgba(0,0,0,.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px } .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,.7) } .flex-control-paging li a.flex-active { background: #000; cursor: default } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden } .flex-control-thumbs li { width: 25%; float: left; margin: 0 } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease } .flex-control-thumbs img:hover { opacity: 1 } .flex-control-thumbs .flex-active { opacity: 1; cursor: default } @media screen and (max-width:860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px } .flex-direction-nav .flex-next { opacity: 1; right: 10px } } .row { max-width: 100% !important } ul.thumbnails { list-style: none; margin: 0; padding: 0 } .caption-box h4 { font-size: .94rem; color: #444 } .caption-box p { font-size: .75rem; color: #999 } .btn.btn-mini { font-size: .63rem } .control-box { width: 100% } .carousel-control { background: #fff !important; border: 0; border-radius: 0; display: inline-block; font-size: 34px; font-weight: 200; line-height: 18px; opacity: .5; padding: 4px 10px; margin: 30px -20px 0; height: 30px; width: 30px } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #f1f1f1; border-radius: 4px } @media (max-width:767px) { .page-header { text-align: center } } @media (max-width:479px) { .caption-box { word-break: break-all } ul.thumbnails li { margin-bottom: 30px } } #myCarousel li { margin-right: 0 !important }