*,
:after,
:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body,
figure {
    margin: 0
}

a {
    background: 0 0
}

a:focus {
    outline: dotted thin
}

[type=checkbox]:focus,
[type=radio]:focus,
a:active,
a:hover,
select:not(.default):focus {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

hr {
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

[type=checkbox].file-label,
[type=checkbox].file-label:before,
[type=radio].file-label,
[type=radio].file-label:before,
input[type=checkbox],
input[type=radio],
legend {
    padding: 0
}

legend {
    border: 0
}

.file-label,
.file-label:before,
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

.file-label,
.file-label:before,
button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

[type=reset].file-label,
[type=reset].file-label:before,
[type=submit].file-label,
[type=submit].file-label:before,
button,
html [type=button].file-label,
html [type=button].file-label:before,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html [disabled].file-label,
html [disabled].file-label:before,
html input[disabled] {
    cursor: default
}

[type=search].file-label,
[type=search].file-label:before,
input[type=search] {
    -webkit-appearance: textfield
}

[type=search].file-label::-webkit-search-cancel-button,
[type=search].file-label::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.file-label::-moz-focus-inner,
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body,
html {
    color: #000;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    background-color: #EFEFEF;
}

.wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0px auto 32px;
}

.wrapper-small {
    max-width: 500px
}

.grid { 
   margin: 0.5em 0;
  // margin: 0 0 16px;
}

.grid:after {
    content: '';
    clear: both;
    display: table
}

.grid>[class*=col-] {
    float: left;
    padding-right: 16px
}

.grid>[class*=col-]:last-child,
.grid>[class*=col-]:last-of-type {
    padding-right: 0
}

.grid .grid:last-of-type {
    margin-bottom: 0
}

.col-1-8 {
    width: 12.5%
}

.col-1-7 {
    width: 14.285%
}

.col-1-6 {
    width: 16.667%
}

.col-1-5 {
    width: 20%
}

.col-1-4 {
    width: 25%
}

.col-1-3 {
    width: 33.33%
}

.col-2-5 {
    width: 40%
}

.col-1-2 {
    width: 50%
}

.col-3-5 {
    width: 60%
}

.col-2-3 {
    width: 66.66%
}

.col-3-4 {
    width: 75%
}

.col-4-5 {
    width: 80%
}

.col-1 {
    width: 100%
}

.col-0 {
    display: none
}

@media screen and (max-width:800px) {
    [class*=col-].med-1-8 {
        width: 12.5%
    }
    [class*=col-].med-1-7 {
        width: 14.285%
    }
    [class*=col-].med-1-6 {
        width: 16.667%
    }
    [class*=col-].med-1-5 {
        width: 20%
    }
    [class*=col-].med-1-4 {
        width: 25%
    }
    [class*=col-].med-1-3 {
        width: 33.33%
    }
    [class*=col-].med-2-5 {
        width: 40%
    }
    [class*=col-].med-1-2 {
        width: 50%
    }
    [class*=col-].med-3-5 {
        width: 60%
    }
    [class*=col-].med-2-3 {
        width: 66.66%
    }
    [class*=col-].med-3-4 {
        width: 75%
    }
    [class*=col-].med-4-5 {
        width: 80%
    }
    [class*=col-].med-1 {
        width: 100%;
        float: none;
        margin-bottom: 16px;
        padding-right: 0!important
    }
    [class*=col-].med-1:last-child {
        margin-bottom: 0
    }
    [class*=col-].med-0 {
        display: none
    }
}

@media screen and (max-width:650px) {
    [class*=col-].sm-1-8 {
        width: 12.5%
    }
    [class*=col-].sm-1-7 {
        width: 14.285%
    }
    [class*=col-].sm-1-6 {
        width: 16.667%
    }
    [class*=col-].sm-1-5 {
        width: 20%
    }
    [class*=col-].sm-1-4 {
        width: 25%
    }
    [class*=col-].sm-1-3 {
        width: 33.33%
    }
    [class*=col-].sm-2-5 {
        width: 40%
    }
    [class*=col-].sm-1-2 {
        width: 50%
    }
    [class*=col-].sm-3-5 {
        width: 60%
    }
    [class*=col-].sm-2-3 {
        width: 66.66%
    }
    [class*=col-].sm-3-4 {
        width: 75%
    }
    [class*=col-].sm-4-5 {
        width: 80%
    }
    [class*=col-].sm-1 {
        width: 100%;
        float: none;
        margin-bottom: 16px;
        padding-right: 0!important
    }
    [class*=col-].sm-1:last-child {
        margin-bottom: 0
    }
    [class*=col-].sm-0 {
        display: none
    }
}

@media screen and (max-width:500px) {
    .grid>[class*=col-] {
        float: none;
        width: 100%;
        margin-bottom: 16px;
        padding-right: 0
    }
    .grid>[class*=col-]:first-child:last-child,
    .grid>[class*=col-]:last-child {
        margin-bottom: 0
    }
    .grid>[class*=xs-] {
        float: left;
        margin-bottom: 0;
        padding-right: 16px
    }
    .grid>[class*=xs-].xs-1-8 {
        width: 12.5%
    }
    .grid>[class*=xs-].xs-1-7 {
        width: 14.285%
    }
    .grid>[class*=xs-].xs-1-6 {
        width: 16.667%
    }
    .grid>[class*=xs-].xs-1-5 {
        width: 20%
    }
    .grid>[class*=xs-].xs-1-4 {
        width: 25%
    }
    .grid>[class*=xs-].xs-1-3 {
        width: 33.33%
    }
    .grid>[class*=xs-].xs-2-5 {
        width: 40%
    }
    .grid>[class*=xs-].xs-1-2 {
        width: 50%
    }
    .grid>[class*=xs-].xs-3-5 {
        width: 60%
    }
    .grid>[class*=xs-].xs-2-3 {
        width: 66.66%
    }
    .grid>[class*=xs-].xs-3-4 {
        width: 75%
    }
    .grid>[class*=xs-].xs-4-5 {
        width: 80%
    }
    .grid>[class*=xs-].xs-0 {
        display: none
    }
}

.left {
    float: left;
    text-align: left
}

.right {
    float: right;
    text-align: right
}

h1 {
    font-size: 1.7em;
    font-weight: 700
}

h2 {
    font-size: 24px; font-weight: 700; line-height: 32px;
}

h3 {
    font-size: 1.4em;
    font-weight: 400
}

h4 {
    font-size: 1.25em;
    font-weight: 300
}

h5 {
    font-size: .9em;
    font-weight: 700;
    text-transform: uppercase
}

h6 {
    font-size: 1em;
    font-weight: 300
}

h1,
h2,
h3 {
    margin: 0 0 .5em;
   margin-top: 0.5em;
}

h4,
h5,
h6 {
    margin: 1em 0
}

h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0
}

.form_errors {
    margin: 0 0 16px;
    padding: 16px 24px;
    border-radius: 10px;
    background-color: #FCDCDC;
    color: #AD2424
}

.form_messages {
    background-color: #E1FADE;
    color: #54914E
}

.hidden-text {
    width: 1px;
    height: 1px;
    position: absolute;
    left: -1000px;
    top: auto;
    overflow: hidden
}

.section-header {
    margin: 1.5em 0 0em;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:10px;
    background-color: #3c9bdd; /*color change for section header*/
   /** background-image: linear-gradient(76deg, #CCC 0, #FFF 100%);**/
    color: #fff;
    font-size: 18px;
}

