/* Costco microsite styles */

/* - - - - - - - - - -
global
- - - - - - - - - - */
body {
    position: relative;
    font-family:Interstate_Light,sans-serif;
    color: #555;
    font-size: 16px;
}

*:focus {
    outline: solid #f02325 !important;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
 button:focus {
 overflow: hidden;
}

.container {
    overflow: hidden;
    width: 100%;
    margin: 0;
}
#skip {
    position: absolute;
    top: -99999px;
    left: -99999px;
    font-size: 1px;
}

.contentSection {
    background-color: #fff;
}

.BG-color-Grey {
    background-color: #eee;
}

.padding-left-0 {
    padding-left: 0;
}

.clear {
    clear: both;
}

.parallax-window {
    min-height: 430px;
    background: transparent;
}
.nowrap {
    white-space: nowrap;
}
/* - - - - clearing - - - - */

.hero-nav:after, .wrap-before:after, .wrap-calculator-feature:after, #wrap-calculator-total:after {
    content: "";
    display: table;
    clear: both;
}

abbr[data-original-title], abbr[title]{
    border-bottom: none !important;
    cursor: pointer;
    text-decoration: none !important;
}

/* - - - - - - - - - - - -
typography
- - - - - - - - - - - - */

h1, h2, h3, h4, h5 {
    font-family:Interstate_Light,sans-serif;
}

h1, h2 {
    line-height: 1em;
}

h3, h4, p {
    line-height: 1.1em;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

.benefits h3 {
    font-size: 21px;
    margin-top: 20px;
    text-align: center;
    font-family: Interstate_Regular,sans-serif;
    color:#333;
}
.benefits .disclaimer {
    margin-bottom: 30px;
}

ul {
    padding-left: 16px;
}

ol {
    padding-left: 23px;
}

li {
    margin-bottom: 10px;
}
a {
    /* outline: 0;*/
}

p.h4-headline {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;

}

.hero-inverze{
    display: flex;
    flex-direction: row-reverse;
    margin: 3% 7%;
}

p.title1,p.title2 {
    text-decoration: underline;
    font-weight: bold;
    font-family: Interstate_Bold,sans-serif;
}


/* - - - - - - - - - - - -
header
- - - - - - - - - - - - */

#header_2 {
    height: auto;
    background-color: #fff;
}

#header-full {
    position: relative;
    margin: 0px;
    height: 90px;
    width: 100%;
    padding: 20px 20px 20px;
    background-color: #fff;
    border-top: 6px solid #c8102e;
    border-bottom: 3px solid #0033a0;
}

.inlineProgressContainer {
    z-index:2000;
    position:relative;
    top: 0;
    padding: 0px 40px;
    width: 100%;
    background: #014785;
    border-bottom: 1px solid #295e8e;
}

.inlineNavContainer {
    z-index:100;
    position:static;
    top: 0;
    padding: 0px 40px;
    width: 100%;
    background: #056DAE;
    border-bottom: 1px solid #295e8e;
}

@media screen and (min-width: 992px) {
    .inlineNavContainer {
        position: relative;
    }
}

.headerContainer {
    background-color: transparent;
    padding: 0px;
}

.footer-link {
    display: none !important;
}
.inlineNavigation {
    padding-left: 10px;
    margin:0px;
}

.inlineNavigation li {
    margin: 0px;
    padding: 0 5px;
    border-right: none;
}

.inlineNavigation li a {
    display: inline-block;
    margin: 0px;
    padding: 18px 10px 15px;
    line-height: 10px;
    font-size: 14px;
    font-weight:bold;
    color: #fff;
    text-decoration:none;
}

.inlineNavigation li a.active-menu {
    padding-bottom:12px;
    border-bottom: 3px solid #fff;
    /*outline: 0;*/
}
.inlineNavigation li:first-of-type a {
    padding-left: 0px;
}

.inlineNavContainer.active {
    animation: pulse 1.5s 1;
    background-color: rgba(1, 71, 133, 0.95);
}

@keyframes pulse {
    
    0% {
        background-color: #2d6aa1;
    }
    
    100% {
        background-color: #014785;
    }
}

/* burger nav */

#wrap-burger {
    position: fixed;
    top: 0;
    right: 0;

}

.menu-button {
    display: none;
    width: 60px;
    height: 60px;
    text-indent: -99999px;
    background: #fff url(/JRS/images/Costco/bg-burger-icon.png) no-repeat 50% 50%;
    border-right: none;
    border-bottom: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    border-top:none;
    cursor: pointer;
}

/* - - - - - - - - - - - -
conversion
- - - - - - - - - - - - */


#conversion-1 h2 {
    font: 14px Arial, Helvetica, sans-serif;
    color:#fff;
    margin:10px 0;
}
#conversion-1 .container, #conversion-2 .container, .wrap-calculator .container {
    /*  padding-bottom: 60px; */
    background-color: transparent;
}
#conversion-1 .container {
    padding:18px 0;
}

#conversion-1 {
    /*background: #014785 url(/JRS/images/Costco/bg-conversion-1.png) no-repeat 100% 42.5%;*/
    background: rgb(30,124,183);
    background: linear-gradient(90deg, rgba(30,124,183,1) 0,rgba(0,95,155,1) 100%);
    color: #fff;
}

#conversion-2 {
    background: 
    url(/JRS/images/Costco/bg-conversion-2c.png) no-repeat 100% -75px,
    url(/JRS/images/Costco/bg-conversion-2b.png) no-repeat 0 100%;
    background-color: #eee;
}

#conversion-2 h2 {
    margin: 30px 0;
    font-size: 36px;
}

.wrap-before, .wrap-after {
    margin: 0;
    padding: 0;
    width: 48%;
    /*  min-height: 240px;*/
    min-height: 312px; /*height for when the confirm receipt site button is used*/
    background-color: #fff;
}

