*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
html {
font-size: 62.5%
}
body {
background: white;
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 14px;
line-height: 1;
color: #222;
position: relative;
-webkit-font-smoothing: antialiased
}
a img {
border: 0
}
a {
color: #2ba6cb;
text-decoration: none;
line-height: inherit
}
a:hover {
color: #2795b6
}
a:focus {
color: #2795b6
}
p a, p a:visited {
line-height: inherit
}
.left {
float: left
}
.right {
float: right
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.hide {
display: none
}
.hide-override {
display: none !important
}
.highlight {
background: #ff9
}
#googlemap img, object, embed {
max-width: none
}
#map_canvas embed {
max-width: none
}
#map_canvas img {
max-width: none
}
#map_canvas object {
max-width: none
}
figure {
margin: 0
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
margin: 0;
padding: 0;
font-size: 14px; }
p {
font-family: inherit;
font-weight: normal;
font-size: 14px;
line-height: 1.6;
margin-bottom: 17px
}
p.lead {
font-size: 17.5px;
line-height: 1.6;
margin-bottom: 17px
}
aside p {
font-size: 13px;
line-height: 1.35;
font-style: italic
}
h1, h2, h3, h4, h5, h6 {
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: bold;
font-style: normal;
color: #222;
text-rendering: optimizeLegibility;
line-height: 1.1;
margin-bottom: 14px;
margin-top: 14px
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
font-size: 60%;
color: #6f6f6f;
line-height: 0
}
h1 {
font-size: 44px
}
h2 {
font-size: 37px
}
h3 {
font-size: 27px
}
h4 {
font-size: 23px
}
h5 {
font-size: 17px
}
h6 {
font-size: 14px
}
hr {
border: solid #ddd;
border-width: 1px 0 0;
clear: both;
margin: 22px 0 21px;
height: 0
}
.subheader {
line-height: 1.3;
color: #6f6f6f;
font-weight: 300;
margin-bottom: 17px
}
em, i {
font-style: italic;
line-height: inherit
}
strong, b {
font-weight: bold;
line-height: inherit
}
small {
font-size: 60%;
line-height: inherit
}
code {
font-weight: bold;
background: #ff9
}
ul, ol, dl {
font-size: 14px;
line-height: 1.6;
margin-bottom: 17px;
list-style-position: outside
}
ul li ul, ul li ol {
margin-left: 20px;
margin-bottom: 0
}
ul.square, ul.circle, ul.disc {
margin-left: 17px
}
ul.square {
list-style-type: square
}
ul.square li ul {
list-style: inherit
}
ul.circle {
list-style-type: circle
}
ul.circle li ul {
list-style: inherit
}
ul.disc {
list-style-type: disc
}
ul.disc li ul {
list-style: inherit
}
ul.no-bullet {
list-style: none
}
ul.large li {
line-height: 21px
}
ol {
margin-left: 20px
}
ol li ul, ol li ol {
margin-left: 20px;
margin-bottom: 0
}
blockquote, blockquote p {
line-height: 1.5;
color: #6f6f6f
}
blockquote {
margin: 0 0 17px;
padding: 9px 20px 0 19px;
border-left: 1px solid #ddd
}
blockquote cite {
display: block;
font-size: 13px;
color: #555
}
blockquote cite:before {
content: "\2014 \0020"
}
blockquote cite a, blockquote cite a:visited {
color: #555
}
abbr, acronym {
text-transform: uppercase;
font-size: 90%;
color: #222;
border-bottom: 1px solid #ddd;
cursor: help
}
abbr {
text-transform: none
}
.print-only {
display: none !important
}
@media print {
* {
background: transparent !important;
color: black !important;
box-shadow: none !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: 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^="javascript:"]:after, a[href^="#"]:after {
content: ""
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr, img {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
@page {
margin: .5cm
}
p, h2, h3 {
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
}
}
form {
margin: 0 0 19.41641px
}
.row form .row {
margin: 0 -6px
}
.row form .row .column, .row form .row .columns {
padding: 0 6px
}
.row form .row.collapse {
margin: 0
}
.row form .row.collapse .column, .row form .row.collapse .columns {
padding: 0
}
label {
font-size: 14px;
color: #4d4d4d;
cursor: pointer;
display: block;
font-weight: 500;
margin-bottom: 3px
}
label.right {
float: none;
text-align: right
}
label.inline {
line-height: 32px;
margin: 0 0 12px 0
}
.prefix, .postfix {
display: block;
position: relative;
z-index: 2;
text-align: center;
width: 100%;
padding-top: 0;
padding-bottom: 0;
height: 32px;
line-height: 31px
}
a.button.prefix, a.button.postfix {
padding-left: 0;
padding-right: 0;
text-align: center
}
span.prefix, span.postfix {
background: #f2f2f2;
border: 1px solid #ccc
}
.prefix {
left: 2px;
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
overflow: hidden
}
.postfix {
right: 2px;
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
background-color: white;
font-family: inherit;
border: 1px solid #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.75);
display: block;
font-size: 14px;
margin: 0 0 12px 0;
padding: 6px;
height: 32px;
width: 100%;
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear
}
input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize {
font-size: 17px;
padding: 4px 6px
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
background: #fafafa;
border-color: #b3b3b3
}
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] {
background-color: #ddd
}
textarea {
height: auto
}
select {
width: 100%
}
fieldset {
border: solid 1px #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
padding: 12px;
margin: 18px 0
}
fieldset legend {
font-weight: bold;
background: white;
padding: 0 3px;
margin: 0;
margin-left: -3px
}
.error input, input.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus {
border-color: #c60f13;
background-color: rgba(198, 15, 19, 0.1)
}
.error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus {
outline-color: #f5797c
}
.error label, label.error {
color: #c60f13
}
.error small, small.error {
display: block;
padding: 6px 4px;
margin-top: -13px;
margin-bottom: 12px;
background: #c60f13;
color: #fff;
font-size: 12px;
font-weight: bold;
-moz-border-radius-bottomleft: 2px;
-webkit-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px
}
form.custom span.custom {
display: inline-block;
width: 16px;
height: 16px;
position: relative;
top: 2px;
border: solid 1px #ccc;
background: white
}
form.custom span.custom.radio {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px
}
form.custom span.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 span.custom.radio.checked:before {
content: "";
display: block;
width: 8px;
height: 8px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
background: #222;
position: relative;
top: 3px;
left: 3px
}
form.custom span.custom.checkbox.checked:before {
content: "\00d7";
color: #222
}
form.custom div.custom.dropdown {
display: block;
position: relative;
width: auto;
height: 28px;
margin-bottom: 9px;
margin-top: 2px
}
form.custom div.custom.dropdown ul {
overflow-y: auto;
max-height: 200px
}
form.custom div.custom.dropdown a.current {
display: block;
width: auto;
line-height: 26px;
min-height: 28px;
padding: 0;
padding-left: 6px;
padding-right: 38px;
border: solid 1px #ddd;
color: #141414;
background-color: white;
white-space: nowrap
}
form.custom div.custom.dropdown a.selector {
position: absolute;
width: 27px;
height: 28px;
display: block;
right: 0;
top: 0;
border: solid 1px #ddd
}
form.custom div.custom.dropdown a.selector:after {
content: "";
display: block;
content: "";
display: block;
width: 0;
height: 0;
border: solid 5px;
border-color: #aaa transparent transparent transparent;
position: absolute;
left: 50%;
top: 50%;
margin-top: -2px;
margin-left: -5px
}
form.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 5px;
border-color: #222 transparent transparent transparent
}
form.custom div.custom.dropdown.open ul {
display: block;
z-index: 10
}
form.custom div.custom.dropdown.small {
width: 134px !important
}
form.custom div.custom.dropdown.medium {
width: 254px !important
}
form.custom div.custom.dropdown.large {
width: 434px !important
}
form.custom div.custom.dropdown.expand {
width: 100% !important
}
form.custom div.custom.dropdown.open.small ul {
width: 134px !important
}
form.custom div.custom.dropdown.open.medium ul {
width: 254px !important
}
form.custom div.custom.dropdown.open.large ul {
width: 434px !important
}
form.custom div.custom.dropdown.open.expand ul {
width: 100% !important
}
form.custom div.custom.dropdown ul {
position: absolute;
width: auto;
display: none;
margin: 0;
left: 0;
top: 27px;
margin: 0;
padding: 0;
background: white;
background: rgba(255, 255, 255, 0.95);
border: solid 1px #ccc
}
form.custom div.custom.dropdown ul li {
color: #555;
font-size: 13px;
cursor: pointer;
padding: 3px;
padding-left: 6px;
padding-right: 38px;
min-height: 18px;
line-height: 18px;
margin: 0;
white-space: nowrap;
list-style: none
}
form.custom div.custom.dropdown ul li.selected {
background: #cdebf5;
color: black
}
form.custom div.custom.dropdown ul li.selected:after {
content: "\2013";
position: absolute;
right: 10px
}
form.custom div.custom.dropdown ul li:hover {
background-color: #cdebf5;
color: black
}
form.custom div.custom.dropdown ul li:hover:after {
content: "\2013";
position: absolute;
right: 10px;
color: #a3dbec
}
form.custom div.custom.dropdown ul li.selected:hover {
background: #cdebf5;
cursor: default;
color: black
}
form.custom div.custom.dropdown ul li.selected:hover:after {
color: black
}
form.custom div.custom.dropdown ul.show {
display: block
}
form.custom .custom.disabled {
background-color: #ddd
}
@-moz-document url-prefix() {
form.custom div.custom.dropdown a.selector {
height: 28px
}
}
.lt-ie9 form.custom div.custom.dropdown a.selector {
height: 28px
}
.row .row {
width: auto;
max-width: none;
min-width: 0;
margin: 0 -16px
}
.row.collapse .column, .row.collapse .columns {
padding: 0
}
.row .row {
width: auto;
max-width: none;
min-width: 0;
margin: 0 -16px
}
.row .row.collapse {
margin: 0
}
.column, .columns {
float: left;
min-height: 1px;
padding: 0 16px;
position: relative
}
.column.centered, .columns.centered {
float: none;
margin: 0 auto
}
[class*="column"] + [class*="column"]:last-child {
float: right
}
[class*="column"] + [class*="column"].end {
float: left
}
.one, .row .one {
width: 8.33333%
}
.two, .row .two {
width: 16.66667%
}
.three, .row .three {
width: 25%
}
.four, .row .four {
width: 33.33333%
}
.five, .row .five {
width: 41.66667%
}
.six, .row .six {
width: 50%
}
.seven, .row .seven {
width: 58.33333%
}
.eight, .row .eight {
width: 66.66667%
}
.nine, .row .nine {
width: 75%
}
.ten, .row .ten {
width: 83.33333%
}
.eleven, .row .eleven {
width: 91.66667%
}
.twelve, .row .twelve {
width: 100%
}
.row .offset-by-one {
margin-left: 8.33333%
}
.row .offset-by-two {
margin-left: 16.66667%
}
.row .offset-by-three {
margin-left: 25%
}
.row .offset-by-four {
margin-left: 33.33333%
}
.row .offset-by-five {
margin-left: 41.66667%
}
.row .offset-by-six {
margin-left: 50%
}
.row .offset-by-seven {
margin-left: 58.33333%
}
.row .offset-by-eight {
margin-left: 66.66667%
}
.row .offset-by-nine {
margin-left: 75%
}
.row .offset-by-ten {
margin-left: 83.33333%
}
.push-two {
left: 16.66667%
}
.pull-two {
right: 16.66667%
}
.push-three {
left: 25%
}
.pull-three {
right: 25%
}
.push-four {
left: 33.33333%
}
.pull-four {
right: 33.33333%
}
.push-five {
left: 41.66667%
}
.pull-five {
right: 41.66667%
}
.push-six {
left: 50%
}
.pull-six {
right: 50%
}
.push-seven {
left: 58.33333%
}
.pull-seven {
right: 58.33333%
}
.push-eight {
left: 66.66667%
}
.pull-eight {
right: 66.66667%
}
.push-nine {
left: 75%
}
.pull-nine {
right: 75%
}
.push-ten {
left: 83.33333%
}
.pull-ten {
right: 83.33333%
}
img {
height: auto
}
img, object, embed {
max-width: 100%
}
img {
-ms-interpolation-mode: bicubic
}
#map_canvas img, .map_canvas img {
max-width: none !important
}
.row {
*zoom: 1
}
.row:before, .row:after {
content: " ";
display: table
}
.row:after {
clear: both
}
.block-grid {
display: block;
overflow: hidden;
padding: 0
}
.block-grid > li {
display: block;
height: auto;
float: left
}
.block-grid.one-up {
margin: 0
}
.block-grid.one-up > li {
width: 100%;
padding: 0 0 15px
}
.block-grid.two-up {
margin: 0 -15px
}
.block-grid.two-up > li {
width: 50%;
padding: 0 15px 15px
}
.block-grid.two-up > li:nth-child(2n+1) {
clear: both
}
.block-grid.three-up {
margin: 0 -12px
}
.block-grid.three-up > li {
width: 33.33333%;
padding: 0 12px 12px
}
.block-grid.three-up > li:nth-child(3n+1) {
clear: both
}
.block-grid.four-up {
margin: 0 -10px
}
.block-grid.four-up > li {
width: 25%;
padding: 0 10px 10px
}
.block-grid.four-up > li:nth-child(4n+1) {
clear: both
}
.block-grid.five-up {
margin: 0 -8px
}
.block-grid.five-up > li {
width: 20%;
padding: 0 8px 8px
}
.block-grid.five-up > li:nth-child(5n+1) {
clear: both
}
.block-grid.six-up {
margin: 0 -8px
}
.block-grid.six-up > li {
width: 16.66667%;
padding: 0 8px 8px
}
.block-grid.six-up > li:nth-child(6n+1) {
clear: both
}
.block-grid.seven-up {
margin: 0 -8px
}
.block-grid.seven-up > li {
width: 14.28571%;
padding: 0 8px 8px
}
.block-grid.seven-up > li:nth-child(7n+1) {
clear: both
}
.block-grid.eight-up {
margin: 0 -8px
}
.block-grid.eight-up > li {
width: 12.5%;
padding: 0 8px 8px
}
.block-grid.eight-up > li:nth-child(8n+1) {
clear: both
}
.block-grid.nine-up {
margin: 0 -8px
}
.block-grid.nine-up > li {
width: 11.11111%;
padding: 0 8px 8px
}
.block-grid.nine-up > li:nth-child(9n+1) {
clear: both
}
.block-grid.ten-up {
margin: 0 -8px
}
.block-grid.ten-up > li {
width: 10%;
padding: 0 8px 8px
}
.block-grid.ten-up > li:nth-child(10n+1) {
clear: both
}
.block-grid.eleven-up {
margin: 0 -8px
}
.block-grid.eleven-up > li {
width: 9.09091%;
padding: 0 8px 8px
}
.block-grid.eleven-up > li:nth-child(11n+1) {
clear: both
}
.block-grid.twelve-up {
margin: 0 -8px
}
.block-grid.twelve-up > li {
width: 8.33333%;
padding: 0 8px 8px
}
.block-grid.twelve-up > li:nth-child(12n+1) {
clear: both
}
.button {
width: auto;
background: #2ba6cb;
border: 1px solid #1e728c;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
color: white;
cursor: pointer;
display: inline-block;
font-family: inherit;
font-size: 14px;
font-weight: bold;
line-height: 1;
margin: 0;
padding: 10px 20px 11px;
position: relative;
text-align: center;
text-decoration: none;
-webkit-transition: background-color .15s ease-in-out;
-moz-transition: background-color .15s ease-in-out;
-o-transition: background-color .15s ease-in-out;
transition: background-color .15s ease-in-out
}
.button:hover, .button:focus {
color: white;
background-color: #2284a1
}
.button:active {
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset
}
.button.large {
font-size: 17px;
padding: 15px 30px 16px
}
.button.medium {
font-size: 14px
}
.button.small {
font-size: 11px;
padding: 7px 14px 8px
}
.button.tiny {
font-size: 10px;
padding: 5px 10px 6px
}
.button.expand {
width: 100%;
text-align: center
}
.button.primary {
background-color: #2ba6cb;
border: 1px solid #1e728c
}
.button.primary:hover, .button.primary:focus {
background-color: #2284a1
}
.button.success {
background-color: #5da423;
border: 1px solid #396516
}
.button.success:hover, .button.success:focus {
background-color: #457a1a
}
.button.alert {
background-color: #c60f13;
border: 1px solid #7f0a0c
}
.button.alert:hover, .button.alert:focus {
background-color: #970b0e
}
.button.secondary {
background-color: #e9e9e9;
color: #1d1d1d;
border: 1px solid #c3c3c3
}
.button.secondary:hover, .button.secondary:focus {
background-color: #d0d0d0
}
.button.radius {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px
}
.button.round {
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
-ms-border-radius: 1000px;
-o-border-radius: 1000px;
border-radius: 1000px
}
.button.full-width {
width: 100%;
text-align: center;
padding-left: 0 !important;
padding-right: 0 !important
}
.button.left-align {
text-align: left;
text-indent: 12px
}
.button.disabled, .button[disabled] {
opacity: .6;
cursor: default;
background: #2ba6cb;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.button.disabled:hover, .button[disabled]:hover {
background: #2ba6cb
}
.button.disabled.success, .button[disabled].success {
background-color: #5da423
}
.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
background-color: #5da423;
outline: 0
}
.button.disabled.alert, .button[disabled].alert {
background-color: #c60f13
}
.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
background-color: #c60f13;
outline: 0
}
.button.disabled.secondary, .button[disabled].secondary {
background-color: #e9e9e9
}
.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
background-color: #e9e9e9;
outline: 0
}
input[type=submit].button, button.button {
-webkit-appearance: none
}
@-moz-document url-prefix() {
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
border: 0;
padding: 0
}
input[type="submit"].tiny.button {
padding: 3px 10px 4px
}
input[type="submit"].small.button {
padding: 5px 14px 6px
}
input[type="submit"].button, input[type=submit].medium.button {
padding: 8px 20px 9px
}
input[type="submit"].large.button {
padding: 13px 30px 14px
}
}
.button.dropdown {
position: relative;
padding-right: 44px
}
.button.dropdown.large {
padding-right: 60px
}
.button.dropdown.small {
padding-right: 28px
}
.button.dropdown.tiny {
padding-right: 20px
}
.button.dropdown:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 6px;
border-color: white transparent transparent transparent;
position: absolute;
top: 50%;
right: 20px;
margin-top: -2px
}
.button.dropdown.large:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 7px;
border-color: white transparent transparent transparent;
margin-top: -3px;
right: 30px
}
.button.dropdown.small:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 5px;
border-color: white transparent transparent transparent;
margin-top: -2px;
right: 14px
}
.button.dropdown.tiny:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 4px;
border-color: white transparent transparent transparent;
margin-top: -1px;
right: 10px
}
.button.dropdown > ul {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
display: none;
position: absolute;
left: -1px;
background: #fff;
background: rgba(255, 255, 255, 0.95);
list-style: none;
margin: 0;
padding: 0;
border: 1px solid #ccc;
border-top: 0;
min-width: 100%;
z-index: 40
}
.button.dropdown > ul li {
width: 100%;
cursor: pointer;
padding: 0;
min-height: 18px;
line-height: 18px;
margin: 0;
white-space: nowrap;
list-style: none
}
.button.dropdown > ul li a, .button.dropdown > ul li button {
display: block;
color: #555;
font-size: 13px;
font-weight: normal;
padding: 6px 14px;
text-align: left
}
.button.dropdown > ul li button {
width: 100%;
border: inherit;
background: inherit;
font-family: inherit;
margin: inherit;
-webkit-font-smoothing: antialiased
}
.button.dropdown > ul li:hover, .button.dropdown > ul li:focus {
background-color: #e3f4f9;
color: #222
}
.button.dropdown > ul li.divider {
min-height: 0;
padding: 0;
height: 1px;
margin: 4px 0;
background: #ededed
}
.button.dropdown.up > ul {
border-top: 1px solid #ccc;
border-bottom: 0
}
.button.dropdown ul.no-hover.show-dropdown {
display: block !important
}
.button.dropdown:hover > ul.no-hover {
display: none
}
.button.dropdown.split {
padding: 0;
position: relative
}
.button.dropdown.split:after {
display: none
}
.button.dropdown.split:hover, .button.dropdown.split:focus {
background-color: #2ba6cb
}
.button.dropdown.split.alert:hover, .button.dropdown.split.alert:focus {
background-color: #c60f13
}
.button.dropdown.split.success:hover, .button.dropdown.split.success:focus {
background-color: #5da423
}
.button.dropdown.split.secondary:hover, .button.dropdown.split.secondary:focus {
background-color: #e9e9e9
}
.button.dropdown.split > a {
color: white;
display: block;
padding: 10px 50px 11px 20px;
padding-left: 20px;
padding-right: 50px;
-webkit-transition: background-color .15s ease-in-out;
-moz-transition: background-color .15s ease-in-out;
-o-transition: background-color .15s ease-in-out;
transition: background-color .15s ease-in-out
}
.button.dropdown.split > a:hover, .button.dropdown.split > a:focus {
background-color: #2284a1;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset
}
.button.dropdown.split.large > a {
padding: 15px 75px 16px 30px;
padding-left: 30px;
padding-right: 75px
}
.button.dropdown.split.small > a {
padding: 7px 35px 8px 14px;
padding-left: 14px;
padding-right: 35px
}
.button.dropdown.split.tiny > a {
padding: 5px 25px 6px 10px;
padding-left: 10px;
padding-right: 25px
}
.button.dropdown.split > span {
background-color: #2ba6cb;
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 30px;
border-left: 1px solid #1e728c;
-webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
-webkit-transition: background-color .15s ease-in-out;
-moz-transition: background-color .15s ease-in-out;
-o-transition: background-color .15s ease-in-out;
transition: background-color .15s ease-in-out
}
.button.dropdown.split > span:hover, .button.dropdown.split > span:focus {
background-color: #2284a1
}
.button.dropdown.split > span:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 6px;
border-color: white transparent transparent transparent;
position: absolute;
top: 50%;
left: 50%;
margin-left: -6px;
margin-top: -2px
}
.button.dropdown.split.secondary > span:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 6px;
border-color: #1d1d1d transparent transparent transparent
}
.button.dropdown.split.large span {
width: 45px
}
.button.dropdown.split.small span {
width: 21px
}
.button.dropdown.split.tiny span {
width: 15px
}
.button.dropdown.split.large span:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 7px;
border-color: white transparent transparent transparent;
margin-top: -3px;
margin-left: -7px
}
.button.dropdown.split.small span:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 4px;
border-color: white transparent transparent transparent;
margin-top: -1px;
margin-left: -4px
}
.button.dropdown.split.tiny span:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 3px;
border-color: white transparent transparent transparent;
margin-top: -1px;
margin-left: -3px
}
.button.dropdown.split.alert > span {
background-color: #c60f13;
border-left-color: #7f0a0c
}
.button.dropdown.split.success > span {
background-color: #5da423;
border-left-color: #396516
}
.button.dropdown.split.secondary > span {
background-color: #e9e9e9;
border-left-color: #c3c3c3
}
.button.dropdown.split.secondary > a {
color: #1d1d1d
}
.button.dropdown.split.alert > a:hover, .button.dropdown.split.alert > span:hover, .button.dropdown.split.alert > a:focus, .button.dropdown.split.alert > span:focus {
background-color: #970b0e
}
.button.dropdown.split.success > a:hover, .button.dropdown.split.success > span:hover, .button.dropdown.split.success > a:focus, .button.dropdown.split.success > span:focus {
background-color: #457a1a
}
.button.dropdown.split.secondary > a:hover, .button.dropdown.split.secondary > span:hover, .button.dropdown.split.secondary > a:focus, .button.dropdown.split.secondary > span:focus {
background-color: #d0d0d0
}
ul.button-group {
list-style: none;
padding: 0;
margin: 0 0 12px;
*zoom: 1
}
ul.button-group:before, ul.button-group:after {
content: " ";
display: table
}
ul.button-group:after {
clear: both
}
ul.button-group li {
padding: 0;
margin: 0 0 0 -1px;
float: left
}
ul.button-group li:first-child {
margin-left: 0
}
ul.button-group.radius li .button, ul.button-group.radius li .button.radius, ul.button-group.radius li .button-rounded {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
ul.button-group.radius li:first-child .button, ul.button-group.radius li:first-child .button.radius {
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px
}
ul.button-group.radius li:first-child .button.rounded {
-moz-border-radius-topleft: 1000px;
-webkit-border-top-left-radius: 1000px;
border-top-left-radius: 1000px;
-moz-border-radius-bottomleft: 1000px;
-webkit-border-bottom-left-radius: 1000px;
border-bottom-left-radius: 1000px
}
ul.button-group.radius li:last-child .button, ul.button-group.radius li:last-child .button.radius {
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px
}
ul.button-group.radius li:last-child .button.rounded {
-moz-border-radius-topright: 1000px;
-webkit-border-top-right-radius: 1000px;
border-top-right-radius: 1000px;
-moz-border-radius-bottomright: 1000px;
-webkit-border-bottom-right-radius: 1000px;
border-bottom-right-radius: 1000px
}
ul.button-group.even .button {
width: 100%
}
ul.button-group.even.two-up li {
width: 50%
}
ul.button-group.even.three-up li {
width: 33.3%
}
ul.button-group.even.three-up li:first-child {
width: 33.4%
}
ul.button-group.even.four-up li {
width: 25%
}
ul.button-group.even.five-up li {
width: 20%
}
div.button-bar {
overflow: hidden
}
div.button-bar ul.button-group {
float: left;
margin-right: 8px
}
div.button-bar ul.button-group:last-child {
margin-left: 0
}
.nav-bar {
height: 40px;
background: #4d4d4d;
margin-left: 0;
margin-top: 20px;
padding: 0
}
.nav-bar > li {
float: left;
display: block;
position: relative;
padding: 0;
margin: 0;
border: 1px solid #333;
border-right: 0;
line-height: 38px;
-webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
-moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset
}
.nav-bar > li:first-child {
-webkit-box-shadow: 0 0;
-moz-box-shadow: 0 0;
box-shadow: 0 0
}
.nav-bar > li:last-child {
border-right: solid 1px #333;
-webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2);
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2)
}
.nav-bar > li.active {
background: #2ba6cb;
border-color: #2284a1
}
.nav-bar > li.active > a {
color: white;
cursor: default
}
.nav-bar > li.active:hover {
background: #2ba6cb;
cursor: default
}
.nav-bar > li:hover {
background: #333
}
.nav-bar > li > a {
color: #e6e6e6
}
.nav-bar > li ul {
margin-bottom: 0
}
.nav-bar > li .flyout {
display: none
}
.nav-bar > li.has-flyout > a:first-child {
padding-right: 40px;
position: relative
}
.nav-bar > li.has-flyout > a:first-child:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 4px;
border-color: #e6e6e6 transparent transparent transparent;
position: absolute;
right: 20px;
top: 17px
}
.nav-bar > li.has-flyout > a.flyout-toggle {
border-left: 0 !important;
position: absolute;
right: 0;
top: 0;
padding: 20px;
z-index: 2;
display: block
}
.nav-bar > li.has-flyout.is-touch > a:first-child {
padding-right: 55px
}
.nav-bar > li.has-flyout.is-touch > a.flyout-toggle {
border-left: 1px dashed #666
}
.nav-bar > li > a:first-child {
position: relative;
padding: 0 20px;
display: block;
text-decoration: none;
font-size: 14px
}
.nav-bar > li > input {
margin: 0 10px
}
.nav-bar.vertical {
height: auto;
margin-top: 0
}
.nav-bar.vertical > li {
float: none;
border-bottom: 0;
border-right: solid 1px #333;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.nav-bar.vertical > li.has-flyout > a:first-child:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 4px;
border-color: transparent transparent transparent #e6e6e6
}
.nav-bar.vertical > li .flyout {
left: 100%;
top: -1px
}
.nav-bar.vertical > li .flyout.right {
left: auto;
right: 100%
}
.nav-bar.vertical > li.active {
border-right: solid 1px #2284a1
}
.nav-bar.vertical > li:last-child {
border-bottom: solid 1px #333
}
.flyout {
background: #f2f2f2;
padding: 20px;
margin: 0;
border: 1px solid #d9d9d9;
position: absolute;
top: 39px;
left: -1px;
width: 250px;
z-index: 40;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1)
}
.flyout p {
line-height: 1.2;
font-size: 13px
}
.flyout *:first-child {
margin-top: 0
}
.flyout *:last-child {
margin-bottom: 0
}
.flyout.small {
width: 166.66667px
}
.flyout.large {
width: 437.5px
}
.flyout.right {
left: auto;
right: -2px
}
.flyout.left {
right: auto;
left: -2px
}
.flyout.up {
top: auto;
bottom: 39px
}
ul.flyout, .nav-bar li ul {
padding: 0;
list-style: none
}
ul.flyout li, .nav-bar li ul li {
border-left: solid 3px #ccc
}
ul.flyout li a, .nav-bar li ul li a {
background: #f2f2f2;
border: 1px solid #e6e6e6;
border-width: 1px 1px 0 0;
color: #555;
display: block;
font-size: 14px;
height: auto;
line-height: 1;
padding: 15px 20px;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset
}
ul.flyout li a:hover, ul.flyout li a:focus, .nav-bar li ul li a:hover, .nav-bar li ul li a:focus {
background: #ebebeb;
color: #333
}
ul.flyout li.active, .nav-bar li ul li.active {
margin-top: 0;
border-top: 1px solid #4d4d4d;
border-left: 4px solid #1a1a1a
}
ul.flyout li.active a, .nav-bar li ul li.active a {
background: #4d4d4d;
border: 0;
color: #fff;
height: auto;
margin: 0;
position: static;
top: 0;
-webkit-box-shadow: 0 0;
-moz-box-shadow: 0 0;
box-shadow: 0 0
}
.orbit-wrapper {
width: 1px;
height: 1px;
position: relative
}
.orbit {
width: 1px;
height: 1px;
position: relative;
overflow: hidden;
margin-bottom: 17px
}
.orbit.with-bullets {
margin-bottom: 40px
}
.orbit .orbit-slide {
max-width: 100%;
position: absolute;
top: 0;
left: 0
}
.orbit a.orbit-slide {
border: 0;
line-height: 0;
display: none
}
.orbit div.orbit-slide {
width: 100%;
height: 100%;
filter: alpha(opacity=0);
opacity: 0
}
.orbit-wrapper .timer {
width: 40px;
height: 40px;
overflow: hidden;
position: absolute;
top: 10px;
right: 10px;
opacity: .6;
cursor: pointer;
z-index: 31
}
.orbit-wrapper span.rotator {
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: -20px;
background: url(//ukrainematchmaking.com/wp-content/themes/sweetdate/assets/images/foundation/orbit/rotator-black.png) no-repeat;
z-index: 3
}
.orbit-wrapper span.rotator.move {
left: 0
}
.orbit-wrapper span.mask {
display: block;
width: 20px;
height: 40px;
position: absolute;
top: 0;
right: 0;
z-index: 2;
overflow: hidden
}
.orbit-wrapper span.mask.move {
width: 40px;
left: 0;
background: url(//ukrainematchmaking.com/wp-content/themes/sweetdate/assets/images/foundation/orbit/timer-black.png) repeat 0 0
}
.orbit-wrapper span.pause {
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: 0;
background: url(//ukrainematchmaking.com/wp-content/themes/sweetdate/assets/images/foundation/orbit/pause-black.png) no-repeat;
z-index: 4;
opacity: 0
}
.orbit-wrapper span.pause.active {
background: url(//ukrainematchmaking.com/wp-content/themes/sweetdate/assets/images/foundation/orbit/pause-black.png) no-repeat 0 -40px
}
.orbit-wrapper .timer:hover span.pause, .orbit-wrapper .timer:focus span.pause, .orbit-wrapper span.pause.active {
opacity: 1
}
.orbit-caption {
display: none;
font-family: inherit
}
.orbit-wrapper .orbit-caption {
background: black;
background: rgba(0, 0, 0, 0.6);
z-index: 30;
color: white;
text-align: center;
padding: 7px 0;
font-size: 13px;
position: absolute;
right: 0;
bottom: 0;
width: 100%
}
.orbit-wrapper .slider-nav {
display: block
}
.orbit-wrapper .slider-nav span {
width: 39px;
height: 50px;
text-indent: -9999px;
position: absolute;
z-index: 30;
top: 50%;
margin-top: -25px;
cursor: pointer
}
.orbit-wrapper .slider-nav span.right {
background: url(//ukrainematchmaking.com/wp-content/themes/sweetdate/assets/images/foundation/orbit/right-arrow.png);
background-size: 100%;
right: 0
}
.orbit-wrapper .slider-nav span.left {
background: url(//ukrainematchmaking.com/wp-content/themes/sweetdate/assets/images/foundation/orbit/left-arrow.png);
background-size: 100%;
left: 0
}
.lt-ie9 .orbit-wrapper .slider-nav span.right {
background: url(//ukrainematchmaking.com/wp-content/themes/sweetdate/assets/images/foundation/orbit/right-arrow-small.png)
}
.lt-ie9 .orbit-wrapper .slider-nav span.left {
background: url(//ukrainematchmaking.com/wp-content/themes/sweetdate/assets/images/foundation/orbit/left-arrow-small.png)
}
ul.orbit-bullets {
position: absolute;
z-index: 30;
list-style: none;
bottom: -40px;
left: 50%;
margin-left: -50px;
padding: 0
}
ul.orbit-bullets li {
float: left;
margin-left: 5px;
cursor: pointer;
color: #999;
text-indent: -9999px;
background: url(//ukrainematchmaking.com/wp-content/themes/sweetdate/assets/images/foundation/orbit/bullets.jpg) no-repeat 4px 0;
width: 13px;
height: 12px;
overflow: hidden
}
ul.orbit-bullets li.active {
color: #222;
background-position: -8px 0
}
ul.orbit-bullets li.has-thumb {
background: 0;
width: 100px;
height: 75px
}
ul.orbit-bullets li.active.has-thumb {
background-position: 0 0;
border-top: 2px solid black
}
.orbit-slide-counter {
position: absolute;
bottom: 0;
z-index: 99;
background: rgba(0, 0, 0, 0.7);
color: white;
padding: 5px
}
.orbit img.fluid-placeholder {
visibility: hidden;
position: static;
display: block;
width: 100%
}
.orbit, .orbit-wrapper {
width: 100% !important
}
.lt-ie9 .timer {
display: none !important
}
.lt-ie9 .orbit-caption {
background: black;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
zoom: 1
}
@media only screen and (max-width: 767px) {
.orbit.orbit-stack-on-small img.fluid-placeholder {
visibility: visible
}
.orbit.orbit-stack-on-small .orbit-slide {
position: static;
margin-bottom: 10px
}
}
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0, 0, 0, 0.45);
z-index: 140;
display: none;
top: 0;
left: 0
}
.reveal-modal {
background: #fff;
visibility: hidden;
display: none;
top: 100px;
left: 50%;
margin-left: -260px;
width: 520px;
position: absolute;
z-index: 141;
padding: 30px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4)
}
.reveal-modal .close-reveal-modal:not(.button) {
font-size: 22px;
font-size: 2.2rem;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
font-weight: bold;
cursor: pointer
}
.reveal-modal.small {
width: 30%;
margin-left: -15%
}
.reveal-modal.medium {
width: 40%;
margin-left: -20%
}
.reveal-modal.large {
width: 60%;
margin-left: -30%
}
.reveal-modal.xlarge {
width: 70%;
margin-left: -35%
}
.reveal-modal.expand {
width: 90%;
margin-left: -45%
}
.reveal-modal .row {
min-width: 0;
margin-bottom: 10px
}
.reveal-modal > :first-child {
margin-top: 0
}
.reveal-modal > :last-child {
margin-bottom: 0
}
@media print {
.reveal-modal {
border: solid 1px black;
background: #fff
}
}
.tabs {
list-style: none;
border-bottom: solid 1px #e6e6e6;
display: block;
height: 40px;
padding: 0;
margin-bottom: 20px
}
.tabs.contained {
margin-bottom: 0;
margin-left: 0
}
.tabs dt, .tabs li.section-title {
color: #b3b3b3;
cursor: default;
display: block;
float: left;
font-size: 12px;
height: 40px;
line-height: 40px;
padding: 0;
padding-right: 9px;
padding-left: 20px;
font-weight: normal;
width: auto;
text-transform: uppercase
}
.tabs dt:first-child, .tabs li.section-title:first-child {
padding: 0;
padding-right: 9px
}
.tabs dd, .tabs li {
display: block;
float: left;
padding: 0;
margin: 0
}
.tabs dd a, .tabs li a {
color: #6f6f6f;
display: block;
font-size: 14px;
height: 40px;
line-height: 40px;
padding: 0 23.8px
}
.tabs dd a:focus, .tabs li a:focus {
font-weight: bold;
color: #2ba6cb
}
.tabs dd.active, .tabs li.active {
border-top: 3px solid #2ba6cb;
margin-top: -3px
}
.tabs dd.active a, .tabs li.active a {
cursor: default;
color: #3c3c3c;
background: #fff;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
font-weight: bold
}
.tabs dd:first-child, .tabs li:first-child {
margin-left: 0
}
.tabs.vertical {
height: auto;
border-bottom: 1px solid #e6e6e6
}
.tabs.vertical dt, .tabs.vertical dd, .tabs.vertical li {
float: none;
height: auto
}
.tabs.vertical dd, .tabs.vertical li {
border-left: 3px solid #ccc
}
.tabs.vertical dd a, .tabs.vertical li a {
background: #f2f2f2;
border: 0;
border: 1px solid #e6e6e6;
border-width: 1px 1px 0 0;
color: #555;
display: block;
font-size: 14px;
height: auto;
line-height: 1;
padding: 15px 20px;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset
}
.tabs.vertical dd.active, .tabs.vertical li.active {
margin-top: 0;
border-top: 1px solid #4d4d4d;
border-left: 4px solid #1a1a1a
}
.tabs.vertical dd.active a, .tabs.vertical li.active a {
background: #4d4d4d;
border: 0;
color: #fff;
height: auto;
margin: 0;
position: static;
top: 0;
-webkit-box-shadow: 0 0;
-moz-box-shadow: 0 0;
box-shadow: 0 0
}
.tabs.vertical dd:first-child a.active, .tabs.vertical li:first-child a.active {
margin: 0
}
.tabs.pill {
border-bottom: 0;
margin-bottom: 10px
}
.tabs.pill dd, .tabs.pill li {
margin-right: 10px
}
.tabs.pill dd:last-child, .tabs.pill li:last-child {
margin-right: 0
}
.tabs.pill dd a, .tabs.pill li a {
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
-ms-border-radius: 1000px;
-o-border-radius: 1000px;
border-radius: 1000px;
background: #e6e6e6;
height: 26px;
line-height: 26px;
color: #666
}
.tabs.pill dd.active, .tabs.pill li.active {
border: 0;
margin-top: 0
}
.tabs.pill dd.active a, .tabs.pill li.active a {
background-color: #2ba6cb;
border: 0;
color: #fff
}
.tabs.pill.contained {
border-bottom: solid 1px #eee;
margin-bottom: 0
}
.tabs.pill.two-up dd, .tabs.pill.two-up li, .tabs.pill.three-up dd, .tabs.pill.three-up li, .tabs.pill.four-up dd, .tabs.pill.four-up li, .tabs.pill.five-up dd, .tabs.pill.five-up li {
margin-right: 0
}
.tabs.two-up dt a, .tabs.two-up dd a, .tabs.two-up li a, .tabs.three-up dt a, .tabs.three-up dd a, .tabs.three-up li a, .tabs.four-up dt a, .tabs.four-up dd a, .tabs.four-up li a, .tabs.five-up dt a, .tabs.five-up dd a, .tabs.five-up li a {
padding: 0 17px;
text-align: center;
overflow: hidden
}
.tabs.two-up dt, .tabs.two-up dd, .tabs.two-up li {
width: 50%
}
.tabs.three-up dt, .tabs.three-up dd, .tabs.three-up li {
width: 33.33%
}
.tabs.four-up dt, .tabs.four-up dd, .tabs.four-up li {
width: 25%
}
.tabs.five-up dt, .tabs.five-up dd, .tabs.five-up li {
width: 20%
}
ul.tabs-content {
display: block;
margin: 0 0 20px;
padding: 0
}
ul.tabs-content > li {
display: none
}
ul.tabs-content > li.active {
display: block
}
ul.tabs-content.contained {
padding: 0
}
ul.tabs-content.contained > li {
border: solid 0 #e6e6e6;
border-width: 0 1px 1px 1px;
padding: 20px
}
ul.tabs-content.contained.vertical > li {
border-width: 1px 1px 1px 1px
}
html.no-js ul.tabs-content > li {
display: block
}
div.alert-box {
display: block;
padding: 6px 7px 7px;
font-weight: bold;
font-size: 14px;
color: white;
background-color: #2ba6cb;
border: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 12px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
position: relative
}
div.alert-box.success {
background-color: #5da423;
color: #fff;
text-shadow: 0 -1px rgba(0, 0, 0, 0.3)
}
div.alert-box.alert {
background-color: #c60f13;
color: #fff;
text-shadow: 0 -1px rgba(0, 0, 0, 0.3)
}
div.alert-box.secondary {
background-color: #e9e9e9;
color: #505050;
text-shadow: 0 1px rgba(255, 255, 255, 0.3)
}
div.alert-box a.close {
color: #333;
position: absolute;
right: 4px;
top: -1px;
font-size: 17px;
opacity: .2;
padding: 4px
}
div.alert-box a.close:hover, div.alert-box a.close:focus {
opacity: .4
}
.label {
padding: 1px 4px 2px;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;
line-height: 1;
white-space: nowrap;
display: inline;
position: relative;
bottom: 1px;
color: #fff;
background: #2ba6cb
}
.label.radius {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px
}
.label.round {
padding: 1px 7px 2px;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
-ms-border-radius: 1000px;
-o-border-radius: 1000px;
border-radius: 1000px
}
.label.alert {
background-color: #c60f13
}
.label.success {
background-color: #5da423
}
.label.secondary {
background-color: #e9e9e9;
color: #505050
}
.has-tip {
border-bottom: dotted 1px #ccc;
cursor: help;
font-weight: bold;
color: #333
}
.has-tip:hover, .has-tip:focus {
border-bottom: dotted 1px #196177;
color: #2ba6cb
}
.has-tip.tip-left, .has-tip.tip-right {
float: none !important
}
.tooltip {
display: none;
background: black;
background: rgba(0, 0, 0, 0.85);
position: absolute;
color: white;
font-weight: bold;
font-size: 12px;
padding: 5px;
z-index: 999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
line-height: normal
}
.tooltip > .nub {
display: block;
width: 0;
height: 0;
border: solid 5px;
border-color: transparent transparent black transparent;
border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
position: absolute;
top: -10px;
left: 10px
}
.tooltip.tip-override > .nub {
border-color: transparent transparent black transparent !important;
border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent !important;
top: -10px !important
}
.tooltip.tip-top > .nub, .tooltip.tip-centered-top > .nub {
border-color: black transparent transparent transparent;
border-color: rgba(0, 0, 0, 0.85) 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 black;
border-color: transparent transparent transparent rgba(0, 0, 0, 0.85);
right: -10px;
left: auto
}
.tooltip.tip-right > .nub {
border-color: transparent black transparent transparent;
border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent;
right: auto;
left: -10px
}
.tooltip.noradius {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.tooltip.opened {
color: #2ba6cb !important;
border-bottom: dotted 1px #196177 !important
}
.tap-to-close {
display: block;
font-size: 10px;
font-size: 1rem;
color: #888;
font-weight: normal
}
.panel {
background: #f2f2f2;
border: solid 1px #e6e6e6;
margin: 0 0 22px 0;
padding: 20px
}
.panel > :first-child {
margin-top: 0
}
.panel > :last-child {
margin-bottom: 0
}
.panel.callout {
background: #2ba6cb;
color: #fff;
border-color: #2284a1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5)
}
.panel.callout a {
color: #fff
}
.panel.callout .button {
background: white;
border: 0;
color: #2ba6cb;
text-shadow: none
}
.panel.callout .button:hover, .panel.callout .button:focus {
background: rgba(255, 255, 255, 0.8)
}
.panel.radius {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px
}
ul.accordion {
margin: 0 0 22px 0;
border-bottom: 1px solid #e9e9e9
}
ul.accordion > li {
list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #e9e9e9
}
ul.accordion > li > div.title {
cursor: pointer;
background: #f6f6f6;
padding: 15px;
margin: 0;
position: relative;
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
-webkit-transition: .15s background linear;
-moz-transition: .15s background linear;
-o-transition: .15s background linear;
transition: .15s background linear
}
ul.accordion > li > div.title h1, ul.accordion > li > div.title h2, ul.accordion > li > div.title h3, ul.accordion > li > div.title h4, ul.accordion > li > div.title h5 {
margin: 0
}
ul.accordion > li > div.title:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 6px;
border-color: transparent #9d9d9d transparent transparent;
position: absolute;
right: 15px;
top: 21px
}
ul.accordion > li .content {
display: none;
padding: 15px
}
ul.accordion > li.active {
border-top: 3px solid #2ba6cb
}
ul.accordion > li.active .title {
background: white;
padding-top: 13px
}
ul.accordion > li.active .title:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 6px;
border-color: #9d9d9d transparent transparent transparent
}
ul.accordion > li.active .content {
background: white;
display: block;
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9
}
ul.side-nav {
display: block;
list-style: none;
margin: 0;
padding: 17px 0
}
ul.side-nav li {
display: block;
list-style: none;
margin: 0 0 7px 0
}
ul.side-nav li a {
display: block
}
ul.side-nav li.active a {
color: #4d4d4d;
font-weight: bold
}
ul.side-nav li.divider {
border-top: 1px solid #e6e6e6;
height: 0;
padding: 0
}
dl.sub-nav {
display: block;
width: auto;
overflow: hidden;
margin: -4px 0 18px;
margin-right: 0;
margin-left: -9px;
padding-top: 4px
}
dl.sub-nav dt, dl.sub-nav dd {
float: left;
display: inline;
margin-left: 9px;
margin-bottom: 10px
}
dl.sub-nav dt {
color: #999;
font-weight: normal
}
dl.sub-nav dd a {
text-decoration: none;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
-ms-border-radius: 1000px;
-o-border-radius: 1000px;
border-radius: 1000px
}
dl.sub-nav dd.active a {
font-weight: bold;
background: #2ba6cb;
color: #fff;
padding: 3px 9px;
cursor: default
}
ul.pagination {
display: block;
height: 24px;
margin-left: -5px
}
ul.pagination li {
float: left;
display: block;
height: 24px;
color: #999;
font-size: 14px;
margin-left: 5px
}
ul.pagination li a {
display: block;
padding: 1px 7px 1px;
color: #555
}
ul.pagination li:hover a, ul.pagination li a:focus {
background: #e6e6e6
}
ul.pagination li.unavailable a {
cursor: default;
color: #999
}
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
background: transparent
}
ul.pagination li.current a {
background: #2ba6cb;
color: white;
font-weight: bold;
cursor: default
}
ul.pagination li.current a:hover, ul.pagination li.current a:focus {
background: #2ba6cb
}
div.pagination-centered {
text-align: center
}
div.pagination-centered ul > li {
float: none;
display: inline-block
}
ul.breadcrumbs {
display: block;
background: #f6f6f6;
padding: 6px 10px 7px;
border: 1px solid #e9e9e9;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
overflow: hidden;
margin-left: 0
}
ul.breadcrumbs li {
margin: 0;
padding: 0 12px 0 0;
float: left;
list-style: none
}
ul.breadcrumbs li a, ul.breadcrumbs li span {
text-transform: uppercase;
font-size: 11px;
font-size: 1.1rem;
padding-left: 12px
}
ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span {
padding-left: 0
}
ul.breadcrumbs li:before {
content: "/";
color: #aaa
}
ul.breadcrumbs li:first-child:before {
content: " "
}
ul.breadcrumbs li.current a {
cursor: default;
color: #333
}
ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus {
text-decoration: underline
}
ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus {
text-decoration: none
}
ul.breadcrumbs li.unavailable a {
color: #999
}
ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus {
text-decoration: none;
color: #999;
cursor: default
}
ul.inline-list, ul.link-list {
margin: 0 0 17px -22px;
padding: 0;
list-style: none;
overflow: hidden
}
ul.inline-list > li, ul.link-list > li {
list-style: none;
float: left;
margin-left: 22px;
display: block
}
ul.inline-list > li > *, ul.link-list > li > * {
display: block
}
.keystroke, kbd {
font-family: "Consolas", "Menlo", "Courier", monospace;
font-size: 13px;
padding: 2px 4px 0;
margin: 0;
background: #ededed;
border: solid 1px #dbdbdb;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px
}
.th {
display: block
}
.th img {
display: block;
border: solid 4px white;
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition-property: box-shadow;
-moz-transition-property: box-shadow;
-o-transition-property: box-shadow;
transition-property: box-shadow;
-webkit-transition-duration: 300ms;
-moz-transition-duration: 300ms;
-o-transition-duration: 300ms;
transition-duration: 300ms
}
.th:hover img, .th:focus img {
-webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
-moz-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5)
}
.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden
}
.flex-video.widescreen {
padding-bottom: 57.25%
}
.flex-video.vimeo {
padding-top: 0
}
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
table {
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
margin: 0 0 18px;
border: 1px solid #ddd
}
table thead, table tfoot {
background: #f5f5f5
}
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
display: table-cell;
font-size: 14px;
line-height: 18px;
text-align: left
}
table thead tr th, table tfoot tr td {
padding: 8px 10px 9px;
font-size: 14px;
font-weight: bold;
color: #222
}
table thead tr th:first-child, table tfoot tr td:first-child {
border-left: 0
}
table thead tr th:last-child, table tfoot tr td:last-child {
border-right: 0
}
table tbody tr.even, table tbody tr.alt {
background: #f9f9f9
}
table tbody tr:nth-child(even) {
background: #f9f9f9
}
table tbody tr td {
color: #333;
padding: 9px 10px;
vertical-align: top;
border: 0
}
ul.vcard {
display: inline-block;
margin: 0 0 12px 0;
border: 1px solid #ddd;
padding: 10px
}
ul.vcard li {
margin: 0;
display: block
}
ul.vcard li.fn {
font-weight: bold;
font-size: 15px
}
p.vevent span.summary {
font-weight: bold
}
p.vevent abbr {
cursor: default;
text-decoration: none;
font-weight: bold;
border: 0;
padding: 0 1px
}
div.progress {
padding: 2px;
margin-bottom: 10px;
border: 1px solid #ccc;
height: 25px
}
div.progress .meter {
background: #2ba6cb;
height: 100%;
display: block;
width: 50%
}
div.progress.secondary .meter {
background: #e9e9e9
}
div.progress.success .meter {
background: #5da423
}
div.progress.alert .meter {
background: #c60f13
}
div.progress.radius {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px
}
div.progress.radius .meter {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px
}
div.progress.round {
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
-ms-border-radius: 1000px;
-o-border-radius: 1000px;
border-radius: 1000px
}
div.progress.round .meter {
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
-ms-border-radius: 1000px;
-o-border-radius: 1000px;
border-radius: 1000px
}
.pricing-table {
border: solid 1px #ddd;
margin-left: 0;
margin-bottom: 20px
}
.pricing-table * {
list-style: none;
line-height: 1
}
.pricing-table .title {
background-color: #ddd;
padding: 15px 20px;
text-align: center;
color: #333;
font-weight: bold;
font-size: 16px
}
.pricing-table .price {
background-color: #eee;
padding: 15px 20px;
text-align: center;
color: #333;
font-weight: normal;
font-size: 20px
}
.pricing-table .description {
background-color: white;
padding: 15px;
text-align: center;
color: #777;
font-size: 12px;
font-weight: normal;
line-height: 1.4;
border-bottom: dotted 1px #ddd
}
.pricing-table .bullet-item {
background-color: white;
padding: 15px;
text-align: center;
color: #333;
font-size: 14px;
font-weight: normal;
border-bottom: dotted 1px #ddd
}
.pricing-table .cta-button {
background-color: whitesmoke;
text-align: center;
padding: 20px
}
.top-bar-js-breakpoint {
width: 980px !important;
visibility: hidden
}
.contain-to-grid {
width: 100%;
background: #222
}
.fixed {
width: 100%;
left: 0;
position: fixed;
top: 0;
z-index: 99
}
.sticky {
float: left;
overflow: hidden
}
.sticky.fixed {
float: none
}
.top-bar {
min-height: 45px;
line-height: 45px;
margin: 0 0 30px 0;
padding: 0;
width: 100%;
position: relative
}
.contain-to-grid .top-bar {
max-width: 980px;
margin: 0 auto
}
.top-bar > ul .name h1 {
line-height: 45px;
margin: 0
}
.top-bar > ul .name h1 a {
font-weight: bold;
padding: 0 22.5px;
font-size: 17px !important
}
.top-bar > ul .name img {
margin-top: -5px;
vertical-align: middle
}
.top-bar.expanded {
height: inherit
}
.top-bar ul {
margin-left: 0;
display: inline;
height: 45px;
line-height: 45px;
list-style: none
}
.top-bar ul > li {
float: left
}
.top-bar ul > li a:not(.button) {
color: white;
display: block;
font-size: 13px;
font-weight: bold;
height: 45px;
line-height: 45px;
padding: 0 15px
}
.top-bar ul > li:not(.name):hover, .top-bar ul > li:not(.name).active, .top-bar ul > li:not(.name):focus {
background: black
}
.top-bar ul > li:not(.name):hover a, .top-bar ul > li:not(.name).active a, .top-bar ul > li:not(.name):focus a {
color: #d9d9d9
}
.top-bar ul > li.divider {
background: black;
-webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
-moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
height: 100%;
margin-right: 1px;
width: 1px
}
.top-bar ul > li.has-button a.button {
margin: 0 11.25px
}
.top-bar ul > li.has-button:hover, .top-bar ul > li.has-button:focus {
background: #222
}
.top-bar ul > li.has-button:hover a, .top-bar ul > li.has-button:focus a {
color: #fff
}
.top-bar ul > li.search {
padding: 0 15px
}
.top-bar ul > li.search form {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
width: 200px
}
.top-bar ul > li.search form input[type=text] {
-moz-border-radius-topright: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
float: left;
font-size: 13px;
margin-top: -1px;
height: 22.5px;
margin-bottom: 0;
width: 130px
}
.top-bar ul > li.search form input[type=text] + .button {
border-left: 0;
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-moz-border-radius-bottomleft: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
float: left;
font-size: 12px;
margin-top: -1px;
padding: 5px 12px 4px
}
.top-bar ul > li.search form input[type=search] {
font-size: 16px;
margin-bottom: 0
}
.top-bar ul > li.search:hover, .top-bar ul > li.search:focus {
background: #222
}
.top-bar ul > li.login {
padding: 0 15px
}
.top-bar ul > li.login form {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
width: 300px
}
.top-bar ul > li.login form input {
float: left;
width: auto;
font-size: 13px;
margin-top: -1px;
height: 22.5px;
margin-bottom: 0
}
.top-bar ul > li.login form input[type=text] {
-moz-border-radius-topright: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
width: 120px
}
.top-bar ul > li.login form input[type=password] {
margin-bottom: 0;
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-moz-border-radius-bottomleft: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
width: 120px
}
.top-bar ul > li.login form input[type=password] + .button {
border-left: 0;
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-moz-border-radius-bottomleft: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
float: left;
font-size: 12px;
margin-top: -1px;
padding: 5px 12px 4px;
width: 60px
}
.top-bar ul > li.login:hover, .top-bar ul > li.login:focus {
background: #222
}
.top-bar ul > li.toggle-topbar {
display: none
}
.top-bar ul > li.has-dropdown {
position: relative
}
.top-bar ul > li.has-dropdown:hover > .dropdown, .top-bar ul > li.has-dropdown:focus > .dropdown {
display: block;
visibility: visible
}
.top-bar ul > li.has-dropdown a {
padding-right: 33.75px
}
.top-bar ul > li.has-dropdown a:after {
content: "";
display: block;
width: 0;
height: 0;
border: solid 5px;
border-color: white transparent transparent transparent;
margin-right: 15px;
margin-top: -2.5px;
position: absolute;
right: 0;
top: 50%
}
.top-bar ul > li.has-dropdown .dropdown {
background: #222;
left: 0;
margin: 0;
padding: 9px 0 0 0;
position: absolute;
visibility: hidden;
z-index: 99
}
.top-bar ul > li.has-dropdown .dropdown li {
background: #222;
line-height: 1;
min-width: 100%;
padding-bottom: 5px
}
.top-bar ul > li.has-dropdown .dropdown li a {
color: white;
font-weight: normal;
height: 100%;
line-height: 1;
padding: 5px 17px 5px 15px;
white-space: nowrap
}
.top-bar ul > li.has-dropdown .dropdown li a:after {
border: 0
}
.top-bar ul > li.has-dropdown .dropdown li a:hover, .top-bar ul > li.has-dropdown .dropdown li a:focus {
background: #3c3c3c
}
.top-bar ul > li.has-dropdown .dropdown li label {
color: #6f6f6f;
font-size: 10px;
font-weight: bold;
margin: 0;
padding-left: 15px;
text-transform: uppercase
}
.top-bar ul > li.has-dropdown .dropdown li.divider {
border-top: solid 1px black;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
height: 10px;
padding: 0;
width: 100%
}
.top-bar ul > li.has-dropdown .dropdown li:last-child {
padding-bottom: 10px
}
.top-bar ul > li.has-dropdown .dropdown li.active a {
background: black
}
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a {
padding-right: 30px
}
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after {
border: 0;
content: "\00bb";
right: 5px;
top: 6px
}
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {
position: absolute;
left: 100%;
top: 0
}
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover > .dropdown, .top-bar ul > li.has-dropdown .dropdown li.has-dropdown:focus > .dropdown {
display: block
}
.top-bar ul.left {
float: left;
width: auto;
margin-bottom: 0
}
.top-bar ul.right {
float: right;
width: auto;
margin-bottom: 0
}
.top-bar ul.right .has-dropdown .dropdown {
left: auto;
right: 0
}
.top-bar ul.right .has-dropdown .dropdown li.has-dropdown > .dropdown {
right: 100%;
left: auto;
width: 100%
}
.top-bar .js-generated {
display: none
}
@-moz-document url-prefix() {
.top-bar ul li .button.small {
padding-bottom: 6px
}
.top-bar ul li.search form input[type=search] {
font-size: 14px;
height: 22px;
padding: 3px
}
}
.lt-ie9 .top-bar ul li a {
color: white;
display: block;
font-weight: bold;
font-size: 13px;
height: 45px;
line-height: 45px;
padding: 0 15px
}
.lt-ie9 .top-bar ul li a.button {
height: auto;
line-height: 30px;
margin-top: 7px
}
.lt-ie9 .top-bar ul li a img {
margin-top: -5px;
vertical-align: middle
}
.lt-ie9 .top-bar section > ul > li a:hover, .lt-ie9 .top-bar section > ul > li a:focus {
color: #ccc
}
.lt-ie9 .top-bar section > ul > li:hover, .lt-ie9 .top-bar section > ul > li:focus {
background: black
}
.lt-ie9 .top-bar section > ul > li.search:hover, .lt-ie9 .top-bar section > ul > li.search:focus, .lt-ie9 .top-bar section > ul > li.has-button:hover, .lt-ie9 .top-bar section > ul > li.has-button:focus {
background: 0
}
.lt-ie9 .top-bar section > ul > li.active {
background: black;
color: #d9d9d9
}
.lt-ie9 .top-bar ul li.has-dropdown {
padding-right: 33.75px
}
.lt-ie9 .top-bar ul li.has-dropdown > ul li {
padding-right: 0
}
#joyRideTipContent {
display: none
}
.joyride-tip-guide {
display: none;
position: absolute;
background: black;
background: rgba(0, 0, 0, 0.8);
color: white;
width: 300px;
z-index: 101;
top: 0;
left: 0;
font-family: inherit;
font-weight: normal;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px
}
.joyride-content-wrapper {
padding: 18px 20px 24px
}
.joyride-tip-guide span.joyride-nub {
display: block;
position: absolute;
left: 22px;
width: 0;
height: 0;
border: solid 14px
}
.joyride-tip-guide span.joyride-nub.top {
border-color: black;
border-color: rgba(0, 0, 0, 0.8);
border-top-color: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
top: -28px;
bottom: none
}
.joyride-tip-guide span.joyride-nub.bottom {
border-color: black;
border-color: rgba(0, 0, 0, 0.8) !important;
border-bottom-color: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
bottom: -28px;
bottom: none
}
.joyride-tip-guide span.joyride-nub.right {
border-color: black;
border-color: rgba(0, 0, 0, 0.8) !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 span.joyride-nub.left {
border-color: black;
border-color: rgba(0, 0, 0, 0.8) !important;
border-top-color: transparent !important;
border-left-color: transparent !important;
border-bottom-color: transparent !important;
top: 22px;
left: -28px;
right: auto;
bottom: none
}
.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: bold;
color: white
}
.joyride-tip-guide p {
margin: 0 0 18px 0;
font-size: 14px;
line-height: 1.3
}
.joyride-timer-indicator-wrap {
width: 50px;
height: 3px;
border: solid 1px #555;
position: absolute;
right: 17px;
bottom: 16px
}
.joyride-timer-indicator {
display: block;
width: 0;
height: inherit;
background: #666
}
.joyride-close-tip {
position: absolute;
right: 10px;
top: 10px;
color: #777 !important;
text-decoration: none;
font-size: 20px;
font-weight: normal;
line-height: .5 !important
}
.joyride-close-tip:hover, .joyride-close-tip:focus {
color: #eee !important
}
.joyride-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: transparent;
background: rgba(0, 0, 0, 0.5);
z-index: 100;
display: none;
top: 0;
left: 0;
cursor: pointer
}
.clearing-blackout {
background: black;
background: rgba(0, 0, 0, 0.8);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999
}
.clearing-blackout .clearing-close {
display: block
}
.clearing-container {
position: relative;
z-index: 999;
height: 100%;
overflow: hidden
}
.visible-img {
height: 75%;
position: relative
}
.visible-img img {
position: absolute;
left: 50%;
top: 50%;
margin-left: -50%;
max-height: 100%;
max-width: 100%
}
.visible-img .clearing-caption {
color: white;
margin-bottom: 0;
text-align: center;
position: absolute;
bottom: 0;
background: black;
background: rgba(0, 0, 0, 0.7);
width: 100%;
padding: 10px 100px
}
.clearing-close {
z-index: 999;
position: absolute;
top: 10px;
right: 20px;
font-size: 30px;
line-height: 1;
color: white;
display: none
}
.clearing-close:hover, .clearing-close:focus {
color: #ccc
}
.clearing-main-left, .clearing-main-right {
position: absolute;
top: 50%;
margin-top: -16px
}
.clearing-main-left.disabled, .clearing-main-right.disabled {
opacity: .5
}
.clearing-main-left:active, .clearing-main-right:active {
margin-top: -15px
}
.clearing-main-left {
left: 10px;
content: "";
display: block;
width: 0;
height: 0;
border: solid 16px;
border-color: transparent white transparent transparent
}
.clearing-main-right {
right: 10px;
content: "";
display: block;
width: 0;
height: 0;
border: solid 16px;
border-color: transparent transparent transparent white
}
ul[data-clearing].block-grid.three-up > li:nth-child(3n+1) {
clear: none
}
ul[data-clearing] li {
cursor: pointer;
display: block
}
ul[data-clearing] li.clearing-feature ~ li {
display: none
}
.clearing-assembled .clearing-container .carousel {
background: black;
background: rgba(0, 0, 0, 0.75);
height: 150px;
margin-top: 5px
}
.clearing-assembled .clearing-container .visible-img {
background: black;
background: rgba(0, 0, 0, 0.75);
overflow: hidden
}
.clearing-assembled .clearing-container ul[data-clearing] {
z-index: 999;
width: 200%;
height: 100%;
margin-left: 0;
position: relative;
left: 0
}
.clearing-assembled .clearing-container ul[data-clearing] li {
display: block;
width: 175px;
height: inherit;
padding: 0;
float: left;
overflow: hidden;
background: #222;
margin-right: 1px;
position: relative
}
.clearing-assembled .clearing-container ul[data-clearing] li.fix-height img {
min-height: 100%;
height: 100%;
max-width: none
}
.clearing-assembled .clearing-container ul[data-clearing] li img {
cursor: pointer !important;
min-width: 100% !important
}
.clearing-assembled .clearing-container ul[data-clearing] li.visible {
border-top: 4px solid white
}
ul.block-grid[data-clearing] {
overflow: visible
}
.clearing-blackout ul.block-grid[data-clearing].two-up > li:nth-child(2n+1) {
clear: none
}
.clearing-blackout ul.block-grid[data-clearing].three-up > li:nth-child(3n+1) {
clear: none
}
.clearing-blackout ul.block-grid[data-clearing].four-up > li:nth-child(4n+1) {
clear: none
}
.clearing-blackout ul.block-grid[data-clearing].five-up > li:nth-child(5n+1) {
clear: none
}
.clearing-blackout ul.block-grid[data-clearing].six-up > li:nth-child(6n+1) {
clear: none
}
.clearing-blackout ul.block-grid[data-clearing].seven-up > li:nth-child(7n+1) {
clear: none
}
.clearing-blackout ul.block-grid[data-clearing].eight-up > li:nth-child(8n+1) {
clear: none
}
.clearing-blackout ul.block-grid[data-clearing].nine-up > li:nth-child(9n+1) {
clear: none
}
.clearing-blackout ul.block-grid[data-clearing].ten-up > li:nth-child(10n+1) {
clear: none
}
.clearing-blackout ul.block-grid[data-clearing].eleven-up > li:nth-child(11n+1) {
clear: none
}
.clearing-blackout ul.block-grid[data-clearing].twelve-up > li:nth-child(12n+1) {
clear: none
}
.clearing-blackout .th img {
border: 0;
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.clearing-blackout:hover img, .clearing-blackout:focus img {
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
}