.section-header:first-child {
    margin-top: 0
}

.or-bar {
    height: 1px;
    margin: 32px 0;
    border: 1px solid #CCC;
    text-align: center
}

.or-bar:before {
    content: "OR";
    padding: 0 .5em;
    background-color: #FFF;
    color: #666;
    font-size: 1.5em;
    font-weight: 700;
    position: relative;
    top: -.7em
}

.update-email {
    margin: .5em 0 0;
    padding: .5em .75em;
    background-color: #eee;
    cursor: pointer
}

.update-email .email-link {
    text-decoration: underline
}

.small-text,
label.error,
label.invalid {
    font-size: .7em;
   font-style: italic; 
}

.centered-text {
    text-align: center
}

label.error,
label.invalid {
    display: block;
    margin-left: 0em;
    color: #B94A48;
}

p {
    margin-bottom: 16px
}

img {
    width: 100%;
    height: auto
}

.logo {
    width: 75%;
    margin-top: .5em;
    margin-right: 1em
}

label {
    position: relative;
    display: block
}

label+label {
    display: block;
    margin-top: 16px
}

.label-text {
    display: block;
    margin: 0 0 4px;
    padding: 0;
    background: 0;
    color: #717171;
    position: static;
    white-space: normal;
    font-size: 13px;
    font-weight: 600;
}

.label-text.large {
    font-size: 1.2em;
    margin-bottom: 16px
}

.file-label,
.file-label:before,
input,
select,
textarea {
    width: 100%;
    padding: 8px 10.67px;
    border: 1px solid #E0E0E0;
    background-color: #EFEFEF
}

.error.file-label,
.error.file-label:before,
.invalid.file-label,
.invalid.file-label:before,
input.error,
input.invalid,
select.error,
select.invalid,
textarea.error,
textarea.invalid {
    border: 1px solid #B94A48;
    background-color: #FEE
}

.button-help~.file-label,
.button-help~.file-label:before,
.button-help~input,
.button-help~select,
.button-help~textarea {
    padding-right: 2.9em
}

.file-label:disabled,
.file-label:disabled:before,
input:disabled,
select:disabled,
textarea:disabled {
    color: #DCDCDC
}

.file-label:disabled:hover,
.file-label:disabled:hover:before,
input:disabled:hover,
select:disabled:hover,
textarea:disabled:hover {
    cursor: not-allowed
}

[type=checkbox],
[type=radio] {
    display: inline-block;
    border: 0;
    clip: rect(0 0 0 0);
    position: absolute;
    z-index: -1
}

[type=checkbox]~.label-text, 
[type=radio]~.label-text {
display: inline-block;
    margin-left: 5px;
    cursor: pointer
}
[type=checkbox]~.label-text:before,
[type=radio]~.label-text:before {
    content: ' ';
    display: inline-block;
    margin-right: 10px;
    height: 20px;
    width: 20px;
    //border: 2px solid #CCC;
    background-color: #FFF;
    font-weight: 700;
    text-align: center;
    position: relative;
    top: 4px
}

[type=checkbox].invalid+label.error,
[type=checkbox].invalid+label.invalid,
[type=radio].invalid+label.error,
[type=radio].invalid+label.invalid {
    top: -1em
}

[type=checkbox]:focus~.label-text:before {
    //border-width: 2px
}

[type=checkbox]:checked~.label-text:before {
    content: '\2713';
    color: #4e4e4e;
    font-size: 1.2em;
    line-height: 1.1
}

[type=radio]~.label-text:before {
    border: 4px solid #FFF;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #CCC
}

/* [type=radio]:checked~.label-text:before {
    background-color: #4e4e4e
} */

/* select:not(.default) {  */
select:not { 
    display: inline-block;
    border: 0;
    clip: rect(0 0 0 0);
    position: absolute;
    z-index: -1
}

.multi-select {
    list-style: none;
    max-height: 120px;
    border: 1px solid #CCC;
    overflow-y: scroll
}

.multi-option {
    width: 100%;
    padding: 10.67px 16px;
    line-height: 1;
    vertical-align: middle;
    cursor: pointer;
    transition: background .2s
}

.multi-option:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 8px;
    border: 1px solid #666;
    border-radius: 10px;
    position: relative;
    top: 1px
}

.multi-option:focus,
.multi-option:hover {
    background-color: #ECECEC
}

.multi-option.selected {
    background-color: #DCDCDC
}

.multi-option.selected:before {
    border: 1px solid #4e4e4e;
    background-color: #666
}

[type=file].file-label,
[type=file].file-label:before,
input[type=file] {
    width: 100%;
    height: 40px;
    padding: 0;
    border: 0;
    font-size: 200px;
    clip: rect(0, 0, 0, 0);
    position: absolute
}

label.file-input {
    cursor: pointer
}

.file-label {
    display: block;
    background-color: #FFF;
    color: #4e4e4e;
    position: relative;
    overflow: hidden;
    white-space: nowrap
}

.file-label:before {
    content: attr(data-button);
    display: block;
    width: auto;
    height: 100%;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    line-height: 1.2;
    background-color: #CCC;
    color: #4e4e4e;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 6
}

.button-primary,
.button-secondary,
.button-grey {
    display: inline-block;
    padding: 14px 48px;
    border: 0;
    font-size: 1.1em;
    line-height: 1;
    text-decoration: none;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    cursor: pointer
}

#next_button:hover,
.button-primary:hover,
.button-secondary:hover,
.button-grey:hover {
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px)
}

.button-primary.full-width,
.full-width#next_button,
.full-width.button-secondary
.full-width.button-grey {
    display: block;
    width: 100%;
    text-align: center
}

[class*=button-]+[class*=button-] {
    margin-left: 16px
}

@media (max-width:650px) {
    [class*=button-]+[class*=button-] {
        display: table;
        margin-left: 0;
        margin-top: 16px
    }
}

.button-help,
.button-round {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-bottom: 16px;
    border: 0;
    border-radius: 50%;
    font-size: 1em;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    cursor: pointer
}

label .button-help,
label .button-round {
    margin-bottom: 0;
    position: absolute;
    right: .5em;
    top: 2.05em
}

 .button-help.geo-trigger,
.button-round.geo-trigger {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 48%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDgyLjYgMTExIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4Mi42IDExMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGw6ICNGRkZGRkY7Ij48cGF0aCBkPSJNODIuNiAzOS44YzAgNS4zLTAuOCAxMC40LTIuNSAxNS40IC0xLjggNS00LjggOS4zLTcuNiAxMy43IC02LjMgOS42LTEyLjYgMTkuMy0xOC45IDI4LjkgLTEuNiAyLjQtMy4xIDQuOC00LjcgNy4yIC0xLjMgMS45LTIuNCA0LjItNC42IDUuMyAtMiAxLTQuNCAwLjktNi4yLTAuNCAtMS45LTEuMy0zLjEtMy40LTQuMy01LjMgLTYuMi05LjUtMTIuNC0xOC45LTE4LjYtMjguNCAtMS41LTIuMy0zLTQuNy00LjUtNyAtMS41LTIuMy0zLjEtNC41LTQuNS02LjggLTIuNS00LjEtNC40LTguNi01LjMtMTMuNEMtMS4yIDM5LjggMC43IDMwLjEgNSAyMS44YzMuNS02LjggOC45LTEyLjYgMTUuNy0xNi4zIDgtNC40IDE3LjQtNi4zIDI2LjQtNS4xIDE2LjggMi40IDMxIDE1LjMgMzQuNSAzMS45QzgyLjIgMzQuOCA4Mi4zIDM3LjMgODIuNiAzOS44IDgyLjYgNDAuOCA4Mi40IDM3LjggODIuNiAzOS44ek00MS4zIDYyLjVjOS40IDAgMTguMS02IDIxLjMtMTQuOCAzLjMtOC45IDAuNS0xOS4yLTYuOC0yNS4zIC03LjMtNi4xLTE4LTYuOC0yNi4xLTIgLTguMSA0LjgtMTIuNCAxNC41LTEwLjYgMjMuOCAxLjggOS4yIDkuNCAxNi41IDE4LjYgMThDMzguOSA2Mi40IDQwLjEgNjIuNSA0MS4zIDYyLjUgNTMuOCA2Mi41IDI4LjggNjIuNSA0MS4zIDYyLjV6Ii8+PC9zdmc+) 


}