.wrap-after {
    float: right;
}

#conversion-1 h1 {
    margin: 18px 0;
    font-size: 32px;
    font-weight: normal;
    color: #fff;
}

#conversion-1 h1 span {
    display: block;
    /*font-size: 18px;*/
    font-size: 14px;
    line-height: 30px;
    /* margin-top: 12px; */
    text-transform: uppercase;
}

#conversion-1 h2 span {
    display: inline-block;
    padding-top: 10px;
    font-size: 28px;
}

#conversion-1 h4 {
    font-size: 17px;
    margin: 1em 0;
}

#conversion-1 sup {
    top: -1.25em;
    font-size: 35%;
}

#conversion-1 br {
    display: none;
}

#conversion-1 ul, .learnmoreSection ul {
    margin-bottom: 30px;
    color: #fff;
    text-align: left;
}

#conversion-1 a.imgLink{
    display:block;
}
#conversion-1 a, .learnmoreSection a {
    color: #fff;
    text-decoration: underline;
}

#conversion-1 a:hover {
    color: #fff;
}

#conversion-2 h4 {
    margin-top: 0;
    margin-bottom: 20px;
    padding: 20px 30px;
    color: #fff;
    background-color: #555;
    font-size: 24px;
}

#conversion-2 p {
    margin: 30px 15px 20px 15px;
}

#conversion-2 ol {
    list-style: none;
    padding: 0;
}

#conversion-2 ol li {
    position: relative;
    padding-left: 30px;
}

#conversion-2 ol li {
    padding-bottom: 20px;
}

#conversion-2 ol li span:first-of-type {
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 15px;
    height: 22px;
    background: transparent url(/JRS/images/Costco/bg-confirm-receipt.png) no-repeat 0 -64px;
}

#conversion-2 ol li:nth-child(2) span:first-of-type {
    background-position: 0 -43px;
}

#conversion-2 ol li:nth-child(3) span:first-of-type {
    background-position: 0 -20px;
}

.calendar-select {
    display: block;
    margin: 0 auto 20px;
    padding: 90px 0 0;
    height: auto;
    text-align: center;
    background: transparent url(/JRS/images/Costco/bg-calendar-2.png) no-repeat 50% 0;
}

.calendar-button, .confirm-button {
    display: block;
    margin: 20px 0 0;
    padding: 5px 10px 5px 40px;
    width: 170px;
    color: #fff;
    background: #0076c0 url(/JRS/images/Costco/bg-calendar-button-2.png) no-repeat 10px 5px;
    border: 1px solid #0076c0;
    /*  border-radius: 5px; */
}

.calendar-button:hover, .calendar-button:focus,
.confirm-button:hover, .confirm-button:focus {
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    background-position: 10px -35px;
}

.confirm-button {
    padding-left: 10px;
    width: 187px;
    background-image: none;
}

/**
 * AddToCalendar Blue Style
 * http://addtocalendar.com
 */

 /* Base */

 .addtocalendar var{
    display: none;
 }

 .addtocalendar {
    position: relative;
    display: inline-block;
    background: transparent!important;
 }

 .atcb-link {
    display: block;
    outline: none!important;
    cursor: pointer;
 }

 .atcb-link:focus~ul,
 .atcb-link:active~ul,
 .atcb-list:hover{
    visibility:visible;
 }

 .atcb-list {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    width: 170px;
    z-index: 900;
 }

 .atcb-list,
 .atcb-item
 {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
 }

 .atcb-item {
    float: none;
    text-align: left;
 }

 .atcb-item-link
 {
    text-decoration: none;
    outline: none;
    display: block;
 }

 .atcb-item.hover,
 .atcb-item:hover {
    position: relative;
    z-index: 900;
    cursor: pointer;
    text-decoration: none;
    outline: none;
 }

 /* Blue */

/*
.atc-style-blue .atcb-link {
    margin: 0;
    padding: 7px 25px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    outline: none;
    line-height: 20px;
    vertical-align: middle;
    background: rgb(66,129,244);
    box-shadow: 0 0 40px rgba(0, 0, 0, .13) inset;
    border-radius: 4px;
    zoom: 1;
}
*/

.calendar-button, .atc-style-blue .atcb-link,
.atc-style-blue .atcb-link:hover , .atc-style-blue .atcb-link:focus {
    display: block;
    margin: 20px 0 0;
    padding: 5px 7px 5px 40px;
    width: 170px;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
    background: #0076c0 url(/JRS/images/Costco/bg-calendar-button.png) no-repeat 10px 5px;
    border: 1px solid #0076c0;
    zoom: 1;
}

