/*! jQuery UI - v1.12.1 - 2018-02-13
* http://jqueryui.com
* Includes: core.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
display: none
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse
}
.ui-helper-clearfix:after {
clear: both
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0)
}
.ui-front {
z-index: 100
}
.ui-state-disabled {
cursor: default!important;
pointer-events: none
}
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ui-slider {
position: relative;
text-align: left
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit
}
.ui-slider-horizontal {
height: .8em
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0
}
.ui-slider-vertical {
width: .8em;
height: 100px
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0
}
.ui-slider-vertical .ui-slider-range-max {
top: 0
}
.ui-widget {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em
}
.ui-widget .ui-widget {
font-size: 1em
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5
}
.ui-widget-content {
border: 1px solid #ddd;
background: #fff;
color: #333
}
.ui-widget-content a {
color: #333
}
.ui-widget-header {
border: 1px solid #ddd;
background: #e9e9e9;
color: #333;
font-weight: bold
}
.ui-widget-header a {
color: #333
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545;
text-decoration: none
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #ccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214)
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #fff
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #fff
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #fff;
text-decoration: none
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: normal
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none
}
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35)
}
.ui-icon {
width: 16px;
height: 16px
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("../genworth-vendor/clientlibs/css/src/images/ui-icons_444444_256x240.html")
}
.ui-widget-header .ui-icon {
background-image: url("../genworth-vendor/clientlibs/css/src/images/ui-icons_444444_256x240.html")
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
background-image: url("../genworth-vendor/clientlibs/css/src/images/ui-icons_555555_256x240.html")
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: url("../genworth-vendor/clientlibs/css/src/images/ui-icons_ffffff_256x240.html")
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: url("../genworth-vendor/clientlibs/css/src/images/ui-icons_777620_256x240.html")
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("../genworth-vendor/clientlibs/css/src/images/ui-icons_cc0000_256x240.html")
}
.ui-button .ui-icon {
background-image: url("../genworth-vendor/clientlibs/css/src/images/ui-icons_777777_256x240.html")
}
.ui-icon-blank {
background-position: 16px 16px
}
.ui-icon-caret-1-n {
background-position: 0 0
}
.ui-icon-caret-1-ne {
background-position: -16px 0
}
.ui-icon-caret-1-e {
background-position: -32px 0
}
.ui-icon-caret-1-se {
background-position: -48px 0
}
.ui-icon-caret-1-s {
background-position: -65px 0
}
.ui-icon-caret-1-sw {
background-position: -80px 0
}
.ui-icon-caret-1-w {
background-position: -96px 0
}
.ui-icon-caret-1-nw {
background-position: -112px 0
}
.ui-icon-caret-2-n-s {
background-position: -128px 0
}
.ui-icon-caret-2-e-w {
background-position: -144px 0
}
.ui-icon-triangle-1-n {
background-position: 0 -16px
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px
}
.ui-icon-triangle-1-e {
background-position: -32px -16px
}
.ui-icon-triangle-1-se {
background-position: -48px -16px
}
.ui-icon-triangle-1-s {
background-position: -65px -16px
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px
}
.ui-icon-triangle-1-w {
background-position: -96px -16px
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px
}
.ui-icon-arrow-1-n {
background-position: 0 -32px
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px
}
.ui-icon-arrow-1-e {
background-position: -32px -32px
}
.ui-icon-arrow-1-se {
background-position: -48px -32px
}
.ui-icon-arrow-1-s {
background-position: -65px -32px
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px
}
.ui-icon-arrow-1-w {
background-position: -96px -32px
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px
}
.ui-icon-arrowthick-1-n {
background-position: 1px -48px
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px
}
.ui-icon-arrow-4 {
background-position: 0 -80px
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px
}
.ui-icon-extlink {
background-position: -32px -80px
}
.ui-icon-newwin {
background-position: -48px -80px
}
.ui-icon-refresh {
background-position: -64px -80px
}
.ui-icon-shuffle {
background-position: -80px -80px
}
.ui-icon-transfer-e-w {
background-position: -96px -80px
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px
}
.ui-icon-folder-collapsed {
background-position: 0 -96px
}
.ui-icon-folder-open {
background-position: -16px -96px
}
.ui-icon-document {
background-position: -32px -96px
}
.ui-icon-document-b {
background-position: -48px -96px
}
.ui-icon-note {
background-position: -64px -96px
}
.ui-icon-mail-closed {
background-position: -80px -96px
}
.ui-icon-mail-open {
background-position: -96px -96px
}
.ui-icon-suitcase {
background-position: -112px -96px
}
.ui-icon-comment {
background-position: -128px -96px
}
.ui-icon-person {
background-position: -144px -96px
}
.ui-icon-print {
background-position: -160px -96px
}
.ui-icon-trash {
background-position: -176px -96px
}
.ui-icon-locked {
background-position: -192px -96px
}
.ui-icon-unlocked {
background-position: -208px -96px
}
.ui-icon-bookmark {
background-position: -224px -96px
}
.ui-icon-tag {
background-position: -240px -96px
}
.ui-icon-home {
background-position: 0 -112px
}
.ui-icon-flag {
background-position: -16px -112px
}
.ui-icon-calendar {
background-position: -32px -112px
}
.ui-icon-cart {
background-position: -48px -112px
}
.ui-icon-pencil {
background-position: -64px -112px
}
.ui-icon-clock {
background-position: -80px -112px
}
.ui-icon-disk {
background-position: -96px -112px
}
.ui-icon-calculator {
background-position: -112px -112px
}
.ui-icon-zoomin {
background-position: -128px -112px
}
.ui-icon-zoomout {
background-position: -144px -112px
}
.ui-icon-search {
background-position: -160px -112px
}
.ui-icon-wrench {
background-position: -176px -112px
}
.ui-icon-gear {
background-position: -192px -112px
}
.ui-icon-heart {
background-position: -208px -112px
}
.ui-icon-star {
background-position: -224px -112px
}
.ui-icon-link {
background-position: -240px -112px
}
.ui-icon-cancel {
background-position: 0 -128px
}
.ui-icon-plus {
background-position: -16px -128px
}
.ui-icon-plusthick {
background-position: -32px -128px
}
.ui-icon-minus {
background-position: -48px -128px
}
.ui-icon-minusthick {
background-position: -64px -128px
}
.ui-icon-close {
background-position: -80px -128px
}
.ui-icon-closethick {
background-position: -96px -128px
}
.ui-icon-key {
background-position: -112px -128px
}
.ui-icon-lightbulb {
background-position: -128px -128px
}
.ui-icon-scissors {
background-position: -144px -128px
}
.ui-icon-clipboard {
background-position: -160px -128px
}
.ui-icon-copy {
background-position: -176px -128px
}
.ui-icon-contact {
background-position: -192px -128px
}
.ui-icon-image {
background-position: -208px -128px
}
.ui-icon-video {
background-position: -224px -128px
}
.ui-icon-script {
background-position: -240px -128px
}
.ui-icon-alert {
background-position: 0 -144px
}
.ui-icon-info {
background-position: -16px -144px
}
.ui-icon-notice {
background-position: -32px -144px
}
.ui-icon-help {
background-position: -48px -144px
}
.ui-icon-check {
background-position: -64px -144px
}
.ui-icon-bullet {
background-position: -80px -144px
}
.ui-icon-radio-on {
background-position: -96px -144px
}
.ui-icon-radio-off {
background-position: -112px -144px
}
.ui-icon-pin-w {
background-position: -128px -144px
}
.ui-icon-pin-s {
background-position: -144px -144px
}
.ui-icon-play {
background-position: 0 -160px
}
.ui-icon-pause {
background-position: -16px -160px
}
.ui-icon-seek-next {
background-position: -32px -160px
}
.ui-icon-seek-prev {
background-position: -48px -160px
}
.ui-icon-seek-end {
background-position: -64px -160px
}
.ui-icon-seek-start {
background-position: -80px -160px
}
.ui-icon-seek-first {
background-position: -80px -160px
}
.ui-icon-stop {
background-position: -96px -160px
}
.ui-icon-eject {
background-position: -112px -160px
}
.ui-icon-volume-off {
background-position: -128px -160px
}
.ui-icon-volume-on {
background-position: -144px -160px
}
.ui-icon-power {
background-position: 0 -176px
}
.ui-icon-signal-diag {
background-position: -16px -176px
}
.ui-icon-signal {
background-position: -32px -176px
}
.ui-icon-battery-0 {
background-position: -48px -176px
}
.ui-icon-battery-1 {
background-position: -64px -176px
}
.ui-icon-battery-2 {
background-position: -80px -176px
}
.ui-icon-battery-3 {
background-position: -96px -176px
}
.ui-icon-circle-plus {
background-position: 0 -192px
}
.ui-icon-circle-minus {
background-position: -16px -192px
}
.ui-icon-circle-close {
background-position: -32px -192px
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px
}
.ui-icon-circle-zoomin {
background-position: -176px -192px
}
.ui-icon-circle-zoomout {
background-position: -192px -192px
}
.ui-icon-circle-check {
background-position: -208px -192px
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px
}
.ui-icon-circlesmall-close {
background-position: -32px -208px
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px
}
.ui-icon-squaresmall-close {
background-position: -80px -208px
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px
}
.ui-widget-overlay {
background: #aaa;
opacity: .3;
filter: Alpha(Opacity=30)
}
.ui-widget-shadow {
-webkit-box-shadow: 0 0 5px #666;
box-shadow: 0 0 5px #666
}
@charset "UTF-8";
.clearfix:after,
.clearfix:before {
display: table;
content: "";
line-height: 0
}
body,
fieldset,
p,
ul {
margin: 0
}
fieldset,
legend,
ul {
padding: 0
}
.ul,
.ul-text-image {
list-style-type: disc
}
.form-control {
background-color: #fff
}
.accordion-section__heading:hover,
.btn-link {
-webkit-user-select: none;
-ms-user-select: none
}
.font-family-primary {
font-family: 'Open Sans', sans-serif
}
.font-family-secondary {
font-family: 'Crimson Text', serif
}
.clearfix:after {
clear: both
}
.form-control,
p {
line-height: 1.5
}
body {
font-family: 'Open Sans', sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none
}
main {
display: block;
min-height: 20vh;
padding-bottom: 0px
}
a {
color: #0066bc;
text-decoration: none
}
b {
font-weight: 700
}
sup {
font-size: 75%
}
fieldset {
border: 0;
min-width: auto
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
margin: 0
}
input {
font-family: inherit;
font-weight: inherit;
font-style: inherit
}
ul {
list-style: none
}
:-ms-input-placeholder,
::-moz-input-placeholder,
::-webkit-input-placeholder {
text-align: inherit;
color: inherit;
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
-ms-transition: opacity .3s;
transition: opacity .3s
}
::-moz-input-placeholder {
opacity: 1
}
:focus:-ms-input-placeholder,
:focus::-moz-input-placeholder,
:focus::-webkit-input-placeholder {
opacity: .3
}
.no-transition *,
.no-transition :after,
.no-transition :before {
-webkit-transition: none!important;
transition: none!important
}
.clouds>main {
background-image: url(../images/img/clouds.jpg);
background-size: cover
}
@media (min-width:1000px) {
.desktop-hide {
display: none!important
}
}
@media (max-width:999px) {
.mobile-hide {
display: none!important
}
}
.text-danger {
color: #9b3d3b
}
.text-success {
color: #007f25
}
.text-bold {
font-weight: 700
}
.ul {
padding: .5rem 1.25rem 1rem
}
.ul ul {
list-style-type: circle;
padding-left: 1.25rem
}
.form-control {
display: block;
padding: .375rem .75rem;
font-size: 20px;
color: #495057;
background-image: none;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
}
.contact-form-wrapper {
background-color: #f7f7f7;
padding: 20px;
margin: 0 0 60px
}
@media (min-width:768px) {
.contact-form-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.contact-form-wrapper #contactForm {
padding: 20px 0 0 calc(50% - 100px);
width: 100%;
max-width: 420px
}
.contact-form-wrapper #contactForm ul {
margin-top: 10px
}
.contact-form-wrapper #contactForm ul li {
margin-bottom: 3px
}
.contact-form-wrapper #contactForm ul li:before {
content: '';
background-color: #000;
border-radius: 3px;
height: 3px;
width: 3px;
margin: 0 7px 2px 0;
vertical-align: middle;
display: inline-block
}
.contact-form-wrapper #contactForm .form-group {
margin: 0 0 20px
}
.contact-form-wrapper #contactForm label {
padding: 0 0 5px;
height: 17px
}
.contact-form-wrapper #contactForm input:not([type=submit]) {
background: 0 0;
border: 0;
border-bottom: 2px solid #000;
border-radius: 0;
padding: 0;
color: #000;
width: 240px
}
.contact-form-wrapper #contactForm input[type=submit] {
width: 240px;
margin: 20px 0 30px
}
.contact-form-wrapper #contactForm input[type=submit][disabled] {
cursor: not-allowed
}
.contact-form-wrapper #contactForm input[type=submit][disabled]:hover {
background: 0 0!important;
color: #000!important
}
.contact-form-wrapper #contactForm #grecapt {
margin: 30px auto 10px
}
@media (max-width:999px) {
.contact-form-wrapper #contactForm #grecapt {
margin: 30px auto!important
}
}
@media (max-width:460px) {
.contact-form-wrapper #contactForm #grecapt {
margin: 30px 0 30px -30px!important
}
}
.contact-form-wrapper #contactForm .select-block {
margin-bottom: 25px
}
.contact-form-wrapper #contactForm select {
border: 0;
border-bottom: 2px solid #000;
border-radius: 0;
width: 240px;
padding: 0 20px 0 0;
-moz-appearance: none;
-webkit-appearance: none;
background: url(../images/img/icons/chevrondown_blk.svg) right no-repeat;
background-position-x: 220px;
background-position-y: 3px;
background-size: 25px 25px;
color: #000
}
.contact-form-wrapper #contactForm select option {
color: #000
}
.contact-form-wrapper #contactForm .contact-form-comments .disclosure,
.contact-form-wrapper #contactForm select option[value=""],
.contact-form-wrapper #contactForm select:invalid {
color: #687381
}
.contact-form-wrapper #contactForm select::-ms-expand {
display: none
}
.contact-form-wrapper #contactForm option[hidden] {
display: none
}
.contact-form-wrapper #contactForm textarea {
border: 0;
border-bottom: 2px solid #000;
border-radius: 0;
width: 100%;
max-width: 410px;
height: 160px
}
.contact-form-wrapper #contactForm .contact-form-error {
display: none;
width: 240px;
font-size: 11px;
color: #9b3d3b!important;
font-style: italic;
padding: 5px 0 0;
line-height: 1;
font-weight: 400
}
.contact-form-wrapper #contactForm .contact-form-group-error label {
color: #9b3d3b!important
}
.contact-form-wrapper #contactForm .contact-form-group-error input,
.contact-form-wrapper #contactForm .contact-form-group-error select,
.contact-form-wrapper #contactForm .contact-form-group-error textarea {
border-bottom-color: #9b3d3b!important
}
.contact-form-wrapper .contact-us-form-dropdown {
width: 160px
}
.contact-form-wrapper .contact-us-form-dropdown .strong-bold {
font-weight: 700!important
}
.contact-form-wrapper .contact-us-form-dropdown .contact-us-form-dropdown-header {
background: #fff;
padding: 0 5px;
cursor: pointer;
border-radius: 15px 0 0 15px;
height: 30px;
line-height: 30px;
color: #27a5d5;
border: 1px solid #27a5d5;
border-right: 0
}
.contact-form-wrapper .contact-us-form-dropdown .contact-us-form-dropdown-header .contact-us-form-dropdown-icon {
height: 30px;
width: 30px;
background-image: url(../images/img/icons/noun_Telephone_576702_ltblue.svg);
background-size: contain;
float: left;
margin-right: 4px
}
.contact-form-wrapper .contact-us-form-dropdown .contact-us-form-dropdown-info {
display: none;
padding: 10px 10px 10px 20px;
-webkit-box-shadow: 3px 3px 3px #ccc;
box-shadow: 3px 3px 3px #ccc
}
.contact-form-wrapper .contact-us-form-dropdown.active {
border-radius: 15px 0 0;
background: #fff
}
.contact-form-wrapper .contact-us-form-dropdown.active .contact-us-form-dropdown-header {
color: #fff;
background: #27a5d5
}
.contact-form-wrapper .contact-us-form-dropdown.active .contact-us-form-dropdown-header .contact-us-form-dropdown-icon {
background-image: url(../images/img/icons/noun_Telephone_576702_wht.svg)
}
@media (min-width:768px) {
.contact-form-wrapper .contact-us-form-dropdown {
position: absolute;
right: 0;
margin-top: 60px
}
}
@media (max-width:767px) {
.contact-form-wrapper .contact-us-form-dropdown {
margin: 15px auto
}
.contact-form-wrapper .contact-us-form-dropdown.active {
border-radius: 15px 15px 0 0
}
.contact-form-wrapper .contact-us-form-dropdown .contact-us-form-dropdown-header {
border-radius: 15px;
border-right: 1px solid #27a5d5
}
}
.gic-lead-form-wrapper,
.ltc-lead-form-wrapper {
background-color: #f7f7f7;
padding: 20px;
margin: 0 0 60px;
overflow: auto
}
.gic-lead-form-wrapper #gicAnnuityLeadForm,
.gic-lead-form-wrapper #gicLifeLeadForm,
.gic-lead-form-wrapper #ltcLeadForm,
.ltc-lead-form-wrapper #gicAnnuityLeadForm,
.ltc-lead-form-wrapper #gicLifeLeadForm,
.ltc-lead-form-wrapper #ltcLeadForm {
padding: 20px 0 0 calc(50% - 270px);
width: 100%;
max-width: 540px
}
.gic-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-section-wrapper,
.gic-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-section-wrapper,
.gic-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-section-wrapper,
.gic-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-section-wrapper,
.gic-lead-form-wrapper #ltcLeadForm .gic-lead-form-section-wrapper,
.gic-lead-form-wrapper #ltcLeadForm .ltc-lead-form-section-wrapper,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-section-wrapper,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-section-wrapper,
.ltc-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-section-wrapper,
.ltc-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-section-wrapper,
.ltc-lead-form-wrapper #ltcLeadForm .gic-lead-form-section-wrapper,
.ltc-lead-form-wrapper #ltcLeadForm .ltc-lead-form-section-wrapper {
overflow-x: visible
}
.gic-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-section,
.gic-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-section,
.gic-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-section,
.gic-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-section,
.gic-lead-form-wrapper #ltcLeadForm .gic-lead-form-section,
.gic-lead-form-wrapper #ltcLeadForm .ltc-lead-form-section,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-section,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-section,
.ltc-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-section,
.ltc-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-section,
.ltc-lead-form-wrapper #ltcLeadForm .gic-lead-form-section,
.ltc-lead-form-wrapper #ltcLeadForm .ltc-lead-form-section {
float: left
}
.gic-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-section.gic-lead-form-top-section,
.gic-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-section.ltc-lead-form-top-section,
.gic-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-section.gic-lead-form-top-section,
.gic-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-section.ltc-lead-form-top-section,
.gic-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-section.gic-lead-form-top-section,
.gic-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-section.ltc-lead-form-top-section,
.gic-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-section.gic-lead-form-top-section,
.gic-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-section.ltc-lead-form-top-section,
.gic-lead-form-wrapper #ltcLeadForm .gic-lead-form-section.gic-lead-form-top-section,
.gic-lead-form-wrapper #ltcLeadForm .gic-lead-form-section.ltc-lead-form-top-section,
.gic-lead-form-wrapper #ltcLeadForm .ltc-lead-form-section.gic-lead-form-top-section,
.gic-lead-form-wrapper #ltcLeadForm .ltc-lead-form-section.ltc-lead-form-top-section,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-section.gic-lead-form-top-section,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-section.ltc-lead-form-top-section,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-section.gic-lead-form-top-section,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-section.ltc-lead-form-top-section,
.ltc-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-section.gic-lead-form-top-section,
.ltc-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-section.ltc-lead-form-top-section,
.ltc-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-section.gic-lead-form-top-section,
.ltc-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-section.ltc-lead-form-top-section,
.ltc-lead-form-wrapper #ltcLeadForm .gic-lead-form-section.gic-lead-form-top-section,
.ltc-lead-form-wrapper #ltcLeadForm .gic-lead-form-section.ltc-lead-form-top-section,
.ltc-lead-form-wrapper #ltcLeadForm .ltc-lead-form-section.gic-lead-form-top-section,
.ltc-lead-form-wrapper #ltcLeadForm .ltc-lead-form-section.ltc-lead-form-top-section {
padding-right: 60px
}
.gic-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-section.gic-lead-form-bottom-section,
.gic-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-section.ltc-lead-form-bottom-section,
.gic-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-section.gic-lead-form-bottom-section,
.gic-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-section.ltc-lead-form-bottom-section,
.gic-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-section.gic-lead-form-bottom-section,
.gic-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-section.ltc-lead-form-bottom-section,
.gic-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-section.gic-lead-form-bottom-section,
.gic-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-section.ltc-lead-form-bottom-section,
.gic-lead-form-wrapper #ltcLeadForm .gic-lead-form-section.gic-lead-form-bottom-section,
.gic-lead-form-wrapper #ltcLeadForm .gic-lead-form-section.ltc-lead-form-bottom-section,
.gic-lead-form-wrapper #ltcLeadForm .ltc-lead-form-section.gic-lead-form-bottom-section,
.gic-lead-form-wrapper #ltcLeadForm .ltc-lead-form-section.ltc-lead-form-bottom-section,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-section.gic-lead-form-bottom-section,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-section.ltc-lead-form-bottom-section,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-section.gic-lead-form-bottom-section,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-section.ltc-lead-form-bottom-section,
.ltc-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-section.gic-lead-form-bottom-section,
.ltc-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-section.ltc-lead-form-bottom-section,
.ltc-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-section.gic-lead-form-bottom-section,
.ltc-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-section.ltc-lead-form-bottom-section,
.ltc-lead-form-wrapper #ltcLeadForm .gic-lead-form-section.gic-lead-form-bottom-section,
.ltc-lead-form-wrapper #ltcLeadForm .gic-lead-form-section.ltc-lead-form-bottom-section,
.ltc-lead-form-wrapper #ltcLeadForm .ltc-lead-form-section.gic-lead-form-bottom-section,
.ltc-lead-form-wrapper #ltcLeadForm .ltc-lead-form-section.ltc-lead-form-bottom-section {
padding-top: 42px;
width: 240px
}
.gic-lead-form-wrapper #gicAnnuityLeadForm p.gic-lead-form-disclaimer,
.gic-lead-form-wrapper #gicAnnuityLeadForm p.ltc-lead-form-disclaimer,
.gic-lead-form-wrapper #gicLifeLeadForm p.gic-lead-form-disclaimer,
.gic-lead-form-wrapper #gicLifeLeadForm p.ltc-lead-form-disclaimer,
.gic-lead-form-wrapper #ltcLeadForm p.gic-lead-form-disclaimer,
.gic-lead-form-wrapper #ltcLeadForm p.ltc-lead-form-disclaimer,
.ltc-lead-form-wrapper #gicAnnuityLeadForm p.gic-lead-form-disclaimer,
.ltc-lead-form-wrapper #gicAnnuityLeadForm p.ltc-lead-form-disclaimer,
.ltc-lead-form-wrapper #gicLifeLeadForm p.gic-lead-form-disclaimer,
.ltc-lead-form-wrapper #gicLifeLeadForm p.ltc-lead-form-disclaimer,
.ltc-lead-form-wrapper #ltcLeadForm p.gic-lead-form-disclaimer,
.ltc-lead-form-wrapper #ltcLeadForm p.ltc-lead-form-disclaimer {
margin-bottom: 20px
}
.gic-lead-form-wrapper #gicAnnuityLeadForm .form-group,
.gic-lead-form-wrapper #gicLifeLeadForm .form-group,
.gic-lead-form-wrapper #ltcLeadForm .form-group,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .form-group,
.ltc-lead-form-wrapper #gicLifeLeadForm .form-group,
.ltc-lead-form-wrapper #ltcLeadForm .form-group {
margin: 0 0 20px
}
.gic-lead-form-wrapper #gicAnnuityLeadForm label,
.gic-lead-form-wrapper #gicLifeLeadForm label,
.gic-lead-form-wrapper #ltcLeadForm label,
.ltc-lead-form-wrapper #gicAnnuityLeadForm label,
.ltc-lead-form-wrapper #gicLifeLeadForm label,
.ltc-lead-form-wrapper #ltcLeadForm label {
padding: 0 0 5px;
height: 17px
}
.gic-lead-form-wrapper #gicAnnuityLeadForm input:not([type=submit]),
.gic-lead-form-wrapper #gicLifeLeadForm input:not([type=submit]),
.gic-lead-form-wrapper #ltcLeadForm input:not([type=submit]),
.ltc-lead-form-wrapper #gicAnnuityLeadForm input:not([type=submit]),
.ltc-lead-form-wrapper #gicLifeLeadForm input:not([type=submit]),
.ltc-lead-form-wrapper #ltcLeadForm input:not([type=submit]) {
background: 0 0;
border: 0;
border-bottom: 2px solid #000;
border-radius: 0;
padding: 0;
color: #000;
width: 240px
}
.gic-lead-form-wrapper #gicAnnuityLeadForm input[type=submit],
.gic-lead-form-wrapper #gicLifeLeadForm input[type=submit],
.gic-lead-form-wrapper #ltcLeadForm input[type=submit],
.ltc-lead-form-wrapper #gicAnnuityLeadForm input[type=submit],
.ltc-lead-form-wrapper #gicLifeLeadForm input[type=submit],
.ltc-lead-form-wrapper #ltcLeadForm input[type=submit] {
width: 240px;
margin: 20px 0 30px
}
.gic-lead-form-wrapper #gicAnnuityLeadForm input[type=submit][disabled],
.gic-lead-form-wrapper #gicLifeLeadForm input[type=submit][disabled],
.gic-lead-form-wrapper #ltcLeadForm input[type=submit][disabled],
.ltc-lead-form-wrapper #gicAnnuityLeadForm input[type=submit][disabled],
.ltc-lead-form-wrapper #gicLifeLeadForm input[type=submit][disabled],
.ltc-lead-form-wrapper #ltcLeadForm input[type=submit][disabled] {
cursor: not-allowed
}
.gic-lead-form-wrapper #gicAnnuityLeadForm input[type=submit][disabled]:hover,
.gic-lead-form-wrapper #gicLifeLeadForm input[type=submit][disabled]:hover,
.gic-lead-form-wrapper #ltcLeadForm input[type=submit][disabled]:hover,
.ltc-lead-form-wrapper #gicAnnuityLeadForm input[type=submit][disabled]:hover,
.ltc-lead-form-wrapper #gicLifeLeadForm input[type=submit][disabled]:hover,
.ltc-lead-form-wrapper #ltcLeadForm input[type=submit][disabled]:hover {
background: 0 0!important;
color: #000!important
}
.gic-lead-form-wrapper #gicAnnuityLeadForm input[disabled]:not([type=submit]),
.gic-lead-form-wrapper #gicLifeLeadForm input[disabled]:not([type=submit]),
.gic-lead-form-wrapper #ltcLeadForm input[disabled]:not([type=submit]),
.ltc-lead-form-wrapper #gicAnnuityLeadForm input[disabled]:not([type=submit]),
.ltc-lead-form-wrapper #gicLifeLeadForm input[disabled]:not([type=submit]),
.ltc-lead-form-wrapper #ltcLeadForm input[disabled]:not([type=submit]) {
color: #687381
}
.gic-lead-form-wrapper #gicAnnuityLeadForm #grecapt,
.gic-lead-form-wrapper #gicLifeLeadForm #grecapt,
.gic-lead-form-wrapper #ltcLeadForm #grecapt,
.ltc-lead-form-wrapper #gicAnnuityLeadForm #grecapt,
.ltc-lead-form-wrapper #gicLifeLeadForm #grecapt,
.ltc-lead-form-wrapper #ltcLeadForm #grecapt {
margin: 70px 0 10px
}
@media (max-width:460px) {
.gic-lead-form-wrapper #gicAnnuityLeadForm #grecapt,
.gic-lead-form-wrapper #gicLifeLeadForm #grecapt,
.gic-lead-form-wrapper #ltcLeadForm #grecapt,
.ltc-lead-form-wrapper #gicAnnuityLeadForm #grecapt,
.ltc-lead-form-wrapper #gicLifeLeadForm #grecapt,
.ltc-lead-form-wrapper #ltcLeadForm #grecapt {
margin-left: -30px!important
}
}
.gic-lead-form-wrapper #gicAnnuityLeadForm .select-block,
.gic-lead-form-wrapper #gicLifeLeadForm .select-block,
.gic-lead-form-wrapper #ltcLeadForm .select-block,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .select-block,
.ltc-lead-form-wrapper #gicLifeLeadForm .select-block,
.ltc-lead-form-wrapper #ltcLeadForm .select-block {
margin-bottom: 25px
}
.gic-lead-form-wrapper #gicAnnuityLeadForm .select-block.dob-select-block,
.gic-lead-form-wrapper #gicLifeLeadForm .select-block.dob-select-block,
.gic-lead-form-wrapper #ltcLeadForm .select-block.dob-select-block,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .select-block.dob-select-block,
.ltc-lead-form-wrapper #gicLifeLeadForm .select-block.dob-select-block,
.ltc-lead-form-wrapper #ltcLeadForm .select-block.dob-select-block {
float: left;
margin-bottom: 5px
}
.gic-lead-form-wrapper #gicAnnuityLeadForm select,
.gic-lead-form-wrapper #gicLifeLeadForm select,
.gic-lead-form-wrapper #ltcLeadForm select,
.ltc-lead-form-wrapper #gicAnnuityLeadForm select,
.ltc-lead-form-wrapper #gicLifeLeadForm select,
.ltc-lead-form-wrapper #ltcLeadForm select {
border: 0;
border-bottom: 2px solid #000;
border-radius: 0;
width: 240px;
padding: 0 20px 0 0;
-moz-appearance: none;
-webkit-appearance: none;
background: url(../images/img/icons/chevrondown_blk.svg) right no-repeat;
background-position-x: 220px;
background-position-y: 3px;
background-size: 25px 25px;
color: #000
}
.gic-lead-form-wrapper #gicAnnuityLeadForm select option,
.gic-lead-form-wrapper #gicLifeLeadForm select option,
.gic-lead-form-wrapper #ltcLeadForm select option,
.ltc-lead-form-wrapper #gicAnnuityLeadForm select option,
.ltc-lead-form-wrapper #gicLifeLeadForm select option,
.ltc-lead-form-wrapper #ltcLeadForm select option {
color: #000
}
.gic-lead-form-wrapper #gicAnnuityLeadForm select option[value=""],
.gic-lead-form-wrapper #gicAnnuityLeadForm select:invalid,
.gic-lead-form-wrapper #gicLifeLeadForm select option[value=""],
.gic-lead-form-wrapper #gicLifeLeadForm select:invalid,
.gic-lead-form-wrapper #ltcLeadForm select option[value=""],
.gic-lead-form-wrapper #ltcLeadForm select:invalid,
.ltc-lead-form-wrapper #gicAnnuityLeadForm select option[value=""],
.ltc-lead-form-wrapper #gicAnnuityLeadForm select:invalid,
.ltc-lead-form-wrapper #gicLifeLeadForm select option[value=""],
.ltc-lead-form-wrapper #gicLifeLeadForm select:invalid,
.ltc-lead-form-wrapper #ltcLeadForm select option[value=""],
.ltc-lead-form-wrapper #ltcLeadForm select:invalid {
color: #687381
}
.gic-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-disclaimer.gic-lead-form-disclaimer-error,
.gic-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-group-error label,
.gic-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-disclaimer.ltc-lead-form-disclaimer-error,
.gic-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-group-error label,
.gic-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-disclaimer.gic-lead-form-disclaimer-error,
.gic-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-group-error label,
.gic-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-disclaimer.ltc-lead-form-disclaimer-error,
.gic-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-group-error label,
.gic-lead-form-wrapper #ltcLeadForm .gic-lead-form-disclaimer.gic-lead-form-disclaimer-error,
.gic-lead-form-wrapper #ltcLeadForm .gic-lead-form-group-error label,
.gic-lead-form-wrapper #ltcLeadForm .ltc-lead-form-disclaimer.ltc-lead-form-disclaimer-error,
.gic-lead-form-wrapper #ltcLeadForm .ltc-lead-form-group-error label,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-disclaimer.gic-lead-form-disclaimer-error,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-group-error label,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-disclaimer.ltc-lead-form-disclaimer-error,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-group-error label,
.ltc-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-disclaimer.gic-lead-form-disclaimer-error,
.ltc-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-group-error label,
.ltc-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-disclaimer.ltc-lead-form-disclaimer-error,
.ltc-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-group-error label,
.ltc-lead-form-wrapper #ltcLeadForm .gic-lead-form-disclaimer.gic-lead-form-disclaimer-error,
.ltc-lead-form-wrapper #ltcLeadForm .gic-lead-form-group-error label,
.ltc-lead-form-wrapper #ltcLeadForm .ltc-lead-form-disclaimer.ltc-lead-form-disclaimer-error,
.ltc-lead-form-wrapper #ltcLeadForm .ltc-lead-form-group-error label {
color: #9b3d3b!important
}
.gic-lead-form-wrapper #gicAnnuityLeadForm select::-ms-expand,
.gic-lead-form-wrapper #gicLifeLeadForm select::-ms-expand,
.gic-lead-form-wrapper #ltcLeadForm select::-ms-expand,
.ltc-lead-form-wrapper #gicAnnuityLeadForm select::-ms-expand,
.ltc-lead-form-wrapper #gicLifeLeadForm select::-ms-expand,
.ltc-lead-form-wrapper #ltcLeadForm select::-ms-expand {
display: none
}
.gic-lead-form-wrapper #gicAnnuityLeadForm select#state,
.gic-lead-form-wrapper #gicLifeLeadForm select#state,
.gic-lead-form-wrapper #ltcLeadForm select#state,
.ltc-lead-form-wrapper #gicAnnuityLeadForm select#state,
.ltc-lead-form-wrapper #gicLifeLeadForm select#state,
.ltc-lead-form-wrapper #ltcLeadForm select#state {
background: 0 0
}
.gic-lead-form-wrapper #gicAnnuityLeadForm option[hidden],
.gic-lead-form-wrapper #gicLifeLeadForm option[hidden],
.gic-lead-form-wrapper #ltcLeadForm option[hidden],
.ltc-lead-form-wrapper #gicAnnuityLeadForm option[hidden],
.ltc-lead-form-wrapper #gicLifeLeadForm option[hidden],
.ltc-lead-form-wrapper #ltcLeadForm option[hidden] {
display: none
}
.gic-lead-form-wrapper #gicAnnuityLeadForm .form-group.dob-section .dob-select-block:nth-child(2),
.gic-lead-form-wrapper #gicAnnuityLeadForm .form-group.dob-section .dob-select-block:nth-child(3),
.gic-lead-form-wrapper #gicLifeLeadForm .form-group.dob-section .dob-select-block:nth-child(2),
.gic-lead-form-wrapper #gicLifeLeadForm .form-group.dob-section .dob-select-block:nth-child(3),
.gic-lead-form-wrapper #ltcLeadForm .form-group.dob-section .dob-select-block:nth-child(2),
.gic-lead-form-wrapper #ltcLeadForm .form-group.dob-section .dob-select-block:nth-child(3),
.ltc-lead-form-wrapper #gicAnnuityLeadForm .form-group.dob-section .dob-select-block:nth-child(2),
.ltc-lead-form-wrapper #gicAnnuityLeadForm .form-group.dob-section .dob-select-block:nth-child(3),
.ltc-lead-form-wrapper #gicLifeLeadForm .form-group.dob-section .dob-select-block:nth-child(2),
.ltc-lead-form-wrapper #gicLifeLeadForm .form-group.dob-section .dob-select-block:nth-child(3),
.ltc-lead-form-wrapper #ltcLeadForm .form-group.dob-section .dob-select-block:nth-child(2),
.ltc-lead-form-wrapper #ltcLeadForm .form-group.dob-section .dob-select-block:nth-child(3) {
padding-right: 5px
}
.gic-lead-form-wrapper #gicAnnuityLeadForm .dob-select-block select,
.gic-lead-form-wrapper #gicLifeLeadForm .dob-select-block select,
.gic-lead-form-wrapper #ltcLeadForm .dob-select-block select,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .dob-select-block select,
.ltc-lead-form-wrapper #gicLifeLeadForm .dob-select-block select,
.ltc-lead-form-wrapper #ltcLeadForm .dob-select-block select {
background-position-y: 6px
}
.gic-lead-form-wrapper #gicAnnuityLeadForm .dob-select-block select#dob_month,
.gic-lead-form-wrapper #gicLifeLeadForm .dob-select-block select#dob_month,
.gic-lead-form-wrapper #ltcLeadForm .dob-select-block select#dob_month,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .dob-select-block select#dob_month,
.ltc-lead-form-wrapper #gicLifeLeadForm .dob-select-block select#dob_month,
.ltc-lead-form-wrapper #ltcLeadForm .dob-select-block select#dob_month {
width: 95px;
background-position-x: 70px
}
.gic-lead-form-wrapper #gicAnnuityLeadForm .dob-select-block select#dob_day,
.gic-lead-form-wrapper #gicLifeLeadForm .dob-select-block select#dob_day,
.gic-lead-form-wrapper #ltcLeadForm .dob-select-block select#dob_day,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .dob-select-block select#dob_day,
.ltc-lead-form-wrapper #gicLifeLeadForm .dob-select-block select#dob_day,
.ltc-lead-form-wrapper #ltcLeadForm .dob-select-block select#dob_day {
width: 60px;
background-position-x: 37px
}
.gic-lead-form-wrapper #gicAnnuityLeadForm .dob-select-block select#dob_year,
.gic-lead-form-wrapper #gicLifeLeadForm .dob-select-block select#dob_year,
.gic-lead-form-wrapper #ltcLeadForm .dob-select-block select#dob_year,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .dob-select-block select#dob_year,
.ltc-lead-form-wrapper #gicLifeLeadForm .dob-select-block select#dob_year,
.ltc-lead-form-wrapper #ltcLeadForm .dob-select-block select#dob_year {
width: 75px;
background-position-x: 46px
}
.gic-lead-form-wrapper #gicAnnuityLeadForm .gic-annuity-lead-icon-lock-black,
.gic-lead-form-wrapper #gicAnnuityLeadForm .gic-life-lead-icon-lock-black,
.gic-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-icon-lock-black,
.gic-lead-form-wrapper #gicLifeLeadForm .gic-annuity-lead-icon-lock-black,
.gic-lead-form-wrapper #gicLifeLeadForm .gic-life-lead-icon-lock-black,
.gic-lead-form-wrapper #gicLifeLeadForm .ltc-lead-icon-lock-black,
.gic-lead-form-wrapper #ltcLeadForm .gic-annuity-lead-icon-lock-black,
.gic-lead-form-wrapper #ltcLeadForm .gic-life-lead-icon-lock-black,
.gic-lead-form-wrapper #ltcLeadForm .ltc-lead-icon-lock-black,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .gic-annuity-lead-icon-lock-black,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .gic-life-lead-icon-lock-black,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-icon-lock-black,
.ltc-lead-form-wrapper #gicLifeLeadForm .gic-annuity-lead-icon-lock-black,
.ltc-lead-form-wrapper #gicLifeLeadForm .gic-life-lead-icon-lock-black,
.ltc-lead-form-wrapper #gicLifeLeadForm .ltc-lead-icon-lock-black,
.ltc-lead-form-wrapper #ltcLeadForm .gic-annuity-lead-icon-lock-black,
.ltc-lead-form-wrapper #ltcLeadForm .gic-life-lead-icon-lock-black,
.ltc-lead-form-wrapper #ltcLeadForm .ltc-lead-icon-lock-black {
background-image: url(../images/img/icons/lock_blk.svg);
height: 30px;
display: inline-block;
vertical-align: top;
width: 30px;
background-repeat: no-repeat;
background-size: auto 30px
}
.gic-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-geotrust,
.gic-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-geotrust,
.gic-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-geotrust,
.gic-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-geotrust,
.gic-lead-form-wrapper #ltcLeadForm .gic-lead-form-geotrust,
.gic-lead-form-wrapper #ltcLeadForm .ltc-lead-form-geotrust,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-geotrust,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-geotrust,
.ltc-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-geotrust,
.ltc-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-geotrust,
.ltc-lead-form-wrapper #ltcLeadForm .gic-lead-form-geotrust,
.ltc-lead-form-wrapper #ltcLeadForm .ltc-lead-form-geotrust {
background-image: url(../../../../content/dam/genworth/icons/GeoTrust.png);
background-repeat: no-repeat;
background-position: 40px 4px;
height: 40px;
margin: 40px 0 0 10px
}
.gic-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-error,
.gic-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-error,
.gic-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-error,
.gic-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-error,
.gic-lead-form-wrapper #ltcLeadForm .gic-lead-form-error,
.gic-lead-form-wrapper #ltcLeadForm .ltc-lead-form-error,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-error,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-error,
.ltc-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-error,
.ltc-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-error,
.ltc-lead-form-wrapper #ltcLeadForm .gic-lead-form-error,
.ltc-lead-form-wrapper #ltcLeadForm .ltc-lead-form-error {
display: none;
width: 240px;
font-size: 11px;
color: #9b3d3b!important;
font-style: italic;
padding: 5px 0 0;
line-height: 1;
font-weight: 400
}
.gic-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-group-error input,
.gic-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-group-error select,
.gic-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-group-error textarea,
.gic-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-group-error input,
.gic-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-group-error select,
.gic-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-group-error textarea,
.gic-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-group-error input,
.gic-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-group-error select,
.gic-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-group-error textarea,
.gic-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-group-error input,
.gic-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-group-error select,
.gic-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-group-error textarea,
.gic-lead-form-wrapper #ltcLeadForm .gic-lead-form-group-error input,
.gic-lead-form-wrapper #ltcLeadForm .gic-lead-form-group-error select,
.gic-lead-form-wrapper #ltcLeadForm .gic-lead-form-group-error textarea,
.gic-lead-form-wrapper #ltcLeadForm .ltc-lead-form-group-error input,
.gic-lead-form-wrapper #ltcLeadForm .ltc-lead-form-group-error select,
.gic-lead-form-wrapper #ltcLeadForm .ltc-lead-form-group-error textarea,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-group-error input,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-group-error select,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-group-error textarea,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-group-error input,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-group-error select,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-group-error textarea,
.ltc-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-group-error input,
.ltc-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-group-error select,
.ltc-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-group-error textarea,
.ltc-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-group-error input,
.ltc-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-group-error select,
.ltc-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-group-error textarea,
.ltc-lead-form-wrapper #ltcLeadForm .gic-lead-form-group-error input,
.ltc-lead-form-wrapper #ltcLeadForm .gic-lead-form-group-error select,
.ltc-lead-form-wrapper #ltcLeadForm .gic-lead-form-group-error textarea,
.ltc-lead-form-wrapper #ltcLeadForm .ltc-lead-form-group-error input,
.ltc-lead-form-wrapper #ltcLeadForm .ltc-lead-form-group-error select,
.ltc-lead-form-wrapper #ltcLeadForm .ltc-lead-form-group-error textarea {
border-bottom-color: #9b3d3b!important
}
textarea {
overflow: auto
}
@media (max-width:999px) {
.contact-form-wrapper #contactForm .contact-form-submit,
.gic-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-submit,
.gic-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-submit,
.gic-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-submit,
.gic-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-submit,
.gic-lead-form-wrapper #ltcLeadForm .gic-lead-form-submit,
.gic-lead-form-wrapper #ltcLeadForm .ltc-lead-form-submit,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-submit,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-submit,
.ltc-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-submit,
.ltc-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-submit,
.ltc-lead-form-wrapper #ltcLeadForm .gic-lead-form-submit,
.ltc-lead-form-wrapper #ltcLeadForm .ltc-lead-form-submit {
text-align: center
}
.form-control {
font-size: 16px
}
.gic-lead-form-wrapper,
.ltc-lead-form-wrapper {
margin-top: 40px
}
.gic-lead-form-wrapper #gicAnnuityLeadForm,
.gic-lead-form-wrapper #gicLifeLeadForm,
.gic-lead-form-wrapper #ltcLeadForm,
.ltc-lead-form-wrapper #gicAnnuityLeadForm,
.ltc-lead-form-wrapper #gicLifeLeadForm,
.ltc-lead-form-wrapper #ltcLeadForm {
padding: 0;
width: 240px;
margin: auto
}
.gic-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-section.gic-lead-form-bottom-section,
.gic-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-section.gic-lead-form-top-section,
.gic-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-section.ltc-lead-form-bottom-section,
.gic-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-section.ltc-lead-form-top-section,
.gic-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-section.gic-lead-form-bottom-section,
.gic-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-section.gic-lead-form-top-section,
.gic-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-section.ltc-lead-form-bottom-section,
.gic-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-section.ltc-lead-form-top-section,
.gic-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-section.gic-lead-form-bottom-section,
.gic-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-section.gic-lead-form-top-section,
.gic-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-section.ltc-lead-form-bottom-section,
.gic-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-section.ltc-lead-form-top-section,
.gic-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-section.gic-lead-form-bottom-section,
.gic-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-section.gic-lead-form-top-section,
.gic-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-section.ltc-lead-form-bottom-section,
.gic-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-section.ltc-lead-form-top-section,
.gic-lead-form-wrapper #ltcLeadForm .gic-lead-form-section.gic-lead-form-bottom-section,
.gic-lead-form-wrapper #ltcLeadForm .gic-lead-form-section.gic-lead-form-top-section,
.gic-lead-form-wrapper #ltcLeadForm .gic-lead-form-section.ltc-lead-form-bottom-section,
.gic-lead-form-wrapper #ltcLeadForm .gic-lead-form-section.ltc-lead-form-top-section,
.gic-lead-form-wrapper #ltcLeadForm .ltc-lead-form-section.gic-lead-form-bottom-section,
.gic-lead-form-wrapper #ltcLeadForm .ltc-lead-form-section.gic-lead-form-top-section,
.gic-lead-form-wrapper #ltcLeadForm .ltc-lead-form-section.ltc-lead-form-bottom-section,
.gic-lead-form-wrapper #ltcLeadForm .ltc-lead-form-section.ltc-lead-form-top-section,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-section.gic-lead-form-bottom-section,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-section.gic-lead-form-top-section,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-section.ltc-lead-form-bottom-section,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-section.ltc-lead-form-top-section,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-section.gic-lead-form-bottom-section,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-section.gic-lead-form-top-section,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-section.ltc-lead-form-bottom-section,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-section.ltc-lead-form-top-section,
.ltc-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-section.gic-lead-form-bottom-section,
.ltc-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-section.gic-lead-form-top-section,
.ltc-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-section.ltc-lead-form-bottom-section,
.ltc-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-section.ltc-lead-form-top-section,
.ltc-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-section.gic-lead-form-bottom-section,
.ltc-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-section.gic-lead-form-top-section,
.ltc-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-section.ltc-lead-form-bottom-section,
.ltc-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-section.ltc-lead-form-top-section,
.ltc-lead-form-wrapper #ltcLeadForm .gic-lead-form-section.gic-lead-form-bottom-section,
.ltc-lead-form-wrapper #ltcLeadForm .gic-lead-form-section.gic-lead-form-top-section,
.ltc-lead-form-wrapper #ltcLeadForm .gic-lead-form-section.ltc-lead-form-bottom-section,
.ltc-lead-form-wrapper #ltcLeadForm .gic-lead-form-section.ltc-lead-form-top-section,
.ltc-lead-form-wrapper #ltcLeadForm .ltc-lead-form-section.gic-lead-form-bottom-section,
.ltc-lead-form-wrapper #ltcLeadForm .ltc-lead-form-section.gic-lead-form-top-section,
.ltc-lead-form-wrapper #ltcLeadForm .ltc-lead-form-section.ltc-lead-form-bottom-section,
.ltc-lead-form-wrapper #ltcLeadForm .ltc-lead-form-section.ltc-lead-form-top-section {
padding: 0
}
.gic-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-geotrust,
.gic-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-geotrust,
.gic-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-geotrust,
.gic-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-geotrust,
.gic-lead-form-wrapper #ltcLeadForm .gic-lead-form-geotrust,
.gic-lead-form-wrapper #ltcLeadForm .ltc-lead-form-geotrust,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .gic-lead-form-geotrust,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .ltc-lead-form-geotrust,
.ltc-lead-form-wrapper #gicLifeLeadForm .gic-lead-form-geotrust,
.ltc-lead-form-wrapper #gicLifeLeadForm .ltc-lead-form-geotrust,
.ltc-lead-form-wrapper #ltcLeadForm .gic-lead-form-geotrust,
.ltc-lead-form-wrapper #ltcLeadForm .ltc-lead-form-geotrust {
margin: 20px 0 0 10px
}
.gic-lead-form-wrapper #gicAnnuityLeadForm input[type=submit],
.gic-lead-form-wrapper #gicLifeLeadForm input[type=submit],
.gic-lead-form-wrapper #ltcLeadForm input[type=submit],
.ltc-lead-form-wrapper #gicAnnuityLeadForm input[type=submit],
.ltc-lead-form-wrapper #gicLifeLeadForm input[type=submit],
.ltc-lead-form-wrapper #ltcLeadForm input[type=submit] {
margin: 20px 0 30px
}
.gic-lead-form-wrapper #gicAnnuityLeadForm .dob-select-block select,
.gic-lead-form-wrapper #gicLifeLeadForm .dob-select-block select,
.gic-lead-form-wrapper #ltcLeadForm .dob-select-block select,
.ltc-lead-form-wrapper #gicAnnuityLeadForm .dob-select-block select,
.ltc-lead-form-wrapper #gicLifeLeadForm .dob-select-block select,
.ltc-lead-form-wrapper #ltcLeadForm .dob-select-block select {
background-position-y: 2px
}
.contact-form-wrapper #contactForm {
padding: 0;
width: 240px;
margin: auto
}
.contact-form-wrapper #contactForm input[type=submit] {
margin: 0 0 10px
}
.contact-form-wrapper #contactForm p.contact-form-disclaimer {
margin-bottom: 20px
}
}
.strong-bold,
strong.strong-bold {
font-weight: 700
}
.strong-italic,
strong.strong-italic {
font-style: italic
}
.hero-image-text-black,
.hero-image-text-white,
h1.hero-image-text-black,
h1.hero-image-text-white {
font-family: 'Crimson Text', serif;
font-weight: 600;
font-size: 72px;
line-height: 84px;
letter-spacing: 0
}
.hero-image-text-black,
h1.hero-image-text-black {
color: #000
}
.hero-image-text-white,
h1.hero-image-text-white {
color: #FFF;
text-shadow: 0 0 12px #333
}
@media (max-width:999px) {
.hero-image-text-black,
.hero-image-text-white,
h1.hero-image-text-black,
h1.hero-image-text-white {
font-size: 40px;
line-height: 46px
}
}
.intro-title,
.intro-title-italic,
h2.intro-title,
h2.intro-title-italic {
font-family: 'Crimson Text', serif;
font-weight: 600;
font-size: 58px;
line-height: 64px;
letter-spacing: 0;
color: #000
}
.intro-title-small,
h2.intro-title-small {
font-family: 'Crimson Text', serif;
font-weight: 600;
font-size: 44px;
line-height: 52px;
letter-spacing: 0;
color: #000
}
h2.intro-title,
h3.intro-title {
font-style: normal
}
.intro-title-italic,
h2.intro-title-italic {
font-style: italic
}
@media (max-width:999px) {
.intro-title-small,
h2.intro-title-small {
font-size: 24px;
line-height: 32px
}
.intro-title,
.intro-title-italic,
h2.intro-title,
h2.intro-title-italic {
font-size: 30px;
line-height: 36px
}
}
.section-header,
.section.text h2.section-header,
.section.text h3.section-header,
h3.section-header {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 26px;
line-height: 34px;
letter-spacing: 0;
color: #000;
font-style: normal
}
@media (max-width:999px) {
.section-header,
.section.text h2.section-header,
.section.text h3.section-header,
h3.section-header {
font-size: 20px;
line-height: 26px
}
}
.section.text h3.sub-section-header,
.sub-section-header,
h4.sub-section-header {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 28px;
letter-spacing: 0;
color: #000
}
.section.text h3.sub-section-header {
margin: 0 20px 20px
}
@media (max-width:999px) {
.sub-section-header,
h4.sub-section-header {
font-size: 16px;
line-height: 28px
}
}
.lg-paragraph,
p.lg-paragraph {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 36px;
letter-spacing: .05em;
color: #000
}
@media (max-width:999px) {
.lg-paragraph,
p.lg-paragraph {
font-size: 16px;
line-height: 28px
}
}
.std-paragraph,
.std-paragraph-bold,
p.std-paragraph,
p.std-paragraph-bold {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: 0;
color: #000
}
.std-paragraph,
p.std-paragraph {
font-weight: 400
}
.std-paragraph-bold,
p.std-paragraph-bold {
font-weight: 600
}
@media (max-width:999px) {
.std-paragraph,
.std-paragraph-bold,
p.std-paragraph,
p.std-paragraph-bold {
font-size: 14px;
line-height: 24px
}
}
.sm-paragraph,
.sm-paragraph-bold,
p.sm-paragraph,
p.sm-paragraph-bold {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 22px;
letter-spacing: 0;
color: #000
}
.sm-paragraph,
p.sm-paragraph {
font-weight: 400
}
.hlink,
.sm-paragraph-bold,
a.hlink,
p.sm-paragraph-bold {
font-weight: 600
}
@media (max-width:999px) {
.sm-paragraph,
.sm-paragraph-bold,
p.sm-paragraph,
p.sm-paragraph-bold {
font-size: 12px;
line-height: 20px
}
}
.hlink,
a.hlink {
font-family: 'Open Sans', sans-serif;
letter-spacing: 0;
color: #0066bc
}
.hlink:hover,
a.hlink:hover {
cursor: pointer;
text-decoration: underline
}
span.break:before {
content: "\a";
white-space: pre
}
.disclosure,
.footnote,
.form-number,
span.disclosure,
span.footnote,
span.form-number {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: 0;
color: #000
}
@media (max-width:999px) {
.disclosure,
.footnote,
.form-number,
span.disclosure,
span.footnote,
span.form-number {
font-size: 12px;
line-height: 20px
}
}
.header-caps {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 12px;
line-height: 18px;
letter-spacing: .15em;
color: #000;
text-transform: uppercase
}
.article-title,
.article-title-italic,
.covid-banner {
font-family: 'Crimson Text', serif
}
@media (max-width:999px) {
.header-caps {
font-size: 11px;
line-height: 18px
}
}
.article-title,
.article-title-italic {
font-weight: 400;
font-size: 28px;
line-height: 38px;
letter-spacing: 0;
color: #000
}
.article-title-italic {
font-style: italic
}
@media (max-width:999px) {
.article-title,
.article-title-italic {
font-size: 24px;
line-height: 34px
}
}
ul.footnote {
counter-reset: elementcounter
}
ul.footnote>li {
position: relative;
padding-left: 1.5em
}
ul.footnote li:before {
position: absolute;
top: 0!important;
left: 0!important;
content: counter(elementcounter) "."!important;
counter-increment: elementcounter;
border-radius: unset!important;
height: 0!important;
width: 0!important
}
p sub,
p sup {
vertical-align: baseline;
position: relative;
top: -.5em
}
p sub {
top: .5em
}
@media (min-width:768px) {
.layout-100 .intro-paragraph,
.layout-100 .intro-title {
padding: 0 80px;
margin: 0 0 30px
}
}
.card-title-blue {
color: #3cb5dd;
font-size: 18px;
font-weight: 600;
padding: 1rem 0
}
@media (max-width:999px) {
.card-title-blue {
font-size: 16px
}
}
@media (min-width:999px) {
p.article-title.covid-text-image {
padding-top: 60px;
font-size: 46px;
line-height: 60px;
width: 88%
}
}
.covid-banner {
font-size: 42px;
font-weight: 600;
line-height: 1.2
}
@media (max-width:999px) {
.covid-banner {
font-size: 24px
}
.nav-control,
.nav-logo {
float: left
}
.nav,
.nav a,
.nav-menu {
color: #000
}
.nav-menu-top,
.nav-submenu-top {
margin-bottom: 20px;
border-top: .5px solid #b9b9b9
}
.nav-submenu-top-backlink:before,
.nav-submenu-top:after {
content: "";
position: absolute
}
.nav {
position: fixed;
right: 0;
left: 0;
-webkit-transition: 0s .5s;
transition: 0s .5s;
z-index: 1001;
font-family: 'Open Sans', sans-serif
}
.nav a:not(.button) {
-webkit-transition: color .2s .2s;
transition: color .2s .2s
}
.nav-content {
height: 40px;
padding: 18px 0;
border-bottom: 1px solid #c2c2d2;
background-color: #fff;
color: #000;
-webkit-transition: border-color 0s, background-color .5s, color .5s;
transition: border-color 0s, background-color .5s, color .5s;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.nav-skip {
display: none
}
.nav-menu-toggle {
display: block;
position: absolute;
width: 40px;
height: 40px;
left: -3px
}
.nav-menu-toggle-guts {
display: block;
position: absolute;
width: 12px;
height: 12px;
top: 50%;
left: 50%;
margin-top: -6px;
margin-left: -6px
}
.nav-menu-toggle-guts-1,
.nav-menu-toggle-guts-2,
.nav-menu-toggle-guts-3 {
display: block;
position: absolute;
width: 12px;
height: 2px;
top: 50%;
left: 50%;
margin-top: -1px;
margin-left: -6px;
background: currentColor;
-webkit-transition: width .2s, -webkit-transform .2s;
transition: width .2s, -webkit-transform .2s;
transition: transform .2s, width .2s;
transition: transform .2s, width .2s, -webkit-transform .2s
}
.nav-menu-toggle-guts-1 {
-webkit-transform: translateY(-4px);
transform: translateY(-4px)
}
.nav-menu-toggle-guts-3 {
-webkit-transform: translateY(4px);
transform: translateY(4px)
}
.nav-logo {
margin-left: 35px
}
.nav-logo-link {
display: block;
position: relative;
width: 140px;
height: auto;
overflow: visible;
font-family: monospace;
letter-spacing: inherit;
text-indent: inherit;
margin-top: 0px;
}
.nav-logo-link:after,
.nav-logo-link:before {
content: "";
display: block;
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(../images/img/logo-white-98.png);
background-repeat: no-repeat;
background-size: auto 49px;
background-position: center;
-webkit-transition: opacity .2s .2s;
transition: opacity .2s .2s
}
.nav-logo-link:after {
background-image: url(../images/img/logo.png);
opacity: 1
}
.nav-menu,
.nav-submenu {
position: absolute;
left: 0;
background: #fff;
bottom: 0
}
.nav-menu {
top: 76px;
right: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
overflow: hidden;
overflow-y: auto;
-webkit-transition: .5s;
transition: .5s
}
.nav-menu-top {
height: 40px;
padding-top: 30px
}
.nav-submenu {
width: 100%;
top: 0;
z-index: 1;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: .5s;
transition: .5s;
min-height: 400px
}
.nav-submenu-top {
position: relative;
height: 70px
}
.nav-submenu-top:after {
display: block;
bottom: 0;
left: 12px;
right: 12px;
border-bottom: .5px solid #ddd
}
.nav-submenu-top-backlink {
display: block;
position: absolute;
width: 40px;
height: 40px;
top: 50%;
left: -3px;
margin-top: -20px
}
.nav-submenu-link:after,
.nav-submenu-top-backlink:before {
top: 50%;
width: 6px;
border-top: 1.5px solid currentColor;
border-right: 1.5px solid currentColor
}
.nav-submenu-top-backlink:before {
display: block;
left: 18px;
height: 6px;
margin-top: -4px;
-webkit-transform: rotate(225deg);
transform: rotate(225deg)
}
.nav-submenu-link,
.nav-submenu-top-link {
height: 40px;
line-height: 40px;
font-size: 14px;
display: block;
font-weight: 600
}
.nav-submenu-top-link {
text-align: center;
margin: 15px 45px
}
.nav-submenu-top-link:before {
content: attr(data-text)
}
.nav-search-input:after,
.nav-submenu-link:after {
content: "";
pointer-events: none
}
.nav-submenu-link {
position: relative;
margin: 6px 5px 0;
padding: 0 8px
}
.nav-submenu-link:after {
display: block;
position: absolute;
right: 10px;
height: 6px;
margin-top: -4px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.nav-leaf-link,
.nav-subleaf-link {
display: block;
position: relative;
height: 40px;
margin: 6px 5px 0;
padding: 0 8px;
font-size: 14px;
font-weight: 600;
line-height: 40px
}
.nav-subleaf-link {
height: 30px;
font-weight: 600;
padding-left: 24px;
line-height: 30px
}
.nav-extras {
float: right;
font-size: 14px;
font-weight: 600;
line-height: 42px;
margin-right: 3px
}
.nav .nav-login-form-title {
line-height: inherit
}
.nav .nav-login-form-elements {
top: 67px;
right: 15px
}
html:not(.nav-menu-showing):not(.scrolled) body.homepage:not(.login-badge-active) .nav .nav-login .nav-icon.nav-chevron {
background-image: url(../images/img/icons/chevrondown_wht.svg)
}
.nav-pay {
float: left
}
.nav-pay-link {
display: block;
padding: 0 6px
}
.nav-search {
margin: 0 12px
}
.nav-search-form-title,
.nav-search-label,
.nav-search-submit {
display: none
}
.nav-search-input {
position: relative;
height: 40px;
border: .5px solid #ddd;
border-radius: 20px;
overflow: hidden
}
.nav-search-input input {
display: block;
position: absolute;
height: 17px;
left: 0;
right: 0;
border: 0;
margin: 0;
padding: 11px 10px 12px 35px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
line-height: 17px;
-webkit-appearance: none
}
.nav-search-input:after {
display: block;
position: absolute;
top: 50%;
left: 10px;
width: 20px;
height: 20px;
margin-top: -10px;
background-image: url(../images/img/icon-search.png);
background-repeat: no-repeat;
background-size: auto 12px;
background-position: center
}
.nav-menu-showing .nav {
height: 100vh;
-webkit-transition: 0s;
transition: 0s
}
.nav-menu-showing .nav-menu-toggle-guts-1 {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.nav-menu-showing .nav-menu-toggle-guts-2 {
opacity: 0
}
.nav-menu-showing .nav-menu-toggle-guts-3 {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.nav-menu-showing .nav-menu {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.homepage main {
padding-top: 0!important
}
html:not(.scrolled):not(.nav-menu-showing) body.homepage:not(.login-badge-active) .nav,
html:not(.scrolled):not(.nav-menu-showing) body.homepage:not(.login-badge-active) .nav a {
color: #fff;
-webkit-transition: .2s .2s;
transition: .2s .2s
}
.homepage .nav-content {
border-bottom: 1px solid transparent;
background-color: transparent;
color: #fff
}
.homepage .nav-content .nav-login-form-title {
color: #fff;
-webkit-transition: color .2s .2s!important;
transition: color .2s .2s!important
}
.homepage .nav-logo-link:before {
opacity: 1
}
.homepage:not(.login-badge-active) .nav-logo-link:after,
.nav-menu-showing .homepage .nav-logo-link:before,
.scrolled .homepage .nav-logo-link:before {
opacity: 0
}
.homepage.login-badge-active .nav-content,
.nav-menu-showing .homepage .nav-content,
.scrolled .homepage .nav-content {
border-color: #c2c2d2;
background-color: #fff;
color: #000;
-webkit-transition: border-color 0s .5s, background-color .5s, color .5s;
transition: border-color 0s .5s, background-color .5s, color .5s
}
.homepage.login-badge-active .nav-content .nav-login-form-title,
.nav-menu-showing .homepage .nav-content .nav-login-form-title,
.scrolled .homepage .nav-content .nav-login-form-title {
color: #000
}
.nav-menu-showing .homepage .nav-logo-link:after,
.scrolled .homepage .nav-logo-link:after {
opacity: 1
}
.nav-contact-us-info {
margin: 0 5px;
padding: 0 8px 0 24px;
font-size: 14px
}
.nav-contact-us-info .email {
margin-top: 8px;
font-weight: 600
}
.nav-contact-us-info .business-hours p {
margin-top: 8px
}
}
@media (max-width:420px) {
.nav .nav-extras {
margin-right: 0
}
.nav .nav-login-form-title {
padding: 0 5px
}
.nav .nav-login-form-elements {
top: 58px;
right: 7px
}
.nav .nav-login-register-section p {
padding: 10px 5px
}
.nav .nav-login-register-section .nav-login-register {
padding: 0 20px 10px
}
.nav .nav-pay-link {
padding: 0 10px 0 0
}
}
@media (max-width:999px) {
.nav-menu-toggle {
left: initial;
right: 20px;
}
.nav-logo {
margin-left: 20px
}
.nav-extras {
margin-right: 23px
}
.nav .nav-login-form-elements {
top: 58px
}
.nav-pay-link {
padding: 0 9px;
line-height: 42px
}
.nav-leaf-link,
.nav-subleaf-link,
.nav-submenu-link {
padding: 0 32px
}
.nav-search {
margin: 0 32px
}
.nav-submenu-top:after {
left: 36px;
right: 36px
}
.nav-submenu-top-backlink {
left: 21px
}
.nav-submenu-link:after {
right: 34px
}
.nav-contact-us-info {
padding-left: 48px
}
main {
padding-top: 95px
}
body.notification-active main {
padding-top: 191px
}
.nav-content .nav-menu {
top: 94px
}
body.notification-active .nav-content .nav-menu {
top: 190px
}
}
@media (max-width:575px) {
main {
padding-top: 76px
}
body.notification-active main {
padding-top: 197px
}
.nav-content .nav-menu {
top: 76px
}
body.notification-active .nav-content .nav-menu {
top: 196px
}
}
@media (min-width:576px) and (max-width:999px) {
.nav {
height: 94px
}
.nav-content {
padding: 27px 0
}
.nav-leaf-link,
.nav-subleaf-link,
.nav-submenu-link {
padding: 0 49px
}
.nav-menu-toggle {
left: 38px
}
.nav-logo {
margin-left: 78px
}
.nav-logo-link {
width: 180px;
height: 60px;
margin-top: -10px
}
.nav-logo-link:after,
.nav-logo-link:before {
background-image: url(../images/img/logo-white-132.png);
background-size: auto 66px
}
.nav-logo-link:after {
background-image: url(../images/img/logo-white-132.png);
}
.nav-extras {
margin-right: 40px
}
.nav .nav-login-form-elements {
top: 67px
}
.nav-search {
margin: 0 49px
}
.nav-submenu-top:after {
left: 53px;
right: 53px
}
.nav-submenu-top-backlink {
left: 38px
}
.nav-submenu-link:after {
right: 51px
}
.nav-contact-us-info {
padding-left: 65px
}
}
@media (min-width:768px) and (max-width:999px) {
.nav-leaf-link,
.nav-subleaf-link,
.nav-submenu-link {
padding: 0 68px;
white-space: nowrap
}
.nav-menu-toggle {
left: 57px
}
.nav-logo {
margin-left: 97px
}
.nav-extras {
margin-right: 59px
}
.nav-search {
margin: 0 68px
}
.nav-menu {
right: 50%
}
.nav-submenu-top:after {
left: 72px;
right: 72px
}
.nav-submenu-top-backlink {
left: 57px
}
.nav-submenu-link:after {
right: 70px
}
.nav-contact-us-info {
padding-left: 84px
}
}
@media only screen and (max-width:900px) and (max-height:550px) {
body.login-badge-active {
overflow: hidden;
position: fixed
}
body.login-badge-active .nav-login-form .nav-login-form-elements {
overflow: scroll;
-webkit-overflow-scrolling: touch;
height: calc(75vh)
}
}
@media (min-width:1000px) {
.nav-logo-link:after,
.nav-logo-link:before,
.nav-menu-item>a:after,
.nav-menu-list:after,
.nav-search-input::before {
content: ""
}
.nav-search-form-title:hover,
.nav-search-submit input:hover {
cursor: pointer
}
.nav-search-input input:focus,
.nav-search-submit input:focus {
outline: 0
}
main {
padding-top: 80px
}
body.notification-active main {
padding-top: 168px
}
.nav {
position: fixed;
right: 0;
left: 0;
border-bottom: 1px solid #c2c2d2;
z-index: 1001;
background-color: #fff;
-webkit-transition: border-color 0s, background-color .2s .2s, color .2s .2s;
transition: border-color 0s, background-color .2s .2s, color .2s .2s;
font-family: 'Open Sans', sans-serif
}
.nav-logo-link,
.nav-search-form-title {
font-family: monospace;
letter-spacing: -1ex;
text-indent: -10ex;
overflow: hidden
}
.nav,
.nav a {
color: #000
}
.nav a.desktop-teltag,
.nav a[href^="tel:"]:not(.teltag) {
font-weight: 400
}
.nav-content {
height: 80px;
width: 860px;
margin: auto
}
.nav-content .nav-extras,
.nav-content .nav-menu {
height: 80px
}
.nav-control {
display: none
}
.nav-skip {
position: fixed!important;
z-index: 9999999!important;
left: 5px;
top: 5px
}
.nav-skip:not(:focus) {
opacity: 0
}
.nav-logo {
float: left;
width: 120px
}
.nav-logo-link {
display: block;
position: relative;
width: 120px;
height: 40px;
margin-top: 27px
}
.nav-logo-link:after,
.nav-logo-link:before {
display: block;
}
.nav-menu {
font-size: 14px;
font-weight: 600
}
.nav-menu-list {
margin: 0 220px 0 140px;
text-align: justify
}
.nav-menu-list:after {
display: inline-block;
width: 100%
}
.nav-menu-item {
display: inline-block;
text-align: left
}
.nav-menu-item>a {
display: block;
position: relative;
padding: 0 5px;
line-height: 80px
}
.nav-menu-item>a:after {
display: block;
position: absolute;
top: 50%;
border-bottom: 2px solid #000;
left: .5em;
right: .5em;
margin-top: 1em;
-webkit-transform: scaleX(.8);
transform: scaleX(.8);
opacity: 0;
-webkit-transition: opacity .2s;
transition: opacity .2s
}
.nav-submenu,
.nav-submenu-top {
display: none
}
.nav-submenu {
position: absolute;
z-index: 2;
top: 100%;
left: 0;
right: 0;
padding: 30px 0 40px;
background: #f7f7f7;
border-top: 1px solid #c2c2d2;
border-bottom: 1px solid #c2c2d2
}
.nav-submenu ul {
display: table;
width: 100%;
max-width: 860px;
margin: auto;
table-layout: fixed
}
.nav-submenu li {
display: table-cell;
width: 100%
}
.nav-submenu a {
display: block;
padding: 10px 0;
line-height: 1;
font-size: 16px;
font-weight: 700;
max-width: 300px;
}
.nav-submenu a:after {
display: none
}
.nav-submenu .full-phone a,
.nav-submenu .vanity-phone a {
display: inline-block!important;
padding: 0 0 10px
}
.nav-submenu .nav-submenu {
display: block;
position: static;
padding: 0;
border: 0;
max-width: 300px;
background-color: transparent;
opacity: 1;
color: #000
}
.nav-submenu .nav-submenu ul {
display: block;
width: auto
}
.nav-submenu .nav-submenu li {
display: block
}
.nav-submenu .nav-submenu ul a,
.nav-submenu .nav-submenu ul ul a {
font-size: 14px;
font-weight: 600;
padding: 8px 0
}
.nav-extras {
float: right;
font-size: 14px;
font-weight: 500
}
.nav-pay {
float: left
}
.nav-pay-link {
display: block;
line-height: 96px;
padding: 0 0 0 8px;
font-weight: 700
}
.nav-search {
float: right;
height: 96px
}
.nav-search-form-title {
display: block;
height: 60px;
width: 40px;
position: relative;
top: 18px
}
.nav-search-form-title:after,
.nav-search-form-title:before {
content: "";
display: block;
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(../images/img/icon-search-white.png);
background-repeat: no-repeat;
background-size: auto 16px;
background-position: center;
-webkit-transition: opacity .2s .2s;
transition: opacity .2s .2s
}
.nav-search-form-title:after {
background-image: url(../images/img/icon-search.png);
opacity: 1
}
.nav-search-form-elements {
display: none;
position: absolute;
top: 100%;
margin-top: 1px;
right: 0;
padding: 38px 60px;
background: #fff;
width: 1024px;
left: calc(50% - 512px);
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 20px 20px 0 rgba(44, 45, 46, .1);
box-shadow: 0 20px 20px 0 rgba(44, 45, 46, .1)
}
.nav-search-label {
font-size: 16px;
height: 0
}
.nav-search-input {
position: relative;
width: 100%;
border-bottom: 2px solid #000;
overflow: hidden;
height: 40px
}
.nav-search-input input {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: 0;
margin: 0;
padding: 0 30px;
font-size: 16px;
font-weight: 400
}
.nav-search-input::before {
display: block;
position: absolute;
right: 0;
bottom: 10px;
left: 0;
background-image: url(../images/img/icon-search.png);
background-repeat: no-repeat;
background-size: auto 16px;
background-position: center;
-webkit-transition: opacity .2s .2s;
transition: opacity .2s .2s;
z-index: 1;
width: 20px;
height: 20px
}
.nav-search-submit {
position: absolute;
bottom: 38px;
right: 30px
}
.nav-search-submit input {
float: right;
padding: 10px 40px;
margin-top: 10px;
background: 0 0;
text-transform: uppercase;
font-size: 14px;
-webkit-appearance: none;
font-family: 'Crimson Text', serif;
font-weight: 700;
letter-spacing: .7px;
text-align: center;
color: #0066bc;
border: 0
}
.nav-search-form-elements.is-active {
display: block;
-webkit-animation: search-drop-in .25s cubic-bezier(.445, .05, .55, .95) forwards;
animation: search-drop-in .25s cubic-bezier(.445, .05, .55, .95) forwards
}
.homepage main {
padding-top: 0!important
}
html:not(.scrolled) body.homepage:not(.login-badge-active) .nav:not(:hover),
html:not(.scrolled) body.homepage:not(.login-badge-active) .nav:not(:hover) a {
color: #fff;
-webkit-transition: .2s .2s;
transition: .2s .2s
}
.homepage .nav,
.homepage .nav a,
html:not(.scrolled) body.homepage:not(.login-badge-active) .nav:not(:hover) .nav-submenu-list,
html:not(.scrolled) body.homepage:not(.login-badge-active) .nav:not(:hover) .nav-submenu-list a {
color: #000
}
html.scrolled .homepage .nav a {
-webkit-transition: color .2s .1s;
transition: color .2s .1s
}
.homepage .nav {
border-bottom: 1px solid transparent;
background-color: transparent
}
.homepage .nav-login-form-title {
color: #fff
}
.homepage .nav-logo-link:before {
opacity: 1
}
.homepage:not(.login-badge-active) .nav-logo-link:after {
opacity: 0
}
.homepage .nav-search-form-title:before {
opacity: 1
}
.homepage:not(.login-badge-active) .nav-search-form-title:after {
opacity: 0
}
.homepage .nav:hover,
.scrolled .homepage .nav,
body.homepage.login-badge-active .nav {
border-color: #c2c2d2;
background-color: #fff;
color: #000;
-webkit-transition: border-color 0s .2s, background-color .2s, color .2s;
transition: border-color 0s .2s, background-color .2s, color .2s
}
.homepage .nav:hover .nav-login-form-title,
.scrolled .homepage .nav .nav-login-form-title,
body.homepage.login-badge-active .nav .nav-login-form-title {
color: #000;
-webkit-transition: .2s .1s;
transition: .2s .1s
}
.homepage .nav:hover .nav-logo-link:before,
.scrolled .homepage .nav-logo-link:before {
opacity: 0;
-webkit-transition: opacity .2s;
transition: opacity .2s
}
.homepage .nav:hover .nav-logo-link:after,
.scrolled .homepage .nav-logo-link:after {
opacity: 1;
-webkit-transition: opacity .2s;
transition: opacity .2s
}
.homepage .nav:hover .nav-search-form-title:before,
.scrolled .homepage .nav-search-form-title:before {
opacity: 0;
-webkit-transition: opacity .2s;
transition: opacity .2s
}
.homepage .nav:hover .nav-search-form-title:after,
.scrolled .homepage .nav-search-form-title:after {
opacity: 1;
-webkit-transition: opacity .2s;
transition: opacity .2s
}
.scrolled .homepage .nav {
-webkit-transition: border-color 0s .4s, background-color .8s, color .8s;
transition: border-color 0s .4s, background-color .8s, color .8s
}
.scrolled .homepage .nav-logo-link:after,
.scrolled .homepage .nav-logo-link:before,
.scrolled .homepage .nav-search-form-title:after,
.scrolled .homepage .nav-search-form-title:before {
-webkit-transition: opacity .8s;
transition: opacity .8s
}
.nav-submenu-link:focus:after,
.nav-submenu-link:hover:after {
opacity: 1
}
.nav-menu .active .nav-submenu,
.nav-menu li:hover .nav-submenu {
display: block
}
.nav-menu li:hover .nav-submenu .nav-submenu {
background-color: transparent
}
.nav-contact-us-info {
font-size: 14px;
font-weight: 400;
padding-top: 3px
}
.nav-contact-us-info .email a {
padding: 0;
font-size: inherit;
font-weight: 600;
margin-top: 12px
}
.nav-contact-us-info .business-hours p {
margin-top: 12px
}
.nav-contact-us-info .email a:hover,
.nav-submenu .nav-leaf-link:hover,
.nav-submenu .nav-subleaf-link:hover,
.nav-submenu .nav-submenu-link:hover {
color: #0066bc
}
}
@media (min-width:1200px) {
.nav-content {
width: 1100px
}
.nav-logo {
width: 180px
}
.nav-logo-link {
width: 180px;
height: 60px;
margin-top: 12px
}
.nav-logo-link:after,
.nav-logo-link:before {
background-image: url(../images/img/logo-white-148.png);
background-size: auto 74px
}
.nav-logo-link:after {
background-image: url(../images/img/logo-148.png)
}
.nav-menu {
font-size: 15px
}
.nav-menu-list {
margin: 0 240px 0 230px;
}
.nav-submenu ul {
max-width: 1032px
}
.nav-login-form-title {
padding: 0 0 0 30px
}
.nav-login-link {
padding: 0 12px
}
.nav-pay-link {
padding: 0 0 0 12px
}
.nav-search-form-title {
width: 50px
}
}
@media (min-width:1440px) {
.nav-content {
width: 1300px
}
.nav-logo-link {
margin-top: 16px
}
.nav-menu {
font-size: 16px
}
.nav-menu-list {
margin: 0 330px 0 230px
}
.nav-submenu ul {
max-width: 1300px
}
.nav-extras {
font-size: 15px
}
.nav-login-form-title {
padding: 0 0 0 30px
}
.nav-login-link {
padding: 0 16px
}
.nav-pay-link {
padding: 0 0 0 16px
}
.nav-search-form-title {
width: 60px
}
}
@-webkit-keyframes search-drop-in {
0% {
top: 90%;
opacity: .3
}
100% {
top: 100%;
opacity: 1
}
}
@keyframes search-drop-in {
0% {
top: 90%;
opacity: .3
}
100% {
top: 100%;
opacity: 1
}
}
body.login-badge-active .nav-login {
z-index: 9999
}
body.login-badge-active .login-badge-modal-overlay {
position: fixed;
z-index: 9998;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, .6)
}
.nav-login {
float: left;
position: relative
}
.nav-login-form-title {
display: block;
line-height: 96px;
padding: 0 15px 0 30px;
cursor: pointer;
font-weight: 700;
-webkit-transition: color .2s;
transition: color .2s;
-webkit-transition-delay: .2s;
transition-delay: .2s
}
body.homepage .nav .nav-login-form-elements a.button.primary:not(:hover),
body.homepage .nav .nav-login-form-elements a:not(.button) {
color: #fff
}
.nav-login-form-elements {
display: none;
position: absolute;
top: 100%;
right: 20px;
background: #000;
width: 300px;
color: #fff
}
.nav-login-form-elements .nav-login-form-selector .nav-login-form-consumer-select:not(.active),
.nav-login-form-elements .nav-login-form-selector .nav-login-form-producer-select:not(.active) {
background: #5a5a5a;
color: #c8c8c8
}
.nav-login-form-elements .nav-login-form-selector {
clear: both;
height: 50px;
cursor: pointer
}
.nav-login-form-elements .nav-login-form-selector .nav-login-form-consumer-select {
width: 50%;
float: left;
text-align: center;
vertical-align: middle;
font-weight: 700;
line-height: 50px;
height: 50px
}
.nav-login-form-elements .nav-login-form-selector .nav-login-form-producer-select {
width: 50%;
float: left;
text-align: center;
vertical-align: middle;
font-weight: 700;
padding-top: 10px;
line-height: 16px;
height: 40px
}
.nav-login-form-elements .nav-login-form-consumer:not(.active),
.nav-login-form-elements .nav-login-form-producer:not(.active) {
display: none
}
.nav-login-form-elements .nav-login-form-consumer:focus,
.nav-login-form-elements .nav-login-form-producer:focus {
outline: 0!important
}
.modal,
.nav-login-input input:focus,
.search-form_input input:focus,
.search-form_submit input:focus {
outline: 0
}
.nav-login-form-elements p {
text-align: center;
color: #c8c8c8;
padding: 15px 5px;
line-height: normal;
font-weight: 400
}
.nav-login-form-elements p a {
color: #fff;
text-decoration: none
}
.nav-login-form-elements p a:hover {
text-decoration: underline
}
.nav-login-form-elements a {
text-decoration: none;
color: #fff
}
.nav-login-form-elements a:hover {
text-decoration: underline
}
.nav-login-label {
font-size: 14px;
color: #fff;
margin: 20px 0 0;
padding: 0 20px;
font-weight: 700;
line-height: normal
}
.nav-login-input {
position: relative;
border-radius: 0;
padding: 5px 30px 5px 20px
}
.nav-login-input input {
display: block;
width: 100%;
height: 30px;
border: 0;
border-bottom: 3px solid #fff;
margin: 0;
font-size: 16px;
font-weight: 400;
-webkit-appearance: none;
color: #fff;
background-color: transparent;
padding: 0 0 0 10px;
border-radius: 0
}
.login-form-error,
.nav-login-error {
display: none;
font-size: 11px;
color: #c8c8c8;
font-style: italic;
padding: 5px 0 0;
line-height: 1;
font-weight: 400
}
.nav-login-register a,
.nav-login-submit input {
font-size: 14px;
font-weight: 700;
width: 100%;
text-transform: uppercase;
-webkit-appearance: none
}
.nav-login-submit {
padding: 15px 20px 0
}
.nav-login-submit input {
padding: 10px 40px;
border: 2px solid #fff;
border-radius: 20px;
background: #2068b2;
color: #fff
}
.nav-login-submit input:hover {
cursor: pointer;
background: #fff;
color: #000
}
.nav-login-register-section {
background: #5a5a5a
}
.nav-login-register {
padding: 0 20px 20px
}
.nav-login-register a {
display: block;
padding: 10px 0;
border: 2px solid #fff;
border-radius: 20px;
background: 0 0;
text-align: center;
color: #fff;
line-height: normal
}
.mobile-contact-us-info .strong-bold,
.nav-contact-us-dropdown .strong-bold {
font-weight: 700!important
}
.nav-login-register a:hover {
text-decoration: none;
cursor: pointer;
background: #fff;
color: #000
}
.nav-login-link {
line-height: 96px;
padding: 0 8px
}
.nav-contact-us-icon {
height: 30px;
width: 30px;
background: url(../images/img/icons/noun_Telephone_576702_blk.svg);
background-size: contain;
-webkit-transition: background-image .2s .1s;
transition: background-image .2s .1s;
float: right;
position: relative;
margin: 24px 0 32px 20px;
cursor: pointer
}
body.notification-active .nav-content .nav-contact-us-dropdown {
top: 169px
}
.nav-contact-us-dropdown {
display: none;
-webkit-box-sizing: content-box!important;
box-sizing: content-box!important;
position: absolute;
top: 81px;
margin-left: 0px;
width: 270px;
background: #fff;
padding: 20px;
border: 1px solid #c2c2d2;
border-top: 0;
right: 0;
}
@media (min-width:1440px) {
.nav-contact-us-dropdown {
margin-left: 67px
}
}
.nav-contact-us-dropdown a.desktop-teltag,
.nav-contact-us-dropdown a[href^="tel:"],
.nav-contact-us-dropdown a[href^="tel:"]>span {
font-weight: 700!important;
color: #000!important
}
.nav-contact-us-dropdown a.desktop-teltag.teltag,
.nav-contact-us-dropdown a[href^="tel:"].teltag,
.nav-contact-us-dropdown a[href^="tel:"]>span.teltag {
color: #0066bc!important
}
body.costofcarepage .nav-contact-us-dropdown,
html.impairments-page .nav-contact-us-dropdown {
margin-top: -1px
}
.mobile-contact-us-info {
display: none;
margin-top: 30px;
padding: 0 73px
}
.mobile-contact-us-info .mobile-contact-us-info-icon {
height: 30px;
width: 30px;
background: url(../images/img/icons/noun_Telephone_576702_blk.svg);
background-size: contain;
float: left;
margin: -4px 3px 0 -5px
}
@media (max-width:999px) {
.nav-contact-us-dropdown,
.nav-contact-us-icon {
display: none
}
.mobile-contact-us-info {
display: block
}
}
@media (max-width:767px) {
.mobile-contact-us-info {
padding: 0 53px
}
}
@media (max-width:575px) {
.mobile-contact-us-info {
padding: 0 38px
}
}
.nav-icon {
display: inline-block;
vertical-align: top;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-size: auto 20px
}
.nav-icon.nav-chevron {
vertical-align: middle
}
html:not(.nav-menu-showing):not(.scrolled) .homepage:not(.login-badge-active) .nav:not(:hover) .nav-icon.nav-chevron {
background-image: url(../images/img/icons/chevrondown_wht.svg);
-webkit-transition: background-image .2s .2s;
transition: background-image .2s .2s
}
html:not(.nav-menu-showing):not(.scrolled) .homepage:not(.login-badge-active) .nav:not(:hover) .nav-contact-us-icon {
background-image: url(../images/img/icons/noun_Telephone_576702_wht.svg);
-webkit-transition: background-image .2s .2s;
transition: background-image .2s .2s
}
body.homepage:not(.login-badge-active) .nav:hover .nav-icon.nav-chevron,
html body:not(.homepage):not(.login-badge-active) .nav .nav-icon.nav-chevron,
html.nav-menu-showing .nav-icon.nav-chevron,
html.scrolled body:not(.login-badge-active) .nav .nav-icon.nav-chevron {
background-image: url(../images/img/icons/chevrondown_blk.svg);
-webkit-transition: background-image .2s .1s;
transition: background-image .2s .1s
}
body.homepage:not(.login-badge-active) .nav:hover .nav-contact-us-icon,
body.homepage:not(.login-badge-active) .nav:hover .nav-icon.nav-chevron,
body.homepage:not(.login-badge-active) .nav:hover .nav-login-form-title {
-webkit-transition: background-image .2s;
transition: background-image .2s
}
body.login-badge-active .nav .nav-icon.nav-chevron {
background-image: url(../images/img/icons/chevronup_blk.svg)
}
.nav-icon.nav-icon-lock-gray {
background-image: url(../images/img/icons/lock_c8c8c8.svg);
height: 25px
}
.nav-icon-cog-gray {
background-image: url(../images/img/icons/gear_c8c8c8.svg);
margin-right: 5px
}
.nav-icon-shield-gray {
background-image: url(../images/img/icons/shield_c8c8c8.svg);
vertical-align: bottom;
margin: 10px 5px 0 -33px
}
.nav.logo-only .nav-control,
.nav.logo-only .nav-extras,
.nav.logo-only .nav-menu {
display: none
}
.global-footer {
position: relative
}
/* .global-footer::before {
content: "";
background-image: url(../images/img/mtn-footer.jpg);
background-position: left;
background-size: cover;
background-repeat: no-repeat;
height: 160px;
position: absolute;
top: -160px;
left: 0;
width: 100%;
display: block;
margin-bottom: 60px
} */
.footer-nav {
position: absolute;
left: -999px
}
.footer-nav:focus {
left: 0
}
.footer-top .footer-column {
-webkit-box-sizing: content-box!important;
box-sizing: content-box!important
}
.exec,
.input-block-level,
.section.cta .cta-outer.card {
-webkit-box-sizing: border-box
}
.global-footer a.desktop-teltag,
.global-footer a[href^="tel:"],
.global-footer a[href^="tel:"].teltag {
color: #fff
}
@media (max-width:767px) {
.footer-top .footer-column li>a,
.global-footer,
.global-footer a {
color: #fff
}
.global-footer {
background: #ce0e2d;
padding: 40px 0 20px;
}
.global-footer a.desktop-teltag,
.global-footer a[href^="tel:"]:not(.teltag) {
font-weight: 400
}
.footer-top .footer-column {
position: relative
}
.footer-top .footer-column p {
display: block;
position: relative;
height: auto;
margin: 0 5px;
padding: 10px 16px;
font-size: 14px;
font-weight: 600;
line-height: 40px;
font-family: 'Open Sans', sans-serif
}
.footer-top .footer-column p:after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 18px;
height: 6px;
width: 6px;
margin-top: -4px;
border-top: 1.5px solid currentColor;
border-right: 1.5px solid currentColor;
-webkit-transform: rotate(135deg);
transform: rotate(135deg)
}
.footer-top .footer-column ul {
display: none;
position: relative;
padding-bottom: 20px;
margin-top: -10px
}
.footer-top .footer-column li>.phone-num,
.footer-top .footer-column li>a {
height: 30px;
margin: 6px 5px 0;
padding: 0 16px 0 32px;
font-weight: 400;
line-height: 30px;
position: relative;
display: block;
font-size: 14px;
cursor: pointer;
}
.footer-top .footer-column .active h2:after,
.footer-top .footer-column .active h3:after {
-webkit-transform: rotate(315deg);
transform: rotate(315deg)
}
.footer-top .footer-column .active ul {
display: block
}
.footer-top .footer-column-group {
position: relative
}
.footer-top .footer-column-group:after,
.footer-top .footer-column-group:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 20px;
right: 20px;
border-bottom: .5px solid #ffffff94;
}
.footer-top .footer-column-group:after {
top: 100%
}
.footer-top .right-column {
margin-bottom: 80px
}
.footer-top .social-media {
position: absolute;
height: 20px;
top: 100%;
left: 0;
right: 0;
text-align: center;
padding: 35px 0
}
.footer-top .social-media .twitter {
background-image: url(../images/img/social/twitter.png)
}
.footer-top .social-media .facebook {
background-image: url(../images/img/social/facebook.png)
}
.footer-top .social-media .linkedIn {
background-image: url(../images/img/social/linked-in.png)
}
.footer-top .social-media .youTube {
background-image: url(../images/img/social/you-tube.png)
}
.footer-top .social-media .pinterest {
background-image: url(../images/img/social/pinterest.png)
}
.footer-top .social-media .googlePlus {
background-image: url(../images/img/social/google.png)
}
.footer-top .social-link {
display: inline-block;
width: 20px;
height: 20px;
margin: 0 6px;
background-repeat: no-repeat;
background-size: auto 16px;
overflow: hidden;
font-family: monospace;
letter-spacing: -1ex;
text-indent: -20ex
}
.footer-bottom .bottom-links {
text-align: center;
padding: 0 20px;
font-size: 14px;
font-weight: 600;
line-height: 2;
color: rgba(255, 255, 255, .5)
}
.footer-bottom .bottom-links li {
display: inline-block
}
.footer-bottom .bottom-links li:after {
content: "•";
vertical-align: middle;
padding: 0 5px
}
.footer-bottom .bottom-links li:last-child:after {
color: transparent
}
.footer-bottom .bottom-links li a {
color: rgba(255, 255, 255, .5)
}
.footer-bottom .bottom-links .country-selector {
margin-top: 20px
}
.footer-bottom .bottom-links .country-selector:before {
content: "";
display: inline-block;
width: 25px;
height: 13px;
background-image: url(../images/img/flag-us.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
vertical-align: middle;
margin-top: -1px;
margin-right: 15px
}
.footer-bottom .bottom-text {
margin: 30px 20px 10px;
line-height: 1.7;
text-align: center
}
.footer-bottom .bottom-text .site-disclaimer {
font-size: 12px;
color: rgb(255 255 255 / 86%)
}
.footer-bottom .bottom-text .copyright-text {
margin-top: 30px;
font-size: 14px;
font-weight: 500
}
}
@media (max-height:500px) {
.modal.country-selector-modal .column-container .lost-third>div,
.modal.country-selector-modal .country-selector-title {
padding-bottom: 5px
}
}
@media (min-width:768px) {
.global-footer {
background: #ce0e2d;
color: #fff;
padding: 0 0 20px
}
.footer-top {
max-width: 1024px;
padding: 0 2rem;
margin: auto;
white-space: nowrap
}
.footer-top .footer-column {
display: inline-block;
width: 17%;
padding-right: 3%;
vertical-align: top;
white-space: normal
}
.footer-top .footer-column li>.phone-num,
.footer-top .footer-column li>a {
display: block;
padding: 0px 0;
margin: 10px 0;
font-size: 14px;
font-weight: 500;
cursor: pointer;
}
.footer-top .footer-column p {
margin-top: 30px;
margin-bottom: 10px;
font-size: 14px;
font-weight: 400;
color: rgb(255 255 255 / 80%);
font-family: 'Open Sans', sans-serif
}
.footer-top .footer-column li>a {
color: #fff
}
.footer-top .social-media {
white-space: nowrap
}
.footer-top .social-media .social-link {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 4%;
background-repeat: no-repeat;
background-size: auto 16px;
overflow: hidden;
font-family: monospace;
letter-spacing: -1ex;
text-indent: -20ex
}
.footer-top .social-media .twitter {
background-image: url(../images/img/social/twitter.png)
}
.footer-top .social-media .facebook {
background-image: url(../images/img/social/facebook.png)
}
.footer-top .social-media .linkedIn {
background-image: url(../images/img/social/linked-in.png)
}
.footer-top .social-media .youTube {
background-image: url(../images/img/social/you-tube.png)
}
.footer-top .social-media .pinterest {
background-image: url(../images/img/social/pinterest.png)
}
.footer-top .social-media .googlePlus {
background-image: url(../images/img/social/google.png)
}
.footer-bottom {
max-width: 1024px;
padding: 0 2rem;
margin: auto;
font-size: 14px;
font-weight: 600
}
.footer-bottom .bottom-links {
position: relative;
margin: 20px auto 100px;
padding: 15px 0;
border-top: 1px solid #ffffff7a;
border-bottom: 1px solid #ffffff7a;
text-align: center;
color: rgba(255, 255, 255, .5);
}
.footer-bottom .bottom-links li {
display: inline-block;
margin: 0 1.2%
}
.footer-bottom .bottom-links li a {
display: inline-block;
padding: 5px;
color: rgb(255 255 255 / 82%)
}
.footer-bottom .bottom-links .country-selector {
display: inline-block;
position: absolute;
top: 100%;
left: 0;
right: 0;
margin-top: 40px;
padding: 5px 0
}
.footer-bottom .bottom-links .country-selector:before {
content: "";
display: inline-block;
width: 25px;
height: 13px;
background-image: url(../images/img/flag-us.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
vertical-align: middle;
margin-top: -1px;
margin-right: 15px
}
.footer-bottom .bottom-text {
margin: 30px 50px 0px;
line-height: 1.7;
text-align: center
}
.footer-bottom .bottom-text .site-disclaimer {
color: rgb(255 255 255 / 86%)
}
.footer-bottom .bottom-text .copyright-text {
margin-top: 20px;
font-weight: 500;
border-top: 1px solid #ffffff73;
padding-top: 20px;
}
}
@media (min-width:1200px) {
.footer-top {
text-align: justify;
white-space: normal
}
.footer-top:after {
content: "";
display: inline-block;
width: 100%
}
.footer-top .footer-column {
width: auto;
text-align: left
}
.footer-bottom .bottom-links {
margin-bottom: 20px
}
.footer-bottom .bottom-links .country-selector {
position: absolute;
top: 5px;
right: 0;
left: auto;
margin-top: 20px
}
}
.country-selector.toggle-countries {
cursor: pointer
}
.country-selector-modal .country-selector-title {
font-size: 22px;
font-weight: 700;
padding-bottom: 1rem
}
.carousel-item-heading,
.carousel-item-subheading {
font-weight: 600;
max-width: 450px;
margin: auto;
width: 90%
}
.country-selector-modal .column-container .lost-third {
float: left;
width: 33%
}
.country-selector-modal .column-container .lost-third>div {
padding-top: .5rem
}
.country-selector-modal .column-container .lost-third>div a:hover {
text-decoration: underline
}
.country-selector-modal .country-flags {
background: url(../images/img/countries/countries_flag.gif) no-repeat;
background-size: 100%;
width: 30px;
height: 20px;
float: left;
margin-right: 5px
}
.carousel,
.carousel-item {
width: 100%;
overflow: hidden
}
.country-selector-modal .country-flags.AU {
background-position-y: 0
}
.country-selector-modal .country-flags.CA {
background-position-y: -28px
}
.country-selector-modal .country-flags.DE {
background-position-y: -57px
}
.country-selector-modal .country-flags.DK {
background-position-y: -85px
}
.country-selector-modal .country-flags.EE {
background-position-y: -114px
}
.country-selector-modal .country-flags.ES {
background-position-y: -169px
}
.country-selector-modal .country-flags.FR {
background-position-y: -198px
}
.country-selector-modal .country-flags.GR {
background-position-y: -758px
}
.country-selector-modal .country-flags.IN {
background-position-y: -225px
}
.country-selector-modal .country-flags.IE {
background-position-y: -140px
}
.country-selector-modal .country-flags.IT {
background-position-y: -253px
}
.country-selector-modal .country-flags.LT {
background-position-y: -339px
}
.country-selector-modal .country-flags.MA {
background-position-y: -369px
}
.country-selector-modal .country-flags.MX {
background-position-y: -396px
}
.country-selector-modal .country-flags.NL {
background-position-y: -425px
}
.country-selector-modal .country-flags.NZ {
background-position-y: -454px
}
.country-selector-modal .country-flags.NO {
background-position-y: -481px
}
.country-selector-modal .country-flags.PL {
background-position-y: -507px
}
.country-selector-modal .country-flags.PT {
background-position-y: -535px
}
.country-selector-modal .country-flags.CH {
background-position-y: -562px
}
.country-selector-modal .country-flags.SK {
background-position-y: -590px
}
.country-selector-modal .country-flags.FI {
background-position-y: -619px
}
.country-selector-modal .country-flags.SE {
background-position-y: -646px
}
.country-selector-modal .country-flags.UK {
background-position-y: -675px
}
.country-selector-modal .country-flags.US {
background-position-y: -702px
}
@media (min-width:1200px) {
.footer-bottom,
.footer-top {
padding: 0;
max-width: 1100px
}
}
@media (min-width:1440px) {
.footer-bottom,
.footer-top {
padding: 0;
max-width: 1300px
}
}
.global-footer.stripped-footer {
margin-top: -160px
}
.global-footer.stripped-footer:before {
height: 0;
margin: 0;
top: 0
}
.global-footer.stripped-footer .bottom-links ul li:nth-child(1),
.global-footer.stripped-footer .bottom-links ul li:nth-child(2),
.global-footer.stripped-footer .country-selector,
.global-footer.stripped-footer .footer-top {
display: none
}
.carousel-item-cta a,
.carousel-item-text,
.carousel-item:before {
display: inline-block
}
.carousel {
position: relative;
height: 100vh;
background-image: url(../../../../content/dam/genworth/backgrounds/VideoPageLoad_familywoods_1920x1080.jpg);
background-repeat: no-repeat;
background-size: inherit;
background-position: center
}
.carousel-item {
visibility: hidden;
height: 100%;
position: absolute;
top: 0;
left: 0;
white-space: nowrap
}
.carousel-item:first-child,
.tooltip {
visibility: visible
}
.carousel-item:before {
content: "";
height: 100%;
vertical-align: middle
}
.carousel-item-video {
min-width: 100%;
min-height: 56.25vw;
width: 177.778vh;
height: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
pointer-events: none;
-webkit-transition: opacity .5s linear;
transition: opacity .5s linear;
position: absolute
}
.carousel-item-text {
position: relative;
width: 100%;
text-align: center;
vertical-align: middle;
color: #fff;
white-space: normal;
-webkit-font-smoothing: initial
}
.carousel-item-heading {
font-family: 'Crimson Text', serif;
font-size: 30px;
line-height: 1
}
.carousel-item-heading>div:after {
content: " "
}
.carousel-item-subheading {
padding: 10px;
font-size: 14px;
line-height: 1.6
}
.carousel-item-cta {
width: 90%;
max-width: 450px;
margin: 15px auto;
font-size: 14px;
font-weight: 700;
line-height: 18px;
text-transform: uppercase
}
.carousel-next,
.carousel-prev {
width: 80px;
height: 80px;
margin-top: -40px;
position: absolute;
z-index: 20;
top: 50%
}
.carousel-next {
cursor: pointer;
right: 0
}
.carousel-next>.carousel-chevron {
left: 25px
}
.controls-disabled .carousel-next,
.controls-disabled .carousel-prev {
cursor: default
}
.carousel-prev {
cursor: pointer;
left: 0
}
.carousel-prev>.carousel-chevron {
right: 25px;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.carousel-chevron {
height: 25px;
width: 25px;
position: absolute;
top: 50%;
margin-top: -10px
}
.carousel-pagecontrol {
position: absolute;
bottom: 78px;
left: 50%;
width: 400px;
margin-left: -200px;
text-align: center;
z-index: 20;
font-size: 1px
}
.carousel-pageindicator {
display: inline-block;
position: relative;
width: 24px;
height: 24px;
cursor: pointer;
opacity: .5
}
.carousel-pageindicator:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
margin-top: -4px;
margin-left: -4px;
border-radius: 4px;
background: #fff
}
.controls-disabled .carousel-pageindicator {
cursor: default
}
.carousel-scrollhint,
.close:not(:disabled):not(.disabled),
[data-toggle=tooltip],
html.touch body {
cursor: pointer
}
.carousel-scrollhint {
position: absolute;
bottom: 0;
left: 50%;
width: 200px;
margin-left: -100px;
padding-bottom: 52px;
text-align: center;
z-index: 20;
color: #fff
}
.carousel-scrollhint>.carousel-chevron {
-webkit-animation: herovideo__teaser__animation 1.5s infinite cubic-bezier(.445, .05, .55, .95);
animation: herovideo__teaser__animation 1.5s infinite cubic-bezier(.445, .05, .55, .95);
left: 50%;
position: absolute;
bottom: 30px;
-webkit-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg)
}
.carousel-scrollhint-label {
font-size: 14px;
font-weight: 700;
text-transform: uppercase
}
@media (max-width:575px) {
.carousel-next,
.carousel-pagecontrol,
.carousel-prev,
.carousel-scrollhint {
display: none
}
}
@media (min-width:576px) {
.carousel-item-subheading {
font-size: 15px
}
}
@media (min-width:768px) {
.carousel-item-heading {
font-size: 54px
}
.carousel-item-subheading {
font-size: 16px
}
}
@media (min-width:1440px) {
.carousel-item-heading {
max-width: 600px;
font-size: 72px
}
.carousel-item-subheading {
max-width: 600px;
font-size: 18px
}
.carousel-item-cta {
max-width: 600px
}
}
@-webkit-keyframes herovideo__teaser__animation {
0%,
100% {
-webkit-transform: translate(-50%, 0) scale(.8) rotate(90deg);
transform: translate(-50%, 0) scale(.8) rotate(90deg)
}
50% {
-webkit-transform: translate(-50%, 10px) scale(1.02) rotate(90deg);
transform: translate(-50%, 10px) scale(1.02) rotate(90deg)
}
}
@keyframes herovideo__teaser__animation {
0%,
100% {
-webkit-transform: translate(-50%, 0) scale(.8) rotate(90deg);
transform: translate(-50%, 0) scale(.8) rotate(90deg)
}
50% {
-webkit-transform: translate(-50%, 10px) scale(1.02) rotate(90deg);
transform: translate(-50%, 10px) scale(1.02) rotate(90deg)
}
}
.close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5
}
.modal .close {
font-size: 2rem
}
.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
color: #000;
text-decoration: none;
opacity: .75
}
button.close {
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none
}
.form-number-wrapper {
margin: 0 auto 20px;
position: relative;
z-index: 1
}
.form-number>a {
pointer-events: none;
text-decoration: none;
color: #000!important;
font-weight: 400!important
}
@media (min-width:960px) and (max-width:1024px) {
.form-number-wrapper {
max-width: 880px
}
}
@media (min-width:1025px) {
.form-number-wrapper {
max-width: 1100px
}
}
@media (max-width:959px) {
.form-number-wrapper {
margin: 0 2rem
}
}
@media (min-width:1440px) {
body.contentpage .form-number-wrapper,
body.homepage .form-number-wrapper {
max-width: 1300px
}
}
.section.text p.bottom-link {
font-family: 'Open Sans', sans-serif;
font-size: 20px
}
@media (min-width:1000px) {
.bottom-link-offset {
margin-top: -15px!important;
margin-bottom: -15px!important
}
}
@media (max-width:999px) {
.section.text p.bottom-mobile-separate {
margin-bottom: 50px
}
.section.text p.bottom-mobile-separate:after {
content: "";
background: #ccc;
position: absolute;
left: calc(50% - 50px);
width: 100px;
height: 2px;
margin-top: 55px
}
.content-container p.button-mobile-align-constarters {
text-align: center;
font-size: 18px
}
}
.phone-number {
font-weight: 700;
color: #000;
text-decoration: none
}
.content-container-90 {
max-width: calc(100% - 90px)!important;
width: 30%!important
}
.content-container-50 {
max-width: calc(100% - 50px)!important;
width: calc(70% - 144px)!important
}
@media (max-width:767px) {
.content-container-50,
.content-container-90 {
width: 100%!important
}
}
.bottom-header-sitemap {
margin-bottom: -60px
}
@media (min-width:1200px) {
.bottom-header-constarter {
margin-bottom: -50px
}
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.alert,
.tooltip-inner {
background-color: #fff
}
.input-block-level {
display: block;
width: 100%;
min-height: 30px;
box-sizing: border-box
}
.tooltip {
position: absolute;
z-index: 1030;
display: block;
font-size: 13px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0)
}
.tooltip.in {
opacity: 1;
filter: alpha(opacity=80)
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #fff
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #fff
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #fff
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #fff
}
.tooltip-inner {
max-width: 200px;
padding: 5px;
color: #000;
text-align: center;
text-decoration: none;
border-radius: 10px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
box-shadow: 0 0 5px rgba(0, 0, 0, .5)
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
.tooltip-icon,
.tooltip-icon.tooltip-icon-question-black {
display: inline-block;
vertical-align: top;
width: 15px;
height: 17px;
background-repeat: no-repeat;
background-size: auto 15px
}
.tooltip-icon {
background-position-y: 2px
}
.tooltip-icon.tooltip-icon-question-black {
background-image: url(../images/img/icons/question_blk.svg);
background-position-y: 1px;
margin-left: 5px
}
.icon-information-black {
background-image: url(../images/img/icons/information_blk.svg)
}
.tooltip.tooltip-click .tooltip-click-close-button {
position: absolute;
right: 5px;
font-size: 20px;
width: 25px;
height: 25px;
cursor: pointer;
text-align: center;
font-weight: 700
}
.tooltip.tooltip-click .tooltip-inner {
padding: 25px;
max-width: 400px;
border-radius: 0;
text-align: left;
-webkit-box-shadow: 5px 7px 14px 4px #ccc;
box-shadow: 5px 7px 14px 4px #ccc
}
.tooltip.tooltip-click .tooltip-inner .tooltip-heading {
margin-bottom: 10px
}
.tooltip.tooltip-click .tooltip-inner .tooltip-body {
font-weight: 400
}
.tooltip.tooltip-click .tooltip-inner .tooltip-body a {
color: #0065BB;
font-weight: 600;
text-decoration: none
}
.tooltip.tooltip-click .tooltip-inner .tooltip-body a:hover {
text-decoration: underline
}
.alert {
display: block;
border-radius: 4px;
border: 1px solid #ddd;
-webkit-box-shadow: 0 0 0 4px #fcf4f4 inset;
box-shadow: 0 0 0 4px #fcf4f4 inset;
padding: 30px
}
.alert a {
color: #0065BB;
font-weight: 600
}
.alert-no-audiocontext {
display: none
}
.no-audio-context .alert-no-audiocontext {
display: block
}
#alert-hearing-simluation-iphone {
display: none
}
.btn,
.btn-link,
.btn-secondary,
.button-secondary.large.covid-text-image,
.section.cta .button {
display: inline-block
}
.alert-img-overlay {
position: relative;
top: 33%;
margin: 0 40px
}
.modal,
.modal-backdrop {
top: 0;
right: 0;
bottom: 0;
left: 0
}
.alert-heading {
font-size: 20px
}
.alert-error {
border-color: #c40000
}
.alert-error .alert-heading {
color: #c40000
}
.btn-default[disabled],
.content-container>p>a[disabled] {
opacity: .5;
background-color: #aaa;
color: #363636;
border: 2px solid #aaa;
cursor: not-allowed
}
.btn {
background-color: #444;
border: 0;
border-radius: 2em;
color: #fff;
cursor: pointer;
font-size: .88889rem;
line-height: 1em;
padding: 1.5em 2.5em;
text-align: center;
width: 100%
}
.btn:hover {
background-color: #2b2b2b
}
@media (min-width:768px) {
.btn .button {
margin: 1em 0;
width: auto
}
}
.btn-link {
color: #0066bc;
text-decoration: none;
padding: 0;
margin: 0;
background: 0 0;
border: none;
cursor: pointer;
font-size: 1rem;
-moz-user-select: none;
user-select: none
}
.btn-link:active,
.btn-link:focus,
.btn-link:hover,
.crumb:hover {
text-decoration: underline
}
.button-primary,
.button-secondary,
.section.text a.section-text-button.button-primary,
.section.text a.section-text-button.button-secondary {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
letter-spacing: .1em;
padding: 0 20px;
text-align: center;
cursor: pointer;
text-transform: uppercase
}
.btn-hollow {
background: 0 0;
border: 2px solid rgba(68, 68, 68, .4);
color: #444;
-webkit-transition: none;
transition: none
}
.btn-hollow:hover {
background: #444;
color: #fff
}
.btn-group>.btn {
margin: 0 15px;
width: auto
}
.button-primary,
.section.text a.section-text-button.button-primary {
border-radius: 2em;
-webkit-transition: 50ms ease all;
transition: 50ms ease all
}
.button-primary.light,
.section.text a.section-text-button.button-primary.light {
color: #000;
border: 2px solid #000;
background: #fff
}
.button-primary.light.transparent,
.section.text a.section-text-button.button-primary.light.transparent {
background: 0 0
}
.button-primary.light:focus,
.button-primary.light:hover,
.section.text a.section-text-button.button-primary.light:focus,
.section.text a.section-text-button.button-primary.light:hover {
color: #fff;
border-color: #687381;
background: #687381!important;
text-decoration: none
}
.button-primary.dark,
.section.text a.section-text-button.button-primary.dark {
color: #fff;
border: 2px solid #fff;
background: #000
}
.button-primary.dark.transparent,
.section.text a.section-text-button.button-primary.dark.transparent {
background: 0 0
}
.button-primary.dark:focus,
.button-primary.dark:hover,
.section.text a.section-text-button.button-primary.dark:focus,
.section.text a.section-text-button.button-primary.dark:hover {
color: #000;
border-color: #fff;
background: #fff!important;
text-decoration: none
}
.button-primary.small,
.section.text a.section-text-button.button-primary.small {
font-size: 14px;
min-height: 40px;
line-height: 40px
}
@media (max-width:999px) {
.button-primary.small,
.section.text a.section-text-button.button-primary.small {
font-size: 12px;
min-height: 30px;
line-height: 30px
}
}
.button-primary.large,
.section.text a.section-text-button.button-primary.large {
font-size: 18px;
min-height: 60px;
line-height: 60px
}
.button-secondary,
.section.text a.section-text-button.button-secondary {
color: #fff;
border-radius: 2em;
background: #0066bc;
-webkit-transition: 50ms ease all;
transition: 50ms ease all
}
.button-secondary.light,
.section.text a.section-text-button.button-secondary.light {
border: 2px solid #0066bc
}
.button-secondary.light:focus,
.button-secondary.light:hover,
.section.text a.section-text-button.button-secondary.light:focus,
.section.text a.section-text-button.button-secondary.light:hover {
color: #fff;
border-color: #687381;
background: #687381;
text-decoration: none
}
.button-secondary.dark,
.section.text a.section-text-button.button-secondary.dark {
border: 2px solid #fff
}
.button-secondary.dark:focus,
.button-secondary.dark:hover,
.section.text a.section-text-button.button-secondary.dark:focus,
.section.text a.section-text-button.button-secondary.dark:hover {
color: #000;
border-color: #fff;
background: #fff;
text-decoration: none
}
.button-secondary.small,
.section.text a.section-text-button.button-secondary.small {
font-size: 14px;
min-height: 40px;
line-height: 40px
}
@media (max-width:999px) {
.button-primary.large,
.section.text a.section-text-button.button-primary.large {
font-size: 14px;
min-height: 40px;
line-height: 40px
}
.button-secondary.small,
.section.text a.section-text-button.button-secondary.small {
font-size: 12px;
min-height: 30px;
line-height: 30px
}
}
.button-secondary.large,
.section.text a.section-text-button.button-secondary.large {
font-size: 18px;
min-height: 60px;
line-height: 60px
}
@media (max-width:999px) {
.button-secondary.large,
.section.text a.section-text-button.button-secondary.large {
font-size: 14px;
min-height: 40px;
line-height: 40px
}
}
.btn-default.button-primary,
.btn-default.button-secondary,
.content-container .button-primary,
.content-container .button-secondary {
display: inline-block;
margin: 20px auto
}
.content-container .button-primary {
padding: 0 40px
}
.button-secondary.large.covid-text-image {
background: #27A5D5;
padding: 0 40px;
font-size: 18px;
min-height: 60px;
line-height: 60px
}
.button-secondary.large.covid-text-image:focus,
.button-secondary.large.covid-text-image:hover {
color: #000!important;
border-color: #000;
background: #fff;
text-decoration: none
}
a.covid-text-image {
color: #fff!important
}
.accordion-section__content,
.accordion-section__heading {
font-family: 'Open Sans', sans-serif;
text-align: left;
color: #000
}
.cq-wcm-edit .nav {
position: relative!important
}
.cq-wcm-edit main {
padding-top: 0!important
}
.cq-wcm-edit .carousel {
margin: 0!important
}
body .cq-wcm-edit main {
padding-top: 70px
}
body[data-qual-current-nudge='200021'] #qual_ol {
width: 100%;
left: 0!important;
bottom: 0!important;
top: inherit!important;
border-radius: 0!important;
height: 246px;
padding: 5px 0!important;
border-bottom-width: 0!important;
border-left-width: 0!important;
border-right-width: 0!important
}
@media screen and (max-width:768px) {
#qual_ol {
width: 100%;
left: 0!important;
bottom: 0!important;
top: inherit!important;
border-radius: 0!important;
height: 65%;
padding: 5px 0!important;
border-bottom-width: 0!important;
border-left-width: 0!important;
border-right-width: 0!important
}
.qual_x_close.qual_opened {
top: -8px!important
}
#qual_ol_box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.accordion.section {
margin-left: 20px
}
.accordion-section.is-active>.accordion-section__heading::before {
background: url(../images/img/icons/minus.svg) center no-repeat;
background-size: 20px
}
.accordion-section.is-active>.accordion-section__content {
display: block;
-webkit-animation: drop-in .2s cubic-bezier(.445, .05, .55, .95) 1 forwards;
animation: drop-in .2s cubic-bezier(.445, .05, .55, .95) 1 forwards
}
.accordion-section__heading {
font-size: 18px;
font-weight: 600;
line-height: 1.83;
letter-spacing: .2px;
margin-bottom: 20px;
position: relative;
padding-left: 42px
}
.accordion-section__heading:hover {
cursor: pointer;
-moz-user-select: none;
user-select: none
}
.accordion-section__heading::before {
content: "";
width: 20px;
height: 20px;
background: url(../images/img/icons/plus.svg) center no-repeat;
background-size: 20px;
position: absolute;
bottom: 5px;
left: 0
}
.accordion-section__content {
display: none;
font-size: 16px;
line-height: 1.75;
letter-spacing: .8px;
padding-left: 22px;
position: relative;
-webkit-animation: drop-out .2s cubic-bezier(.445, .05, .55, .95) 1 forwards;
animation: drop-out .2s cubic-bezier(.445, .05, .55, .95) 1 forwards
}
.accordion-section__content>.section.text {
margin: 0
}
.no-accordion>.accordion-section>.accordion-section__content {
display: block
}
@-webkit-keyframes drop-in {
0% {
opacity: .3;
top: -8px
}
100% {
opacity: 1;
top: 0
}
}
@keyframes drop-in {
0% {
opacity: .3;
top: -8px
}
100% {
opacity: 1;
top: 0
}
}
@-webkit-keyframes drop-out {
0% {
opacity: 1;
top: 0
}
80% {
opacity: 0
}
100% {
opacity: 0;
top: -8px
}
}
@keyframes drop-out {
0% {
opacity: 1;
top: 0
}
80% {
opacity: 0
}
100% {
opacity: 0;
top: -8px
}
}
.alert-component-pill-data {
border-radius: 26px;
min-height: 54px;
line-height: 24px;
display: none;
padding: 3px 25px;
overflow-y: auto
}
.alert-component-text p {
color: #fff;
font-family: "Open Sans";
float: left;
width: calc(100% - 35px);
font-size: 16px;
margin: 15px 0
}
.alert-component-bell-container {
background-clip: content-box;
background-image: url(../images/img/icons/bell_wht.svg);
background-repeat: no-repeat;
background-size: 25px 30px;
margin-top: 12px;
margin-right: 10px;
margin-bottom: 12px;
width: 25px;
height: 30px;
float: left
}
.critical-alert {
background-color: #bd6868
}
.secondary-alert {
background-color: #27a5d5
}
.standard-alert {
background-color: #687381
}
.alert_message {
margin: auto
}
@media (min-width:1000px) {
.alert_message {
max-width: 854px
}
.alert-component-pill-data {
margin-right: 15px
}
}
@media (min-width:960px) {
.alert_message {
max-width: 1100px
}
.alert-component-pill-data {
margin-right: 70px
}
}
@media (min-width:1440px) {
.alert_message {
max-width: 1272px
}
.alert-component-pill-data {
margin-right: 50px
}
}
@media (max-width:999px) {
.alert_message {
margin: 0 70px 10px 20px
}
.alert-component-pill-data {
border-radius: 18px;
line-height: 20px;
min-height: 40px;
display: none
}
.alert-component-bell-container {
background-size: 20px 25px;
margin-top: 7.5px;
margin-right: 10px;
margin-bottom: 7.5px;
width: 20px;
height: 25px
}
.alert-component-text p {
font-size: 12px;
margin: 10px 0
}
}
@media (max-width:767px) {
.alert_message {
margin: 0 60px 20px 20px
}
}
@media (max-width:575px) {
.alert_message {
margin: 0 40px 20px 20px
}
}
@media (max-width:420px) {
.alert_message {
margin: 0 10px 20px 20px
}
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s
}
@-webkit-keyframes bounce {
20%,
53%,
80%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0)
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
}
@keyframes bounce {
20%,
53%,
80%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0)
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes flash {
50%,
from,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@keyframes flash {
50%,
from,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
from,
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
}
@keyframes pulse {
from,
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse
}
@-webkit-keyframes rubberBand {
from,
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
}
@keyframes rubberBand {
from,
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg)
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg)
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg)
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg)
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes tada {
from,
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
10%,
20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
}
@keyframes tada {
from,
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
10%,
20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
from,
to {
-webkit-transform: none;
transform: none
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
}
@keyframes wobble {
from,
to {
-webkit-transform: none;
transform: none
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes jello {
11.1%,
from,
to {
-webkit-transform: none;
transform: none
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes jello {
11.1%,
from,
to {
-webkit-transform: none;
transform: none
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes bounceIn {
20%,
40%,
60%,
80%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@keyframes bounceIn {
20%,
40%,
60%,
80%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInDown {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInLeft {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0)
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInRight {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0)
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes bounceInUp {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.flipInX {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipInX;
animation-name: flipInX
}
.flipInY,
.flipOutX {
-webkit-backface-visibility: visible!important
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.flipInY {
backface-visibility: visible!important;
-webkit-animation-name: flipInY;
animation-name: flipInY
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0
}
}
.flipOutY {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1
}
to {
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1
}
to {
-webkit-transform: none;
transform: none;
opacity: 1
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
@keyframes lightSpeedOut {
from {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(.1) rotate(30deg);
transform: scale(.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(.1) rotate(30deg);
transform: scale(.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox
}
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
@keyframes rollOut {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
from {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@keyframes zoomOut {
from {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}
.audio-player {
margin: 0
}
.audio-caption {
text-align: center;
padding-bottom: 1rem
}
.audio-player audio {
width: 90%;
margin: auto;
display: block
}
.block-grid-wrapper {
overflow: auto
}
.block-grid-wrapper .block-grid-block-wrapper {
float: left;
margin: 20px;
-webkit-box-shadow: 0 10px 30px #ddd;
box-shadow: 0 10px 30px #ddd
}
.block-grid-wrapper .block-grid-block-wrapper[data-link]:not([data-link=""]) {
cursor: pointer
}
.block-grid-wrapper .block-grid-block-wrapper:hover {
-webkit-transition: -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
transition: -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
transition: transform 1s cubic-bezier(.23, 1, .32, 1);
transition: transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
-webkit-transform: scale(1.06) translate3d(0, 0, 0);
transform: scale(1.06) translate3d(0, 0, 0)
}
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-1 {
width: calc(25% - 40px)
}
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-2 {
width: calc(50% - 40px)
}
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-2 .block-grid-block {
width: 50%
}
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-2 img.block-grid-block-image[src]:not([src=""]) {
display: block
}
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-3 {
width: calc(75% - 40px)
}
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-4 {
width: calc(100% - 40px)
}
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-white {
background: #fff
}
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-gray {
background: #687381
}
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-green {
background: #27c49d
}
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-gray .block-grid-block-category,
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-gray .block-grid-block-heading,
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-green .block-grid-block-category,
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-green .block-grid-block-heading {
color: #fff!important
}
.block-grid-wrapper .block-grid-block-wrapper img.block-grid-block-image {
display: none;
float: left;
width: calc(50% - 40px);
height: 175px
}
.block-grid-wrapper .block-grid-block-wrapper .block-grid-block {
float: left;
padding: 20px;
min-height: 135px
}
.block-grid-wrapper .block-grid-block-wrapper .block-grid-block .block-grid-block-category {
text-transform: uppercase;
margin-bottom: 10px;
font-size: 14px
}
.block-grid-wrapper .block-grid-block-wrapper .block-grid-block .block-grid-block-heading {
font-size: 24px;
margin-bottom: 10px;
line-height: 30px
}
@media (max-width:1439px) and (min-width:1000px) {
.block-grid-wrapper .block-grid-block-wrapper img.block-grid-block-image {
height: 165px
}
.block-grid-wrapper .block-grid-block-wrapper .block-grid-block {
min-height: 125px
}
.block-grid-wrapper .block-grid-block-wrapper .block-grid-block .block-grid-block-category {
font-size: 13px
}
.block-grid-wrapper .block-grid-block-wrapper .block-grid-block .block-grid-block-heading {
font-size: 18px;
line-height: 26px
}
}
@media (max-width:999px) {
.block-grid-wrapper {
padding: 0 20px
}
.block-grid-wrapper .block-grid-block-wrapper {
margin: 20px 0
}
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-1 {
float: none;
display: inline-block;
margin: 20px auto;
width: calc(50% - 2.5px)
}
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-2 {
width: 100%
}
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-2 .block-grid-block {
width: calc(50% - 40px)
}
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-2 img.block-grid-block-image {
width: 50%;
height: unset
}
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-3 {
width: 100%
}
}
@media (max-width:669px) {
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-2 .block-grid-block {
min-height: 125px
}
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-2 img.block-grid-block-image {
min-height: 165px
}
.block-grid-wrapper .block-grid-block-wrapper .block-grid-block .block-grid-block-heading {
font-size: 18px;
line-height: 26px
}
}
@media (max-width:529px) {
.block-grid-wrapper .block-grid-block-wrapper .block-grid-block {
min-height: 150px
}
}
@media (max-width:499px) {
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-1,
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-2,
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-3,
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-4 {
width: 100%
}
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-1 .block-grid-block,
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-2 .block-grid-block,
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-3 .block-grid-block,
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-4 .block-grid-block {
width: calc(100% - 40px);
min-height: 1px
}
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-1 img.block-grid-block-image,
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-2 img.block-grid-block-image,
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-3 img.block-grid-block-image,
.block-grid-wrapper .block-grid-block-wrapper.block-grid-block-width-4 img.block-grid-block-image {
width: 100%;
min-height: 1px
}
}
.section.blockquote {
margin: 20px auto 60px;
max-width: 880px
}
.section.blockquote p {
text-align: center;
padding: 0 10px
}
.section.blockquote .left p {
text-align: left
}
@media (min-width:375px) {
.section.blockquote p {
padding: 0 35px
}
}
@media (min-width:768px) {
.section.blockquote p {
padding: 0 90px
}
}
@media (min-width:960px) {
.section.blockquote p {
padding: 0 30px
}
}
.section.breadcrumb {
margin: 0 20px 30px
}
.section.breadcrumb .breadcrumb,
.section.breadcrumb .breadcrumb a {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: .05em;
color: #687381
}
.crumb.current {
color: #000
}
.crumb.current:hover {
text-decoration: none
}
@media (max-width:960px) {
.section.breadcrumb {
max-width: 854px
}
}
@media (min-width:960px) and (max-width:1024px) {
.section.breadcrumb {
max-width: 880px;
margin: 0 auto 20px
}
}
@media (min-width:1025px) {
.section.breadcrumb {
max-width: 1100px;
margin: 0 auto 20px
}
}
@media (min-width:1440px) {
.statevariationpage .breadcrumb,
body.contentpage .section.breadcrumb {
max-width: 1300px
}
}
@media (max-width:999px) {
.section.breadcrumb .breadcrumb,
.section.breadcrumb .breadcrumb a {
font-size: 10px;
line-height: 18px
}
}
.section.columnlayout {
position: relative;
z-index: 0
}
.column-layout.light-grey {
background-color: #f7f7f7;
border-color: #ccc;
border-width: 0;
border-style: solid
}
.column-layout.light-grey .column-layout-inner {
padding: 50px 0
}
.column-layout.border-top {
border-top-width: 1px
}
.column-layout.border-bottom {
border-bottom-width: 1px
}
.column-layout-inner {
margin: 0 auto
}
@media (min-width:1000px) {
.column-layout-inner:after {
content: "";
display: table;
clear: both
}
.column-layout-inner>div {
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.column-layout-inner>div.right-border {
border-right-color: #ccc;
border-right-style: solid;
border-right-width: 1px
}
.column-layout-inner .layout-15 {
width: 15%
}
.column-layout-inner .layout-20 {
width: 20%
}
.column-layout-inner .layout-25 {
width: 25%
}
.column-layout-inner .layout-33 {
width: 33.34%
}
.column-layout-inner .layout-33~.layout-33 {
width: 33.33%
}
.column-layout-inner .layout-30 {
width: 30%
}
.column-layout-inner .layout-40 {
width: 40%
}
.column-layout-inner .layout-50 {
width: 50%
}
.column-layout-inner .layout-60 {
width: 60%
}
.column-layout-inner .layout-70 {
width: 70%
}
.column-layout-inner .layout-75 {
width: 75%
}
.column-layout-inner .layout-76 {
float: none;
width: 76%;
margin: 0 auto
}
.column-layout-inner .layout-100 {
width: 100%
}
.column-layout-inner .height-90 {
height: 90px
}
.column-layout-inner .height-100 {
height: 100px
}
.column-layout-inner .height-110 {
height: 110px
}
.column-layout-inner .height-120 {
height: 120px
}
.column-layout-inner .height-130 {
height: 130px
}
}
.inline-video.outer-wrapper {
max-width: 960px;
margin: auto
}
@media (min-width:960px) and (max-width:1439px) {
.column-layout-inner {
max-width: 1140px
}
.column-layout-inner.full-width {
max-width: 1330px
}
}
@media (min-width:1440px) {
.column-layout-inner {
max-width: 1340px
}
}
@media (min-width:960px) {
.column-layout-inner.limited-content.three-column {
max-width: 960px
}
.column-layout-inner.limited-content.two-column {
max-width: 852px
}
}
@media (min-width:1440px) {
body.contentpage .column-layout {
position: relative
}
body.contentpage .column-layout.wide .column-layout-inner {
max-width: 1252px;
position: relative;
left: -28px
}
}
@media (max-width:768px) {
.column-layout-inner {
padding: 0 1em
}
}
.conslogin-wrap {
overflow: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.conslogin-panel-wrap {
width: 50%;
float: left
}
.conslogin-panel-wrap.conslogin-wrap-left {
background: #fff
}
.conslogin-panel-wrap.conslogin-wrap-right {
background: #f7f7f7;
border: 2px solid #cecece;
border-radius: 2px
}
.conslogin-panel.conslogin-left .nav-icon,
.conslogin-panel.conslogin-right .nav-icon {
background-image: url(../images/img/icons/lock_blk.svg)
}
.conslogin-panel {
max-width: 600px;
padding: 40px 40px 20px
}
.conslogin-panel.conslogin-right h2,
.conslogin-panel.conslogin-right label {
color: #000!important
}
.conslogin-panel.conslogin-right a {
text-decoration: none;
color: #000
}
.conslogin-panel.conslogin-right a:hover {
text-decoration: underline
}
.conslogin-panel.conslogin-right #consLoginSubmit {
-webkit-appearance: none;
width: 224px
}
.conslogin-panel.conslogin-right #loginForm .form-group input {
display: block;
width: 250px;
height: 30px;
border: 0;
border-bottom: 3px solid #000;
margin: 0;
font-size: 16px;
font-weight: 400;
-webkit-appearance: none;
color: #000;
background-color: transparent;
padding: 0 0 0 10px;
border-radius: 0
}
#content .conslogin-info ul li:before,
.conslogin-panel ul li:before {
background-color: #000;
border-radius: 2px;
height: 4px;
top: .74em;
content: '';
left: 0
}
.conslogin-panel.conslogin-right .btn-wrap {
margin-top: 93px
}
.conslogin-panel.conslogin-left {
float: right
}
.conslogin-panel h2,
.conslogin-panel p {
padding: 0 0 15px
}
.conslogin-panel ul {
padding: 0 100px 15px 0;
list-style: none
}
.conslogin-panel ul li {
line-height: 1.9;
font-weight: 500;
position: relative;
padding-left: 1.3em;
font-size: 13px
}
.conslogin-panel ul li:before {
position: absolute;
width: 4px
}
.conslogin-panel #consLoginSubmit,
.conslogin-panel a.btn-secondary {
float: left;
width: 220px;
margin-right: 10px
}
.conslogin-panel .nav-icon {
margin: 10px 0 -3px;
vertical-align: bottom
}
.conslogin-panel .forgot-message {
color: #000!important
}
#loginForm .login-form-error,
#smauthFail {
color: #de0e0e
}
.conslogin-info .section.headingtextlinkscard {
max-width: 330px;
padding: 20px 10px 0
}
#content .conslogin-info ul {
margin-top: -20px
}
#content .conslogin-info ul li {
line-height: 1.9;
font-weight: 500;
position: relative;
padding-left: 1.3em;
font-size: 13px
}
#content .conslogin-info ul li:before {
position: absolute;
width: 4px
}
#loginForm .login-form-error .login-form-error {
padding: 5px 0 10px
}
#smauthFail {
font-size: 14px;
font-style: italic
}
@media (min-width:1000px) {
.conslogin-panel-wrap.conslogin-wrap-right {
width: 45%
}
}
@media (max-width:999px) {
.conslogin-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column
}
.conslogin-panel-wrap {
width: 100%;
float: none
}
.conslogin-panel-wrap.conslogin-wrap-left {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.conslogin-panel-wrap.conslogin-wrap-right {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.conslogin-panel {
padding: 20px 40px
}
.conslogin-panel.conslogin-left {
float: none
}
.conslogin-panel.conslogin-right .btn-wrap {
margin-top: 10px
}
.conslogin-panel ul {
padding-right: 0
}
.conslogin-panel .btn-wrap {
margin-left: 15px;
width: 250px
}
.conslogin-panel .btn-wrap p {
margin-left: 40px
}
}
@media (max-width:600px) {
.conslogin-panel {
padding: 20px;
margin: auto
}
.conslogin-panel.conslogin-left {
width: 280px
}
.conslogin-panel.conslogin-right {
width: 260px
}
.conslogin-info .section.headingtextlinkscard .section.headingtextlinkscard {
max-width: 330px;
padding: 20px 0 0;
margin: 0
}
.conslogin-info .section.headingtextlinkscard .section.headingtextlinkscard p {
margin: 0 5px 20px
}
}
.section.cta {
margin-top: 40px;
margin-bottom: 50px;
padding: 0 1em
}
.section.cta .cta-outer.card {
box-sizing: border-box;
margin: auto;
padding: 10px;
background-color: #fff;
-webkit-box-shadow: 0 20px 20px 0 rgba(44, 45, 46, .05);
box-shadow: 0 20px 20px 0 rgba(44, 45, 46, .05)
}
.section.cta .cta-outer.card.width-90 {
width: 90%
}
.section.cta .cta-outer.card.width-80 {
width: 80%
}
.section.cta .cta-outer.card.width-70 {
width: 70%
}
.section.cta .cta-outer.card.width-60 {
width: 60%
}
.section.cta .cta-outer.card.width-50 {
width: 50%
}
.section.cta .card .cta-inner {
border: 1px solid #cecece;
padding: 50px 20px 25px
}
.section.cta .cta-wrapper {
text-align: center;
padding-bottom: 20px
}
.section.cta .cta-inner .cta-heading {
font-family: 'Crimson Text', serif;
font-weight: 600;
font-style: italic;
font-size: 30px;
line-height: 40px;
padding-top: 15px;
padding-bottom: 35px;
text-align: center
}
.section.cta .cta-inner .cta-subtext {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
line-height: 34px;
padding-bottom: 10px;
text-align: center
}
@media (max-width:999px) {
.section.cta .cta-outer.card {
width: 100%!important
}
}
@media (min-width:375px) {
.section.cta {
margin-bottom: 50px
}
}
@media (min-width:1200px) {
.section.cta {
margin-top: 50px
}
.section.cta .card .cta-inner {
border: 1px solid #cecece;
padding: 50px 40px 25px
}
}
.inline-cta {
display: block;
margin: -50px auto
}
.inline-cta .button-secondary {
color: #fff!important
}
.inline-cta .button-secondary:hover {
text-decoration: none!important
}
.inline-cta .section.cta {
padding: 0
}
.cta-banner-outer {
padding: 40px 20px;
font-size: 38px;
font-weight: 700;
font-family: 'Crimson Text', serif
}
.cta-banner-outer .cta-banner-button-wrapper,
.cta-banner-outer .cta-banner-text {
margin: auto;
text-align: center
}
.cta-banner-outer .cta-banner-text {
width: 800px;
max-width: 100%
}
.cta-banner-outer .cta-banner-text,
.cta-banner-outer .cta-banner-text p {
line-height: 48px
}
.cta-banner-outer .cta-banner-button-wrapper {
margin-top: 20px
}
.cta-banner-outer .cta-banner-button-wrapper .cta-banner-button {
min-height: 60px;
line-height: 60px;
display: inline-block;
font-size: 18px
}
.cta-banner-outer.cta-banner-blue {
background: #2bb3dd;
color: #fff
}
.cta-banner-outer.cta-banner-green {
background: #27c49d;
color: #fff
}
.cta-banner-outer.cta-banner-red {
background: #e71c0d;
color: #fff
}
.cta-banner-outer.cta-banner-gray {
background: #b4b4b4;
color: #fff
}
.cta-banner-outer.cta-banner-white {
color: #000
}
.exec {
padding: 25px;
box-sizing: border-box;
max-width: 420px;
margin: auto
}
.exec-container {
background-color: #fff;
-webkit-box-shadow: 0 20px 20px 0 rgba(44, 45, 46, .05);
box-shadow: 0 20px 20px 0 rgba(44, 45, 46, .05)
}
@media (min-width:1000px) {
.exec-container {
min-height: 513px
}
}
.exec-image {
width: 100%;
display: block;
height: 335px;
background-size: cover;
background-position: center
}
.exec-name,
.exec-title {
line-height: 1.71;
text-align: center;
color: #000;
max-width: 280px;
margin: auto
}
.exec-name {
font-weight: 700;
padding-top: 20px
}
.exec-title {
padding-bottom: 20px
}
.familystories .page-content {
height: 100vh;
overflow: hidden;
position: relative;
width: 100%;
min-height: 761px
}
.family-stories__carousel {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.family-stories__video-overlay {
position: absolute;
z-index: -1;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, .8);
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
-webkit-transition: all .5s;
transition: all .5s
}
.family-stories__video-overlay--visible {
opacity: 1;
pointer-events: all;
z-index: 99999999
}
.family-stories__play-button {
background: 0 0;
border: 2px solid rgba(255, 255, 255, .4);
color: #fff;
-webkit-transition: none;
transition: none;
border-radius: 3em;
cursor: pointer;
display: inline-block;
line-height: 1em;
padding: 1.5em 2.5em;
text-align: center;
text-decoration: none;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
font-size: 16px;
font-family: 'Open Sans', sans-serif;
font-weight: 900;
text-transform: uppercase
}
.family-stories__play-button::after {
border-bottom: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 11px solid #fff;
content: '';
display: inline-block;
height: 0;
margin-left: 8px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 0
}
.family-stories__play-button:hover {
background: #fff;
color: #000
}
.family-stories__play-button:hover::after {
border-top-color: #000
}
.family-stories__video-overlay-close-button {
position: absolute;
top: -15px;
right: -15px;
background-color: #fff;
width: 30px;
height: 30px;
border-radius: 30px;
cursor: pointer;
background-image: url(../../genworth/clientlib-site/images/video-close-button.html);
background-position: center;
background-repeat: no-repeat;
background-size: cover
}
.family-stories__hero,
.family-stories__hero__loading {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
min-height: 761px;
left: 0;
position: absolute;
top: 0;
width: 100%;
overflow: hidden
}
.family-stories__gradient {
background: -webkit-gradient(linear, left top, right top, from(black), color-stop(45%), to(transparent));
background: linear-gradient(90deg, #000, 45%, transparent);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.section.familystoriesteasergroup {
max-width: 890px;
margin: 0 auto
}
.section.familystoriesteasergroup .blockquote {
padding: 0 10px;
margin: 0 auto 40px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 150%;
text-align: center;
max-width: 306px
}
.section.familystoriesteasergroup .familystoriescard {
-webkit-box-shadow: 0 10px 30px #ddd;
box-shadow: 0 10px 30px #ddd;
margin: 0 auto 5px;
width: 306px;
height: 173px;
position: relative
}
.section.familystoriesteasergroup .familystoriescard a {
display: block;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
margin: 0;
position: relative;
overflow: hidden
}
.section.familystoriesteasergroup .familystoriescard .title {
color: #fff;
position: absolute;
bottom: 36px;
text-align: center;
width: 100%
}
.section.familystoriesteasergroup .familystoriescard .subtitle {
font-style: italic;
color: #fff;
position: absolute;
bottom: 14px;
text-align: center;
width: 100%
}
.section.familystoriesteasergroup video {
display: none;
position: absolute;
width: 102%;
height: 102%;
left: -1%;
top: -1%
}
.family-stories__carousel {
height: 136px;
overflow: scroll;
padding: 0 20px;
position: relative
}
@media (min-width:830px) {
.family-stories__carousel {
overflow: hidden;
padding: 0 40px;
position: relative;
max-width: 1160px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
}
.family-stories__carousel-button {
cursor: pointer;
display: none;
margin-top: -15px;
opacity: .5;
position: absolute;
top: 52px;
-webkit-transition: all .5s;
transition: all .5s;
z-index: 2
}
@media (min-width:830px) {
.family-stories__carousel-button {
display: block
}
}
.family-stories__carousel--disabled {
opacity: .25;
pointer-events: none
}
.family-stories__carousel-button--left {
left: -5px
}
.family-stories__carousel-button--right {
right: -5px
}
.family-stories__carousel-story-container {
font-size: 0;
overflow-y: visible;
position: relative;
-webkit-transition: all .5s;
transition: all .5s;
white-space: nowrap;
width: 100%;
z-index: 1
}
.familystory {
display: inline
}
.family-stories__carousel-story {
display: inline-block;
margin: 0 20px 0 0;
opacity: 1;
-webkit-transition: all .5s;
transition: all .5s
}
@media (min-width:830px) {
.family-stories__carousel-story {
margin: 0;
width: 25%
}
}
.aem-AuthorLayer-Edit .family-stories__carousel-button {
display: none
}
.aem-AuthorLayer-Edit .family-stories__carousel-story-container {
width: 161px;
lost-utility: clearfix;
overflow: visible;
white-space: normal
}
.family-stories__carousel-story--hidden {
opacity: 1
}
@media (min-width:830px) {
.family-stories__carousel-story--hidden {
opacity: 0
}
}
.family-stories__carousel-preview {
display: relative;
height: 103px;
margin: 0 auto;
padding: 1px;
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
width: 182px
}
.aem-AuthorLayer-Edit .family-stories__carousel {
bottom: auto;
right: -30vw;
height: auto;
top: 90px;
width: 200px
}
.aem-AuthorLayer-Edit .family-stories__carousel-story {
clear: both;
display: block;
lost-utility: clearfix;
margin-bottom: 42px
}
.family-stories__carousel-thumbnail {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
font-size: 0;
height: 101px;
position: relative;
-webkit-transition: all .5s;
transition: all .5s;
width: 180px
}
.family-stories__carousel-thumbnail .familystoriescard__video {
display: none;
height: 101px;
left: 0;
opacity: 0;
position: absolute;
top: 0;
-webkit-transition: all .5s;
transition: all .5s;
width: 180px
}
.family-stories__carousel-thumbnail .familystoriescard__video--visible {
opacity: 1
}
.family-stories__carousel-story--active .family-stories__carousel-preview {
background-color: rgba(255, 255, 255, .7)
}
.family-stories__carousel-title {
color: #fff;
font-family: 'Crimson Text', serif;
font-style: italic;
font-size: 17.78px;
padding-top: 10px
}
@-webkit-keyframes fadein {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadein {
from {
opacity: 0
}
to {
opacity: 1
}
}
.family-stories__video-meta-container {
-webkit-animation: fadein 1s;
animation: fadein 1s;
-webkit-animation-delay: .5s;
animation-delay: .5s;
color: #fff;
height: calc(100vh - 400px);
min-height: 361px;
margin-top: 200px;
opacity: 0;
position: relative;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
@media (min-width:768px) {
.family-stories__carousel-thumbnail .familystoriescard__video {
display: block
}
.family-stories__carousel-title {
font-size: 20px
}
.family-stories__video-meta-container {
position: relative;
max-width: 1160px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
}
.family-stories__video-meta {
left: 20px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 300px
}
.family-stories__video-meta-label {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
margin-bottom: 20px;
font-weight: 900;
text-transform: uppercase
}
.family-stories__video-meta-title {
font-family: 'Crimson Text', serif;
font-style: italic;
font-weight: 600;
font-size: 73px;
line-height: 65px
}
.family-stories__video-meta-summary {
font-size: 17.78px
}
.family-stories__video-play {
margin-top: 40px
}
.family-stories__video-play .button {
margin: 0
}
.button--play::after,
.button--play:after {
border-bottom: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: '';
display: inline-block;
height: 0;
margin-left: 8px;
width: 0
}
@media (min-width:768px) {
.family-stories__video-meta {
left: 7.25%
}
.family-stories__video-play .button {
font-size: 16px;
font-family: 'Open Sans', sans-serif;
font-weight: 900
}
}
.button--play:after {
border-top: 11px solid #fff;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.button--play:hover:after {
border-top: 12px solid #000
}
.button--play::after {
border-top: 11px solid #fff;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.button--play:hover::after {
border-top: 12px solid #000
}
.button--play--dark::after {
border-top: 11px solid #444
}
.button--play--dark:hover::after {
border-top: 12px solid #fff
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape) {
.family-stories__video-meta-title {
font-size: 36px;
margin-top: 20px
}
.family-stories__video-play {
margin-top: 20px
}
.family-stories__video-meta-label {
margin-bottom: 120px
}
.family-stories__carousel-preview,
.family-stories__carousel-thumbnail {
height: 50px
}
.family-stories__carousel {
top: 110px
}
}
@media (min-width:375px) {
.section.familystoriesteasergroup .familystoriescard {
margin-bottom: 30px
}
}
@media (min-width:528px) {
.section.familystoriesteasergroup .blockquote {
max-width: 375px;
font-size: 16px
}
.section.familystoriesteasergroup .familystoriescard {
width: 415px;
height: 233px
}
.section.familystoriesteasergroup .familystoriescard .title {
bottom: 34px
}
.section.familystoriesteasergroup .familystoriescard .subtitle {
bottom: 10px
}
}
@media (min-width:1000px) {
.section.familystoriesteasergroup .familystories-teasergroup:after {
content: "";
display: table;
clear: both
}
.section.familystoriesteasergroup .column {
width: 50%;
float: left
}
.section.familystoriesteasergroup .familystoriescard {
visibility: hidden
}
.section.familystoriesteasergroup+.section.cta {
visibility: hidden;
position: relative
}
}
@media (min-width:1024px) {
.family-stories__video-overlay-close-button {
width: 50px;
height: 50px;
border-radius: 50px;
top: -25px;
right: -25px
}
.family-stories__video-overlay>.videoplayer {
width: 1031px;
height: 579px;
margin-top: -289.5px;
margin-left: -515.5px;
-webkit-transform: none;
transform: none
}
}
@media (min-width:1440px) {
.section.familystoriesteasergroup {
max-width: 1300px
}
.section.familystoriesteasergroup .blockquote {
font-size: 18px;
max-width: 450px
}
.section.familystoriesteasergroup .familystoriescard {
width: 553px;
height: 310px
}
.section.familystoriesteasergroup .familystoriescard .title {
bottom: 44px
}
.section.familystoriesteasergroup .familystoriescard .subtitle {
bottom: 20px
}
}
.familystoriescard {
-webkit-transition: -webkit-transform .4s ease-in-out;
transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}
.familystoriescard:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
.sq-component__variety .familystoriescard__container {
background: url(http://placehold.it/460x290)
}
.familystoriescard__container {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: block;
height: 258.75px;
margin-left: auto;
margin-right: auto;
max-height: 258.75px;
max-width: 460px;
overflow: hidden;
position: relative;
text-align: center;
width: 100%
}
.familystoriescard__container>.cq-dd-coverimage {
height: 50%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.familystoriescard__container>.cq-dd-covervideo {
bottom: 0;
height: 50%;
left: 0;
position: absolute;
width: 100%
}
.familystoriescard__title {
bottom: 45px;
font-size: ms(0);
pointer-events: none;
position: absolute;
text-transform: uppercase;
width: 100%
}
.familystoriescard__video {
height: 258.75px;
left: 0;
opacity: 0;
position: absolute;
top: 0;
-webkit-transition: all .5s;
transition: all .5s;
width: 460px
}
.familystoriescard__video--visible {
opacity: 1
}
.familystoriescard__subtitle {
bottom: 20px;
font-family: 'Crimson Text', serif;
font-size: ms(0);
pointer-events: none;
position: absolute;
width: 100%
}
.familystoriescard__scrim {
background-image: -webkit-gradient(linear, left top, left bottom, from(1), to(1));
background-image: linear-gradient(to bottom, 1, 1);
bottom: 0;
height: 40%;
opacity: .65;
pointer-events: none;
position: absolute;
width: 100%
}
#gicLifeComboCalculator {
background: #f9f9f9;
padding: 30px 20px;
-webkit-box-shadow: 0 0 10px #ccc;
box-shadow: 0 0 10px #ccc
}
#gicLifeComboCalculator .gic-life-combo-calc-step {
overflow: auto
}
#gicLifeComboCalculator .gic-life-combo-calc-step:not([data-step='1']) {
display: none
}
#gicLifeComboCalculator .gic-life-combo-calc-step .gic-life-combo-calc-input-wrapper {
overflow: auto;
width: 100%;
max-width: 700px;
margin: auto
}
@media (min-width:768px) {
#gicLifeComboCalculator .gic-life-combo-calc-step .gic-life-combo-calc-input-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
#gicLifeComboCalculator .gic-life-combo-calc-step .gic-life-combo-calc-input-wrapper dd,
#gicLifeComboCalculator .gic-life-combo-calc-step .gic-life-combo-calc-input-wrapper dl.gic-life-combo-calc-insurance-benefit,
#gicLifeComboCalculator .gic-life-combo-calc-step .gic-life-combo-calc-input-wrapper dl.gic-life-combo-calc-selected-state {
margin: 0
}
#gicLifeComboCalculator .gic-life-combo-calc-step .gic-life-combo-calc-input-wrapper dd dt .tooltip-icon,
#gicLifeComboCalculator .gic-life-combo-calc-step .gic-life-combo-calc-input-wrapper dl.gic-life-combo-calc-insurance-benefit dt .tooltip-icon,
#gicLifeComboCalculator .gic-life-combo-calc-step .gic-life-combo-calc-input-wrapper dl.gic-life-combo-calc-selected-state dt .tooltip-icon {
margin: 3px 0 0 3px
}
#gicLifeComboCalculator .gic-life-combo-calc-step .gic-life-combo-calc-input-wrapper .gic-life-combo-calc-input-title .tooltip-icon {
position: absolute
}
#gicLifeComboCalculator .gic-life-combo-calc-type-button-wrapper {
width: 480px;
max-width: 100%;
margin: auto;
-webkit-box-shadow: 0 0 10px #ccc;
box-shadow: 0 0 10px #ccc;
background: #fff;
overflow: auto
}
#gicLifeComboCalculator .gic-life-combo-calc-type-button-wrapper .gic-life-combo-calc-type-button {
width: 50%;
float: left;
border: 0;
border-radius: 5px;
background: #fff;
font-weight: 700;
height: 30px;
cursor: pointer
}
#gicLifeComboCalculator .gic-life-combo-calc-type-button-wrapper .gic-life-combo-calc-type-button.selected {
background: #0066bc;
color: #fff
}
#gicLifeComboCalculator .gic-life-combo-calc-next-wrapper .gic-life-combo-calc-next-button {
width: 220px;
max-width: 100%
}
#gicLifeComboCalculator .gic-life-combo-calc-next-wrapper .gic-life-combo-calc-next-button:disabled {
color: #979797;
border: 2px solid #979797;
background: #fff
}
#gicLifeComboCalculator .gic-life-combo-calc-back-button {
width: 100px;
border: 0;
height: 20px;
background: 0 0;
cursor: pointer;
margin: auto;
color: #0066bc;
font-weight: 700
}
#gicLifeComboCalculator .gic-life-combo-calc-back-button::before {
content: "â†";
padding-right: 5px
}
#gicLifeComboCalculator .gic-life-combo-calc-input-block {
float: left;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 250px;
min-height: 58px
}
#gicLifeComboCalculator .gic-life-combo-calc-input-block .gic-life-combo-calc-input-title {
overflow: auto
}
#gicLifeComboCalculator .gic-life-combo-calc-input-block .gic-life-combo-calc-input-title label .tooltip-icon {
margin: 3px 0 0 3px
}
#gicLifeComboCalculator .gic-life-combo-calc-input-block .gic-life-combo-calc-input select {
border: 0;
border-bottom: 2px solid #484848;
border-radius: 0;
width: 170px;
max-width: 100%;
-moz-appearance: none;
-webkit-appearance: none;
background: url(../images/img/icons/chevrondown_blk.svg) right no-repeat;
background-position-x: 150px;
background-position-y: 8px;
background-size: 25px 25px;
padding: 0
}
#gicLifeComboCalculator .gic-life-combo-calc-input-block .gic-life-combo-calc-input select:invalid {
color: #687381
}
#gicLifeComboCalculator .gic-life-combo-calc-input-block .gic-life-combo-calc-input select option {
color: #000
}
#gicLifeComboCalculator .gic-life-combo-calc-input-block .gic-life-combo-calc-input select option:disabled {
color: #687381
}
#gicLifeComboCalculator .gic-life-combo-calc-step[data-step='1'] .gic-life-combo-calc-input-block {
width: 33.333%
}
#gicLifeComboCalculator .gic-life-combo-calc-step[data-step='2'] .gic-life-combo-calc-input-block {
width: 50%
}
@media (max-width:767px) {
#gicLifeComboCalculator .gic-life-combo-calc-step[data-step='1'] .gic-life-combo-calc-input-block,
#gicLifeComboCalculator .gic-life-combo-calc-step[data-step='2'] .gic-life-combo-calc-input-block {
width: 100%;
float: none;
margin: auto
}
}
.gic-life-combo-calc-disclaimer-text .disclosure {
color: #666
}
.gic-life-combo-calc-error {
text-align: center;
font-weight: 700;
color: #9b3d3b
}
#gicLtcCalculator {
background: #f9f9f9;
padding: 20px 5px;
-webkit-box-shadow: 0 0 10px #ccc;
box-shadow: 0 0 10px #ccc
}
#gicLtcCalculator .gic-ltc-calc-step {
overflow: auto
}
#gicLtcCalculator .gic-ltc-calc-step:not([data-step='1']) {
display: none
}
#gicLtcCalculator .gic-ltc-calc-step p.gic-ltc-calc-customer-label {
margin: -5px 0 10px 10px;
font-size: 20px;
font-weight: 700;
color: #0066bc
}
#gicLtcCalculator .gic-ltc-calc-step .gic-ltc-calc-input-wrapper {
overflow: auto;
width: 100%;
max-width: 700px;
margin: auto
}
@media (min-width:768px) {
#gicLtcCalculator .gic-ltc-calc-step .gic-ltc-calc-input-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
#gicLtcCalculator .gic-ltc-calc-step .gic-ltc-calc-input-wrapper dd,
#gicLtcCalculator .gic-ltc-calc-step .gic-ltc-calc-input-wrapper dl.gic-ltc-calc-insurance-benefit,
#gicLtcCalculator .gic-ltc-calc-step .gic-ltc-calc-input-wrapper dl.gic-ltc-calc-monthly-max-display,
#gicLtcCalculator .gic-ltc-calc-step .gic-ltc-calc-input-wrapper dl.gic-ltc-calc-selected-state,
#gicLtcCalculator .gic-ltc-calc-step .gic-ltc-calc-input-wrapper dl.gic-ltc-calc-total-benefit-display {
margin: 0
}
#gicLtcCalculator .gic-ltc-calc-step .gic-ltc-calc-input-wrapper dd dt .tooltip-icon,
#gicLtcCalculator .gic-ltc-calc-step .gic-ltc-calc-input-wrapper dl.gic-ltc-calc-insurance-benefit dt .tooltip-icon,
#gicLtcCalculator .gic-ltc-calc-step .gic-ltc-calc-input-wrapper dl.gic-ltc-calc-monthly-max-display dt .tooltip-icon,
#gicLtcCalculator .gic-ltc-calc-step .gic-ltc-calc-input-wrapper dl.gic-ltc-calc-selected-state dt .tooltip-icon,
#gicLtcCalculator .gic-ltc-calc-step .gic-ltc-calc-input-wrapper dl.gic-ltc-calc-total-benefit-display dt .tooltip-icon {
margin: 3px 0 0 3px
}
#gicLtcCalculator .gic-ltc-calc-step .gic-ltc-calc-input-wrapper .gic-ltc-calc-input-title .tooltip-icon {
position: absolute
}
#gicLtcCalculator .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-premium-selector {
height: 60px;
max-width: 100%;
width: 640px;
overflow: hidden;
margin: auto
}
@media (max-width:767px) {
#gicLtcCalculator .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-customer-b-section,
#gicLtcCalculator .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-customer-b-section .gic-ltc-calc-input-wrapper,
#gicLtcCalculator .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-individual-section,
#gicLtcCalculator .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-individual-section .gic-ltc-calc-input-wrapper {
padding-bottom: 0
}
#gicLtcCalculator .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-premium-selector {
height: 260px
}
}
#gicLtcCalculator .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-premium-selector .gic-ltc-calc-premium-selector-next,
#gicLtcCalculator .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-premium-selector .gic-ltc-calc-premium-selector-prev {
display: block;
height: 40px;
width: 30px;
float: left;
margin: 10px 0;
cursor: pointer;
background-size: 250%;
background-position-y: -17px
}
#gicLtcCalculator .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-premium-selector .gic-ltc-calc-premium-selector-prev {
background-image: url(../images/img/icons/chevron_left_black.svg);
background-position-x: -30px
}
#gicLtcCalculator .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-premium-selector .gic-ltc-calc-premium-selector-prev.arrow-disabled {
background-image: url(../images/img/icons/chevron_left_gray.svg)
}
@media (max-width:767px) {
#gicLtcCalculator .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-premium-selector .gic-ltc-calc-premium-selector-next,
#gicLtcCalculator .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-premium-selector .gic-ltc-calc-premium-selector-prev {
float: none;
display: block;
margin: auto;
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
#gicLtcCalculator .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-premium-selector .gic-ltc-calc-premium-selector-prev {
background-position-x: -16px
}
}
#gicLtcCalculator .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-premium-selector .gic-ltc-calc-premium-selector-next {
background-image: url(../images/img/icons/chevron_right_black.svg);
background-position-x: -15px
}
#gicLtcCalculator .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-premium-selector .gic-ltc-calc-premium-selector-next.arrow-disabled {
background-image: url(../images/img/icons/chevron_right_gray.svg)
}
#gicLtcCalculator .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-premium-selector .gic-ltc-calc-monthly-payments {
width: calc(100% - 60px);
float: left
}
@media (max-width:767px) {
#gicLtcCalculator .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-premium-selector .gic-ltc-calc-premium-selector-next {
background-position-x: -29px
}
#gicLtcCalculator .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-premium-selector .gic-ltc-calc-monthly-payments {
max-width: 340px;
float: none;
margin: auto;
height: 180px;
display: block;
overflow: hidden
}
}
#gicLtcCalculator .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-premium-selector .gic-ltc-calc-monthly-payments li {
float: left;
width: calc(20% - 20px);
text-align: center;
height: 40px;
font-weight: 700;
line-height: 38px;
background: #fff;
margin: 10px;
border: 2px solid #000;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
font-size: 20px;
border-radius: 5px
}
#gicLtcCalculator .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-premium-selector .gic-ltc-calc-monthly-payments li.selected {
height: 60px;
margin: 0 10px;
line-height: 56px;
font-size: 24px;
border: 2px solid #d8d8d8;
background: #0066bc;
color: #fff
}
@media (max-width:767px) {
#gicLtcCalculator .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-premium-selector .gic-ltc-calc-monthly-payments li {
width: calc(50% - 20px);
max-width: 150px
}
}
#gicLtcCalculator .gic-ltc-calc-step[data-step='3'] .gic-ltc-calc-input-wrapper {
max-width: 850px
}
#gicLtcCalculator .gic-ltc-calc-step[data-step='3'] .gic-ltc-calc-input-wrapper .gic-ltc-calc-input-block {
max-width: 265px
}
#gicLtcCalculator .gic-ltc-calc-step[data-step='3'] .gic-ltc-calc-input-wrapper .gic-ltc-calc-input-block .gic-ltc-calc-input select {
width: 180px;
background-position-x: 160px
}
#gicLtcCalculator .gic-ltc-calc-type-wrapper .tooltip-icon {
margin: 2px 0 0 3px
}
#gicLtcCalculator .gic-ltc-calc-type-wrapper .gic-ltc-calc-type-button-wrapper {
width: 480px;
max-width: 100%;
margin: auto;
-webkit-box-shadow: 0 0 10px #ccc;
box-shadow: 0 0 10px #ccc;
background: #fff;
overflow: auto
}
#gicLtcCalculator .gic-ltc-calc-type-wrapper .gic-ltc-calc-type-button-wrapper .gic-ltc-calc-type-button {
width: 50%;
float: left;
border: 0;
border-radius: 5px;
background: #fff;
font-weight: 700;
height: 30px;
cursor: pointer
}
#gicLtcCalculator .gic-ltc-calc-type-wrapper .gic-ltc-calc-type-button-wrapper .gic-ltc-calc-type-button.selected {
background: #0066bc;
color: #fff
}
#gicLtcCalculator[data-current-type=Individual] .gic-ltc-calc-customer-b-section,
#gicLtcCalculator[data-current-type=Individual] .gic-ltc-calc-customer-label {
display: none!important
}
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper .gic-ltc-calc-customer-b-section,
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper .gic-ltc-calc-individual-section {
float: left;
width: calc(50% - 25px);
background: #fff;
padding: 5px;
margin: 0 10px;
max-width: 285px
}
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper .gic-ltc-calc-customer-b-section .gic-ltc-calc-input-wrapper,
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper .gic-ltc-calc-individual-section .gic-ltc-calc-input-wrapper {
padding: 20px 10px;
border: 1px solid #d8d8d8;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper .gic-ltc-calc-customer-b-section .gic-ltc-calc-input-wrapper .gic-ltc-calc-input-block,
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper .gic-ltc-calc-individual-section .gic-ltc-calc-input-wrapper .gic-ltc-calc-input-block {
width: 100%;
float: none
}
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper .gic-ltc-calc-customer-b-section .gic-ltc-calc-premium-selector,
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper .gic-ltc-calc-individual-section .gic-ltc-calc-premium-selector {
height: 260px;
margin-top: -15px
}
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper .gic-ltc-calc-customer-b-section .gic-ltc-calc-premium-selector .gic-ltc-calc-premium-selector-next,
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper .gic-ltc-calc-customer-b-section .gic-ltc-calc-premium-selector .gic-ltc-calc-premium-selector-prev,
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper .gic-ltc-calc-individual-section .gic-ltc-calc-premium-selector .gic-ltc-calc-premium-selector-next,
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper .gic-ltc-calc-individual-section .gic-ltc-calc-premium-selector .gic-ltc-calc-premium-selector-prev {
float: none;
display: block;
margin: auto;
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper .gic-ltc-calc-customer-b-section .gic-ltc-calc-premium-selector .gic-ltc-calc-premium-selector-prev,
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper .gic-ltc-calc-individual-section .gic-ltc-calc-premium-selector .gic-ltc-calc-premium-selector-prev {
background-position-x: -16px
}
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper .gic-ltc-calc-customer-b-section .gic-ltc-calc-premium-selector .gic-ltc-calc-premium-selector-next,
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper .gic-ltc-calc-individual-section .gic-ltc-calc-premium-selector .gic-ltc-calc-premium-selector-next {
background-position-x: -29px
}
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper .gic-ltc-calc-customer-b-section .gic-ltc-calc-premium-selector .gic-ltc-calc-monthly-payments,
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper .gic-ltc-calc-individual-section .gic-ltc-calc-premium-selector .gic-ltc-calc-monthly-payments {
max-width: 340px;
float: none;
margin: auto;
height: 180px;
display: block;
overflow: hidden
}
#gicLtcCalculator .gic-ltc-calc-input-block .gic-ltc-calc-input-title,
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .gic-ltc-calc-cost-of-care-block-wrapper .gic-ltc-calc-cost-of-care-block .gic-ltc-calc-cost-of-care-data .gic-ltc-calc-cost-of-care-data-group,
.gic-ltc-calc-how-did-we-get-this-accordion .accordion-section {
overflow: auto
}
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper .gic-ltc-calc-customer-b-section .gic-ltc-calc-premium-selector .gic-ltc-calc-monthly-payments li,
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper .gic-ltc-calc-individual-section .gic-ltc-calc-premium-selector .gic-ltc-calc-monthly-payments li {
width: calc(50% - 20px);
max-width: 150px
}
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper .gic-ltc-calc-customer-b-section .gic-ltc-calc-monthly-cost,
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper .gic-ltc-calc-individual-section .gic-ltc-calc-monthly-cost {
margin-bottom: 10px
}
@media (max-width:767px) {
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper {
display: block
}
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper .gic-ltc-calc-customer-b-section,
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step-inner-wrapper .gic-ltc-calc-individual-section {
float: none;
width: 100%;
margin: 15px auto 0
}
}
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-customer-b-section,
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-customer-b-section .gic-ltc-calc-input-wrapper,
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-individual-section,
#gicLtcCalculator[data-current-type=Couple] .gic-ltc-calc-step[data-step='2'] .gic-ltc-calc-individual-section .gic-ltc-calc-input-wrapper {
padding-bottom: 0
}
#gicLtcCalculator .gic-ltc-calc-next-wrapper .gic-ltc-calc-next-button {
width: 220px;
max-width: 100%
}
#gicLtcCalculator .gic-ltc-calc-next-wrapper .gic-ltc-calc-next-button:disabled {
color: #979797;
border: 2px solid #979797;
background: #fff
}
#gicLtcCalculator .gic-ltc-calc-next-wrapper .gic-ltc-calc-step-selector-wrapper .gic-ltc-calc-step-chevron,
#gicLtcCalculator .gic-ltc-calc-next-wrapper .gic-ltc-calc-step-selector-wrapper .gic-ltc-calc-step-selector {
padding: 0 5px;
font-weight: 700
}
#gicLtcCalculator .gic-ltc-calc-next-wrapper .gic-ltc-calc-step-selector-wrapper .gic-ltc-calc-step-selector {
cursor: pointer;
color: #687381
}
#gicLtcCalculator .gic-ltc-calc-next-wrapper .gic-ltc-calc-step-selector-wrapper .gic-ltc-calc-step-chevron {
color: #d8d8d8
}
#gicLtcCalculator .gic-ltc-calc-next-wrapper .gic-ltc-calc-step-selector-wrapper.transitioning:before {
display: block;
position: absolute;
height: 30px;
width: 100%;
content: ' '
}
#gicLtcCalculator[data-current-step="1"] .gic-ltc-calc-agent-producer-button,
#gicLtcCalculator[data-current-step="2"] .gic-ltc-calc-agent-producer-button,
#gicLtcCalculator[data-current-step="3"] .gic-ltc-calc-next-button,
.gic-ltc-calc-cost-of-care-info {
display: none
}
#gicLtcCalculator[data-current-step="1"] .gic-ltc-calc-next-wrapper .gic-ltc-calc-step-selector-wrapper .gic-ltc-calc-step-selector[data-step="1"],
#gicLtcCalculator[data-current-step="2"] .gic-ltc-calc-next-wrapper .gic-ltc-calc-step-selector-wrapper .gic-ltc-calc-step-chevron[data-chevron-step="2"],
#gicLtcCalculator[data-current-step="2"] .gic-ltc-calc-next-wrapper .gic-ltc-calc-step-selector-wrapper .gic-ltc-calc-step-chevron[data-step="2"],
#gicLtcCalculator[data-current-step="2"] .gic-ltc-calc-next-wrapper .gic-ltc-calc-step-selector-wrapper .gic-ltc-calc-step-selector[data-chevron-step="2"],
#gicLtcCalculator[data-current-step="2"] .gic-ltc-calc-next-wrapper .gic-ltc-calc-step-selector-wrapper .gic-ltc-calc-step-selector[data-step="1"],
#gicLtcCalculator[data-current-step="2"] .gic-ltc-calc-next-wrapper .gic-ltc-calc-step-selector-wrapper .gic-ltc-calc-step-selector[data-step="2"],
#gicLtcCalculator[data-current-step="3"] .gic-ltc-calc-next-wrapper .gic-ltc-calc-step-selector-wrapper .gic-ltc-calc-step-chevron[data-chevron-step="2"],
#gicLtcCalculator[data-current-step="3"] .gic-ltc-calc-next-wrapper .gic-ltc-calc-step-selector-wrapper .gic-ltc-calc-step-chevron[data-chevron-step="3"],
#gicLtcCalculator[data-current-step="3"] .gic-ltc-calc-next-wrapper .gic-ltc-calc-step-selector-wrapper .gic-ltc-calc-step-chevron[data-step="2"],
#gicLtcCalculator[data-current-step="3"] .gic-ltc-calc-next-wrapper .gic-ltc-calc-step-selector-wrapper .gic-ltc-calc-step-chevron[data-step="3"],
#gicLtcCalculator[data-current-step="3"] .gic-ltc-calc-next-wrapper .gic-ltc-calc-step-selector-wrapper .gic-ltc-calc-step-selector[data-chevron-step="2"],
#gicLtcCalculator[data-current-step="3"] .gic-ltc-calc-next-wrapper .gic-ltc-calc-step-selector-wrapper .gic-ltc-calc-step-selector[data-chevron-step="3"],
#gicLtcCalculator[data-current-step="3"] .gic-ltc-calc-next-wrapper .gic-ltc-calc-step-selector-wrapper .gic-ltc-calc-step-selector[data-step="1"],
#gicLtcCalculator[data-current-step="3"] .gic-ltc-calc-next-wrapper .gic-ltc-calc-step-selector-wrapper .gic-ltc-calc-step-selector[data-step="2"],
#gicLtcCalculator[data-current-step="3"] .gic-ltc-calc-next-wrapper .gic-ltc-calc-step-selector-wrapper .gic-ltc-calc-step-selector[data-step="3"] {
color: #0066bc
}
#gicLtcCalculator .gic-ltc-calc-input-block {
width: 33.333%;
float: left;
padding: 0 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 200px;
min-height: 58px
}
@media (width:768px) {
#gicLtcCalculator .gic-ltc-calc-input-block {
padding: 0 8px
}
}
#gicLtcCalculator .gic-ltc-calc-input-block .gic-ltc-calc-input-title label .tooltip-icon {
margin: 3px 0 0 3px
}
#gicLtcCalculator .gic-ltc-calc-input-block .gic-ltc-calc-input select {
border: 0;
border-bottom: 2px solid #484848;
border-radius: 0;
width: 170px;
max-width: 100%;
-moz-appearance: none;
-webkit-appearance: none;
background: url(../images/img/icons/chevrondown_blk.svg) right no-repeat;
background-position-x: 150px;
background-position-y: 6px;
background-size: 25px 25px;
padding: 0
}
#gicLtcCalculator .gic-ltc-calc-input-block .gic-ltc-calc-input select:invalid {
color: #687381
}
#gicLtcCalculator .gic-ltc-calc-input-block .gic-ltc-calc-input select option {
color: #000
}
#gicLtcCalculator .gic-ltc-calc-input-block .gic-ltc-calc-input select option:disabled {
color: #687381
}
@media (max-width:767px) {
#gicLtcCalculator .gic-ltc-calc-step .gic-ltc-calc-input-block {
width: 100%;
float: none;
margin: auto
}
}
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content {
display: none;
border: 1px solid #677481;
border-top: 0;
padding: 40px 40px 20px
}
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .intro-title {
font-size: 42px;
line-height: 42px;
text-align: center
}
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .gic-ltc-calc-cost-of-care-block-wrapper {
overflow: auto;
margin: 20px auto 10px
}
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .gic-ltc-calc-cost-of-care-block-wrapper .gic-ltc-calc-cost-of-care-block {
float: left;
margin: 0 10px;
width: calc(25% - 20px);
border: 1px solid #b4b4b4;
height: 120px;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media (max-width:1330px) and (min-width:1251px) {
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .gic-ltc-calc-cost-of-care-block-wrapper .gic-ltc-calc-cost-of-care-block {
height: 140px
}
}
@media (max-width:1250px) and (min-width:1000px) {
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .gic-ltc-calc-cost-of-care-block-wrapper .gic-ltc-calc-cost-of-care-block {
width: calc(50% - 20px);
border-radius: 0
}
}
@media (max-width:999px) and (min-width:769px) {
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .gic-ltc-calc-cost-of-care-block-wrapper .gic-ltc-calc-cost-of-care-block {
height: 180px
}
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .gic-ltc-calc-cost-of-care-block-wrapper .gic-ltc-calc-cost-of-care-block .gic-ltc-calc-cost-of-care-header {
height: 30px
}
}
@media (max-width:768px) {
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .gic-ltc-calc-cost-of-care-block-wrapper .gic-ltc-calc-cost-of-care-block {
width: calc(50% - 20px);
border-radius: 0
}
}
@media (max-width:580px) {
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .gic-ltc-calc-cost-of-care-block-wrapper .gic-ltc-calc-cost-of-care-block {
width: calc(100% - 20px)
}
}
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .gic-ltc-calc-cost-of-care-block-wrapper .gic-ltc-calc-cost-of-care-block .gic-ltc-calc-cost-of-care-header {
padding: 10px 5px;
background: #b4b4b4;
color: #fff;
font-weight: 700;
font-size: 12px
}
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .gic-ltc-calc-cost-of-care-block-wrapper .gic-ltc-calc-cost-of-care-block .gic-ltc-calc-cost-of-care-header .gic-ltc-cost-of-care-header-icon {
display: block;
height: 20px;
width: 20px;
float: left;
background-size: contain!important;
margin: -2px 5px 0 2px
}
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .gic-ltc-calc-cost-of-care-block-wrapper .gic-ltc-calc-cost-of-care-block .gic-ltc-calc-cost-of-care-header .gic-ltc-cost-of-care-header-icon.gic-ltc-calc-cost-of-care-home-health-icon {
background: url(../images/img/costofcare/HomeHealthCare_CofC.png) center no-repeat
}
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .gic-ltc-calc-cost-of-care-block-wrapper .gic-ltc-calc-cost-of-care-block .gic-ltc-calc-cost-of-care-header .gic-ltc-cost-of-care-header-icon.gic-ltc-calc-cost-of-care-adult-day-icon {
background: url(../images/img/costofcare/AdultDayHealthCare_CofC.png) center no-repeat
}
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .gic-ltc-calc-cost-of-care-block-wrapper .gic-ltc-calc-cost-of-care-block .gic-ltc-calc-cost-of-care-header .gic-ltc-cost-of-care-header-icon.gic-ltc-calc-cost-of-care-assisted-living-icon {
background: url(../images/img/costofcare/AssistedLivingFacility_CofC.png) center no-repeat
}
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .gic-ltc-calc-cost-of-care-block-wrapper .gic-ltc-calc-cost-of-care-block .gic-ltc-calc-cost-of-care-header .gic-ltc-cost-of-care-header-icon.gic-ltc-calc-cost-of-care-nursing-home-icon {
background: url(../images/img/costofcare/NursingHomeCare_CofC.png) center no-repeat
}
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .gic-ltc-calc-cost-of-care-block-wrapper .gic-ltc-calc-cost-of-care-block .gic-ltc-calc-cost-of-care-header .gic-ltc-calc-cost-of-care-header-title {
display: block;
float: left;
width: calc(100% - 42px)
}
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .gic-ltc-calc-cost-of-care-block-wrapper .gic-ltc-calc-cost-of-care-block .gic-ltc-calc-cost-of-care-header .tooltip-icon {
margin-top: -8px
}
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .gic-ltc-calc-cost-of-care-block-wrapper .gic-ltc-calc-cost-of-care-block .gic-ltc-calc-cost-of-care-header .tooltip-click-close-button {
color: #000
}
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .gic-ltc-calc-cost-of-care-block-wrapper .gic-ltc-calc-cost-of-care-block .gic-ltc-calc-cost-of-care-data {
font-weight: 700;
padding: 10px 5px;
font-size: 12px
}
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .gic-ltc-calc-cost-of-care-block-wrapper .gic-ltc-calc-cost-of-care-block .gic-ltc-calc-cost-of-care-data .gic-ltc-calc-cost-of-care-data-group .gic-ltc-calc-cost-of-care-data-label {
width: calc(100% - 65px);
display: block;
float: left
}
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .gic-ltc-calc-cost-of-care-block-wrapper .gic-ltc-calc-cost-of-care-block .gic-ltc-calc-cost-of-care-data .gic-ltc-calc-cost-of-care-data-group .gic-ltc-calc-cost-of-care-data-figure {
float: right;
font-size: 16px;
color: #2c74cb;
margin-top: -2px
}
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .gic-ltc-calc-cost-of-care-block-wrapper .gic-ltc-calc-cost-of-care-block .gic-ltc-calc-cost-of-care-data .gic-ltc-calc-cost-of-care-hr {
width: 100%;
height: 1px;
margin: 10px 0;
background: #b4b4b4
}
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .gic-ltc-calc-cost-of-care-disclaimer {
margin: 0 20px;
font-size: 11px;
color: #677481
}
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-content .gic-ltc-calc-cost-of-care-disclaimer a {
font-weight: 700;
color: #0066bc
}
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-dropdown {
background: #677481;
color: #fff;
font-size: 14px;
font-weight: 700;
text-align: center;
width: 400px;
max-width: 100%;
cursor: pointer;
padding: 10px 0 5px;
margin: auto
}
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-dropdown.active .gic-ltc-calc-cost-of-care-info-dropdown-chevron {
background-image: url(../images/img/icons/chevronup_wht.svg)
}
.gic-ltc-calc-cost-of-care-info .gic-ltc-calc-cost-of-care-info-dropdown .gic-ltc-calc-cost-of-care-info-dropdown-chevron {
background-image: url(../images/img/icons/chevrondown_wht.svg);
display: block;
height: 25px;
width: 25px;
margin: -5px auto 0
}
.gic-ltc-calc-did-you-know,
.section.globalhero .global-hero .global-hero-stack-mobile-image-container {
display: none
}
.gic-ltc-calc-how-did-we-get-this-accordion {
background: #f9f9f9;
display: none
}
.gic-ltc-calc-disclaimer-text .disclosure {
color: #666
}
.gic-ltc-calc-error {
text-align: center;
font-weight: 700;
color: #9b3d3b
}
.section.globalhero {
height: 315px;
width: 100%;
position: relative;
margin: 0 0 50px
}
.section.globalhero .global-hero {
height: 100%;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #000;
background-size: auto 100%;
background-repeat: no-repeat
}
.section.globalhero .global-hero .video-container {
height: 100%;
width: 100%;
position: absolute;
overflow: hidden
}
.section.globalhero .global-hero .video-container video {
height: 100%;
width: auto;
margin: 0;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
@media (max-width:999px) {
.section.globalhero.global-hero-stack-parent {
height: auto
}
.section.globalhero.global-hero-stack-parent .global-hero.on {
position: relative
}
.section.globalhero.global-hero-stack-parent .global-hero.on .global-hero-stack-mobile-image-container {
display: block;
background-position: center center;
background-size: cover;
height: 315px
}
.section.globalhero.global-hero-stack-parent .global-hero.on .content-container {
top: 10px;
-webkit-transform: none;
transform: none;
padding: 0 10px 10px;
text-align: center
}
.section.globalhero.global-hero-stack-parent .global-hero.on .content-container .cta-wrapper,
.section.globalhero.global-hero-stack-parent .global-hero.on .content-container .description,
.section.globalhero.global-hero-stack-parent .global-hero.on .content-container .title {
width: 100%;
max-width: 100%
}
.section.globalhero.global-hero-stack-parent .global-hero.on .content-container .description {
margin: 10px auto
}
.section.globalhero.global-hero-stack-parent .global-hero.on .content-container .cta-wrapper {
text-align: center
}
}
.section.globalhero .content-container.left,
.section.globalhero .content-container.left .cta-wrapper {
text-align: left
}
@media (max-width:767px) {
.section.globalhero.global-hero-stack-parent .global-hero.on .global-hero-stack-mobile-image-container {
height: 315px
}
}
body.homepage .section.globalhero {
margin-bottom: 0
}
.section.globalhero .global-hero.left.top {
background-position: left top;
background-size: cover
}
.section.globalhero .global-hero.left.middle {
background-position: left center;
background-size: cover
}
.section.globalhero .global-hero.left.bottom {
background-position: left bottom;
background-size: cover
}
.section.globalhero .global-hero.center.top {
background-position: center top;
background-size: cover
}
.section.globalhero .global-hero.center.middle {
background-position: center center;
background-size: cover
}
.section.globalhero .global-hero.center.bottom {
background-position: center bottom;
background-size: cover
}
.section.globalhero .global-hero.right.top {
background-position: right top;
background-size: cover
}
.section.globalhero .global-hero.right.middle {
background-position: right center;
background-size: cover
}
.section.globalhero .global-hero.right.bottom {
background-position: right bottom;
background-size: cover
}
.section.globalhero .content-container {
color: #fff;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.section.globalhero .content-container.left>div {
margin-left: 0
}
.section.globalhero .content-container.center {
text-align: center
}
.section.globalhero .content-container.right,
.section.globalhero .content-container.right .cta-wrapper {
text-align: right
}
.section.globalhero .content-container.center>.title {
margin: auto
}
.section.globalhero .content-container.right>div {
margin-right: 0
}
.section.globalhero .content-container.right>.title {
margin: 0 0 0 auto
}
.section.globalhero .title {
max-width: 360px
}
.section.globalhero .description {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 133%;
margin: 30px auto;
max-width: 280px
}
.section.globalhero .cta-wrapper a {
display: inline-block
}
@media (min-width:528px) {
.section.globalhero .title {
max-width: 480px
}
.section.globalhero .description {
font-size: 16px;
max-width: 320px
}
}
@media (min-width:768px) {
body.statevariationpage main #globalheroComponent,
main>.globalhero:first-child {
height: 415px
}
.section.globalhero {
height: 609px
}
.section.globalhero .content-container {
max-width: 1024px;
margin: 0 auto;
padding: 0 10px 10px
}
}
@media (min-width:1200px) {
.section.globalhero .title {
max-width: 650px
}
.section.globalhero .content-container {
max-width: 1100px;
margin: 0 auto
}
.section.globalhero .description {
font-size: 18px;
max-width: 650px
}
.section.globalhero .hero-content-limited {
max-width: 550px
}
}
@media (min-width:1440px) {
.section.globalhero .content-container {
max-width: 1300px;
margin: 0 auto
}
.section.globalhero .content-container.left .hero-content-limited {
padding-left: 100px
}
.section.globalhero .content-container.right .hero-content-limited {
padding-right: 100px
}
}
#careFundingCustomerServiceGlobalHero .description .customer-service-hero-text {
font-size: 52px;
line-height: 60px
}
#costOfCareGlobalHeroContactUsNow .description {
max-width: 565px;
margin-top: 0;
margin-bottom: 0
}
#costOfCareGlobalHeroContactUsNow .description .request-consultation-hero-text {
font-size: 50px;
line-height: 62px
}
#costOfCareGlobalHeroContactUsNow .description .request-consultation-hero-phone-number {
color: #fff;
position: absolute;
bottom: -45px
}
@media (min-width:1000px) {
#careFundingWhatIsLtc .title.hero-image-text-white {
font-size: 44px;
margin: 10px 0 0
}
#careFundingWhatIsLtc .description {
margin: 5px 0
}
h1.hero-image-text-white.covid {
font-size: 60px
}
}
@media (max-width:999px) {
#careFundingWhatIsLtc .title.hero-image-text-white {
font-size: 26px;
margin: 7px 0 0
}
#careFundingWhatIsLtc .description {
margin: -10px 0 -15px
}
#careFundingWhatIsLtc .description .lg-paragraph {
font-size: 14px
}
#agingAndYouWorldIsAging span.hero-image-text-white {
font-size: 28px
}
#agingAndYouWorldIsAging span.hero-image-text-white br {
display: none
}
#agingAndYouAdditionalArticles span.hero-image-text-white {
font-size: 20px
}
#careServicesAgingSimulations span.hero-image-text-black,
#careServicesAgingSimulations span.hero-image-text-white,
#heroExploreCareer span.hero-image-text-black,
#heroExploreCareer span.hero-image-text-white,
#homepageR70GlobalHero span.hero-image-text-black,
#homepageR70GlobalHero span.hero-image-text-white,
#resourcesConversationStarters span.hero-image-text-black,
#resourcesConversationStarters span.hero-image-text-white {
font-size: 26px
}
#careFundingCustomerServiceGlobalHero .description .customer-service-hero-text {
font-size: 34px;
line-height: 42px
}
#costOfCareGlobalHeroContactUsNow .content-container {
height: 240px
}
#costOfCareGlobalHeroContactUsNow .content-container .description .request-consultation-hero-text {
font-size: 26px;
line-height: 34px
}
#costOfCareGlobalHeroContactUsNow .content-container .description .request-consultation-hero-phone-number {
top: 190px
}
}
@media (min-width:1200px) and (max-width:1599px) {
#agingAndYouHero video {
height: 130%!important
}
}
@media (min-width:1600px) {
.section.globalhero .global-hero .video-container video {
height: auto;
min-height: 415px;
width: 100%
}
}
.section.heading {
margin: 60px auto 25px
}
.section.heading .section-heading {
text-align: center
}
.section.heading .heading-text {
display: inline-block;
position: relative;
font-size: 40px;
font-weight: 400
}
.section.heading .line1 {
display: block;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
font-style: normal
}
.section.heading .line2,
.section.heading .showAnd .line1:before {
font-family: sans-serif;
display: block
}
.section.heading .line2 {
font-weight: 600;
font-style: italic;
font-size: 50px;
line-height: 50px;
margin-top: 8px
}
.section.heading .showAnd .line1 {
position: relative;
left: -20px
}
.section.heading .showAnd .line1:before {
content: "&";
font-weight: 400;
font-style: italic;
font-size: 24px;
line-height: 24px;
position: absolute;
left: 20px;
top: 5px
}
@media (min-width:528px) {
.section.heading .heading-text:after,
.section.heading .heading-text:before {
content: "";
display: block;
width: 100px;
height: 1px;
background-color: #eaeaea;
position: absolute;
top: 36px
}
.section.heading .heading-text:before {
left: -162px
}
.section.heading .heading-text:after {
right: -162px
}
}
@media (min-width:1200px) {
.section.heading {
margin-bottom: 40px
}
.section.heading .line1 {
font-size: 22px;
line-height: 22px
}
.section.heading .line2 {
font-size: 60px;
line-height: 66px;
margin-top: 10px
}
.section.heading .heading-text:after,
.section.heading .heading-text:before {
top: 42px
}
}
.section.headingtextlinkscard {
background-color: #fafafa;
border-color: #cecece;
border-style: solid;
border-width: 1px;
border-radius: 5px;
padding: 20px 10px;
margin: 50px 10px
}
.section.headingtextlinkscard h2:after,
.section.headingtextlinkscard h3:after,
.section.headingtextlinkscard h4:after {
content: "";
display: block;
width: 150px;
height: 1px;
background-color: #c6c6c6;
margin: 15px 0
}
.section.headingtextlinkscard a {
color: #0065BB;
font-weight: 600
}
.section.headingtextlinkscard a:hover {
color: #0065BB;
text-decoration: underline
}
.section.headingtextlinkscard .text {
font-size: 14px;
line-height: 24px
}
.section.headingtextlinkscard ul li a {
color: #0066bc;
font-size: 14px;
line-height: 24px
}
@media (min-width:1000px) {
.section.headingtextlinkscard {
padding: 30px;
margin-left: 20px;
margin-right: 20px
}
}
.section.horizontaldivider {
margin: 10px 20px
}
.section.horizontaldivider hr,
hr.horizontal-divider {
border-style: solid;
border-width: 1px 0 0;
border-color: #eee
}
@media (min-width:1000px) {
.section.horizontaldivider {
max-width: 854px;
margin: 10px auto
}
}
@media (min-width:960px) {
.section.horizontaldivider {
max-width: 1100px
}
}
.iconctacard {
margin-bottom: 5px;
-webkit-transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1);
transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1);
transition: transform .3s cubic-bezier(.165, .84, .44, 1);
transition: transform .3s cubic-bezier(.165, .84, .44, 1), -webkit-transform .3s cubic-bezier(.165, .84, .44, 1)
}
.iconctacard:hover {
-webkit-transition: -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
transition: -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
transition: transform 1s cubic-bezier(.23, 1, .32, 1);
transition: transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
-webkit-transform: scale(1.06) translate3d(0, 0, 0);
transform: scale(1.06) translate3d(0, 0, 0)
}
.iconctacard .icon-cta-card {
display: block;
background-color: #fff;
margin: 40px 20px;
-webkit-box-shadow: 0 10px 30px #ddd;
box-shadow: 0 10px 30px #ddd;
min-height: 306px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px
}
@media (min-width:1001px) and (max-width:1439px) {
.iconctacard .icon-cta-card {
margin: 40px 15px
}
.layout-25 .iconctacard .icon-cta-card {
margin: 0 15px 40px
}
}
@media (min-width:1440px) {
body.contentpage .section.horizontaldivider {
max-width: 1212px;
position: relative;
left: -28px
}
.layout-25 .iconctacard .icon-cta-card {
margin: 0 20px 40px
}
}
.iconctacard .card-content {
border: 1px solid #cecece;
min-height: 306px;
position: relative
}
@media (max-width:999px) {
.iconctacard .card-content {
min-height: 306px!important
}
}
.iconctacard .card-link {
width: 100%
}
.iconctacard .icon {
width: 50%;
padding: 7% 25% 2%
}
.iconctacard .icon.width-60 {
width: 60%;
padding: 7% 20% 2%
}
.iconctacard .icon.width-70 {
width: 70%;
padding: 7% 15% 2%
}
.iconctacard .icon.width-80 {
width: 80%;
padding: 7% 10% 2%
}
.iconctacard .icon.width-100 {
width: 100%;
padding: 0 0 25px;
max-width: 400px;
margin: auto
}
.iconctacard .icon img {
display: block;
width: 100%;
height: 100%
}
.iconctacard .title {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 30px;
padding: 0 20px 10px;
text-align: center
}
.iconctacard .serif-italic .title {
font-family: 'Crimson Text', serif;
font-weight: 600;
font-style: italic;
font-size: 30px;
line-height: 40px;
padding-bottom: 10px;
text-align: center
}
.iconctacard .serif-italic .subtitle,
.iconctacard .subtitle {
font-size: 14px;
line-height: 24px;
padding: 0 20px 25px;
text-align: center
}
.iconctacard .subtitle {
font-family: 'Open Sans', sans-serif
}
.iconctacard .serif-italic .subtitle {
font-family: 'Crimson Text', serif;
font-style: italic
}
.iconctacard .cta-wrapper {
text-align: center;
padding-bottom: 30px
}
.iconctacard .cta-wrapper a {
display: inline-block;
margin: 0 5px
}
.accordion.glic-ltc-calc-accordion,
.ltc-calc-did-you-know,
.ltc-calc-outer-wrapper #ltcicalcwrapper .individual-2-section,
.ltc-calc-outer-wrapper .ltc-calc-premium-amount-2 {
display: none
}
@media (min-width:960px) and (max-width:1439px) {
.iconctacard .cta-wrapper a.multi-line {
line-height: 24px
}
}
@media (min-width:528px) {
.layout-33 .iconctacard .card-content,
.layout-33 .iconctacard .icon-cta-card {
min-height: 300px
}
.layout-25 .iconctacard .card-content,
.layout-25 .iconctacard .icon-cta-card {
min-height: 320px
}
}
@media (min-width:1000px) and (max-width:1199px) {
.iconctacard .icon-cta-card {
min-height: 268px
}
}
@media (min-width:1000px) {
body.homepage .iconctacard {
margin-bottom: 130px
}
.iconctacard .cta-wrapper {
position: absolute;
width: 100%;
bottom: 0
}
}
@media (max-width:999px) {
.iconctacard .icon-cta-card {
width: 400px;
margin-left: auto;
margin-right: auto;
max-width: 100%
}
}
#ltcicalcwrapper .ltc-calc-individual-section-wrapper,
.row.lcalc-ptype {
overflow: auto
}
.ltc-calc-initiator-button-wrapper {
width: 100%;
text-align: center;
margin-bottom: 40px
}
button.ltc-calc-calculate-button,
button.ltc-calc-initiator-button {
width: auto;
min-width: 200px
}
.ltc-calc-outer-wrapper {
display: none;
background-color: #f7f7f7;
padding: 0 20px;
margin: 0 0 40px
}
.ltc-calc-outer-wrapper .ltc-calc-description {
text-align: center;
padding: 40px 0 0;
margin: auto;
max-width: 860px
}
#ltcicalcwrapper {
padding: 40px 0 0 calc(50% - 100px)
}
.ltc-calc-outer-wrapper .ltc-calc-header {
padding: 0 0 20px;
height: 33px
}
#ltcicalcwrapper .ltc-calc-subheader {
font-size: 16px;
font-weight: 700;
text-align: center;
margin-bottom: 10px
}
#ltcicalcwrapper .ltc-calc-input-title {
padding: 0 0 5px;
height: 30px
}
#ltcicalcwrapper .individual-section,
#ltcicalcwrapper .polTypQ {
overflow: auto;
width: 317px
}
#ltcicalcwrapper .individual-section {
float: left;
width: 200px;
padding-right: 60px
}
.ltc-calc-outer-wrapper.ltc-calc-couple-policy #ltcicalcwrapper .individual-2-section,
.ltc-calc-outer-wrapper.ltc-calc-couple-policy .ltc-calc-premium-amount-2 {
display: block
}
#ltcicalcwrapper .ltc-calc-radio-wrapper {
overflow: auto
}
#ltcicalcwrapper .radio {
float: left;
width: 50%;
margin-bottom: 25px
}
#ltcicalcwrapper .radio input {
margin-right: 8px
}
#ltcicalcwrapper select {
border: 0;
border-bottom: 2px solid #000;
border-radius: 0;
width: 200px;
padding: 0;
margin-bottom: 25px;
-moz-appearance: none;
-webkit-appearance: none;
background: url(../images/img/icons/chevrondown_blk.svg) right no-repeat;
background-position-y: 3px;
background-size: 25px 25px
}
.nav-notification,
.nav-notification.standard-notification {
background: #2bb3dd
}
#ltcicalcwrapper select::-ms-expand {
display: none
}
#ltcicalcwrapper button.ltc-calc-calculate-button {
margin: 20px 0 40px
}
.ltc-calc-outer-wrapper.ltc-calc-couple-policy #ltcicalcwrapper button.ltc-calc-calculate-button {
margin: 20px 0 40px 235px
}
.ltc-calc-outer-wrapper .ltc-calc-premium-wrapper {
padding: 0 0 0 calc(50% - 430px);
overflow: auto
}
.ltc-calc-outer-wrapper .ltc-calc-premium-header {
width: 341px
}
.ltc-calc-outer-wrapper .ltc-calc-premium-amount,
.ltc-calc-outer-wrapper .ltc-calc-premium-amount-wrapper,
.ltc-calc-outer-wrapper .ltc-calc-premium-header {
float: left
}
.ltc-calc-outer-wrapper .ltc-calc-premium-amount {
width: 200px;
padding-right: 40px;
text-align: center;
font-size: 26px;
font-weight: 600;
letter-spacing: 0;
height: 36px;
color: #0066bc
}
.ltc-calc-did-you-know {
margin: 0 auto 40px;
padding: 0 20px;
max-width: 980px
}
.ltc-calc-did-you-know a {
font-weight: 700
}
.ltc-calc-policy-exclusions-content {
display: none
}
.ltc-calc-policy-exclusions-modal .modal-legacy-content ul li {
line-height: 2;
font-size: .8rem
}
.ltc-calc-policy-exclusions-modal p {
font-size: .8rem
}
.ltc-calc-policy-exclusions-modal .ltc-calc-policy-exclusions-header {
font-weight: 700;
font-size: 24px
}
.ltc-calc-policy-exclusions-modal .ltc-calc-policy-exclusions-subheader {
font-weight: 700;
margin: 0 0 15px
}
@media (max-width:800px) {
.ltc-calc-outer-wrapper {
padding: 0 5px
}
#ltcicalcwrapper {
padding: 40px 20px 0
}
#ltcicalcwrapper .ltc-calc-subheader,
.ltc-calc-outer-wrapper .ltc-calc-premium-amount {
text-align: left
}
#ltcicalcwrapper .individual-section .radio {
width: auto;
padding-right: 10px
}
#ltcicalcwrapper select {
width: 125px
}
.ltc-calc-outer-wrapper .ltc-calc-premium-amount,
.ltc-calc-outer-wrapper.ltc-calc-couple-policy #ltcicalcwrapper .individual-section {
width: 45%;
padding: 0
}
.ltc-calc-outer-wrapper:not(.ltc-calc-couple-policy) .ltc-calc-premium-amount.ltc-calc-premium-amount-1 {
width: 90%;
padding: 0;
text-align: center
}
#ltcicalcwrapper .ltc-calc-input-title {
min-width: 145px
}
#ltcicalcwrapper .individual-section {
overflow: hidden
}
#ltcicalcwrapper .individual-section.individual-1-section,
.ltc-calc-outer-wrapper .ltc-calc-premium-amount.ltc-calc-premium-amount-1 {
padding-right: 20px
}
#ltcicalcwrapper button.ltc-calc-calculate-button,
.ltc-calc-outer-wrapper.ltc-calc-couple-policy #ltcicalcwrapper button.ltc-calc-calculate-button {
margin: 20px auto 30px;
width: 100%;
max-width: 400px
}
.ltc-calc-outer-wrapper .ltc-calc-premium-amount-wrapper,
.ltc-calc-outer-wrapper .ltc-calc-premium-header {
width: 100%;
padding: 0
}
.ltc-calc-outer-wrapper .ltc-calc-premium-wrapper {
width: 100%;
padding: 0 0 0 25px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
}
@media (max-width:375px) {
#ltcicalcwrapper {
padding: 40px 5px 0
}
#ltcicalcwrapper .polTypQ {
width: 296px
}
.ltc-calc-outer-wrapper.ltc-calc-couple-policy #ltcicalcwrapper .individual-section {
padding: 0 7px
}
}
.nav-notification {
min-height: 72px;
position: relative;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 1px
}
@media (max-width:999px) {
.nav-notification {
min-height: 96px
}
}
.nav-notification a {
color: #fff!important;
text-decoration: underline!important
}
.nav-notification a:hover {
text-decoration: none!important
}
.nav-notification .notification-content {
margin: auto;
padding: 12px 0;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
width: 100%
}
.nav-notification .notification-content .notification-message {
font-size: 16px;
font-family: 'Open Sans', sans-serif;
line-height: 24px;
color: #fff;
width: calc(100% - 50px);
margin: 0
}
@media (max-width:767px) {
.nav-notification .notification-content .notification-message {
margin-left: 20px;
width: calc(100% - 70px);
font-size: 14px
}
}
@media (max-width:575px) {
.nav-notification {
min-height: 120px
}
.nav-notification .notification-content .notification-message {
font-size: 12px
}
.nav-notification .notification-content .notification-message:before {
line-height: 16px!important
}
}
.nav-notification .notification-content .notification-message:before {
content: '!';
height: 16px;
width: 16px;
display: block;
border: 1px solid #fff;
border-radius: 50%;
text-align: center;
color: #fff;
float: left;
line-height: 1;
margin-top: 3px;
margin-right: 8px;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.nav-notification .notification-content .notification-close {
margin: 0 20px;
color: #fff;
float: right;
font-size: 32px;
line-height: 20px;
cursor: pointer;
-webkit-transition: .3s;
transition: .3s
}
@media (min-width:767px) {
.nav-notification .notification-content {
max-width: calc(100% - 30px)
}
}
@media (min-width:960px) {
.nav-notification .notification-content {
max-width: 860px
}
}
@media (min-width:1200px) {
.nav-notification .notification-content {
max-width: 1100px
}
}
@media (min-width:1440px) {
.nav-notification .notification-content {
max-width: 1300px
}
}
.nav-notification.informative-notification {
background: #27c49d
}
.nav-notification.emergency-notification {
background: #e71c0d
}
@media (max-height:750px) and (min-width:1400px),
(max-height:650px) {
body.homepage.notification-active .carousel-item-text,
body.homepage.notification-active .videoimagecarousel {
padding-top: 72px
}
body.homepage.notification-active .carousel {
height: calc(100vh - 72px)
}
body.homepage.notification-active .carousel-pagecontrol,
body.homepage.notification-active .carousel-scrollhint {
display: none
}
}
.section.pageteasercard {
margin-bottom: 5px
}
.section.pageteasercard .container {
background-color: #fff;
margin: 0 auto;
-webkit-box-shadow: 0 10px 30px #ddd;
box-shadow: 0 10px 30px #ddd;
width: 306px;
height: 540px;
overflow: hidden
}
.section.pageteasercard a {
display: block;
width: 100%;
height: 100%;
background-color: #000
}
.section.pageteasercard img {
display: block;
width: 100%
}
.section.pageteasercard .card-preview {
position: relative;
background-color: #fff;
top: 0;
min-height: 70%
}
.section.pageteasercard .card-header {
padding: 40px 38px 32px
}
.section.pageteasercard .label {
padding-bottom: 16px
}
.section.pageteasercard .card-snippet {
background-color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 24px;
padding: 0 38px;
position: relative;
opacity: 0;
top: 60px
}
@media (min-width:375px) {
.section.pageteasercard {
margin-bottom: 30px
}
}
@media (min-width:528px) {
.section.pageteasercard .container {
width: 360px;
height: 635px
}
.section.pageteasercard .card-header {
padding: 40px 92px 30px 38px
}
}
@media (min-width:1000px) and (max-width:1199px) {
.section.pageteasercard .container {
width: 268px;
height: 473px
}
.section.pageteasercard .card-header {
padding: 20px 40px 20px 20px
}
.section.pageteasercard .card-snippet {
padding: 0 20px
}
}
.section.policylookupcard input[type=text] {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.prev-next-navigation {
width: 100%;
margin: 0;
background-color: #f7f7f7;
padding: 130px 0
}
.prev-next-navigation__container {
max-width: 644px;
margin: auto
}
.prev-next-navigation__link {
font-size: 20px;
position: relative;
width: 50%;
display: block;
margin: 0;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.prev-next-navigation__link:first-child {
text-align: right;
padding-right: 4rem
}
.prev-next-navigation__link:first-child::before {
content: "â†";
padding-right: 2rem
}
.prev-next-navigation__link:last-child {
text-align: left;
padding-left: 4rem
}
.prev-next-navigation__link:last-child::before {
display: block;
content: "";
width: 1px;
height: 100px;
opacity: .2;
background-color: #252531;
position: absolute;
left: -1px;
top: -30px
}
.prev-next-navigation__link:last-child::after {
content: "→";
padding-left: 2rem
}
@media (max-width:1000px) {
.prev-next-navigation {
padding: 100px 0 130px
}
.prev-next-navigation__link {
padding: 0 2rem 2rem;
font-size: 14px
}
.prev-next-navigation__link:first-child {
text-align: left
}
.prev-next-navigation__link:first-child::before {
content: none;
padding: 0
}
.prev-next-navigation__link:first-child::after {
text-align: left;
content: "â†";
display: block;
margin-top: 1rem;
position: absolute;
font-size: 16px;
bottom: .5rem
}
.prev-next-navigation__link:last-child {
text-align: right
}
.prev-next-navigation__link:last-child::after {
padding: 0;
text-align: right;
display: block;
margin-top: 1rem;
position: absolute;
bottom: .5rem;
right: 2rem;
font-size: 16px
}
}
.section.text {
margin: 20px auto 10px;
max-width: 1188px
}
.content-style h2,
.section.text h2 {
font-family: 'Crimson Text', serif;
font-weight: 600;
font-size: 30px;
line-height: 40px;
margin: 0 20px 20px
}
.content-style h3,
.content-style h4,
.section.text h3,
.section.text h4 {
font-family: 'Open Sans', sans-serif;
letter-spacing: 1px;
text-align: left
}
.content-style h3,
.section.text h3 {
font-size: 20px;
line-height: 1.8;
font-weight: 300;
margin: 0 0 20px
}
.content-style h4,
.section.text h4 {
line-height: 1.9;
font-size: 300;
margin: 0 20px 20px
}
.content-style p,
.section.text h2,
.section.text h3,
.section.text p {
margin: 0 20px 20px
}
.content-style ul,
.section.text ul {
margin: 0 20px 20px;
padding: 0;
list-style: none
}
.content-style ul.inline-list,
.section.text ul.inline-list {
margin: 0
}
.content-style li,
.section.text li {
line-height: 1.9;
font-weight: 500;
font-size: 14px;
position: relative;
padding-left: 1.5em
}
.section.text li.privacy-policy {
font-size: 1rem;
line-height: 1.5
}
.section.text li.privacy-policy-header {
font-size: 1.25rem;
font-weight: 700;
padding-left: 10px
}
@media (max-width:999px) {
.section.text li.privacy-policy {
font-size: 14px
}
.section.text li.privacy-policy-header {
font-size: 16px
}
}
.content-style ul li::before,
.section.text ul li::before {
content: '';
background-color: #BDBDBD;
border-radius: 6px;
position: absolute;
height: 6px;
width: 6px;
left: 0;
top: .74em
}
.content-style ul.large-list li::before,
.section.text ul.large-list li::before {
top: 50%
}
.content-style ul.inline-list li::before,
.section.text ul.inline-list li::before {
background-color: #000;
border-radius: 0;
height: 1px;
width: 5px;
left: 8px;
top: .9em
}
.section.text .ul-required li::before {
content: '*';
background-color: transparent;
top: 0
}
.search-form_elements:before,
.search-form_input::before,
.section.image:after {
content: ""
}
.section.text ol {
margin-bottom: 20px;
padding: 0
}
.content-style a,
.content-style a>span,
.section.text a,
.section.text a>span {
color: #0066bc;
font-weight: 600
}
.os-b-fs14-l18-t50-c000000,
.os-b-fs14-l18-t50-c353535,
.os-b-fs14-l24-t50-c000000,
.os-b-fs26-l33-t10-c000000 {
font-family: 'Open Sans', sans-serif;
font-weight: 700
}
.content-style a:hover,
.section.text a:hover {
color: #0066bc;
cursor: pointer;
text-decoration: underline
}
.os-b-fs14-l18-t50-c000000 {
font-size: 14px;
line-height: 18px;
letter-spacing: .05em;
color: #000
}
.os-b-fs14-l18-t50-c353535 {
font-size: 14px;
line-height: 18px;
letter-spacing: .05em;
color: #353535
}
.os-b-fs14-l24-t50-c000000 {
font-size: 14px;
line-height: 24px;
letter-spacing: .05em;
color: #000
}
.os-b-fs26-l33-t10-c000000 {
font-size: 26px;
line-height: 33px;
letter-spacing: .01em;
color: #000
}
.os-b-fs26-l66-t10-c000000,
.os-b-fs26-l66-t10-c242323 {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 26px;
line-height: 66px;
letter-spacing: .01em
}
.os-b-fs26-l66-t10-c000000 {
color: #000
}
.os-b-fs26-l66-t10-c242323 {
color: #242323
}
.os-r-fs14-l24-t0-c000000,
.os-r-fs16-l18-t50-c333333 {
font-family: 'Open Sans', sans-serif;
font-weight: 500
}
.os-r-fs14-l24-t0-c000000 {
font-size: 14px;
line-height: 24px;
letter-spacing: 0;
color: #000
}
.os-r-fs16-l18-t50-c333333 {
font-size: 16px;
line-height: 18px;
letter-spacing: .05em;
color: #333
}
.os-r-fs16-l24-t50-c000000,
.os-r-fs16-l24-t50-c242323 {
font-family: 'Open Sans', sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 24px
}
.os-r-fs16-l24-t50-c000000 {
letter-spacing: .05em;
color: #000
}
.os-r-fs16-l24-t50-c242323 {
letter-spacing: .05em;
color: #242323
}
.os-r-fs16-l28-t50-c000000,
.os-r-fs16-l28-t50-c242323 {
font-size: 16px;
line-height: 28px;
letter-spacing: .05em;
font-family: 'Open Sans', sans-serif;
font-weight: 500
}
.os-r-fs16-l28-t50-c000000 {
color: #000
}
.os-r-fs16-l28-t50-c242323 {
color: #242323
}
.os-r-fs18-l34-t0-c000000 {
font-family: 'Open Sans', sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 34px;
letter-spacing: 0;
color: #000
}
.os-r-fs20-l24-t50-c000000,
.os-r-fs20-l38-t0-c000000 {
font-family: 'Open Sans', sans-serif;
font-weight: 500;
font-size: 20px;
color: #000
}
.os-r-fs20-l24-t50-c000000 {
line-height: 24px;
letter-spacing: .05em
}
.os-r-fs20-l38-t0-c000000 {
line-height: 38px;
letter-spacing: 0
}
.os-r-fs20-l38-t50-c000000,
.os-r-fs20-l38-t50-c333333 {
font-family: 'Open Sans', sans-serif;
font-weight: 500;
line-height: 38px;
letter-spacing: .05em;
font-size: 20px
}
.os-r-fs20-l38-t50-c000000 {
color: #000
}
.os-r-fs20-l38-t50-c333333 {
color: #333
}
.os-s-fs12-l24-t0-c000000,
.os-s-fs12-l24-t0-c808080 {
font-size: 12px;
line-height: 24px;
font-family: 'Open Sans', sans-serif;
font-weight: 600
}
.os-s-fs12-l24-t0-c000000 {
letter-spacing: 0;
color: #000
}
.os-s-fs12-l24-t0-c808080 {
letter-spacing: 0;
color: grey
}
.os-s-fs14-l18-t0-c0066bc {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 18px;
letter-spacing: 0;
color: #0066bc
}
.os-s-fs14-l24-t0-c000000,
.os-s-fs14-l24-t50-c000000,
.os-s-fs16-l18-t0-c000000 {
color: #000;
font-family: 'Open Sans', sans-serif;
font-weight: 600
}
.os-s-fs14-l24-t0-c000000 {
font-size: 14px;
line-height: 24px;
letter-spacing: 0
}
.os-s-fs14-l24-t50-c000000 {
font-size: 14px;
line-height: 24px;
letter-spacing: .05em
}
.os-s-fs16-l18-t0-c000000 {
font-size: 16px;
line-height: 18px;
letter-spacing: 0
}
.os-s-fs18-l24-t25-cFFFFFF {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 24px;
letter-spacing: .025em;
color: #FFF
}
.os-s-fs18-l33-t10-c000000,
.os-s-fs18-l38-t50-c000000 {
font-size: 18px;
color: #000;
font-family: 'Open Sans', sans-serif;
font-weight: 600
}
.os-s-fs18-l33-t10-c000000 {
line-height: 33px;
letter-spacing: .01em
}
.os-s-fs18-l38-t50-c000000 {
line-height: 38px;
letter-spacing: .05em
}
.os-s-fs20-l18-t0-c252532 {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 18px;
letter-spacing: 0;
color: #252532
}
.os-s-fs20-l30-t50-c000000,
.os-s-fs20-l38-t50-c000000 {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 20px;
letter-spacing: .05em;
color: #000
}
.os-s-fs20-l30-t50-c000000 {
line-height: 30px
}
.os-s-fs20-l38-t50-c000000 {
line-height: 38px
}
.p-l-fs14-l30-t0-c719495 {
font-family: 'Crimson Text', serif;
font-weight: 400;
font-size: 14px;
line-height: 30px;
letter-spacing: 0;
color: #719495
}
.p-l-fs32-l40-t0-c000000,
.p-l-fs32-l40-t0-c353535,
.p-l-fs32-l40-t0-c719495 {
font-family: 'Crimson Text', serif;
font-weight: 400;
font-size: 32px;
line-height: 40px
}
.p-l-fs32-l40-t0-c000000 {
letter-spacing: 0;
color: #000
}
.p-l-fs32-l40-t0-c353535 {
letter-spacing: 0;
color: #353535
}
.p-l-fs32-l40-t0-c719495 {
letter-spacing: 0;
color: #719495
}
.p-s-fs58-l33-t0-c000000,
.p-s-fs58-l64-t0-c000000,
.p-s-fs58-l72-t0-c000000 {
font-family: 'Crimson Text', serif;
font-weight: 600;
font-size: 58px;
letter-spacing: 0
}
.p-s-fs58-l33-t0-c000000 {
line-height: 33px;
color: #000
}
.p-s-fs58-l64-t0-c000000 {
line-height: 64px;
color: #000
}
.p-s-fs58-l72-t0-c000000 {
line-height: 72px;
color: #000
}
.p-s-fs66-l76-t-25-c000000,
.p-s-fs66-l76-t-25-cFFFFFF {
font-size: 66px;
line-height: 76px;
font-family: 'Crimson Text', serif;
font-weight: 600
}
.p-s-fs66-l76-t-25-c000000 {
letter-spacing: -.025em;
color: #000
}
.p-s-fs66-l76-t-25-cFFFFFF {
letter-spacing: -.025em;
color: #FFF
}
.p-s-fs66-l84-t-25-c000000,
.p-s-fs66-l84-t-25-cFFFFFF {
font-size: 66px;
line-height: 84px;
letter-spacing: -.025em
}
.p-s-fs66-l84-t-25-c000000 {
font-family: 'Crimson Text', serif;
font-weight: 600;
color: #000
}
.p-s-fs66-l84-t-25-cFFFFFF,
.p-s-fs72-l72-t0-cFFFFFF {
color: #FFF;
font-weight: 600;
font-family: 'Crimson Text', serif
}
.p-s-fs72-l72-t0-cFFFFFF {
font-size: 72px;
line-height: 72px;
letter-spacing: 0
}
@media (min-width:1000px) {
.section.text {
margin: 40px auto;
max-width: 1188px
}
.section.text h2 {
font-size: 48px;
line-height: 54px
}
.scroll-num__container.bottom-border {
border-bottom: 2px solid gray
}
}
@media (min-width:1188px) {
.section.text {
max-width: 100%
}
}
@media (max-width:999px) {
.section.text p.mobile-tight {
margin: 0 10px 10px
}
}
@media (min-width:999px) {
.card-right-border {
border-right-color: #ccc;
border-right-style: solid;
border-right-width: 1px
}
}
.section.image:after {
display: table;
clear: both
}
.section.image img.generic-image.left {
float: left
}
.section.image img.generic-image.middle {
margin-left: auto;
margin-right: auto;
display: block
}
.section.image img.generic-image.right {
float: right
}
.image.parbase.section>img {
max-width: 100%;
padding-top: 40px
}
figure.vid-figure {
height: 0;
width: 0;
margin: 0;
display: inline-block
}
.image-caption {
text-align: center;
padding-top: 10px;
font-style: italic
}
html.impairments-page .nav-login-form-selector *,
html.impairments-page .nav-menu *,
html.impairments-page footer * {
-webkit-box-sizing: content-box!important;
box-sizing: content-box!important
}
html.impairments-page .alert a:hover {
text-decoration: underline!important
}
html.impairments-page .global-hero .video-container .video {
background-color: unset!important;
-webkit-box-shadow: unset!important;
box-shadow: unset!important
}
.no-audio-context .image.pos-relative img {
position: relative;
cursor: default
}
#mobilitysim input[type=range]::-ms-thumb,
#vision-simulation input[type=range]::-ms-thumb {
height: 15px!important;
width: 15px!important;
margin-top: -4px!important
}
.ie-edge #vision-simulation .controls {
width: 300px!important;
min-width: 300px!important;
max-width: 300px!important
}
.ie-edge #hearing #track_container {
background: #4c4c4e!important;
margin-top: 12px!important;
height: 3px!important
}
.ie-edge #hearing #hearing-simulation .simulation .audio-controls .control .ticks>li:first-child:before,
.ie-edge #hearing #hearing-simulation .simulation .audio-controls .control .ticks>li:nth-child(4):before {
-webkit-box-shadow: 0 0;
box-shadow: 0 0
}
@media (min-width:768px) {
#vision .control {
-ms-flex-wrap: unset;
flex-wrap: unset
}
}
@media (max-width:767px) {
#hearing-simulation,
#vision-simulation {
overflow-y: scroll!important
}
.modal-impairments .close {
right: .25rem!important;
top: .25rem!important
}
#hearing-simulation {
padding: 20px 0!important
}
#hearing-simulation .intro.active,
#hearing-simulation .simulation {
height: 600px!important
}
body.no-audio-context .genImpairments-subtext,
body.no-audio-context button.genImpairments-button.is-hearing {
display: none
}
.hearing .alert-no-audiocontext {
margin: 0 20px
}
#vision-simulation .intro {
height: 400px!important
}
#vision-simulation video {
height: 400px!important;
max-height: calc(100vh - 70px)!important
}
#vision-simulation .controls {
min-height: 160px!important
}
#mobilitysim .content {
right: 0!important
}
body.ios-vision #vision .modal-impairments.active {
top: 37px!important
}
}
@media (max-width:767px) and (orientation:landscape) {
#mobilitysim .controls {
height: 100%;
left: 0;
width: 161px
}
#mobilitysim .controls .control {
width: 100%;
margin: 15px 0!important
}
#mobilitysim .controls .control .ticks li {
font-size: 8px
}
}
@media (max-width:767px) and (orientation:portrait) {
#mobilitysim .controls {
min-height: 126px!important
}
#mobilitysim .controls .control.handTremors {
height: 67px!important
}
#mobilitysim .controls .control.handTremors .ticks {
display: none!important
}
}
@media (max-width:600px) {
html.impairments-page .control .ticks li {
font-size: 8px
}
}
@media (max-width:450px) {
body.no-audio-context #content>.hearing {
margin-bottom: 160px
}
}
@media (max-width:340px) {
body.no-audio-context #content>.hearing {
margin-bottom: 250px
}
}
.scroll-num__container {
padding: 115px 22px
}
.layout-33:nth-child(2) .scroll-num__container {
-webkit-animation-delay: .2s;
animation-delay: .2s
}
.layout-33:nth-child(3) .scroll-num__container {
-webkit-animation-delay: .4s;
animation-delay: .4s
}
.scroll-num__number {
height: 77.6px;
font-family: 'Crimson Text', serif;
text-align: center;
font-size: 77.6px;
font-weight: 600;
line-height: 1.15;
letter-spacing: -1.9px;
color: #687381;
margin-bottom: 18px
}
@media (min-width:1200px) {
.scroll-num__number {
font-size: 96px;
height: 96px
}
}
@media (max-width:999px) {
.scroll-num__container {
padding: 115px 22px
}
.scroll-num__container.bottom-border-sm {
border-bottom: 2px solid gray
}
.scroll-num__number {
height: auto
}
}
.scroll-num__subtext {
margin: auto;
height: 80px;
font-family: 'Crimson Text', serif;
font-size: 14px;
font-weight: 600;
line-height: 1.71;
text-align: center;
color: #000
}
.search-form_container {
width: 100%;
display: block;
margin: 0;
background: #f8f8f8;
padding: 133px 0 164px
}
.search-form_elements {
padding: 38px 60px;
background: #fff;
width: 1024px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 20px 20px 0 rgba(44, 45, 46, .1);
box-shadow: 0 20px 20px 0 rgba(44, 45, 46, .1);
margin: auto;
position: relative
}
.search-form_elements:before {
display: block;
position: absolute;
width: 140px;
height: 40px;
right: 0;
bottom: 100%
}
.nav-search-label {
font-size: 16px;
height: 0
}
.search-form_input {
position: relative;
width: 100%;
border-bottom: 2px solid #000;
overflow: hidden;
height: 40px
}
.search-form_input input {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: 0;
margin: 0;
padding: 0 30px;
font-size: 22px;
font-weight: 400
}
.search-form_input::before {
display: block;
position: absolute;
right: 0;
bottom: 10px;
left: 0;
background-image: url(../images/img/icon-search.png);
background-repeat: no-repeat;
background-size: auto 16px;
background-position: center;
-webkit-transition: opacity .2s .2s;
transition: opacity .2s .2s;
z-index: 1;
width: 20px;
height: 20px
}
.search-form_submit {
position: absolute;
bottom: 38px;
right: 30px
}
.search-form_submit input {
float: right;
padding: 10px 40px;
margin-top: 10px;
background: 0 0;
text-transform: uppercase;
font-size: 14px;
-webkit-appearance: none;
font-family: 'Crimson Text', serif;
font-weight: 700;
letter-spacing: .7px;
text-align: center;
color: #0066bc;
border: 0
}
.search-form_submit input:hover {
cursor: pointer
}
.search-results {
width: 100%
}
.search-results_header {
max-width: 1024px;
margin: auto
}
.search-results_header_prefix {
text-align: center;
padding: 10px 0 30px;
margin: 0
}
.search-results_header_term {
font-family: 'Crimson Text', serif;
font-size: 20px;
line-height: 1.9;
letter-spacing: 1px;
text-align: left;
color: #000;
margin-bottom: 60px
}
.search-results_header_count {
font-family: 'Crimson Text', serif;
font-size: 14px;
font-weight: 600;
border-bottom: 1px solid #D0D0D0;
text-align: right;
padding-bottom: 10px
}
.search-results_container {
max-width: 1024px;
margin: 30px auto;
overflow: hidden
}
.search-results_items {
width: 75%;
float: left;
padding-bottom: 30px
}
.search-results_popular {
width: 25%;
float: left
}
.search-results_popular_item {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.71;
text-align: left;
color: #0065BB
}
.search-results_popular_item:hover {
text-decoration: underline
}
.search-results_item {
padding: 15px 0;
position: relative
}
.search-results_item_excerpt,
.search-results_item_link {
padding-left: 24px;
text-align: left
}
.search-results_item:first-child {
padding-top: 0
}
.search-results_item_title {
font-family: 'Crimson Text', serif;
font-size: 26px;
font-weight: 500;
line-height: 1.2;
letter-spacing: .3px;
text-align: left;
color: #242323;
margin-bottom: 5px
}
.search-results_item_link,
.search-results_pagination {
font-family: 'Open Sans', sans-serif;
font-weight: 500
}
.search-results_item_link {
font-size: 20px;
line-height: 1.5;
color: #0065BB;
margin-bottom: 5px;
position: relative;
display: block;
text-decoration: none
}
.sub-navigation__link:hover,
a.search-results_item_link:hover,
a.state-selector-initiator:hover {
text-decoration: underline
}
.search-results_item_link::before {
position: absolute;
left: 0
}
.search-results_pagination {
width: 75%;
margin-left: 25%;
font-size: 16px
}
.search-results_pagination_next,
.search-results_pagination_pages,
.search-results_pagination_prev {
display: inline-block
}
.search-results_pagination_next,
.search-results_pagination_prev {
text-transform: uppercase
}
.search-results_pagination_pages>a,
.search-results_pagination_prev>a {
margin-bottom: 10px!important
}
.search-results_pagination_next>a,
.search-results_pagination_pages>.is-current,
.search-results_pagination_pages>a,
.search-results_pagination_prev>a {
color: #000;
display: inline-block;
padding: 3px 10px;
margin: 0 3px;
border: 2px solid #000;
border-radius: 15px
}
.search-results_pagination_next>a,
.search-results_pagination_prev>a {
padding: 3px 10px;
min-width: 75px;
text-align: center
}
.search-results_pagination_next>a:hover,
.search-results_pagination_pages>a:hover,
.search-results_pagination_prev>a:hover {
color: #fff;
background: #687381
}
.search-results_pagination_pages>.is-current {
color: #fff;
background: #687381;
border: 2px solid #687381
}
.suggestions {
font-size: 18px;
line-height: 1.5;
padding-bottom: 160px;
color: #242323
}
.search-suggestions-label {
font-size: 22px
}
.suggestions-list {
list-style: disc;
font-style: italic
}
@media (max-width:1024px) {
.search-results_popular {
display: none
}
.search-results_items {
width: 100%
}
.search-results {
padding: 0 80px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.search-form_container {
padding: 60px 0
}
.search-form_elements {
max-width: 600px;
width: auto
}
.search-results_header_term {
margin-bottom: 20px
}
.search-results_pagination {
margin: 0;
width: 100%
}
}
@media (max-width:767px) {
.search-results {
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.suggestions ul.suggestions-list {
margin-left: 20px
}
}
.stacked-sub-navigation h3,
.sub-navigation.item {
padding: .75rem 0;
border-bottom: 1px solid #D6D6D6
}
.socialshare.section {
margin: auto
}
.share-icon-group {
margin-top: .5rem
}
.share-icon-group img {
width: 20px;
margin-right: 5px
}
@media (max-width:959px) {
.socialshare.section {
margin: 2rem
}
}
@media (min-width:960px) and (max-width:1100px) {
.socialshare.section {
max-width: 1100px;
margin: auto 20px
}
}
@media (min-width:1101px) {
.socialshare.section {
max-width: 1100px
}
}
@media (min-width:1440px) {
.socialshare.section {
max-width: 1300px
}
}
.configurablestackedsubnavigation,
.stackedsubnavigation {
margin-left: 20px
}
.stacked-sub-navigation h3 {
font-size: 16px;
max-width: 280px
}
.sub-navigation.item.current {
background: #0065BB;
padding-left: 1rem
}
.sub-navigation.item.current>.sub-navigation__link {
color: #fff
}
.sub-navigation.items {
max-width: 280px
}
.sub-navigation__link {
font-size: 16px;
font-weight: 600;
color: #0065BB
}
.sub-navigation__link:hover {
color: #0065BB
}
a.state-selector-initiator {
cursor: pointer;
font-family: 'Crimson Text', serif;
font-weight: 600;
text-transform: uppercase;
font-size: 18px;
letter-spacing: .1em;
color: #687381;
background: url(../images/img/states-sprite.png) no-repeat;
float: right;
margin-right: 20px;
line-height: 35px;
height: 35px;
padding-left: 40px;
position: relative;
top: -10px
}
.state-selector-modal-content {
display: none
}
.modal.state-selector-modal {
max-width: 500px!important;
padding: 0!important
}
.modal.state-selector-modal .modal-content {
padding: 30px!important
}
.state-selector-modal button.btn-modal-close {
background: #fff;
color: #000;
font-size: 48px;
font-weight: 400;
padding: 10px 10px 10px 0;
font-family: initial
}
.state-selector-modal .state-selector-header,
.state-selector-modal p {
margin: 0 0 10px
}
.state-selector-modal form {
margin: 10px 0 20px;
font-size: 12px;
overflow: auto;
text-align: center
}
.state-selector-modal .state-selector-select {
width: 100%;
display: inline-block;
max-width: 240px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 9px 25px 0 0
}
.state-selector-modal select {
color: #000;
border: 0;
border-bottom: 2px solid #000;
border-radius: 0;
width: 240px;
padding: 0 0 0 10px;
-moz-appearance: none;
-webkit-appearance: none;
background: url(../images/img/icons/chevrondown_blk.svg) right no-repeat;
background-position-x: 220px;
background-position-y: 3px;
background-size: 25px 25px;
height: 30px;
font-size: 26px
}
@media (min-width:1000px) {
.state-selector-modal select {
height: 50px;
background-position-y: 13px
}
}
.state-selector-modal select::-ms-expand {
display: none
}
.state-selector-modal .state-selector-submit-button {
display: inline-block;
width: 100%;
max-width: 190px;
padding: 0 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.state-selector-modal .state_formDesc ul {
list-style: disc;
padding: 5px 20px
}
.state-selector-modal .state_suspendedText .state-suspended-error {
color: red;
font-weight: 600
}
@media (min-width:1440px) {
a.state-selector-initiator {
margin-right: calc((100vw - 1204px)/ 2)
}
}
@media (max-width:510px) {
.state-selector-modal .state-selector-select {
float: none
}
.state-selector-modal .state-selector-submit-button {
max-width: 260px;
padding: 10px
}
}
.test-your-knowledge-quiz .quiz-banner {
background: #27BA8C;
text-align: center;
padding: 30px 0
}
.test-your-knowledge-quiz .quiz-banner .quiz-banner-text {
color: #fff;
font-size: 32px;
font-family: 'Crimson Text', serif
}
.test-your-knowledge-quiz .quiz-banner .quiz-trigger {
margin-top: 20px
}
.test-your-knowledge-quiz .quiz-container .button-secondary:not(:hover):not(:focus) {
background: #27A5D5
}
.test-your-knowledge-quiz .quiz-wrap {
padding: 10px 0
}
.test-your-knowledge-quiz .quiz-wrap .quiz-intro-container {
width: 450px;
max-width: 100%;
margin-top: 90px
}
@media (max-width:575px) {
.test-your-knowledge-quiz .quiz-wrap .quiz-intro-container {
width: 100%;
margin-top: 10px;
text-align: center;
min-height: 320px
}
}
.test-your-knowledge-quiz .quiz-wrap .quiz-intro-container .quiz-intro-title {
font-size: 84px;
line-height: 84px;
font-family: 'Crimson Text', serif;
text-align: left
}
@media (max-width:575px) {
.test-your-knowledge-quiz .quiz-wrap .quiz-intro-container .quiz-intro-title {
font-size: 56px;
line-height: 56px
}
}
.test-your-knowledge-quiz .quiz-wrap .quiz-intro-container .quiz-intro-subtitle {
font-family: 'Crimson Text', serif;
font-size: 32px;
margin: 15px 0 0;
text-align: left;
line-height: 32px
}
.test-your-knowledge-quiz .quiz-wrap .quiz-intro-container .quiz-begin {
margin-top: 40px
}
.test-your-knowledge-quiz .quiz-wrap .quiz-intro-container .quiz-intro-mobile-background {
display: none
}
@media (max-width:575px) {
.test-your-knowledge-quiz .quiz-wrap .quiz-intro-container .quiz-begin {
margin-top: 15px
}
.test-your-knowledge-quiz .quiz-wrap .quiz-intro-container .quiz-intro-mobile-background {
display: block;
width: calc(100% + 20px);
margin: 20px -10px 0;
max-height: calc(100% - 300px);
position: fixed;
bottom: 0
}
}
.test-your-knowledge-quiz .quiz-wrap .quiz-title {
color: #b4b4b4;
font-family: 'Crimson Text', serif;
font-size: 32px;
margin: 0
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap {
margin-top: 10px;
width: 350px;
max-width: 100%
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-question-heading {
margin: 0
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-question-title {
font-size: 22px;
font-weight: 400;
line-height: 30px;
margin: 0
}
@media (max-width:575px) {
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap {
width: 100%
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-question-title {
font-size: 18px
}
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-question-title.quiz-long-title {
font-size: 16px;
line-height: 22px
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-options-container {
min-height: 236px
}
@media (max-width:999px) {
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-options-container {
padding-top: 10px
}
}
@media (max-width:575px) {
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-options-container {
min-height: auto;
padding: 0;
overflow: auto
}
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-options-container .quiz-option {
display: block;
font-size: 18px;
letter-spacing: .05rem;
text-transform: none;
width: 240px;
max-width: 100%;
margin-top: 20px;
padding: 0 20px 0 30px;
text-indent: -5px
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-options-container .quiz-option.quiz-correct-answer:before,
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-options-container .quiz-option.quiz-incorrect-answer:before {
height: 20px;
width: 20px;
content: ' ';
float: left;
margin: 10px 0 0 -20px;
background-repeat: no-repeat!important;
background-size: 20px 20px!important
}
@media (max-width:999px) {
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-options-container .quiz-option.quiz-correct-answer:before,
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-options-container .quiz-option.quiz-incorrect-answer:before {
margin-top: 5px
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-options-container .quiz-option {
min-height: 42px
}
}
@media (max-width:575px) {
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-options-container .quiz-option.quiz-correct-answer:before,
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-options-container .quiz-option.quiz-incorrect-answer:before {
margin: 0 0 0 -20px;
width: 15px;
background-size: 15px 15px!important;
background-position: center!important
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-options-container .quiz-option {
width: calc(50% - 10px);
float: left;
font-size: 13px;
line-height: 18px;
padding: 0 30px;
text-indent: 0
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-options-container .quiz-option:nth-child(odd) {
margin-right: 20px
}
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-options-container .quiz-option.quiz-correct-answer:before {
background: url(../images/img/icons/noun_Check_wht.svg)
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-options-container .quiz-option.quiz-incorrect-answer:before {
background: url(../images/img/icons/noun_X_wht.svg)
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-answer-block.active {
position: absolute;
left: 300px;
margin-top: -235px;
padding: 20px;
height: 195px;
width: 225px;
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
@media (max-width:575px) {
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-answer-block.active {
position: relative;
margin: 20px auto 0;
left: 0;
display: block;
width: calc(100% - 50px);
height: auto;
padding: 10px 20px
}
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-answer-block.active .quiz-answer-block-arrow {
position: absolute;
border-color: transparent;
border-style: solid;
top: 50%;
left: -2px;
margin-top: -30px;
border-width: 20px 20px 20px 0;
-webkit-transform: rotateY(0) rotate(45deg);
transform: rotateY(0) rotate(45deg)
}
@media (max-width:575px) {
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-answer-block.active .quiz-answer-block-arrow {
top: 18px;
left: 50%;
margin-left: -5px;
-webkit-transform: rotateY(0) rotate(135deg);
transform: rotateY(0) rotate(135deg)
}
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-answer-block.active.quiz-true-or-false .quiz-answer-block-arrow {
top: 55px
}
@media (max-width:999px) {
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-answer-block.active.quiz-true-or-false .quiz-answer-block-arrow {
top: 65px
}
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-answer-block.active .quiz-incorrect-or-correct {
font-size: 24px;
margin: 0
}
@media (max-width:575px) {
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-answer-block.active.quiz-true-or-false .quiz-answer-block-arrow {
top: 18px
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-answer-block.active .quiz-incorrect-or-correct {
margin-bottom: 10px;
font-size: 20px
}
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-answer-block.active .quiz-answer {
margin-top: 5px;
font-family: 'Crimson Text', serif;
font-size: 42px;
line-height: 42px
}
@media (max-width:575px) {
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-answer-block.active .quiz-answer {
font-size: 32px;
line-height: 14px;
margin: 0 5px 0 0;
float: left
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-answer-block.active .quiz-answer.quiz-long-answer-details {
line-height: 6px
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-answer-block.active .quiz-answer br {
display: none
}
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-answer-block.active .quiz-answer-details {
font-size: 20px;
margin-top: 10px
}
@media (max-width:575px) {
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-answer-block.active .quiz-answer-details {
margin: 0;
font-size: 16px
}
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-answer-block.active .quiz-answer-details.quiz-long-answer-details {
font-size: 13px
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-correct-answer {
background: #27BA8C!important;
color: #fff
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-correct-answer .quiz-answer-block-arrow {
border-bottom-color: #27BA8C!important
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-incorrect-answer {
background: #BD6868!important;
color: #fff
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-incorrect-answer .quiz-answer-block-arrow {
border-bottom-color: #BD6868!important
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-source {
font-size: 12px;
margin: 20px 0 0;
overflow: auto
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-source .quiz-source-heading {
display: block;
float: left;
width: 45px
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-source .quiz-source-source {
display: block;
float: left;
width: calc(100% - 45px)
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-source .quiz-source-source a {
color: #fff;
text-decoration: underline
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-source .quiz-source-source a:hover {
text-decoration: none
}
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-next.active {
margin: 20px 0 0 100px
}
@media (max-width:575px) {
.test-your-knowledge-quiz .quiz-wrap .quiz-question-container .quiz-question-wrap .quiz-next.active {
margin: 20px auto 0;
display: block
}
}
.test-your-knowledge-quiz .quiz-wrap .quiz-results-container .quiz-results-block {
padding: 50px 30px;
background: #27A5D5;
margin-top: 20px;
position: relative;
width: 320px;
max-width: 100%;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
@media (max-width:575px) {
.test-your-knowledge-quiz .quiz-wrap .quiz-results-container .quiz-results-block {
width: calc(100% - 40px);
padding: 20px
}
}
.test-your-knowledge-quiz .quiz-wrap .quiz-results-container .quiz-results-block .quiz-results-block-arrow {
position: absolute;
border-color: transparent transparent #27A5D5;
border-style: solid;
top: 0;
left: 50%;
margin: -12px 0 0 -3px;
border-width: 20px 20px 20px 0;
-webkit-transform: rotateY(0) rotate(135deg);
transform: rotateY(0) rotate(135deg)
}
.test-your-knowledge-quiz .quiz-wrap .quiz-results-container .quiz-results-block h3 {
font-size: 36px;
font-family: 'Crimson Text', serif;
font-weight: 400;
line-height: 42px;
margin: 0
}
.test-your-knowledge-quiz .quiz-wrap .quiz-results-container .quiz-next-quiz-remark,
.test-your-knowledge-quiz .quiz-wrap .quiz-results-container .quiz-post-remark {
margin: 40px 0 0;
width: 320px;
max-width: 100%;
font-size: 16px
}
.test-your-knowledge-quiz .quiz-wrap .quiz-results-container .quiz-next-quiz-remark a,
.test-your-knowledge-quiz .quiz-wrap .quiz-results-container .quiz-post-remark a {
color: #fff;
text-decoration: underline
}
.test-your-knowledge-quiz .quiz-wrap .quiz-results-container .quiz-next-quiz-remark a:hover,
.test-your-knowledge-quiz .quiz-wrap .quiz-results-container .quiz-post-remark a:hover {
text-decoration: none
}
.test-your-knowledge-quiz .quiz-wrap .quiz-results-container .quiz-next-quiz-container {
width: 100%;
margin-top: 10px;
overflow: auto
}
.test-your-knowledge-quiz .quiz-wrap .quiz-results-container .quiz-next-quiz-container button.quiz-next-quiz-button {
float: left;
margin-right: 20px;
background: #fff;
border: 0;
height: 80px;
width: 170px;
cursor: pointer;
font-weight: 700;
font-size: 16px;
color: #27A5D5;
line-height: 24px
}
@media (max-width:767px) {
.test-your-knowledge-quiz .quiz-wrap .quiz-results-container .quiz-next-quiz-container button.quiz-next-quiz-button {
width: calc(33% - 20px);
margin: 0
}
.test-your-knowledge-quiz .quiz-wrap .quiz-results-container .quiz-next-quiz-container button.quiz-next-quiz-button+button.quiz-next-quiz-button {
margin-left: 30px
}
}
@media (max-width:575px) {
.test-your-knowledge-quiz .quiz-wrap .quiz-results-container .quiz-next-quiz-container button.quiz-next-quiz-button {
width: calc(33% - 6px);
height: 120px
}
.test-your-knowledge-quiz .quiz-wrap .quiz-results-container .quiz-next-quiz-container button.quiz-next-quiz-button+button.quiz-next-quiz-button {
margin-left: 10px
}
}
.test-your-knowledge-quiz .quiz-wrap .quiz-results-container .quiz-next-quiz-container button.quiz-next-quiz-button:hover {
color: #fff;
background: #27A5D5
}
.test-your-knowledge-quiz .quiz-answer-block:not(.active),
.test-your-knowledge-quiz .quiz-intro-container:not(.active),
.test-your-knowledge-quiz .quiz-next:not(.active),
.test-your-knowledge-quiz .quiz-question-container:not(.active),
.test-your-knowledge-quiz .quiz-question-wrap:not(.active),
.test-your-knowledge-quiz .quiz-results-container:not(.active),
.test-your-knowledge-quiz .quiz-source:not(.active),
.test-your-knowledge-quiz .quiz-wrap:not(.active) {
display: none
}
.test-your-knowledge-quiz .quiz-modal-overlay {
display: none;
position: fixed;
z-index: 9998;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .6)
}
.test-your-knowledge-quiz .quiz-modal-overlay.quiz-modal-open {
display: block;
overflow: auto;
overflow-x: hidden
}
.test-your-knowledge-quiz .quiz-modal-overlay.quiz-modal-open .quiz-modal {
display: block;
position: relative;
overflow: hidden;
margin-bottom: 30px;
z-index: 9999;
top: 0;
left: 50%;
width: 680px;
max-width: calc(90% - 60px);
padding: 30px;
-webkit-transition: 1s opacity ease;
transition: 1s opacity ease;
-webkit-transform: translate(-50%, 40px);
transform: translate(-50%, 40px);
border-radius: 2px;
color: #fff;
min-height: 600px;
background-size: cover;
background-position: right;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
@media (max-width:767px) {
.test-your-knowledge-quiz .quiz-modal-overlay.quiz-modal-open .quiz-modal {
padding: 20px 10px;
max-width: calc(100% - 20px)
}
}
@media (max-width:575px) {
.test-your-knowledge-quiz .quiz-modal-overlay.quiz-modal-open .quiz-modal {
background-image: none!important;
top: -40px;
height: calc(100% - 70px);
min-height: 585px
}
.test-your-knowledge-quiz .quiz-modal-overlay.quiz-modal-open .quiz-modal .quiz-footer {
display: block;
position: absolute;
bottom: 10px;
width: 100%;
margin: 10px 0 0;
height: 20px
}
}
.test-your-knowledge-quiz .quiz-modal-overlay.quiz-modal-open .quiz-modal .quiz-close {
font-size: 48px;
line-height: 24px;
position: absolute;
top: 10px;
right: 5px;
cursor: pointer;
border: 0;
background: 0 0;
color: #fff
}
.test-your-knowledge-quiz .quiz-modal-overlay.quiz-modal-open .quiz-modal .quiz-footer {
font-size: 16px
}
.test-your-knowledge-quiz .quiz-modal-overlay.quiz-modal-open .quiz-modal .quiz-footer .quiz-social-media {
position: absolute;
bottom: 15px;
right: 30px;
font-weight: 700
}
@media (max-width:575px) {
.test-your-knowledge-quiz .quiz-modal-overlay.quiz-modal-open .quiz-modal .quiz-footer .quiz-social-media {
right: 15px;
bottom: auto
}
}
.test-your-knowledge-quiz .quiz-modal-overlay.quiz-modal-open .quiz-modal .quiz-footer .quiz-social-media .social-link {
display: inline-block;
width: 20px;
height: 20px;
margin: 0 0 -7px 5px;
background-repeat: no-repeat;
background-size: auto 16px;
overflow: hidden;
font-family: monospace;
letter-spacing: -1ex;
text-indent: -20ex
}
.test-your-knowledge-quiz .quiz-modal-overlay.quiz-modal-open .quiz-modal .quiz-footer .quiz-social-media .social-link.twitter {
background-image: url(../images/img/social/twitter.png)
}
.test-your-knowledge-quiz .quiz-modal-overlay.quiz-modal-open .quiz-modal .quiz-footer .quiz-social-media .social-link.facebook {
background-image: url(../images/img/social/facebook.png)
}
.test-your-knowledge-quiz .quiz-modal-overlay.quiz-modal-open .quiz-modal .quiz-footer .quiz-social-media .social-link.linkedIn {
background-image: url(../images/img/social/linked-in.png)
}
.test-your-knowledge-quiz .quiz-modal-overlay.quiz-modal-open .quiz-modal .quiz-footer .quiz-form-number {
position: absolute;
bottom: 15px;
left: 30px;
margin-bottom: 0
}
@media (max-width:575px) {
.test-your-knowledge-quiz .quiz-modal-overlay.quiz-modal-open .quiz-modal .quiz-footer .quiz-form-number {
left: auto;
bottom: auto
}
}
.text-image {
margin: 40px auto;
min-height: 445px;
max-width: 1300px;
position: relative
}
.text-image.normal-with-shadow>.text-wrapper,
.text-image.wide-with-shadow>.text-wrapper {
background-color: #fff;
-webkit-box-shadow: 0 20px 20px 0 rgba(44, 45, 46, .1);
box-shadow: 0 20px 20px 0 rgba(44, 45, 46, .1)
}
.text-image.normal-with-shadow>.image-wrapper,
.text-image.wide-with-shadow>.image-wrapper {
-webkit-box-shadow: 0 20px 20px 0 rgba(44, 45, 46, .1);
box-shadow: 0 20px 20px 0 rgba(44, 45, 46, .1)
}
.text-image>.image-wrapper {
background: #fff;
width: 42.31%;
position: absolute;
overflow: hidden;
left: 0;
top: 0;
bottom: 0
}
.text-image__display {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
background-repeat: no-repeat
}
.text-image__display__fullSize {
width: 100%
}
.text-image>.text-wrapper {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 57.69%;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.text-image>.text-wrapper.text-image-align-middle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.text-image>.text-wrapper.text-image-align-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.text-wrapper:after {
content: '';
min-height: inherit;
font-size: 0
}
.content-container a {
color: #0065BB;
font-weight: 700
}
.content-container a:hover {
text-decoration: underline
}
.content-container h3,
.content-container>p {
text-align: left;
margin: 0 auto
}
.text-image.right>.image-wrapper {
left: auto;
right: 0
}
.text-image.right>.text-wrapper {
left: 0;
right: auto
}
.text-image.fill-page {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 100%
}
.text-image.fill-page.right .image-wrapper {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.text-image.fill-page .text-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media (min-width:768px) {
.text-image.fill-page .text-image__display__fullSize {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
}
@media (max-width:767px) {
.text-image.fill-page {
display: block
}
.text-image.fill-page .image-wrapper {
max-height: -webkit-fit-content;
max-height: -moz-fit-content;
max-height: fit-content
}
.text-image.fill-page .text-wrapper {
position: unset
}
}
@media (max-width:1439px) {
.text-image {
max-width: 1100px;
min-height: 445px
}
.content-container>h2 {
font-size: 19px
}
}
@media (max-width:1100px) {
.text-image {
max-width: 960px
}
}
@media (max-width:960px) {
.text-image {
max-width: 630px;
height: auto
}
.text-image>.image-wrapper {
width: 100%;
min-height: 321px;
max-height: 521px;
position: relative
}
.text-image>.text-wrapper {
width: 100%;
position: relative;
height: auto
}
}
@media (min-width:961px) {
.section.textimage .text-image:not([class*=with-shadow]) .text-wrapper {
height: auto!important;
position: relative!important
}
.section.textimage .text-image.left:not([class*=with-shadow]) .text-wrapper {
float: right
}
.section.textimage .text-image.right:not([class*=with-shadow]) .text-wrapper {
float: left
}
}
@media (max-width:1300px) and (min-width:1000px) {
.section.textimage .section-header {
font-size: 20px;
line-height: 26px
}
.section.textimage .lg-paragraph {
font-size: 16px;
line-height: 28px
}
}
.ul-text-image {
padding-left: 20px
}
@media (min-width:1300px) {
.ul-text-image {
margin-left: 45px!important
}
}
.text-wrapper .content-container .section-header {
padding-bottom: 30px
}
.text-image>.text-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media (min-width:960px) {
.text-image .text-wrapper {
padding-left: 80px;
padding-right: 100px
}
.text-image:not([class*=with-shadow]):not(.fill-page) .text-wrapper {
padding-left: 8px;
min-height: 445px
}
.text-image:not([class*=with-shadow]):not(.fill-page) .image-wrapper {
padding-left: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.text-image.right .text-wrapper {
padding-left: 100px;
padding-right: 80px
}
.text-image.right:not([class*=with-shadow]):not(.fill-page) .text-wrapper {
padding-right: 8px
}
.text-image.right:not([class*=with-shadow]):not(.fill-page) .image-wrapper {
padding-right: 28px
}
.text-image.large-content,
.text-image.large-content .text-wrapper {
min-height: 570px!important
}
.text-image.limited-content,
.text-image.limited-content .text-wrapper {
min-height: 300px!important
}
}
@media (max-width:1199px) {
.text-wrapper {
padding: 2em
}
}
table {
background-color: transparent;
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777;
text-align: left
}
th {
text-align: left
}
.table-coc-trends tbody td,
.table-coc-trends thead th {
white-space: nowrap;
color: #262626;
text-align: center;
top: auto
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
padding: 8px;
line-height: 20px;
vertical-align: top;
border-top: 1px solid #ddd
}
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ddd
}
.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
border-top: 0
}
.table>tbody+tbody {
border-top: 2px solid #ddd
}
.table .table {
background-color: #fff
}
.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
padding: 5px
}
.table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
border: 1px solid #ddd
}
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
border-bottom-width: 2px
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9
}
.table-hover>tbody>tr:hover {
background-color: #f5f5f5
}
.table-responsive {
overflow-x: auto
}
@media screen and (max-width:1000) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd
}
.table-responsive>.table {
margin-bottom: 0
}
.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tfoot>tr>td,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>thead>tr>th {
white-space: nowrap
}
.table-responsive>.table-bordered {
border: 0
}
.table-responsive>.table-bordered>tbody>tr>td:first-child,
.table-responsive>.table-bordered>tbody>tr>th:first-child,
.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.table-responsive>.table-bordered>thead>tr>td:first-child,
.table-responsive>.table-bordered>thead>tr>th:first-child {
border-left: 0
}
.table-responsive>.table-bordered>tbody>tr>td:last-child,
.table-responsive>.table-bordered>tbody>tr>th:last-child,
.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.table-responsive>.table-bordered>thead>tr>td:last-child,
.table-responsive>.table-bordered>thead>tr>th:last-child {
border-right: 0
}
.table-responsive>.table-bordered>tbody>tr:last-child>td,
.table-responsive>.table-bordered>tbody>tr:last-child>th,
.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.table-responsive>.table-bordered>tfoot>tr:last-child>th {
border-bottom: 0
}
}
.coc-trends-table-wrapper {
position: relative;
width: 100%
}
.coc-trends-table-scroller {
margin-left: 270px;
overflow-x: auto;
overflow-y: visible;
padding-bottom: 5px
}
.table-coc-trends {
border-collapse: separate;
border-spacing: 0
}
.table-coc-trends thead th {
padding: 5px;
border-bottom: solid 2px #87909b
}
.table-coc-trends tbody td {
border-bottom: solid 1px #DDEFEF;
table-layout: fixed;
height: 40px;
padding: 5px
}
.table-coc-trends tbody tr:last-child td {
border-bottom: solid 2px #87909b
}
.table-coc-trends .sticky-col-1,
.table-coc-trends tbody tr:last-child .sticky-col-1 {
position: absolute;
top: auto;
left: 0;
width: 40px;
border-bottom: none
}
.table-coc-trends .sticky-col {
position: absolute;
top: auto;
left: 20px;
height: 40px;
width: 250px;
text-align: left;
font-weight: 700
}
@media (min-width:1444px) {
.coc-trends-table-scroller {
margin: 0 20px
}
.coc-trends-table-scroller .sticky-col {
position: inherit
}
}
.table-coc-trends .category-row {
height: 44px
}
@media (min-width:769px) {
.table-coc-trends .sticky-col {
line-height: 32px
}
.table-coc-trends .category-row {
line-height: 44px
}
}
@media only screen and (max-width:768px) {
.table-coc-trends .sticky-col {
white-space: normal;
width: 150px
}
.coc-trends-table-scroller {
margin-left: 180px
}
.table-coc-trends {
font-size: 12px
}
.table-coc-trends .category-row {
height: 34px;
line-height: 32px
}
}
.table-careSettings-desktop,
.table-careSettings-mobile {
margin: 0 20px
}
.table-careSettings-desktop td {
font-size: 20px;
vertical-align: top;
padding-top: 20px
}
.table-careSettings-desktop td:nth-child(1) {
width: 20%;
font-size: 24px;
color: #7b8691;
font-weight: 700;
padding-right: 5px
}
.table-careSettings-desktop tr {
border-bottom: solid 1px #adb2b9
}
.table-careSettings-mobile td {
font-size: 14px;
vertical-align: top;
padding-top: 10px
}
.table-careSettings-mobile .option-header {
color: #7b8691;
font-weight: 700;
font-size: 16px;
padding-bottom: 10px
}
table.rt-responsive-table {
width: 100%;
border-collapse: collapse
}
table.rt-responsive-table.rt-vertical-table,
table.rt-responsive-table.rt-vertical-table tbody,
table.rt-responsive-table.rt-vertical-table td,
table.rt-responsive-table.rt-vertical-table th,
table.rt-responsive-table.rt-vertical-table thead,
table.rt-responsive-table.rt-vertical-table tr {
display: block;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
table.rt-responsive-table.rt-vertical-table tr:first-of-type {
position: absolute;
top: -9999px;
left: -9999px
}
table.rt-responsive-table.rt-vertical-table tr {
border: 1px solid #ccc
}
table.rt-responsive-table.rt-vertical-table td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%
}
table.rt-responsive-table.rt-vertical-table td:before {
position: absolute;
top: 6px;
left: 6px;
width: 47%;
padding-right: 10px;
font-weight: 700
}
table.responsive-table.rt-responsive-table.rt-vertical-table {
border: 0
}
table.responsive-table.rt-responsive-table.rt-vertical-table tr {
border-top: 0;
border-right: 0;
border-left: 0
}
table.responsive-table.rt-responsive-table.rt-vertical-table tr td {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
border-bottom: 0;
padding-top: 0;
padding-bottom: 0
}
table.responsive-table.rt-responsive-table.rt-vertical-table tr td:first-child {
border: 0;
padding-top: 13px;
padding-bottom: 2px;
font-weight: 700
}
table.responsive-table.rt-responsive-table.rt-vertical-table tr td:nth-child(2) {
border-top: 1px solid #ccc
}
table.responsive-table.rt-responsive-table.rt-vertical-table tr td:nth-child(even) {
background-color: #f9f9f9
}
table.responsive-table.rt-responsive-table.rt-vertical-table tr td:nth-child(odd) {
background-color: #fff
}
table.responsive-table.rt-responsive-table.rt-vertical-table tr td:before {
padding-top: 3px
}
.responsive-table-divider {
padding-left: 5px;
padding-top: 8px;
padding-bottom: 8px;
border-left: 1px solid #ccc
}
.responsive-two-header-table-small,
.sr-only,
table.table.responsive-two-header-table-small .responsive-two-header-table-small-header td {
border: 0
}
.responsive-two-header-table {
display: none
}
.responsive-two-header-table-small {
display: block
}
@media (min-width:522px) {
.responsive-table-divider {
padding-left: 0;
border: 0
}
.responsive-two-header-table {
display: block
}
.responsive-two-header-table-small {
display: none
}
}
table.responsive-table.rt-responsive-table.rt-vertical-table:not(.responsive-table-include-header) tr td:first-child {
padding-left: 0
}
table.responsive-table.rt-responsive-table.rt-vertical-table:not(.responsive-table-include-header) tr td:first-child:before {
content: ""
}
table.responsive-table.rt-responsive-table.rt-vertical-table.responsive-table-include-header tr td:first-child:before {
padding-top: 7px;
margin-left: -5px
}
.responsive-two-header-table-small-header td,
.responsive-two-header-table-small-subheader {
font-weight: 700
}
.responsive-two-header-table-small-dark {
background-color: #f9f9f9
}
table.table.responsive-two-header-table-small .responsive-two-header-table-small-header td {
padding: 20px 0 2px
}
table.table.responsive-two-header-table-small .responsive-two-header-table-small-content td {
padding: 10px 5px
}
.responsive-table-rank-header tr td:first-child {
padding-left: 50px
}
@media (max-width:480px) {
table.rt-responsive-table.rt-vertical-table {
font-size: 13px;
margin: 0 auto
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0)
}
.overflow-auto {
overflow: auto!important
}
.overflow-hidden {
overflow: hidden!important
}
.text-center {
text-align: center
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.display-block {
display: block
}
.display-inline-block {
display: inline-block!important
}
.float-left {
float: left!important
}
.float-right {
float: right!important
}
.float-none {
float: none!important
}
.clear-both {
clear: both
}
.border-0 {
border: 0!important
}
.border-top-0 {
border-top: 0!important
}
.border-right-0 {
border-right: 0!important
}
.border-bottom-0 {
border-bottom: 0!important
}
.border-left-0 {
border-left: 0!important
}
.margin-auto {
margin: auto
}
.margin-0 {
margin: 0!important
}
.margin-10 {
margin: 10px!important
}
.margin-20 {
margin: 20px!important
}
.margin-30 {
margin: 30px!important
}
.margin-40 {
margin: 40px!important
}
.margin-neg-10 {
margin: -10px!important
}
.margin-neg-20 {
margin: -20px!important
}
.margin-neg-30 {
margin: -30px!important
}
.margin-neg-40 {
margin: -40px!important
}
.margin-top-0 {
margin-top: 0!important
}
.margin-top-10 {
margin-top: 10px!important
}
.margin-top-20 {
margin-top: 20px!important
}
.margin-top-30 {
margin-top: 30px!important
}
.margin-top-40 {
margin-top: 40px!important
}
.margin-top-neg-10 {
margin-top: -10px!important
}
.margin-top-neg-20 {
margin-top: -20px!important
}
.margin-top-neg-30 {
margin-top: -30px!important
}
.margin-top-neg-40 {
margin-top: -40px!important
}
.margin-right-0 {
margin-right: 0!important
}
.margin-right-10 {
margin-right: 10px!important
}
.margin-right-20 {
margin-right: 20px!important
}
.margin-right-30 {
margin-right: 30px!important
}
.margin-right-40 {
margin-right: 40px!important
}
.margin-right-neg-10 {
margin-right: -10px!important
}
.margin-right-neg-20 {
margin-right: -20px!important
}
.margin-right-neg-30 {
margin-right: -30px!important
}
.margin-right-neg-40 {
margin-right: -40px!important
}
.margin-bottom-0 {
margin-bottom: 0!important
}
.margin-bottom-10 {
margin-bottom: 10px!important
}
.margin-bottom-20 {
margin-bottom: 20px!important
}
.margin-bottom-30 {
margin-bottom: 30px!important
}
.margin-bottom-40 {
margin-bottom: 40px!important
}
.margin-bottom-neg-10 {
margin-bottom: -10px!important
}
.margin-bottom-neg-20 {
margin-bottom: -20px!important
}
.margin-bottom-neg-30 {
margin-bottom: -30px!important
}
.margin-bottom-neg-40 {
margin-bottom: -40px!important
}
.margin-left-0 {
margin-left: 0!important
}
.margin-left-10 {
margin-left: 10px!important
}
.margin-left-20 {
margin-left: 20px!important
}
.margin-left-30 {
margin-left: 30px!important
}
.margin-left-40 {
margin-left: 40px!important
}
.margin-left-neg-10 {
margin-left: -10px!important
}
.margin-left-neg-20 {
margin-left: -20px!important
}
.margin-left-neg-30 {
margin-left: -30px!important
}
.margin-left-neg-40 {
margin-left: -40px!important
}
.margin-bottom {
margin-bottom: 30px!important
}
.margin-bottom-lg {
margin-bottom: 60px!important
}
.padding-0 {
padding: 0!important
}
.padding-10 {
padding: 10px!important
}
.padding-20 {
padding: 20px!important
}
.padding-30 {
padding: 30px!important
}
.padding-40 {
padding: 40px!important
}
.padding-top-0 {
padding-top: 0!important
}
.padding-top-10 {
padding-top: 10px!important
}
.padding-top-20 {
padding-top: 20px!important
}
.padding-top-30 {
padding-top: 30px!important
}
.padding-top-40 {
padding-top: 40px!important
}
.padding-right-0 {
padding-right: 0!important
}
.padding-right-10 {
padding-right: 10px!important
}
.padding-right-20 {
padding-right: 20px!important
}
.padding-right-30 {
padding-right: 30px!important
}
.padding-right-40 {
padding-right: 40px!important
}
.padding-bottom-0 {
padding-bottom: 0!important
}
.padding-bottom-10 {
padding-bottom: 10px!important
}
.padding-bottom-20 {
padding-bottom: 20px!important
}
.padding-bottom-30 {
padding-bottom: 30px!important
}
.padding-bottom-40 {
padding-bottom: 40px!important
}
.padding-left-0 {
padding-left: 0!important
}
.padding-left-10 {
padding-left: 10px!important
}
.padding-left-20 {
padding-left: 20px!important
}
.padding-left-30 {
padding-left: 30px!important
}
.padding-left-40 {
padding-left: 40px!important
}
.padding-bottom {
padding-bottom: 30px!important
}
.padding-bottom-lg {
padding-bottom: 60px!important
}
@media (min-width:1000px) {
.desktop-overflow-auto {
overflow: auto!important
}
.desktop-overflow-hidden {
overflow: hidden!important
}
.desktop-text-center {
text-align: center!important
}
.desktop-text-left {
text-align: left!important
}
.desktop-text-right {
text-align: right!important
}
.desktop-display-block {
display: block!important
}
.desktop-display-inline-block {
display: inline-block!important
}
.desktop-float-left {
float: left!important
}
.desktop-float-right {
float: right!important
}
.desktop-float-none {
float: none!important
}
.desktop-clear-both {
clear: both
}
.desktop-border-0 {
border: 0!important
}
.desktop-border-top-0 {
border-top: 0!important
}
.desktop-border-right-0 {
border-right: 0!important
}
.desktop-border-bottom-0 {
border-bottom: 0!important
}
.desktop-border-left-0 {
border-left: 0!important
}
.desktop-margin-auto {
margin: auto
}
.desktop-margin-0 {
margin: 0!important
}
.desktop-margin-10 {
margin: 10px!important
}
.desktop-margin-20 {
margin: 20px!important
}
.desktop-margin-30 {
margin: 30px!important
}
.desktop-margin-40 {
margin: 40px!important
}
.desktop-margin-neg-10 {
margin: -10px!important
}
.desktop-margin-neg-20 {
margin: -20px!important
}
.desktop-margin-neg-30 {
margin: -30px!important
}
.desktop-margin-neg-40 {
margin: -40px!important
}
.desktop-margin-top-0 {
margin-top: 0!important
}
.desktop-margin-top-10 {
margin-top: 10px!important
}
.desktop-margin-top-20 {
margin-top: 20px!important
}
.desktop-margin-top-30 {
margin-top: 30px!important
}
.desktop-margin-top-40 {
margin-top: 40px!important
}
.desktop-margin-top-neg-10 {
margin-top: -10px!important
}
.desktop-margin-top-neg-20 {
margin-top: -20px!important
}
.desktop-margin-top-neg-30 {
margin-top: -30px!important
}
.desktop-margin-top-neg-40 {
margin-top: -40px!important
}
.desktop-margin-top-neg-120 {
margin-top: -120px!important
}
.desktop-margin-right-0 {
margin-right: 0!important
}
.desktop-margin-right-10 {
margin-right: 10px!important
}
.desktop-margin-right-20 {
margin-right: 20px!important
}
.desktop-margin-right-30 {
margin-right: 30px!important
}
.desktop-margin-right-40 {
margin-right: 40px!important
}
.desktop-margin-right-neg-10 {
margin-right: -10px!important
}
.desktop-margin-right-neg-20 {
margin-right: -20px!important
}
.desktop-margin-right-neg-30 {
margin-right: -30px!important
}
.desktop-margin-right-neg-40 {
margin-right: -40px!important
}
.desktop-margin-bottom-0 {
margin-bottom: 0!important
}
.desktop-margin-bottom-10 {
margin-bottom: 10px!important
}
.desktop-margin-bottom-20 {
margin-bottom: 20px!important
}
.desktop-margin-bottom-30 {
margin-bottom: 30px!important
}
.desktop-margin-bottom-40 {
margin-bottom: 40px!important
}
.desktop-margin-bottom-neg-10 {
margin-bottom: -10px!important
}
.desktop-margin-bottom-neg-20 {
margin-bottom: -20px!important
}
.desktop-margin-bottom-neg-30 {
margin-bottom: -30px!important
}
.desktop-margin-bottom-neg-40 {
margin-bottom: -40px!important
}
.desktop-margin-left-0 {
margin-left: 0!important
}
.desktop-margin-left-10 {
margin-left: 10px!important
}
.desktop-margin-left-20 {
margin-left: 20px!important
}
.desktop-margin-left-30 {
margin-left: 30px!important
}
.desktop-margin-left-40 {
margin-left: 40px!important
}
.desktop-margin-left-neg-10 {
margin-left: -10px!important
}
.desktop-margin-left-neg-20 {
margin-left: -20px!important
}
.desktop-margin-left-neg-30 {
margin-left: -30px!important
}
.desktop-margin-left-neg-40 {
margin-left: -40px!important
}
.desktop-padding-0 {
padding: 0!important
}
.desktop-padding-10 {
padding: 10px!important
}
.desktop-padding-20 {
padding: 20px!important
}
.desktop-padding-30 {
padding: 30px!important
}
.desktop-padding-40 {
padding: 40px!important
}
.desktop-padding-top-0 {
padding-top: 0!important
}
.desktop-padding-top-10 {
padding-top: 10px!important
}
.desktop-padding-top-20 {
padding-top: 20px!important
}
.desktop-padding-top-30 {
padding-top: 30px!important
}
.desktop-padding-top-40 {
padding-top: 40px!important
}
.desktop-padding-right-0 {
padding-right: 0!important
}
.desktop-padding-right-10 {
padding-right: 10px!important
}
.desktop-padding-right-20 {
padding-right: 20px!important
}
.desktop-padding-right-30 {
padding-right: 30px!important
}
.desktop-padding-right-40 {
padding-right: 40px!important
}
.desktop-padding-bottom-0 {
padding-bottom: 0!important
}
.desktop-padding-bottom-10 {
padding-bottom: 10px!important
}
.desktop-padding-bottom-20 {
padding-bottom: 20px!important
}
.desktop-padding-bottom-30 {
padding-bottom: 30px!important
}
.desktop-padding-bottom-40 {
padding-bottom: 40px!important
}
.desktop-padding-left-0 {
padding-left: 0!important
}
.desktop-padding-left-10 {
padding-left: 10px!important
}
.desktop-padding-left-20 {
padding-left: 20px!important
}
.desktop-padding-left-30 {
padding-left: 30px!important
}
.desktop-padding-left-40 {
padding-left: 40px!important
}
}
@media (max-width:999px) {
.mobile-overflow-auto {
overflow: auto!important
}
.mobile-overflow-hidden {
overflow: hidden!important
}
.mobile-text-center {
text-align: center!important
}
.mobile-text-left {
text-align: left!important
}
.mobile-text-right {
text-align: right!important
}
.mobile-display-block {
display: block!important
}
.mobile-display-inline-block {
display: inline-block!important
}
.mobile-float-left {
float: left!important
}
.mobile-float-right {
float: right!important
}
.mobile-float-none {
float: none!important
}
.mobile-clear-both {
clear: both
}
.mobile-border-0 {
border: 0!important
}
.mobile-border-top-0 {
border-top: 0!important
}
.mobile-border-right-0 {
border-right: 0!important
}
.mobile-border-bottom-0 {
border-bottom: 0!important
}
.mobile-border-left-0 {
border-left: 0!important
}
.mobile-margin-auto {
margin: auto
}
.mobile-margin-0 {
margin: 0!important
}
.mobile-margin-10 {
margin: 10px!important
}
.mobile-margin-20 {
margin: 20px!important
}
.mobile-margin-30 {
margin: 30px!important
}
.mobile-margin-40 {
margin: 40px!important
}
.mobile-margin-neg-10 {
margin: -10px!important
}
.mobile-margin-neg-20 {
margin: -20px!important
}
.mobile-margin-neg-30 {
margin: -30px!important
}
.mobile-margin-neg-40 {
margin: -40px!important
}
.mobile-margin-top-0 {
margin-top: 0!important
}
.mobile-margin-top-10 {
margin-top: 10px!important
}
.mobile-margin-top-20 {
margin-top: 20px!important
}
.mobile-margin-top-30 {
margin-top: 30px!important
}
.mobile-margin-top-40 {
margin-top: 40px!important
}
.mobile-margin-top-neg-10 {
margin-top: -10px!important
}
.mobile-margin-top-neg-20 {
margin-top: -20px!important
}
.mobile-margin-top-neg-30 {
margin-top: -30px!important
}
.mobile-margin-top-neg-40 {
margin-top: -40px!important
}
.mobile-margin-right-0 {
margin-right: 0!important
}
.mobile-margin-right-10 {
margin-right: 10px!important
}
.mobile-margin-right-20 {
margin-right: 20px!important
}
.mobile-margin-right-30 {
margin-right: 30px!important
}
.mobile-margin-right-40 {
margin-right: 40px!important
}
.mobile-margin-right-neg-10 {
margin-right: -10px!important
}
.mobile-margin-right-neg-20 {
margin-right: -20px!important
}
.mobile-margin-right-neg-30 {
margin-right: -30px!important
}
.mobile-margin-right-neg-40 {
margin-right: -40px!important
}
.mobile-margin-bottom-0 {
margin-bottom: 0!important
}
.mobile-margin-bottom-10 {
margin-bottom: 10px!important
}
.mobile-margin-bottom-20 {
margin-bottom: 20px!important
}
.mobile-margin-bottom-30 {
margin-bottom: 30px!important
}
.mobile-margin-bottom-40 {
margin-bottom: 40px!important
}
.mobile-margin-bottom-neg-10 {
margin-bottom: -10px!important
}
.mobile-margin-bottom-neg-20 {
margin-bottom: -20px!important
}
.mobile-margin-bottom-neg-30 {
margin-bottom: -30px!important
}
.mobile-margin-bottom-neg-40 {
margin-bottom: -40px!important
}
.mobile-margin-left-0 {
margin-left: 0!important
}
.mobile-margin-left-10 {
margin-left: 10px!important
}
.mobile-margin-left-20 {
margin-left: 20px!important
}
.mobile-margin-left-30 {
margin-left: 30px!important
}
.mobile-margin-left-40 {
margin-left: 40px!important
}
.mobile-margin-left-neg-10 {
margin-left: -10px!important
}
.mobile-margin-left-neg-20 {
margin-left: -20px!important
}
.mobile-margin-left-neg-30 {
margin-left: -30px!important
}
.mobile-margin-left-neg-40 {
margin-left: -40px!important
}
.mobile-padding-0 {
padding: 0!important
}
.mobile-padding-10 {
padding: 10px!important
}
.mobile-padding-20 {
padding: 20px!important
}
.mobile-padding-30 {
padding: 30px!important
}
.mobile-padding-40 {
padding: 40px!important
}
.mobile-padding-top-0 {
padding-top: 0!important
}
.mobile-padding-top-10 {
padding-top: 10px!important
}
.mobile-padding-top-20 {
padding-top: 20px!important
}
.mobile-padding-top-30 {
padding-top: 30px!important
}
.mobile-padding-top-40 {
padding-top: 40px!important
}
.mobile-padding-right-0 {
padding-right: 0!important
}
.mobile-padding-right-10 {
padding-right: 10px!important
}
.mobile-padding-right-20 {
padding-right: 20px!important
}
.mobile-padding-right-30 {
padding-right: 30px!important
}
.mobile-padding-right-40 {
padding-right: 40px!important
}
.mobile-padding-bottom-0 {
padding-bottom: 0!important
}
.mobile-padding-bottom-10 {
padding-bottom: 10px!important
}
.mobile-padding-bottom-20 {
padding-bottom: 20px!important
}
.mobile-padding-bottom-30 {
padding-bottom: 30px!important
}
.mobile-padding-bottom-40 {
padding-bottom: 40px!important
}
.mobile-padding-left-0 {
padding-left: 0!important
}
.mobile-padding-left-10 {
padding-left: 10px!important
}
.mobile-padding-left-20 {
padding-left: 20px!important
}
.mobile-padding-left-30 {
padding-left: 30px!important
}
.mobile-padding-left-40 {
padding-left: 40px!important
}
}
.pos-relative {
position: relative
}
.content-style a.desktop-teltag,
.content-style a[href^="tel:"],
.content-style a[href^="tel:"]>span,
.section.headingtextlinkscard a.desktop-teltag,
.section.headingtextlinkscard a[href^="tel:"],
.section.headingtextlinkscard a[href^="tel:"]>span,
.section.text a.desktop-teltag,
.section.text a[href^="tel:"],
.section.text a[href^="tel:"]>span,
a.desktop-teltag,
a[href^="tel:"],
a[href^="tel:"]>span {
color: #000;
font-size: inherit;
font-weight: 700;
text-decoration: none;
cursor: default
}
.content-style a.desktop-teltag.teltag,
.content-style a[href^="tel:"].teltag,
.content-style a[href^="tel:"]>span.teltag,
.section.headingtextlinkscard a.desktop-teltag.teltag,
.section.headingtextlinkscard a[href^="tel:"].teltag,
.section.headingtextlinkscard a[href^="tel:"]>span.teltag,
.section.text a.desktop-teltag.teltag,
.section.text a[href^="tel:"].teltag,
.section.text a[href^="tel:"]>span.teltag,
a.desktop-teltag.teltag,
a[href^="tel:"].teltag,
a[href^="tel:"]>span.teltag {
color: #0066bc
}
.no-select {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.word-break-all {
word-break: break-all
}
/***********************/
.nav-submenu a {
text-transform: capitalize;
}
.footer-top .footer-column li>a {
text-transform: capitalize;
}
.footer-bottom .bottom-text .site-disclaimer {
font-weight: 500;
}
.footer-bottom .bottom-text .site-disclaimer p {
font-size: 14px;
}