.modal-overlay {
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .75);
    position: fixed;
    top: 0;
    bottom: 100%;
    left: 0;
    right: 100%;
    z-index: 99
}

.frauto-list,
.modal-content {
    background-color: #FFF;
    position: absolute
}

  .modal-content {
    display: block;
    width: 95%;
    max-width: 400px;
    padding: 20px 16px 16px;
    border: 3px solid #666;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.modal-content img {
    margin-bottom: 16px
}

.frauto-list {
    list-style: none;
    width: 100%;
    max-height: 9em;
    border: 1px solid #CCC;
    border-top: 0;
    overflow-y: scroll;
    z-index: 3
}

.frauto-list li {
    cursor: pointer;
    width: 100%;
    padding: .25em 1em
}

.frauto-list li.selected,
.frauto-list li:hover {
    background-color: #CCC
}

[class^=icon-] {
    display: inline-block;
    background-size: cover;
    text-indent: -9999px
}

label>[class^=icon-] {
    position: absolute;
    right: .5em;
    top: 1.9em
}

.icon-eyes {
    margin: 5px 2px 0 0;
    background-image: url(https://photoregister.com/system/resources/100843/original/eyes.svg?1433783500);
    width: 35px;
    height: 27px;
    cursor: pointer
}

.icon-eyes.closed {
    background-position: 100% 0
}

.icon-search {
    margin-top: 5px;
    width: 26px;
    height: 26px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMCIgeT0iMCIgdmlld0JveD0iLTE3NSAtMjguNSA5MjguNSA5MjguNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMTc1IC0yOC41IDkyOC41IDkyOC41IiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbDogZ3JheTsiPjxwYXRoIGQ9Ik00NjcuOCAzNjQuM2MwLTY4LjgtMjQuNS0xMjcuNy03My40LTE3Ni42cy0xMDcuOC03My40LTE3Ni42LTczLjRjLTY4LjggMC0xMjcuNyAyNC41LTE3Ni42IDczLjRzLTczLjQgMTA3LjgtNzMuNCAxNzYuNmMwIDY4LjggMjQuNSAxMjcuNyA3My40IDE3Ni42czEwNy44IDczLjQgMTc2LjYgNzMuNCAxMjcuNy0yNC41IDE3Ni42LTczLjRTNDY3LjggNDMzLjEgNDY3LjggMzY0LjN6TTc1My41IDgyOC42YzAgMTkuMy03LjEgMzYuMS0yMS4yIDUwLjIgLTE0LjEgMTQuMS0zMC45IDIxLjItNTAuMiAyMS4yIC0yMC4xIDAtMzYuOC03LjEtNTAuMi0yMS4yTDQ0MC41IDY4OGMtNjYuNiA0Ni4xLTE0MC44IDY5LjItMjIyLjYgNjkuMiAtNTMuMiAwLTEwNC4xLTEwLjMtMTUyLjYtMzFzLTkwLjQtNDguNS0xMjUuNi04My43IC02My4xLTc3LTgzLjctMTI1LjVjLTIwLjYtNDguNS0zMS05OS40LTMxLTE1Mi42czEwLjMtMTA0LjEgMzEtMTUyLjYgNDguNS05MC40IDgzLjctMTI1LjYgNzctNjMuMSAxMjUuNi04My43IDk5LjQtMzEgMTUyLjYtMzFjNTMuMiAwIDEwNC4xIDEwLjMgMTUyLjYgMzFTNDYwLjggNTEgNDk2IDg2LjJjMzUuMiAzNS4yIDYzLjEgNzcgODMuNyAxMjUuNnMzMSA5OS40IDMxIDE1Mi42YzAgODEuOC0yMy4xIDE1Ni4xLTY5LjIgMjIyLjZsMTkxLjQgMTkxLjRDNzQ2LjYgNzkyLjEgNzUzLjUgODA4LjkgNzUzLjUgODI4LjZMNzUzLjUgODI4LjZ6Ii8+PC9zdmc+)
}