/*
.calendar-button:hover, .calendar-button:focus,
.atc-style-blue .atcb-link:hover , .atc-style-blue .atcb-link:focus {
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    background-position: 10px -35px;
    }
    */

    .atc-style-blue .atcb-list {
        width: 170px;
        border-left: 1px solid #0076c0;
        border-right: 1px solid #0076c0;
        border-radius: 2px;
        /*     box-shadow: 0 0 5px #AAA; */
    }

    .atc-style-blue .atcb-list,
    .atc-style-blue .atcb-item
    {
        background: #fff;
        color: #0076c0;
    }

    .atcb-item {
        padding: 5px !important;
        border-bottom: 1px solid #0076c0;   
    }

    .atc-style-blue .atcb-item,
    .atc-style-blue .atcb-item-link {
        line-height: 1.3em;
        vertical-align: middle;
        zoom: 1;
    }

    .atc-style-blue .atcb-item-link,
    .atc-style-blue .atcb-item-link:hover,
    .atc-style-blue .atcb-item-link:active,
    .atc-style-blue .atcb-item-link:focus
    {
        color: #0076c0;
        text-decoration: none;
        outline: none;
        padding: 5px 15px;
    }

    .atc-style-blue .atcb-item-link:hover,
    .atc-style-blue .atcb-item-link:active,
    .atc-style-blue .atcb-item-link:focus
    {
        color: #fff;
    }

    .atc-style-blue .atcb-item.hover,
    .atc-style-blue .atcb-item:hover {
        background: #0076c0;
    }

    /* confirm-receipt path */

    #wrap-confirm-receipt ol {
        list-style: none;
        padding: 0;
    }

    #wrap-confirm-receipt ol li {
        position: relative;
        min-height: 150px;
        padding: 30px 30px 30px 75px;
        background-color: #fff;
        border-left: 1px solid #d9d9d9;
    }

    #wrap-confirm-receipt ol li:nth-child(1) {
        border-left: none;
    }

    #wrap-confirm-receipt ol li span {
        position: absolute;
        top: 35px;
        left: 30px;
        display: block;
        width: 34px;
        height: 50px;
        background: transparent url(/JRS/images/Costco/bg-confirm-receipt.png) no-repeat 0 -149px;
    }

    #wrap-confirm-receipt ol li:nth-child(2) span {
        background-position: 0 -100px;
    }

    #wrap-confirm-receipt ol li:nth-child(3) span {
        background-position: 0 -50px;
    }

    .card-art {
        display: block;
        max-width: 100%;
        float: right;
    }

    .wrap-faqs ul{
        display:inline-block;
    }


    .wrap-faqs .card-art {
        margin:35px auto;
    }

    .img-floated{
        float: right;
        margin: 20px 0 20px 20px;
        max-width: 350px;
    }
    .clear-img{
        clear:both;
        padding:20px 0;
    }

    .downArrow {
        margin: 40px 0;
    }

    #section002 .downArrow {
        margin-top: 20px;
    }

    #section003 .downArrow {
        margin-top: -20px;
    }

/* - - - - - - - -
section headers 
- - - - - - - - */

.parallaxContainer {
    position: relative;
    width: 100%;
    /*height: 430px;*/
    overflow: hidden;
    padding: 0px;
    /*background-color: #eee;*/
}

.parallaxContainer img {
    width: 100%;
}

.section-header {
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    padding: 40px;
    width: 40%;
    color: #fff;
    background-color: rgba(1, 71, 133, 0.85);
}

.section-header h2 {
    margin: 0 0 18px;
    font-size: 48px;
}

.section-header p {
    font-size: 18px;
}

.learnMoreContainer{
    min-height: 500px;
    background-image: url(/JRS/images/Costco/Learn_How_To.jpg);
    position:relative;
    background-size: cover;
    background-position: center center;
}

.learnmoreSection{
    padding:30px 20px;
}

.learnmoreSection ul a{
    text-decoration: none;
    border-bottom: 1px solid #fff;
}
.learnmoreSection h2 {
    background-color: rgba(255,255,255,0.2);
    display:inline-block;
    font-size: 40px;
    padding: 0.4em 1em 0.4em 0.5em;
}

.learnmoreSection>div{
    padding-left: 15px;
}

.learnmoreSection ul li{
    padding: 0;
}

/* - - - - - - - -
calculator 
- - - - - - - - */

.wrap-calculator {
    color: #056DAE;
    background-color: #FFF;
}

/*  moving 2015 spend sentence from calculator header to content area */
.wrap-calculator .calculator-last-year {
    display: none;
}

.wrap-calculator-feature {
    clear: both;
    margin-top: 15px;
    padding-top: 15px;
    width: 100%;
    border-top: 1px solid #d8d8d8;
}

.wrap-calculator-feature:first-child {
    margin-top: 0;
    margin-bottom: 15px;
    padding-top: 0;
    border-top: none;
}

.wrap-calculator-feature p {
    margin-bottom: 0;
    line-height: 1em;
}

.calculator-multiplier, .wrap-calculator-slider, .calculator-results {
    float: left;
    display: block;
}

.calculator-multiplier {
    width: 21.22641509434%; /* 225 / 1060 */
    font-size: 3.5em;
    letter-spacing: -0.05em;
    text-align: center;
}

.wrap-calculator-slider {
    margin: 85px 3% 0; /* 70px & 50px / 1060px */
    width: 50%; /* 590px / 1060px */
}

.calculator-results {
    margin-top: 30px;
    width: 19%;
}

.calculator-results sup {
    font-size: 24px;
}

.calculator-results input {
    display: inline;
    margin-bottom: -2px;
    width: 100%;
    font-size: 48px;
    background-color: transparent;
    border: 0;
    text-align: right;
    padding: 0px;
}

.calculator-results label {
    display: block;
    font-size: 12px;
    text-align: right;
    color: #555;
    letter-spacing: 2px;
}

#calculator-total .wrap-calculator-slider, #calculator-total .calculator-results {
    margin-top: 0;
}

#calculator-total .wrap-calculator-slider h4 {
    font-size: 35px;
    margin-bottom: 25px;
}

#calculator-total .wrap-calculator-slider p {
    font-size: 12px;
    color: #666;
}


#calculator-total {
    padding: 0;
}

#wrap-calculator-total {
    margin: 20px 0;
    color: #056DAE;
    background-color: #fff;
    border-bottom:  1px solid #d8d8d8;
    border-radius: 5px; 
    display:flex;
    flex-direction:row-reverse;
}

#wrap-calculator-total h3 {
    
    order:2;
    /*margin: 28px 0 0 50%;*/
    color: #555;
    font-size: 35px;
}

#wrap-calculator-total .calculator-results {
    order:1;
    margin: 20px 0;
    width: 200px;
}

.disclaimer, #calculator-total .disclaimer, #calculator-total .disclaimer1 {
    margin-bottom: 10px;
    font-size: 12px;
    color: #555;
}

.disclaimer2 {
	color: #337ab7;
	font-family: Interstate_Bold,sans-serif;
	text-decoration: none;
	font-weight: bold;
    font-size: 21px;
    margin-bottom: 10px;
}

.disclaimerAD, p.disclaimerAD {
    margin: 18px 0;
    font-size: 12px;
    color: #fff;
}   

#calculator-total .disclaimer1 {
    /*  margin-bottom: 10px; */
    font-size: 14px;
}


@media screen and (max-width:350px) {
    .wrap-calculator-feature p {
        font-size: 16px;
    }
}
@media screen and (min-width: 600px) and (max-width: 955px) {
    .wrap-calculator-feature p {
        font-size: 16px;
    }
}

.calculator-multiplier > span {
    display: block;
    margin: 0 auto 5px;
}

.calculator-multiplier > span.percentage_value{
    color: #056DAE !important;
}

.calculator-multiplier > span.percentage_value {
    font-size: 3em;
    line-height: .8;
}
.calculator-multiplier > span.percentage_value sup {
    font-size: 40%;
    top: -1.1em;
}

.calculator-multiplier > span.medText_description {
    max-width: 24ch;
    text-transform: uppercase;
    color: #555;
}

.calculator-multiplier > span.percentage_value.orange {
    color:#ff5a34;
}
.calculator-multiplier > span.percentage_value.ligthBlue {
    color:#00add9;
}
.calculator-multiplier > span.percentage_value.red {
    color:#d31d37;
}
.calculator-multiplier > span.percentage_value.green {
    color:#3caf29;
}
.calculator-multiplier > span.smallText_description {
    font-size: 1em;
    color: #555;
}

/* shorter value props */
.value-prop-4, .value-prop-3, .value-prop-2, .value-prop-1 {
    display: block;
    width: 25%;
    height: 155px;
    float: left;
    font-size: 1.2em;
    /*font-family: Arial, Helvetica, sans-serif;*/
}

/* taller value props */
.tall .value-prop-4, .tall .value-prop-3, .tall .value-prop-2, .tall .value-prop-1 {
    display: block;
    width: 225px;
    height: 153px;
    text-indent: -99999px;
    background: transparent url(/JRS/images/Costco/bg-value-prop-tall-sprite.png) no-repeat 50% 0;
}

.tall .value-prop-3 {
    background-position: 50% -277px
}

.tall .value-prop-2 {
    background-position: 50% -528px
}

.tall .value-prop-1 {
    background-position: 50% -785px
}

/* jquery slider styles */

.ui-slider {
    position: relative;
    height: 0.8em;
    background-color: #a9a8ab;
    border-radius: 10px;
}
.ui-slider-range{
    background-color: #056DAE !important;
}
.ui-slider-handle {
    z-index: 2 !important;
    position: absolute !important;
    top: -1.15em !important;
    margin-left: -1.7em !important;
    width: 2.5em !important;
    height: 2.5em !important;
    background:  url(/JRS/images/Costco/CostcoMicrosite/medium/Oval_40.png) 0 0 !important;
    border-radius: 25px;
    cursor: move !important;
}

#calculator-slider-2 .ui-slider-handle {
    background-position: 0 -50px;
}

#calculator-slider-3 .ui-slider-handle {
    background-position: 0 -100px;
}

#calculator-slider-4 .ui-slider-handle {
    background-position: 0 -150px;
}

/* slider values above handle */

/* FLOATING HORIZTONAL TOOLTIPS */
/* remove the godawful looking focus outline on handle and float */
.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label
.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label {
    outline: none;
}

/* style tooltips on handles and on labels */
/* also has a nice transition */
.ui-slider-float .ui-slider-tip,
.ui-slider-float .ui-slider-tip-label {
    position: absolute;
    top: 25px;
    display: block;
    width: 95px;
    margin-left: -40px;
    padding-top: 10px;
    left: 35%;
    height: 50px;
    line-height: 18px;
    background: #fff;
    border-radius: 3px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #4C4C4C;
    -webkit-transition-property: opacity, top, visibility;
    transition-property: opacity, top, visibility;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transition-duration: 200ms, 200ms, 0ms;
    transition-duration: 200ms, 200ms, 0ms;
    -webkit-transition-delay: 0ms, 0ms, 200ms;
    transition-delay: 0ms, 0ms, 200ms;
    cursor: move;
    
}
.ui-slider-float .ui-slider-tip span{
    font-weight: normal;
}

/* show the tooltip on hover or focus */
/* also switch transition delay around */
.ui-slider-float .ui-slider-handle .ui-slider-tip,
.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip,
.ui-slider-float .ui-slider-handle .ui-slider-tip,
.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip,
.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip,
.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
    opacity: 1;
    top: -60px;
    visibility: visible;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 200ms, 200ms, 0ms;
    transition-delay: 200ms, 200ms, 0ms;
}

/* put label tooltips below slider */
.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
    top: 42px;
}

.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
    top: 32px;
    font-weight: normal;
}

/* give the tooltip a css triangle arrow */
.ui-slider-float .ui-slider-tip:after,
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
    content: " ";
    width: 0;
    height: 0;
    border: 5px solid rgba(255, 255, 255, 0);
    border-top-color: #fff;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
}

/* put a 1px border on the tooltip arrow to match tooltip border */
.ui-slider-float .ui-slider-tip:before,
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
    content: " ";
    width: 0;
    height: 0;
    border: 5px solid rgba(255, 255, 255, 0);
    border-top-color: #d8d8d8;
    position: absolute;
    bottom: -11px;
    left: 50%;
    margin-left: -5px;
}

/* switch the arrow to top on labels */
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
    border: 5px solid rgba(255, 255, 255, 0);
    border-bottom-color: white;
    top: -10px;
}