/* Receive product communication */
 input[type="checkbox"] {
  display:none;
}
 input[type="checkbox"] + span.pref-text:before {
  font-family: 'FontAwesome';
  padding-right: 3px;
  font-size: 18px;
  color: #717171;
  font: 14px/1 FontAwesome;
   -moz-osx-font-smoothing: grayscale;
}
 input[type="checkbox"] + span:before {
  content: "\f096"; /* check-empty */
  padding-right:7px;
  padding-top:3px;
   color: #717171;
}
input[type="checkbox"]:checked + span:before {
  content: "\f046"; /* check */
  padding-right:7px;
  padding-top:3px;
   color: #717171;
   font: 14px/1 FontAwesome;
   -moz-osx-font-smoothing: grayscale;
}
.pref-text { color: #717171; font-size: 13px; font-weight: 600; /*padding:3px; margin-left:5px*/ }



/** Logo Sizing **/
/** Standard Colors **/
/** Brand Colors **/
/** Template Colors **/
/** UI Variables **/
/** Heading Colors **/
.main-header{background-color: #fff;padding-right: 10px;border-bottom: 2px solid #8D8E92;}
.main-wrapper{padding:0px 10px 0 10px}
.sub-content{ margin: 0 0 16px;padding: 20px;background-color: #fff;border-bottom: 2px solid #8D8E92;}

h1 {
  color: #254569;
  font-family: "Open Sans"; }

h2 {
  color: #717171;
  font-family: "Open Sans"; }

h3 {
  color: #666; 
  font-family: "Open Sans";}

h4 {
  color: #666;
  font-family: "Open Sans"; }

h5 {
  color: #666; }

h6 {
  color: #717171; 
}
p {
	font-family: "Open Sans"; 
}

h1, h2, h3 { 
   margin-top: 1em; 
} 

.button-primary, #next_button {
  //background-color: #58b0e2;
  background-color: #236192;
  color: #FFF; 
  width:auto;
  font-size:16px;
  padding: 15px 55px;
  line-height: normal;
  //border-left: 1px solid #58b0e2;
  //border-right: 1px solid #58b0e2;
  //border-top: 1px solid #58b0e2;
  //border-bottom: 2px solid #307196;
}

.button-grey{
  background-color: #b7b7b7;
  color: #FFF; 
  width:auto;
  font-size:16px;
  //padding: 15px 55px;
  padding: 15px 25px;
  line-height: normal;
  //border-left: solid #b7b7b7 1px;
  //border-right: solid #b7b7b7 1px;
  //border-top: solid #b7b7b7 1px;
 // border-bottom: solid #b7b7b7 2px;
  //box-shadow: 0 2px 2px #8d8e92;
  //-webkit-box-shadow:  0 2px 0 #8d8e92; 
  //-moz-box-shadow:   0 2px 0 #8d8e92; 
}


.button-secondary {
  background-color: #3c9bdd;
  color: #FFF; 
  font-size:.9em;
line-height: normal;
}

.button-help,
.button-round {
 background-color: #717171;
  color: #FFF; }

.logo {
  max-width: 256px;
  //margin-left: 1em;
  margin-left: 2.25em;
}

a, .email-link {
  color: #254569;
 font-size: 14px; }

input[type="checkbox"]:focus + .label-text:before {
  border-color: #254569; }

/* input[type="radio"]:focus + .label-text:before {
  box-shadow: 0 0 0 2px #254569; }
*/

.float-r {
  float:right;
}
/*Display Buttton*/
.display-btn-mob{display:none}
.display-btn-web{display:block}
.left-mob{display:none}
.right-web{float:right;text-align:right;display:block}

.filter_offer{height:35px;font-size:14px;color:#95989a;margin-top:5px;margin-bottom:10px}


.edit-pencil {
  /*  right: 7em; */
    //right: 5em;
    //position: absolute;
    float: right;
    color: #FFF;
}

.web-small-text { display: block; } .mobile-small-text { display: none; }
.us-canada-links { color: #717171; float: right; margin-bottom: 20px; }

  /* ----------- iPhone 5 and 5s ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px){
.logo-center{ margin: 0 auto;text-align: center;     max-width: 200px;  padding-top: 15px; }
#next_button{width:100%}
.display-btn-mob{display:block}
.display-btn-web{display: none;}
.left-mob{display:block;text-align:right;padding-left:10px;font-size:0.7em}
.right-web{text-align: left;}
[type=checkbox]~.label-text, 
[type=radio]~.label-text {
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
    font-size: .7em;
    top: 4px;
    line-height: 16px;
}
.button-grey{width:100%;text-align:center}
.logo-spacer{padding-top:25px;padding-bottom:25px}
.filter_offer{width:100%; height:35px;}
.button-primary{width:100%;text-align:center}

.span-style { width: 100%; display:inline-block; }
.span-style-1 { width: 100%; display:inline-block; }
 
.web-dob-field {display: none;}
.mobile-dob-field {display: block;  margin-top: 15px;}
.col-1-2.remove-margin-bottom { margin-bottom:0px; }

.content-box{ border-left: 6px solid #0c2645; border-top: 0px; }
.mobile-reg-info { display: block}
.web-reg-info { display: none }
.mobile_line_break { display:block; margin-top: 1.5em;}

.span-popup { display:none; }

.mobile-account-field { display: block; }
.web-account-field { display: none; }
.header .col-1-2 {margin-bottom: 0px;}
.file-label, .file-label::before, input, select, textarea  { border: 0px solid #efefef; }

.display-mobile-header { display:block; height: 7em; }
.logo { margin-top: 0px; }
.display-web-header { display:none; }
.edit-pencil {  //right: 1.5em; float:right; }

.nav-dropdown {background: none;}

.nav-wrap { margin-top:0px}

.mobile_wrap{ overflow-x: hidden }

img.prod_image_display_details {
  width: 80%;
  margin: auto;
  display: flex;
}
.slider { width:100%; }
.ui-slider-horizontal { width: 100%; }
#slider1 { width: 100%; }
.web-small-text { display: none; } .mobile-small-text { display: block; }
.us-canada-links { font-size: 80%; color: #717171; float: left; margin-bottom: 20px; }
}

  /* ----------- iPhone 6 ----------- */
 @media only screen and (min-device-width: 375px) and (max-device-width: 667px) { 
.logo-center{ margin: 0 auto;text-align: center;    max-width: 200px;}
#next_button{width:100%}
.display-btn-mob{display:block}
.display-btn-web{display:none}
.left-mob{display:block;text-align:right;padding-left:10px;font-size:0.7em}
.right -web{text-align: left;}
[type=checkbox]~.label-text, 
[type=radio]~.label-text {
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
    font-size: .8em;
    top: 4px;
    line-height: 16px;
}
.logo-spacer{padding-top:25px;padding-bottom:25px}
.filter_offer{width:100%; height:35px;}
.button-grey{width:100%;text-align:center}
.button-primary{width:100%;text-align:center}

.span-style { width: 100%; display:inline-block;}
.span-style-1 { width: 50%; display:inline-block; }

.web-dob-field {display: none;}
.mobile-dob-field {display: block;  margin-top: 15px;}
.col-1-2.remove-margin-bottom { margin-bottom:0px; }

.content-box{ border-left: 6px solid #0c2645; border-top: 0px; }

.mobile-reg-info { display: block}
.web-reg-info { display: none }
.mobile_line_break { display:block; margin-top: 1.5em;}

.span-popup { display:none; }

.mobile-account-field { display: block; }
.web-account-field { display: none; }
.header .col-1-2 {margin-bottom: 0px;}

.file-label, .file-label::before, input, select, textarea  {
border: 0px solid #efefef;
}

.display-mobile-header { display:block; }
.display-web-header { display:none; }
.logo { margin-top: 0px; }
.edit-pencil { //right: 1.5em; float: right; }

.nav-dropdown {background: none;}
.nav-wrap { margin-top:0px}
.mobile_wrap{ overflow-x: hidden }

img.prod_image_display_details {
  width: 80%;
  margin: auto;
  display: flex;
}
.slider { width:100%; }
.ui-slider-horizontal { width: 100%; }
#slider1 { width: 100%; }
.web-small-text { display: none; } .mobile-small-text { display: block; }
.us-canada-links { font-size: 80%; color: #717171; float: left; margin-bottom: 20px; }
 }

  /* ----------- iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) { 
.logo-center{ margin: 0 auto;text-align: center;    max-width: 200px;}
#next_button{width:100%}
.display-btn-mob{display:block}
.display-btn-web{display:none}
.left-mob{display:block;text-align:right;padding-left:10px;font-size:0.7em}
.right-web {text-align: left;}
[type=checkbox]~.label-text, 
[type=radio]~.label-text {
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
    font-size: .9em;
    top: 4px;
    line-height: 16px;
}
.logo-spacer{padding-top:25px;padding-bottom:25px}
.filter_offer{width:100%; height:35px;}
.button-grey{width:100%;text-align:center}
.button-primary{width:100%;text-align:center}

.span-style { width: 100%; display:inline-block;}
.span-style-1 { width: 50%; display:inline-block; }

.web-dob-field {display: none;}
.mobile-dob-field {display: block; margin-top: 15px;}
.col-1-2.remove-margin-bottom { margin-bottom:0px; }

.content-box{ border-left: 6px solid #0c2645; border-top: 0px; }

.mobile-reg-info { display: block}
.web-reg-info { display: none }
.mobile_line_break { display:block; margin-top: 1.5em;}

.span-popup { display:none; }

.mobile-account-field { display: block; }
.web-account-field { display: none; }
.header .col-1-2 {margin-bottom: 0px;}
.file-label, .file-label::before, input, select, textarea  {
border: 0px solid #efefef;
}

.display-mobile-header { display:block; }
.display-web-header { display:none; }
.logo { margin-top: 0px; }
.edit-pencil { //right: 1.5em; float: right; }

.nav-dropdown {background: none;}
.nav-wrap { margin-top:0px}
.mobile_wrap{ overflow-x: hidden }

img.prod_image_display_details {
  width: 80%;
  margin: auto;
  display: flex;
}
.slider { width:100%; }
.ui-slider-horizontal { width: 100%; }
#slider1 { width: 100%; }
.web-small-text { display: none; } .mobile-small-text { display: block; }
.us-canada-links { font-size: 80%; color: #717171; float: left; margin-bottom: 20px; }
}

/*Ipad*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#next_button{width:100%}
.filter_offer{width:100%; height:35px}
.button-grey{width:100%;text-align:center}
.button-primary{width:100%;text-align:center}

.span-style { width: 30%; display:inline-block;}
.span-style-1 { width: 50%; display:inline-block; }

.web-dob-field {display: inline-block;}
.mobile-dob-field {display: none;}

.content-box{ border-left: 0px solid #0c2645; border-top: 6px solid #0c2645;}

.mobile-reg-info { display: none}
.web-reg-info { display: block}
.mobile_line_break { display:none; margin-top: 1.5em;}

.mobile-account-field { display: none; }
.web-account-field { display: block; }
.header .col-1-2 {margin-bottom: 0px;}
.file-label, .file-label::before, input, select, textarea  {
border: 0px solid #efefef;
}

.display-mobile-header { display:none; }
.display-web-header { display:block; }
.edit-pencil {//right: 2em; float: right;}

.nav-wrap ul ul {
  right: 0;
}
img.prod_image_display_details {
  width: 60%;
  margin: auto;
  display: flex;
}
.slider { width:86%; }
.ui-slider-horizontal { width: 86%; }
#slider1 { width: 86%; }
}

@media only screen and (min-device-width : 1025px)  {
.span-style { width: 13%; display:inline-block;}
.span-style-1 { width: 50%; display:inline-block; }
.web-dob-field {display: inline-block;}
.mobile-dob-field {display: none;}
.content-box{ border-left: 0px solid #0c2645; border-top: 6px solid #0c2645;}
.mobile-reg-info { display: none}
.web-reg-info { display: block }
.mobile_line_break { display:none; margin-top: 1.5em;}

.mobile-account-field { display: none; }
.web-account-field { display: block; }
.header .col-1-2 {margin-bottom: 0px;}
.display-mobile-header { display:none; }
.display-web-header { display:block; }
.nav-wrap ul ul { right: 0; }

img.prod_image_display_details {
  width: 50%;
  margin: auto;
  display: flex;
}
.slider { width:86%; }
.ui-slider-horizontal { width: 86%; }
#slider1 { width: 86%; }
}

.logo-spacer{padding-top:25px;padding-bottom:25px}
.subheader_call {
    font-size: 18px;
    line-height: 20px;
    color: #717171;
}

/*offers*/
.offers-content{ margin: 0 0 16px;padding: 20px;background-color: #fff; border-bottom: 2px solid #8D8E92; border-top: 6px solid #3c9bdd;text-align:center}
.fri-offer_savings{font-size:15px; color:#dc6487}
.fri-offer_name{font-size:20px; color:#95989a;line-height:27px;font-weight:bold}
.fri-offer_price{font-size:20px; color:#95989a;line-height:27px;font-weight:bold}
.fri-savoffer_price{font-size:12px;color:#717171;line-height:17px;font-style:italic}
.return-to-site-link {
    font-size: 12px;
    color: #717171;
    text-decoration:none;
    font-style:italic;
    cursor: pointer;
}
.delonghi_spacer{padding-bottom:10px}

.section-header {
  background-color: #236192;
  padding: 15px 15px;
}

.file-input > input[type="file"] {
  opacity :0;
} 

.upload-text {
  display: flex;
  justify-content: center;
}

.content-box {
    margin: 0 0 16px;
    padding: 20px;
    background-color: #fff;
    border-bottom: 2px solid #8D8E92;
   // border-top: 6px solid #0c2645;
    //text-align: center;
}

.alink-none {
  text-decoration: none;
}

.edit-symbol-style {
     float: right;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 30px;
   margin-top: -10px;
}

.arrow-link {
  float:right;
  // padding-top:25px;
}

.remove-margin {
  margin: 0px;
}


.wrapper-small {
    max-width: 500px;
    margin: auto;
}

.privacy_footer {
    //margin_top: 20px;
    padding-top: 20px;
    text-align: center;
    color: #717171;
    font-size: 12px;
    text-decoration: none;
}

/* Table */
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
}

table {
    border-collapse: collapse;
    background-color: transparent;
   background-color: #FFF;
}

table {
    display: table;
    //border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}

thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #eceeef;
   background-color: #0c2645;
   color: #FFF;
}

.thead-default th {
    color: #464a4c;
    background-color: #eceeef;
}

.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #eceeef;
}
th {
    text-align: left;
}

th {
    font-weight: bold;
    text-align: -internal-center;
}

td, th {
    display: table-cell;
    vertical-align: inherit;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}


.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #eceeef;
}

/* Header grid remove margin */
.header .grid {
  margin-top: 0px;
}

.grid {
  margin : 8px 0 16px;
}

.sub-content .grid:last-child {
  margin-bottom: 0px;
}

.sub-content .grid:first-child {
  margin-top: 0px;
}

.file-label, .file-label::before, input, select, textarea  {
border-radius:0px;
}
.button-primary,  .button-secondary,  .button-grey,  #next_button {
border-radius: 0px;

}
.geo-trigger {
   background-repeat: no-repeat;
    background-position: center;
    background-size: 48%;
    margin-bottom: 0;
    position: absolute;
    right: .5em;
    top: 1.6em

}

.section-header:first-child { 
   margin-top: 1.5em;
}

.check-fa  {
left: 0.5em;
    position: absolute;
    top: 0.5em;
  display:none;
}

.check-fa-o {
left: 0.5em;
    position: absolute;
    top: 0.5em;
   display: none;
}

/* Language select nav color by brand */
.nav-wrap ul li a:hover { 
  background: #0c2645; 
}

/** Mobile Hamburger Menu **/
.menu-select { 
  box-shadow: 1px 2px 2px #959595; 
} 

.mobile-menu-dropdown {
    //background: #f6f6f6;
}
.mobile-menu-wrap {
    //margin-top: 15px;
    cursor: pointer
}
.mobile-menu-wrap ul,
.mobile-menu-wrap ul li {
    position: relative;
    float: left;
    margin: 0
}
.mobile-menu-wrap ul {
    list-style: none;
    padding: 0
}
.mobile-menu-wrap ul a {
    display: block;
    color: #333;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
    line-height: 32px;
    padding: 0 15px
}
.mobile-menu-wrap ul li {
    padding: 0;
    z-index: 2
}
.mobile-menu-wrap ul li a:hover {
    background: #666666;
    color: #fff
}
.mobile-menu-wrap ul ul {
    position: absolute;
    top: 100%;
    //right: 0;
    background: #f6f6f6;
    padding: 0
}
.mobile-menu-wrap ul ul li {
    float: none;
    width: 160px
}
.mobile-menu-wrap ul ul a {
    line-height: 120%;
    padding: 10px 15px
}
.mobile-menu-wrap ul ul ul {
    top: 0;
    left: 100%
}
.float-right {
    float: right
}

.mobile-menu-wrap ul li a:hover {
   background: #0c2645;
   //background: #FFFFFF;
}

.mobile-menu-wrap ul li a:focus {
    background: #0c2645;
    //background: #FFFFFF;
}

.mobile-menu-wrap ul li a:active {
    background: #0c2645;
    //background: #FFFFFF;
}

p.sub-content-box-heading {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #717171;
  margin-bottom: 10px;
}

.content-box{ border-left: 6px solid #0c2645; border-top: 0px; }

/* Fontawsome icon colors */
.fa-lg
{ color: #717171; }

.fa
{ color: #717171; } 

.fa.edit-pencil {
  color: #FFF; 
  float: right;
} 

/* To Capitalize the first letter for Full Name field */
#full_name {
  text-transform: capitalize;
}

/* For select box */
select.registria_field {
    position: static;
    border: 1px solid #CCC;
    padding: 8px 10px;
    height: 41px;
}

/* select:not(.default) {
    display: inline-block;
    border: 0;
    clip: rect(0 0 0 0);
    position: absolute;
    z-index: -1;
} */

/*********** Rectagle Range ****************/
/*
#slidecontainer {
    width: 100%;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 25px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #4CAF50;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #4CAF50;
    cursor: pointer;
}
*/
/*********** End of Rectangle Range Style **************/

/*********** Round Range *************/
#slidecontainer {
    width: 100%;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    //background: #4CAF50; 
   background: #236192; 
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    //background: #4CAF50; 
   background: #236192; 
    cursor: pointer;
}
/********** End of Round Range ***********/
 input[type="checkbox"] + span:before {
  font-family: 'FontAwesome';
  padding-right: 3px;
  font-size: 18px;
  color: #717171;
  font: 18px/1 FontAwesome;
   -moz-osx-font-smoothing: grayscale;
}

[type=checkbox]~.label-text:before {
    content: ' \f096';
    display: inline-block;
    margin-right: 2px;
    height: 20px;
    width: 20px;
    border: none;
    background-color: #FFF;
    font-weight: 700;
    text-align: center;
    position: relative;
    top: 4px
}

[type=radio]~.label-text:before {
    content: ' \f1db';
    display: inline-block;
    margin-right: 2px;
    height: 20px;
    width: 20px;
    border: none;
    background-color: #FFF;
    font-weight: 700;
    text-align: center;
    position: relative;
    top: 4px
}

[type=checkbox]:checked~.label-text:before {
    content: '\f046';
    color: #4e4e4e;
    font-size: 1.2em;
    line-height: 1.1
}

[type=checkbox]:checked~.label-text:before {
  content: "\f046"; /* check */
  padding-right:7px;
  padding-top:3px;
   color: #717171;
   font: 18px/1 FontAwesome;
   -moz-osx-font-smoothing: grayscale;
}

 input[type="radio"] + span:before {
  font-family: 'FontAwesome';
  padding-right: 3px;
  color: #717171;
  font: 18px/1 FontAwesome;
  -moz-osx-font-smoothing: grayscale;
}

[type=radio]~.label-text:before {
    border: none;
    border-radius: 0px;
    box-shadow: none;
}

 input[type="radio"] + span:before {
  content: "\f1db"; /* check-empty */
  padding-right:7px;
  padding-top:3px;
  color: #717171;
 }
input[type="radio"]:checked + span:before {
  content: "\f192"; /* check */
  padding-right:7px;
  padding-top:3px;
   color: #717171;
  //background-color: none;
   font: 18px/1 FontAwesome;
   -moz-osx-font-smoothing: grayscale;
}

[type=radio]:checked~.label-text:before {
  background-color: none;
}

[type=radio]:focus~.label-text:before {
    border-width: 0px;
}

.small-text {
  font-size: .8em;
  font-style: normal;
}

#zip::-ms-clear {
    display: none;
}
.city-info-hidden {
  display: none;
}
.city-info-show {
  display: block;
}
.address-info {
  display: none;
}
input[type="checkbox"] + span.pref-text:before { padding-right: 7px; }



.language-select { 
  box-shadow: 1px 2px 2px #959595; 
} 

.nav-dropdown {
    //background: #f6f6f6;
   background: #236192;
}
.nav-wrap {
    margin-top: 15px;
    cursor: pointer
}
.nav-wrap ul,
.nav-wrap ul li {
    position: relative;
    float: left;
    margin: 0
}
.nav-wrap ul {
    list-style: none;
    padding: 0
}
.nav-wrap ul a {
    display: block;
    //color: #333;
    //color: #FFF;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
    line-height: 32px;
    padding: 0 15px
}
.nav-wrap ul li {
    padding: 0;
    z-index: 2
}
.nav-wrap ul li a:hover {
    //background: #666666;
   background: #236192;
    color: #fff
}
.nav-wrap ul ul {
    position: absolute;
    top: 100%;
    //right: 0;
    background: #f6f6f6;
   //background: #236192;
    padding: 0
}
.nav-wrap ul ul li {
    float: none;
    width: 160px
}
.nav-wrap ul ul a {
    line-height: 120%;
    padding: 10px 15px
}
.nav-wrap ul ul ul {
    top: 0;
    left: 100%
}
.float-right {
    float: right
}
a.langauge { color: #333; }
a.langauge:hover { background: #236192; color: #fff; }

.color { color: #FFF; }



    /*basic reset*/
    * {margin: 0; padding: 0;}
    /*form styles*/
    #msform {
        text-align: center;
        position: relative;
    }
    #msform  {
        background: white;
        border: 0 none;
        box-sizing: border-box;
        width: 100%;
        
        /*stacking fieldsets above each other*/
        position: relative;
    }
    /*Hide all except first fieldset*/
    #msform:not(:first-of-type) {
        display: none;
    }
    /*inputs*/
    #msform input, #msform textarea {
        padding: 15px;
        border: 1px solid #ccc;
        border-radius: 3px;
        margin-bottom: 10px;
        width: 100%;
        box-sizing: border-box;
        font-family: montserrat;
        color: #2C3E50;
        font-size: 13px;
    }
    /*buttons*/
    #msform .action-button {
        width: 100px;
        background: #0c2645;
        font-weight: bold;
        color: white;
        border: 0 none;
        cursor: pointer;
        padding: 10px 5px;
        margin: 10px 5px;
    }
    /*headings*/
    .fs-title {
        font-size: 12px;
        text-transform: uppercase;
        color: #fff;
           text-align:left;
          width: 70%;
          margin: 0 auto;
    font-weight: bold;
    padding-top:5px
    }
    .fs-subtitle {
        font-weight: normal;
        font-size: 13px;
        color: #fff;
    text-align:left;
    width: 70%;
    margin: 0 auto;
    }
    /*progressbar*/
    #progressbar {
        overflow: hidden;
        /*CSS counters to number the steps*/
      height:50px
    }
    #progressbar li {
        list-style-type: none;
        color: white;
        font-size: 9px;
        width: 33.33%;
       //width: 25%;
        float: left;
        position: relative;
      color: #2C3E50;
      background:#dedede;
      height:100%
    }
    #progressbar li.active {
        list-style-type: none;
        color: white;
        font-size: 9px;
        width: 33.33%;
        //width: 25%;
        float: left;
        position: relative;
        background: #236192;
       color: #236192;
      height:100%
    }
    #progressbar li:before {
        display: block;
        font-size: 10px;
        color: #3c9bdd;
        background: white;
        margin: 0 auto 5px auto;
      height:100%
    }
    /*progressbar connectors*/
    #progressbar li:after {
        width: 100%;
        height: 2px;
        background: white;
        position: absolute;
        left: -50%;
        top: 9px;
        z-index: -1; /*put it behind the numbers*/
    }
    #progressbar li:first-child:after {
        /*connector not needed before the first step*/
        content: none; 
    }
    /*marking active/completed steps green*/
    /*The number of the step and the connector before it = green*/
    #progressbar li.active:before,  #progressbar li.active:after{
        background: #3c9bdd;
        color: white;
    }
    .num_image{    height: 45px;
        width: 45px;
        margin: 0 auto;
        padding-top: 5px;}
    /*progress bar circle css */
    .progressbar-num {
        background-color: none;
        border: 1px solid #fff;
        height: 40px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        width: 40px;
        //font-size: 3em;
        font-size: 2.8em;
        color: #fff;
    }
   /* .num_align
    { margin-top: 8px; }  */



          /* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: 0;
    padding: 0;
    border: 1px solid #888;
    width: 55%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    width: 500px;
    border-radius: 0px;
}


/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: #3c9bdd;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus,.close_bar:hover,.close_bar:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
 //   padding: 2px 16px;
    background-color: #ffff;
    color: #f74902;
font-size:20px;
font-weight:bold;
//text-align:center;
}

.modal-body {padding: 2px 16px;
    height: 350px;
    width: 496px;
}

.modal-footer {
    padding: 22px 16px;
    background-color: #ffff;
    color: #3c9bdd;
text-align:center!important;
font-size:20px;
font-weight:bold;
}
.close_bar
{text-align:center;
}
.model-main-content{
   /*  height: 242px; */
    padding: 15px;
padding-top:0px;
}
.model-main-content-pro{
 /*   height: 180px;  */
    padding: 15px;
padding-top:0px;
}

.button-grey-light-modal{
background-color: #d9d9d9;
font-size: 14px; color: #989898; border-color: #d9d9d9; border-style: solid; border-width: 1px 1px 2px; box-shadow: 0 2px 0 #8d8e92; 
  -webkit-box-shadow:  0 2px 0 #8d8e92; 
  -moz-box-shadow:   0 2px 0 #8d8e92; 

  width:auto;
    display: inline-block;
    padding: 14px 27px;
}

.button-red-light-modal{
   //background-color: #ed8b00;
    background-color: #EDB010;
    color: #FFF;
    width: auto;
   font-size: 14px;
   display: inline-block;
    padding: 14px 27px;
   border-left: solid #EDB010 1px; 
   border-right: solid #EDB010 1px;
   border-top: solid #EDB010 1px; 
   border-bottom: solid #EDB010 2px; 
   box-shadow: 0 2px 2px #A2790C;
  -webkit-box-shadow: 0 2px 0 #A2790C;
  -moz-box-shadow:   0 2px 0 #A2790C;

}
.progressbar-tick{
    background-color: none;
 border: 1px solid #e0e0e0; 
    height: 40px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 40px;
    font-size: 2em;
    color: #eee;
display: inline-block;
float:right;
margin-top: -9px;
}

.progressbar-tick-selected{
    // border: 2px solid #3c9bdd !important;
    border: 2px solid #EDB010 !important;
 }
.border_bottom td {
border-bottom: 1pt solid #e0e0e0; 
height:60px;
display:inline-block;
vertical-align:bottom;
}

@-moz-document url-prefix() 
{
.border_bottom td 
  {
border-bottom: 1pt solid #e0e0e0; 
height: 60px;
display: table-cell;
vertical-align: bottom;
border-spacing: 0px;
padding-bottom: 11px;
}
}
.label-text-modal
{
    display: block;
    padding-top: 17px;
    background: 0;
    color: #8f8f8f;;
    position: static;
    white-space: normal;
    font-size: 14px;
}
.label-tick-modal
{
    display: block;
    padding-top: 17px;
    background: 0;
    color: #8f8f8f;;
    position: static;
    white-space: normal;
    font-size: 14px;
}
.wid-td
{
width:190px;
}
.wid-td-remove
{
width:297px;
}
.label-text-first
{
    display: block;
    padding-top: 17px;
    background: 0;
    color: #8f8f8f;
    position: static;
    white-space: normal;
    font-size: 14px;
 padding-left: 59px;
width:119px;
text-align: left;
    padding-right: 10px; 
}
.label-text-first-one
{
    display: block;
    padding-top: 17px;
    background: 0;
    color: #8f8f8f;
    position: static;
    white-space: normal;
    font-size: 14px;
 padding-left: 59px;
width:119px;
text-align: left;
    padding-right: 10px;
}

#subscription_filter tr:hover.active,#subscription_filter tr:hover  ,#show_warranties tr:hover.active,#show_warranties tr:hover  
{ font-color:#111;
font-weight:2em; 
cursor:pointer;
}

#subscription_filter tr.active , show_warranties tr.active{background: #ccc;}


.column-select
{
font-weight:700;
}

.check-modal
{
font-size:30px;
color: #e0e0e0; 
 padding-left: 6px; 
-webkit-text-stroke: 3px white;
}
.check-modal-selected
{
color: #EDB010   !important;

}

.times-modal
{
font-size:30px;
color: #e0e0e0; 
 padding-left: 8px; 
-webkit-text-stroke: 3px white;
}
.circle-col
{
padding-left:14px;
}

/*iphone 5 and 5s */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 
.modal-content{
    width: 227px;
 /*   height: 386px;  */
}
.modal-content-pro{
    width: 311px;
    height: 327px;  
}
.modal-body{
    height: 216px;
    width: 310px;
}
.model-main-content-pro {
 /* height: 207px;  */
 padding: 12px;
}
.model-main-content{
/*  height: 264px;  */
 padding: 12px;
}
.wid-td {
width: 158px;
}
.wid-td-remove {
width: 180px;
}
.button-grey-light-modal{
background-color: #d9d9d9;
border-color: #efefef
border-style: solid; 
border-width: 1px 1px 2px;
box-shadow: 0 2px 0 #8d8e92;
  -webkit-box-shadow:  0 2px 0 #8d8e92; 
  -moz-box-shadow:   0 2px 0 #8d8e92; 
  color: #989898;
  width:auto;
display:inline !important;
font-size:14px;
float:left;
margin-top:0px !important;
padding: 14px 10px;

}
.button-red-light-modal{
  color: #FFF;
   width: auto;
   background-color: #EDB010; 
   border-left: solid #EDB010 1px; 
   border-right: solid #EDB010 1px;
   border-top: solid #EDB010 1px; 
   border-bottom: solid #EDB010 2px; 
   box-shadow: 0 2px 2px #A2790C;
  -webkit-box-shadow: 0 2px 0 #A2790C;
  -moz-box-shadow:   0 2px 0 #A2790C; 
   display:inline !important;
   font-size:14px;
  float:right;
  margin-top:0px !important;
  padding: 14px 14px;
}

.modal-footer {
padding-top:0px;
padding-bottom:0px;

}
.label-text-first
{
padding-left: 8px;
width:82px;
}
.label-text-first-one
{
padding-left: 8px;
width:82px;
}
.circle-col
{
padding-left:8px;
width:103px;
}

}