.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
    border: 5px solid rgba(255, 255, 255, 0);
    border-bottom-color: #888;
    top: -11px;
}

.ui-slider-tip span {
    display: block;
    font-size: 12px;
    color: #555;
}

/* - - - - - - - - - -
accordions
- - - - - - - - - - */
#accordion1 {
    margin-bottom: 60px;
}

.faq-social {
    margin: 20px 0;
    text-align: center;
}

.faq-social a {
    display: inline-block;
    margin-top: 10px;
    width: 29px;
    height: 29px;
    text-indent: -99999px;
    background: transparent url(/JRS/images/Costco/bg-social-logos.gif) no-repeat 0 0;
    border-radius: 4px;
}

.faq-social a.button-facebook {
    margin-left: 20px;
    background-position: 0 -29px;
}

.panel-group .panel+.panel {
    margin-top: 0;
}

.panel {
    margin-bottom: 0px;
    background-color: #fff;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.05);
    box-shadow: 0 0px 0px rgba(0,0,0,.05);
    border-bottom: 1px solid #9a9a9a;
}

#accordion2 .panel:first-child {
    border-top: none;
}
.panel:first-child {
    border-top: 1px solid #9a9a9a;
}

.panel-default {
    border-color: #9a9a9a;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
}

.panel-default.active {
    background-color: #FBFBFB;
}
.panel-default.active .panel-heading {
    background-color: #FBFBFB;
}

.panel-default .panel-heading {
    padding: 18px 22px;
    /*     height: 66px; */
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background-color: #fff;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    color: #555;
    font-size: 20px;
}

.panel-title .accordianChevron {
    position: absolute;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    margin-top: -2px;
    font-family: "Interstate-ExtraLight", Arial, Helvetica, sans-serif;
    font-size: 28px;
    color: #0076C0;
    margin-left:-25px;
}

.panel a, .panel a:hover  {
    text-decoration: none;
    cursor: pointer;
}

.panel a:hover .panel-heading {
    padding-top: 16px;
    color: #056dae;
    border-top: 2px solid #0076c0;
}

.panel a:hover .panel-title .accordianChevron, .panel.active .panel-title .accordianChevron {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.panel.active a:hover .panel-title .accordianChevron {
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.panel-title .panel-Title-text {
    display: inline-block;
    margin-left: 28px;
}

.panel-title a {
    display: inline-block;
    margin-left: 28px;
    /*outline: 0;*/
}
.panel-body {
    padding: 0px 20px 24px 20px;
}

.faqs-group li {
    float:left;
    padding-left: 30px;
    width: 100%;
    margin-bottom: 20px;
}

.faqs-group .collapse, .faqs-group .collapsing {
    margin: 20px 0 5px 0;
}

.faqs-group li span.faqCollapse {
    float: left;
    background: url(/JRS/images/Costco/spr-addition.png) no-repeat;
    background-position: 0px 0px;
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-left: -30px;
}
.faqs-group li a.collapsed span.faqCollapse {
    background-position: 0px 0px;
}
.faqs-group li a.expanded span.faqCollapse {
    background-position: 0px -20px;
} 

/***Terms***/
.terms h1{
    margin-top:0px;
}

.terms .title{
    margin-top: 30px;
}


/* critical mass' inline addition styles */

label input[type=checkbox]{
    margin-top:1px
}

.addition{
    background-color:#f7f7f7;
    padding:24px 20px 14px; /* 10px off the bottom due to the 10px from the p */
    border-top:1px solid #9a9a9a;
    border-bottom:1px solid #9a9a9a;
    margin-top:12px
}

.addition .col-xs-12 {
    padding: 0;
}

@media (min-width:768px) and (max-width:999px){
    .addition{
        padding:24px 30px
    }
}

.addition textarea{
    width:100%;
    height:200px
}

@media (max-width:767px){
    .addition textarea{
        height:150px
    }
}

.addition {
    padding-right: 0;
    padding-left: 0;
}

.extraPaddingForNoGutter{
    padding:0
}

@media (max-width:999px){
    .extraPaddingForNoGutter{
        padding:0 10px
    }
}

@media (max-width:999px){
    .extraPaddingForNoGutter .checkbox label, .extraPaddingForNoGutter .radio label, .extraPaddingForNoGutter.in-line-plus{
        padding-left:40px
    }
}

@media (max-width:767px){
    .extraPaddingForNoGutter .checkbox label, .extraPaddingForNoGutter .radio label, .extraPaddingForNoGutter.in-line-plus{
        padding-left:30px
    }
}

@media (max-width:479px){
    .extraPaddingForNoGutter .checkbox label, .extraPaddingForNoGutter .radio label, .extraPaddingForNoGutter.in-line-plus{
        padding-left:30px
    }
}

.addition-checkbox .col-xs-12 {
    padding-right: 0;
    padding-left: 0;
}

.addition-checkbox label.in-line{
    color:#0076C0;
    height:20px;
    padding-left: 30px; /*  margin-left:21px; */
    display:inline-block;
    font-size: 16px;
}

.addition-checkbox label.in-line:focus, .addition-checkbox label.in-line:hover{
    text-decoration:none;
    outline:0
}

.addition-checkbox label.in-line:focus input[type=checkbox]:before, .addition-checkbox label.in-line:hover input[type=checkbox]:before{
    background-position-x:-20px
}

.addition-checkbox label.in-line input[type=checkbox]{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    margin-right: 0;/*  margin-right:10px; */
    width: 0; /* width:9px */
}

.addition-checkbox label.in-line input[type=checkbox]:before{
    content:' ';
    background:url(/JRS/images/Costco/spr-addition.png) no-repeat;
    height:20px;
    width:20px;
    position:absolute;
    left: 0; /*     left:21px; */
    top: 0;
}

@media (min-width:1000px){
    .addition-checkbox label.in-line input[type=checkbox]:before{
        left:10px
    }
}

.addition-checkbox label.in-line input[type=checkbox].expanded:before{
    background-position-y:-20px
}

.addition-checkbox label.in-line input[type=checkbox]:focus, .addition-checkbox label.in-line input[type=checkbox]:hover{
    text-decoration:underline;
    outline:0
}

.addition-checkbox label.in-line input[type=checkbox]:focus:before, .addition-checkbox label.in-line input[type=checkbox]:hover:before{
    background-position-x:-20px
}

@media (min-width:768px) and (max-width:999px){
  .benefits .contentContainer{
    padding:0 !important;
  }
  .contentContainer.benefits img {
    padding-top: 30px;
}
.contentContainer.benefits p {
    padding: 0 15px;
}

/*
.addition-checkbox label.in-line{
        margin-left:31px
        }

    
.addition-checkbox label.in-line input[type=checkbox]:before{
        left:31px
        }*/
    }

    @media (min-width:1000px){
        .addition-checkbox label.in-line{
            margin-left:10px
        }
    }

    @media (min-width: 768px) {
        
        .addition {
            padding-left: 30px;
        }
        
    }

/* - - - - - - - - - -
benefits
- - - - - - - - - - */

.benefits .contentContainer {
    padding: 40px;
}
.contentContainer.paddingBottom-0 h2{
    margin: 20px 0;
    text-align: center;
    color: #333;
    font-size: 42px;
    letter-spacing: 1px
}
.callabup{
    font-size: 12px;
    position: absolute;
    top: -30px;
    color: #555;
}
.callabdown{
    font-size: 12px;
    position: absolute;
    bottom: -30px;
  color: #555;
}
.contentContainer.paddingBottom-0 p{
    color: #333;
    text-align: center;
    padding: 0 30% 40px 30%;
    margin: 0 0 40px;
    border-bottom: 1px solid #333;
}
.contentContainer.paddingBottom-0 #calculator-description-grandTotal{
    border-bottom: none;
    text-align: center;
    margin: 0 ;
    padding: 0;
}
.contentContainer .benefits h2{
    text-align: center;
}
.contentContainer.benefits img{
    margin: 0 40%;
}
.contentContainer .benefits p{
    text-align: center;
    padding-bottom: 15px
    border-bottom: 1px solid #333;
}
.benefits h2{
    font-size: 42px;
    color:#333;
    margin: 20px 0;
    text-align: center;
    font-weight: bold;
}
.benefits p{
    text-align: center;
    font-size: 16px;
    color: #333;
}
#section004 .contentContainer.benefits{
    background-color:#F7F7F7;
}
#section004 .container{
    background-color:#F7F7F7;
}
.learnContainer p{
  margin: 0 10%;
  padding: 0 0 5% 0;
  font-size: 21px;
  text-align:center;
}
.learnContainer p a{
    font-family: Interstate_Bold,sans-serif;   
}
.row.bordertop p{
    text-align: left;
    font-size: 12px;
    color: #4C4C4C;
}
.row.bordertop p a{
    color: #333;
}
.row.bordertop{
    border-top: 1px solid #333;
    padding-top: 5%;
}
.contentContainer.paddingBottom-0 #calculator
.benefits .contentContainer.benefit-business {
    position: relative;
    /*  margin-left: 10px; pushing it out of inline*/
    padding-top: 50px;
    padding-left: 30px;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border: 1px solid #d8d8d8;
}

.benefit-business p.subhead-business {
    position: absolute;
    top: 15px;
    left: 30px;
    font-size: 12px;
    line-height: 1.1em;
    text-transform: uppercase;
    color: #666;
}

.benefit-business .contentContainer {
    margin: 40px 0;
    padding: 0 40px;
}

.benefit-business .contentContainer:first-child {
    border-right: 1px solid #fff;
}

/* - - - - - - - - - -
footer
- - - - - - - - - - */

.footer {
    border-top: 1px solid #3e3e3e;
    padding: 26px 40px 0px 40px;
    background-color: #282828;
    width: 100%;
    position:relative;
}
.footer hr {
    border-top:1px solid #3e3e3e;
}
.footer .container {
    padding:0px;
    background-color: transparent;
}
.legal {
    color:#999;
    font-size:12px; 
}
.footerLinks li, .footerLinks li a {
    color:#fff;
    text-decoration:none;
    font-weight:normal;
    font-size:12px;
    padding:0px;
}
.footerLinks li {
    padding:20px 15px 0px 15px; 
}
.footerLinks li.socialMedia {
    padding: 0px 12px 0px 12px;
}
.footerLinks li.socialMedia img {
    margin-top:-7px;
}
.footerLinks li.footerLink-last {
    padding-right:28px; 
}

.footerLinks .icon-facebook, .footerLinks .icon-twitter, .footerLinks .icon-youtube {
    padding: 0 0 0 10px;
}

.footerLinks .icon-facebook a, .footerLinks .icon-twitter a, .footerLinks .icon-youtube a {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    text-align: left;
    text-indent: -99999px;
    background: transparent url(/JRS/images/Costco/social_network_sprite.png) no-repeat 0 0;
    overflow: hidden;
}

.footerLinks .icon-twitter a {
    background-position: -30px 0;
}

.footerLinks .icon-youtube a {
    background-position: -60px 0;
}

.footerDisclaimer {
    padding: 20px 0px 40px 0px;
    font-size: 12px;
    color: #a8a8a8;
    border-bottom: 1px solid #3e3e3e;
    margin-bottom: 0px;
}

.footerDisclaimer a {
    color: #ddd;
}