/*iphone 6 and 6s */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
.label-text-first
{
padding-left: 22px;
width:79px;
}
.label-text-first-one
{
padding-left: 22px;
width:79px;
}
.circle-col
{
padding-left:22px;
width:82px
}
.modal-body {
    height: 254px;
    width: 369px;
}
.modal-content{ 
   width: 337px;
  /*  height: 390px; */
}
.modal-content-pro{ 
   height: 332px;  
width:368px;
}
.model-main-content-pro {
/* height: 204px; */
 padding: 12px;
}
.model-main-content{
/* height: 266px; */
 padding: 12px;
}

.wid-td {
width: 216px;
}
.wid-td-remove {
width: 255px;
}
.button-grey-light-modal{
background-color: #d9d9d9;
  border-left: solid #d9d9d9 1px;
    border-right: solid #d9d9d9 1px;
    border-top: solid #d9d9d9 1px;
    border-bottom: solid #d9d9d9 2px;
    box-shadow: 0 2px 2px #8d8e92;
  -webkit-box-shadow:  0 2px 0 #8d8e92; 
  -moz-box-shadow:   0 2px 0 #8d8e92; 
  color: #FFF; 
  width:auto;
  display:inline !important;
  font-size:0.8em;
  float:left;
  margin-top:0px !important;
  padding: 14px 24px;
}
.button-red-light-modal{
   color: #FFF;
   width: auto;
   font-size: 14px;
   background-color: #EDB010; 
   border-left: solid #EDB010 1px; 
   border-right: solid #EDB010 1px;
   border-top: solid #EDB010 1px; 
   border-bottom: solid #EDB010 2px; 
   box-shadow: 0 2px 2px #A2790C;
  -webkit-box-shadow: 0 2px 0 #A2790C;
  -moz-box-shadow:   0 2px 0 #A2790C; 
  font-size:0.8em;
  float:right;
   margin-top:0px !important;
  padding: 14px 27px;
}

}
/*iphone 6+ */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) {
.modal-content{
width: 337px;
/*    height: 390px; */
}
.modal-content-pro{
   height: 335px;
width:397px; 
}
.circle-col {
    padding-left: 22px;
    width: 55px;
}

.modal-body{    
height: 262px;
    width: 381px;
}
.model-main-content-pro {
 /* height: 203px; */
 padding: 12px;
}
.model-main-content{
/*  height: 264px; */
 padding: 12px;
}
.wid-td {
width: 237px;
}
.wid-td-remove {
width: 303px;
}
.button-grey-light-modal{
background-color: #d9d9d9;
  border-left: solid #d9d9d9 1px;
    border-right: solid #d9d9d9 1px;
    border-top: solid #d9d9d9 1px;
    border-bottom: solid #d9d9d9 2px;
    box-shadow: 0 2px 2px #8d8e92;
  -webkit-box-shadow:  0 2px 0 #8d8e92; 
  -moz-box-shadow:   0 2px 0 #8d8e92; 
  color: #FFF; 
  width:auto;
display:inline !important;
font-size:0.8em;
float:left;
margin-top:0px !important;
padding: 14px 26px;

}
.button-red-light-modal{
   color: #FFF;
   width: auto;
   font-size: 14px;
   background-color: #EDB010; 
   border-left: solid #EDB010 1px; 
   border-right: solid #EDB010 1px;
   border-top: solid #EDB010 1px; 
   border-bottom: solid #EDB010 2px; 
   box-shadow: 0 2px 2px #A2790C;
  -webkit-box-shadow: 0 2px 0 #A2790C;
  -moz-box-shadow:   0 2px 0 #A2790C; 
   display:inline !important;
   font-size:0.8em;
   float:right;
   margin-top:0px !important;
   padding: 14px 26px;
}

}