.footerDisclaimer.copywrightInfo {
    padding:40px 0px 0px 20px;
    border-bottom:0px solid #a8a8a8;
}
.security-wrapper {
    float: right;
}

.security-wrapper ul li  {
    float:left;
    list-style-type: none;
    padding: 30px 0;
    margin-right:20px;
}
.security-wrapper ul li:last-child {
    margin-top: -8px;
}
.security-wrapper ul li:last-child .nortonSSL img {
    width: 65px;
}
.FDICImg {
    padding:15px 0px;   
}
.secondaryFooterLinks {
    padding-left:0px;
    padding-right:20px; 
}

.secondaryFooterLinksUl {
    padding-top:40px;
    padding-bottom:0px; 
    margin-bottom:0px;
}
.secondaryFooterLinksUl li {
    font-size:13px;
    /*font-family:Arial,Gotham, "Helvetica Neue", Helvetica, sans-serif;*/
    font-weight:normal;
    color:#A8A8A8;  
    padding-top:15px;
    padding-bottom:15px;
    border-top: 1px solid #3e3e3e;
}
.secondaryFooterLinksUl li.firstLi {
    border-top: 0px solid #3e3e3e;
}
.secondaryFooterLinksUl li.secondaryFooterLinksHeader {
    font-size:16px;
   /* font-family:Arial,Gotham, "Helvetica Neue", Helvetica, sans-serif;*/
    font-weight:normal;
    color:#fff;
    border-top: 0px solid #3e3e3e;
    padding-top:0px;
}
.secondaryFooterLinksUl li a {
    text-decoration:none;
    color:#A8A8A8;      
}
.secondaryFooterLinksUl li a:hover {
    text-decoration:underline;
    color:#A8A8A8;      
}

/* - - - - - - - - - -
responsive bits
- - - - - - - - - - */

/* medium */

@media screen and (min-width: 1199px) {
    
    #conversion-1 h2 br {
        display: inline;
    }
}

/* medium */

@media screen and (min-width: 992px) {
    
    .wrap-burger {
        display: none;
    }
    
}