/*ipad*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {

.modal-content{
   /* height: 384px; */
}
.modal-content-pro{
height: 334px;  
width: 368px;
}
.model-main-content-pro {
/*  height: 182px;  */
 padding: 12px;
}
.wid-td {
width: 219px;
}
.wid-td-remove {
width: 272px;
}
}
@media only screen and (min-device-width:1025px){
.modal-button{
width: 48%;
padding: 15px;
}
.modal-content-pro {
  //width: 900px;
  //max-width: 900px;
  width: 600px;
  max-width: 600px;
}
}

#next_button {
  .modal;
}
 
.survey-style {
  position: relative;
  overflow: auto;
}



label[for='address1']>ul.frauto-list li {font-size:11px; overflow:hidden; line-height:30px; border-top:1px solid #e6e6e6; color:#999; padding:0 10px;}

label[for='address1']>ul.frauto-list li:hover { background-color:#fafafa; }

label[for='address1']>ul.frauto-list li > strong { color: #000; font-size: 11px; }

label[for='address1']>ul.frauto-list li.selected, label[for='billing_address1']>ul.frauto-list li:hover { background-color:#fafafa; }

label[for='billing_address1']>ul.frauto-list li, label[for='shipping_address1']>ul.frauto-list li {font-size:11px; overflow:hidden; line-height:30px; border-top:1px solid #e6e6e6; color:#999; padding:0 10px;}

label[for='billing_address1']>ul.frauto-list li:hover, label[for='shipping_address1']>ul.frauto-list li:hover { background-color:#fafafa; }

label[for='billing_address1']>ul.frauto-list li > strong, label[for='shipping_address1']>ul.frauto-list li > strong { color: #000; font-size: 11px; }

label[for='billing_address1']>ul.frauto-list li.selected, label[for='address1']>ul.frauto-list li:hover { background-color:#fafafa; }

label[for='shipping_address1']>ul.frauto-list li.selected, label[for='shipping_address1']>ul.frauto-list li:hover { background-color:#fafafa; }

ul.frauto-list { -webkit-padding-start : 0px; }

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
  //  padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
  }
  
  .ui-autocomplete > li > div {
    display: block;
    padding: 8px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
  }
  
  .ui-state-hover,
  .ui-state-active,
  .ui-state-focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
    cursor: pointer;
  }
  
  .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-autocomplete > li {
    font-size: 14px;
    overflow: hidden;
    line-height: 40px;
    border-top: 1px solid #e6e6e6;
    color: #999;
}
 .ui-autocomplete > li > a {
   display: block;
   padding: 0 10px;
   text-decoration: none;
}
 .ui-autocomplete > li:hover {
   background-color: #e9ecef;
 }
 .ui-widget {
    font-family: inherit !important;
}
.ui-menu-item { list-style: none !important; }
.ui-widget-content { background: #FFF !important; }
.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 #EFEFEF !important;
    background: #EFEFEF !important;
    font-weight: normal !important;
    color: #000 !important;
}
.ui-menu-item { list-style: none !important; }


.cookieinfo-banner {
  text-align: center;
}

.cookieinfo-text {
  font-size: 12px;
  line-height: 16px;
  height: 50px;
  padding: 8px 50px 0 0;
  position: fixed;
  bottom: 0;
  background-color: #333;
  opacity: 0.75;
  color: #ccc;
  width: 100%;
  z-index: 9999999;
  margin-bottom: 0px;
}

.cookieinfo-accept {
  margin-left: 20px;
  padding: 8px 16px;
  color: #fff;
  border-radius: 5px;
  border-color: #0091DC;
  background: #0091DC;
  cursor: pointer;
}

@media (max-width: 975px) {
  .cookieinfo-text {
    font-size: 10px;
    line-height: 12px;
    padding: 8px 50px 0 0;
  }
}

@media (max-width: 420px) {
  .cookieinfo-text {
    height: 76px;
    font-size: 10px;
    line-height: 12px;
    padding: 8px 50px 0 0;
  }
}