/* small */
@media screen and (max-width: 991px) {
    
/*  .img-floated{
    float: none;
    margin: 10px auto;
    max-width: 380px;
    display:block;
    }*/
    .clear-img{
        padding:0;
    }

    #conversion-1 h2 br {
        display: inline;
    }
    
    #conversion-2 {
        background: 
        url(/JRS/images/Costco/bg-conversion-2c.png) no-repeat 100% -55px,
        url(/JRS/images/Costco/bg-conversion-2b.png) no-repeat 0 100%;
        background-color: #eee;
    }
    
    .wrap-before {
        margin-bottom: 40px;
    }
    
    .wrap-before, .wrap-after {
        width: 100%;
        min-height: auto;
    }
    
    .parallaxContainer {
        height: auto;
    }
    
    #header-full {
        z-index: 1040;
        position: fixed;
        top: 0;
        left: 0;
        padding: 7px 0px 15px;
        height: 60px;
        border-top: none;
        border-bottom: 1px solid #d7d7d7;
    }
    .section-header {
        width: 90%;
    }
    .menu-button {
        display: block;
    }
    
    .inlineNavContainer {
        position: static !important;
        z-index: 2001;
        /*right: -268px;*/
        top: -2px;
        bottom: auto;
        padding: 0;
        width: 268px;
        background: #333;
        border-top: none;
    }
    
    .inlineNavContainer .container {
        width: 268px;
    }
    
    .inlineNavigation {
        position: absolute;
        padding: 0 12px;
        width: 268px;
        max-width: none;
        background-color: #333;
        top:0;
        left:100%;
        z-index: 1041;
        height: 100%;
        display: none;
    }
    
    .inlineNavigation li {
        display: block;
        padding: 0 10px 0 10px;
        margin: 0;
        width: 100%;
        text-align: left;
    }
    
    .inlineNavigation li a {
        margin: 0;
        padding: 25px 0;
        width: 100%;
        font-weight: normal;
        border-bottom: 1px solid #666666;
        background: url("/JRS/images/Costco/pagination-arrow.png") no-repeat scroll right center;
    }
    .inlineNavigation li a.last{
        border-bottom: 2px solid #b0b0b0;
    }
    .footer-link {
        display: block !important;
        
    }
    .footer-link a{ 
        background: none !important;
    }
    .inlineNavigation li.footer-link a {
        font-size: 12px;
    }

    /*.inlineNavigation li a:hover {
        padding-bottom: 13px;
        }
        */
        .footerLinks li {
            display: none;
        }
        .footerLinks .icon-facebook, .footerLinks .icon-twitter, .footerLinks .icon-youtube {
            display: inline-block;
        }
        #conversion-1 {
            margin-top: 58px;
        }
        
        #conversion-1 h1 {
            /* margin-top: 50px; */
            font-size: 42px;
        }
            
        #conversion-2 .calendar-link {
            margin-top: 30px;
        }
        
        .section-header h2 {
            font-size: 36px;
        }
        
        .footer .container {
            width: 100%;
        }
        .calculator-results input {
            text-align: center;
        }
        
        .calculator-results span {
            margin-left: 0;
        }
        
        #calculator-total {
            padding-left: 0;
            padding-right: 0;
        }
        .calculator-results label {
            text-align: center;
        }
        #calculator-total .disclaimer, #calculator-total .disclaimer1 {
            text-align: center;
        }
        
        .benefits .contentContainer:nth-child(3n) {
            clear: none;
        }
        
        .benefits .contentContainer.benefit-business {
            padding-top: 40px;
        }
        
    }
     @media screen and (max-width: 767px) and (orientation: portrait){
        #wrap-calculator-total{
            display:block;
        }
    }
    /* x-small */
    @media screen and (max-width: 767px) {
        .inlineNavContainer, .inlineProgressContainer {
            border-bottom: none;
        }
        
        #conversion-1 {
            text-align: center;
        }
        .hero-inverze{
            display: block;
        }
        .learnContainer p{
          font-size: 21px
        }
        .contentContainer.paddingBottom-0 p{
            padding: 0 0 15px 0;
        }
        
        #conversion-1 h1 br {
            display: inline;
        }
        
        #conversion-1 a.imgLink {
            padding-left: 15px;
            max-width: 380px;
            margin: 0 auto;
        }

        #conversion-1 img {
            margin: 35px 33%;
            max-width: 35%;
        }
        
        #conversion-1 h1 {
            margin-top: 20px;
        }
        
        #conversion-2 {
            background: 
            url(/JRS/images/Costco/bg-conversion-2c.png) no-repeat 100% -150px,
            url(/JRS/images/Costco/bg-conversion-2b.png) no-repeat 0 100%;
            background-color: #eee;
        }
        
        .section-header {
            width: 95%;
        }
        
        .parallaxContainer img {
            margin-top: auto !important;
            width: 110%
        }

        /*  moving 2015 spend sentence from calculator header to content area */
        .header-calculator .calculator-last-year {
            display: none;
        }
        
        .wrap-calculator .calculator-last-year {
            display: block;
            margin-top: 20px;
            margin-bottom: 0;
        }

        .benefits .contentContainer {
            padding: 20px;
        }
        
        .benefits .row:first-child .contentContainer:first-child {
            padding-top: 0;
        }
        
        .benefit-business .contentContainer {
            margin-bottom: 0;
        }
        
        .benefit-business .contentContainer:nth-child(2) {
            margin-top: 0;
        }
        
        /*  two columns within parent */
        .benefits img {
            margin: 0 42.5% !important;
            width: 10%;
        }
        

        /*#wrap-calculator-total h3 {
           
            margin: 28px 0 0 15%;
        }
        
        .benefits h3, .benefits p {
            float: right;
            margin-top: 0;
            width: 67%;
        }*/

        .benefits .contentContainer.benefit-business {
            margin-left: 0;
            padding-left: 20px;
        }
        
        .benefit-business:before {
            left: 20px;
        }
        
        .footerLinks li {
            display: none;
        }
        
        .footerLinks .icon-facebook, .footerLinks .icon-twitter, .footerLinks .icon-youtube {
            display: inline-block;
        }
        
    }

    /* x-small */
    @media screen and (max-width: 730px) {
        
        #wrap-calculator-total {
            text-align: center;
        }
        
        #wrap-calculator-total h3, #wrap-calculator-total .calculator-results {
            float: none;
            margin-left: auto;
            margin-right: auto;
        }
    }

    /* addressing an orphan in the faqs header */
    @media screen and (min-width: 700px) {
        
        .header-faqs p br {
            display: none;
        }
    }

    /* addressing an orphan in the faqs header */   
    @media screen and (max-width: 700px) {
        
        .header-faqs p br {
            display: inline;
        }
    }

    @media screen and (max-width: 615px) {
        
        #conversion-1 h1 br {
            display: none;
        }
        
    }

    @media screen and (max-width: 599px) {
        .wrap-calculator-slider {
            margin: 85px auto 0;
            width: 100%;
        }
        .value-prop-4, .value-prop-3, .value-prop-2, .value-prop-1,
        .tall .value-prop-4, .tall .value-prop-3, .tall .value-prop-2, .tall .value-prop-1 {
            display: block;
            width: 100%;
        }

        .calculator-results {
            margin-top: 60px;
            width: 100%;
            text-align: center;
        }
        .img-floated{
            display:block;
            float:none;
            margin: 25px auto;
        }

        .parallaxContainer img {
            width: 170%;
            margin-left: -60%;
        }
        
        /*  making faq accordions go full width */
        .wrap-faqs .container, .wrap-faqs .contentContainer {
            padding-right: 0;
            padding-left: 0;
        }
        
    }

    @media screen and (max-width: 550px) {
        
        #conversion-1 h2 br {
            display: none;
        }
        
        /*  two columns within parent */
        .benefits img, .benefits h3, .benefits p {
            float: none;
            width: auto;
        }
        
        .benefits h3 {
            margin-top: 20px;
        }
        
    }
    
    /* addressing an orphan in the faqs header */
    @media screen and (max-width: 470px) {
        
        .header-faqs p br {
            display: none;
        }
    }

    @media screen and (max-width: 450px) {
        
        .img-floated{
            max-width: 100%;
        }

        #conversion-2 {
            background: 
            url(/JRS/images/Costco/bg-conversion-2c.png) no-repeat 100% -175px,
            url(/JRS/images/Costco/bg-conversion-2b.png) no-repeat 0 100%;
            background-color: #eee;
        }
    }

    @media screen and (max-width: 400px) {
        

        .parallax-window {
            min-height: 300px;
        }

/*      #conversion-1 img {
            margin-right: -15px;
        }*/
        
        #conversion-2 {
            background: 
            url(/JRS/images/Costco/bg-conversion-2c.png) no-repeat 100% -185px,
            url(/JRS/images/Costco/bg-conversion-2b.png) no-repeat 0 100%;
            background-color: #eee;
        }
        
        .section-header {
            width: 92%;
        }
        
        .value-prop-4 {
            width: 130%;
            margin-left: -25px;
        }
        .value-prop-3 {
            width: 125%;
            margin-left: -15px;
        }
    }




@media (min-width: 600px) and (max-width: 1225px) {
    #section003 .contentContainer {
        padding: 60px 0px;
    }

    #section003 .container {
        width: 100%;
    }
}

@media (min-width:600px) and (max-width: 975px) {
    #section003 p[class*="value-prop"] {
        background-size: 100%;
    }
}