/*import*/
@import url("font-awesome.min.css");
/*defaults*/
body, html { background: url(images/bg.jpg); }
body, p { font-family: 'Merriweather', serif; color: #7e7673; }
h1, h2, h3, h4, h5, h6, strong, b { font-weight: 600; color: #6e6460; margin-bottom: 1.25rem; }
span.error:empty, small.error:empty { display: none; }
p, .normaltext { font-size: 14px; }
p.lead { text-align: center; font-size: 16px; margin-bottom: 3rem; }
h1, h2 { font-family: 'Trocchi', serif; font-weight: bold; }
h1 { font-size: 24px; }
h2 { font-size: 20px;}
h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; }
h3 { font-size: 18px; text-transform: uppercase; }
h4 { font-size: 16px; text-transform: uppercase; }
h5 { font-size: 15px; font-weight: 500; }
h6 { font-family: 'Merriweather', serif; font-weight: 600; font-size: 14px; }
a:link, a:visited { color: #073266; }
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited { color: #6e6460; }
a:hover, a:focus, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus { color: #073266; }
em, input[type="text"], textarea, select { font-family: 'Merriweather', serif; font-style: italic; }
input[type="text"], input[type="email"], input[type="password"], input[type="submit"], texarea, select, button { border-radius: 2px; padding: 12px; }
input[type="text"], input[type="email"], input[type="password"], input[type="submit"], texarea, select { background-color: #fff; outline:none; }
@-moz-document url-prefix(){
  select {background-image:none;}
}
select option {outline:none; border:none;}
label, input[type="text"], input[type="email"], input[type="password"] { font-family: 'Merriweather', serif; font-size: 14px; font-style: italic; }
label {font-style:normal;}
label:first-child {font-style:normal; font-size:0.875rem;}
span.req {color:#b20838; font-weight:bold;}
textarea { border-radius: 3px; padding: 10px 13px; }
ul li { font-size: 14px; margin-bottom: 10px; }
/*buttons*/
.button, button, input[type="submit"], a#catshopbuy:link, a#catshopbuy:visited { text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 500; background: #b20838; background-image: -webkit-gradient(linear, top, bottom, from(#bf325a), to(#b20838)); background-image: -webkit-linear-gradient(top, #bf325a, #b20838); background-image: -moz-linear-gradient(top, #bf325a, #b20838); background-image: -o-linear-gradient(top, #bf325a, #b20838); background-image: linear-gradient(to bottom, #bf325a, #b20838); border: 1px solid #b20838; box-shadow: inset 0 1px 0 rgba(255,255,255,.3); line-height: 45px; padding: 0 25px !important; letter-spacing: 2px; color: #fff; border-radius: 3px; text-transform: uppercase; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.button.secondary, button.secondary { background: #7d7d7d; background-image: -webkit-gradient(linear, top, bottom, from(#939393), to(#7d7d7d)); background-image: -webkit-linear-gradient(top, #939393, #7d7d7d); background-image: -moz-linear-gradient(top, #939393, #7d7d7d); background-image: -o-linear-gradient(top, #939393, #7d7d7d); background-image: linear-gradient(to bottom, #939393, #7d7d7d); border: 1px solid #737373; box-shadow: inset 0 1px 0 rgba(255,255,255,.3); color: #fff; }
button:hover, .button:hover { background: #b20838; background-image: -webkit-gradient(linear, top, bottom, from(#b20838), to(#bf325a)); background-image: -webkit-linear-gradient(top, #b20838, #bf325a); background-image: -moz-linear-gradient(top, #b20838, #bf325a); background-image: -o-linear-gradient(top, #b20838, #bf325a); background-image: linear-gradient(to bottom, #b20838, #bf325a); }
.button.secondary:hover { background: #7d7d7d; background-image: -webkit-gradient(linear, top, bottom, from(#7d7d7d), to(#939393)); background-image: -webkit-linear-gradient(top, #7d7d7d, #939393); background-image: -moz-linear-gradient(top, #7d7d7d, #939393); background-image: -o-linear-gradient(top, #7d7d7d, #939393); background-image: linear-gradient(to bottom, #7d7d7d, #939393); color: #fff; }
input[type="submit"]:hover, input[type="submit"]:focus { transition-duration: 0.5s; }
button:link, .button:link, button:visited, .button:visited { color: #fff; }
.button[href=""] { display: none; }
input[type="submit"] { padding: 15px 20px; border: none; cursor: pointer; }
/*header*/
body#home header { position: absolute; z-index: 1000; width: 100%; }
header {position:relative;}
.contain-to-grid, .top-bar, .top-bar-section ul li, .top-bar-section li:not(.has-form):not(.nav-join) a:not(.button), .top-bar.expanded .title-area { background: none; }
.top-bar .toggle-topbar.menu-icon { margin-top: 5px; font-family: 'Montserrat', sans-serif; }
.top-bar.expanded .toggle-topbar a { color: #FFFFFF; }
.top-bar-section ul li { padding: 0; margin: 0; position: relative; }
.top-bar-section ul { clear: right; float: right; }
.top-bar-section li.active:not(.has-form) a:not(.button) { color: #1abc9c; background: none; }
.top-bar-section li.active:not(.has-form) a:hover:not(.button) { background: none repeat scroll 0 0 #1abc9c; }
.top-bar-section ul li > a { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 300; text-transform: uppercase; transition-duration: 0.2s; }
.top-bar-section li:not(.has-form) a:hover:not(.button) { background: rgba(255,255,255,0.18); }
.contain-to-grid .top-bar-section ul .nav-join a { background: #b20838; background-image: -webkit-gradient(linear, top, bottom, from(#bf325a), to(#b20838)); background-image: -webkit-linear-gradient(top, #bf325a, #b20838); background-image: -moz-linear-gradient(top, #bf325a, #b20838); background-image: -o-linear-gradient(top, #bf325a, #b20838); background-image: linear-gradient(to bottom, #bf325a, #b20838); border: 1px solid #b20838; box-shadow: inset 0 1px 0 rgba(255,255,255,.3); line-height: 45px; padding: 0 25px !important; }
.contain-to-grid .top-bar-section ul .nav-join a:hover { background: #b20838; background-image: -webkit-gradient(linear, top, bottom, from(#b20838), to(#bf325a)); background-image: -webkit-linear-gradient(top, #b20838, #bf325a); background-image: -moz-linear-gradient(top, #b20838, #bf325a); background-image: -o-linear-gradient(top, #b20838, #bf325a); background-image: linear-gradient(to bottom, #b20838, #bf325a); }
.top-bar-section li .dropdown li > a { font-size: 12px; }
.top-bar-section .dropdown li:not(.has-form) a:not(.button), .top-bar-section .dropdown li.active:not(.has-form) > li a:not(.has-form) a:not(.button) { background: rgba(255,255,255,0.92); border-radius: 0; }
.top-bar-section .dropdown li:not(.has-form) a:not(.button) { color: #6e6460; }
.top-bar-section .dropdown li.active:not(.has-form) a:not(.button), .top-bar-section .dropdown li.active:not(.has-form) .dropdown li.active:not(.has-form) a:not(.button) { background: #1abc9c; }
.top-bar-section .dropdown li:not(.has-form) a:hover:not(.button) { background: #1abc9c; }
.top-bar .name { margin-left: 0.9375rem; }
.top-bar-section .has-dropdown li > a { font-size: 14px; font-weight: 300; }
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { color: rgba(255, 255, 255, 0.4); }
.top-bar-section ul li:hover:not(.has-form) > a { background: #1abc9c; }
.top-bar-section .dropdown { box-shadow: 0 5px 5px rgba(0, 0, 0, 0.16); }
.top-bar-section .dropdown li:last-child { border-radius: 0 0 3px 3px; overflow: hidden; }
.contain-to-grid { padding: 17px 0 22px; background: rgba(31,70,115,1); }
body#home .contain-to-grid {background: rgba(7,50,102,0.8);}
.top-bar-section .utility { list-style: none outside none; margin: -17px 0 25px; padding: 0; }
.top-bar-section .utility li a { border-bottom: 1px solid transparent; font-size: 11px; font-weight: 400; color: #fff; padding: 5px; position: relative; font-family: 'Montserrat', sans-serif; line-height: 19px !important; }
.top-bar-section .utility li a:hover { }
.top-bar-section .utility li:last-child a { padding-right: 0; }
.top-bar-section .utility .uty0, .top-bar-section .utility .uty1 { display: none; }

@media screen and (min-width: 640px) {
.top-bar-section li:not(.nav-join) a:hover:not(.button), .top-bar-section li.selected a { background: none; border-bottom: 1px solid white; }
.top-bar-section ul li:before, .top-bar-section ul li:after { content: ""; border-right: 1px dotted white; position: absolute; height: 13px; top: 18px; margin: 0 1px; }
.top-bar-section ul li:after { right: 0; }
.top-bar-section ul li:before { left: 0; }
.top-bar-section ul li:first-child:before, .top-bar-section ul li:last-child:after, .top-bar-section ul li.nav-join:before, .top-bar-section ul li:nth-child(4):after, .top-bar-section .utility li:nth-child(2):before { display: none; }
.top-bar-section .utility li:before, .top-bar-section .utility li:after { top: 4px; }
.top-bar-section ul .nav-join { margin-left: 20px; }
.top-bar-section ul:not(.utility) li:not(.nav-join) a { margin-top: 15px; }
.top-bar-section li.nav-home a { background: url(images/icon-home.png) no-repeat scroll 0 3px !important; display: block; height: 21px; text-indent: -9999em; width: 11px; }
}
/*header-contact*/
.contact {float:right; position:relative; margin:12px 0 0 0;}
.contact:before {content:"\f095"; font-family:"FontAwesome"; position:absolute; top:50%; left:-36px; color:#fff; font-size:1.675rem; line-height:1; margin:-13.5px 0 0 0;}
.contact p {color:#fff; font-size:1.125rem; font-family: 'Montserrat', sans-serif; line-height:1.2; text-align:center; margin:0;}
.contact span {font-weight:700; display:block;}


/*section join - start*/
.join-start {width:100%; height:100%; overflow:hidden; background:url(../img/header/header-join.jpg) no-repeat; background-size:cover;}
.join-start > .row {padding-top:200px;}
.join-start-text {z-index:10;}
.join-start-text h1, .join-start-text h2 {color:#fff; text-align:left;}
.join-start-text h1 {font-size:3.000rem;}
.join-start-text h2 {font-size:1.625rem; font-family: 'Montserrat', sans-serif; font-weight:normal;}
.join-bullet {margin-bottom:25px!important;}
.join-bullet ul {list-style:none; margin:0; padding:0;}
.join-bullet ul li {display:block; margin:0 0 15px 0; font-size:1.125rem; color:#fff; position:relative; padding-left:28px;}
.join-bullet ul li:before {content:"\f00c"; font-family:"FontAwesome"; position:absolute; top:-2px; left:0;}
.join-start-options {padding:20px 25px; background:rgba(3,16,26,0.70); text-align:center; color:#fff;}
.join-start-options h5 {color:#fff; font-size:1rem; margin:0 0 15px 0;}
.join-start-options select {margin:0 auto; max-width:320px;}
/*section main*/
section.main {padding:50px 0; background:url(images/stitch-a.png) repeat-x 0 12px;}

/*Step 1*/
#jf-step1 h2 {font-size:1.375rem; margin:0 0 15px 0;}
#jf-step1-options {padding:35px 0; position:relative;}
.jf-step1-overlay {position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; z-index:20; background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(75%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%);background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}
#jf-step1-options .tabs {margin:0 0 4px 0!important;}
#jf-step1-options dd {width:32.83333333333333%; margin:0 0.75% 0 0;}
#jf-step1-options dd:last-child {margin-right:0;}
#jf-step1-options dd.active a {border:1px solid #d7d7d7; border-bottom:none; background:rgba(255,255,255,0.65); opacity:1;}
#jf-step1-options dd.active a:after {content:""; display:block; position:absolute; bottom:-5px; left:0; width:100%; height:5px; background:#fff; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; margin:0;}
#jf-step1-options dd a {background:#6e6460; height:110px; padding:16px 105px 16px 24px; opacity:0.40;}
#jf-step1-options .tabs-content {background:rgba(255,255,255,1); border:1px solid #d7d7d7; padding:15px;}
#jf-step1-options dd span {display:block; line-height:1.2; color:#fff; font-family: 'Trocchi', serif;}
#jf-step1-options dd span.type {font-size:1.125rem; margin:0 0 5px 0;}
#jf-step1-options dd span.desc {font-size:0.813rem;}
#jf-step1-options dd span.js-m-price {position:absolute; top:10px; right:15px; font-family: 'Montserrat', sans-serif; font-size:1.125rem;}
#jf-step1-options dd span.js-m-price:before {content:"$";}
#jf-step1-options dd span.js-m-price:after {content:"/mo"; font-size:0.875rem;}
    #jf-step1-options dd span.js-vf-d-overall:after {
        content: "/mo*";
        font-size: 0.875rem;
    }
#jf-step1-options dd.active span {color:#7e7673;}
#jf-step1-options dd.active span.type {color:#073266;}
#jf-step1-options dd.active span.type:after {content:"\f058"; font-family:"FontAwesome"; margin:0 0 0 7px; font-size:1.5rem; line-height:1;}
.jf-add-op-benfits {margin:0 0 20px 0;}
#jf-step1-options .ab-headline {margin:0; padding:0 0 7px 0; border-bottom:1px dashed #e7e6e4; padding-left:35px;}
#jf-step1-options .ab-announcement {text-align:center; font-family: 'Montserrat', sans-serif; color:#b20838; font-size:1rem; text-transform:uppercase;}
.jf-op-benefit {padding:18px 35px; overflow:hidden; border-bottom:1px dashed #e7e6e4;}
.jf-op-benefit input[type="checkbox"] {border:none; background:none; padding:0; margin:0;}
/* .jf-check */
.jf-check {position: relative; float:left; width:50%; padding-right:25px;}
.jf-check input[type="checkbox"]+label {width: 20px; height: 20px; cursor: pointer; position: absolute; top: 0; left: 0; background:#fff; border:1px solid #afafaf; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  margin:0;}
.jf-check label:after { content: ''; width: 10px; height: 6px; position: absolute; top: 5px; left: 4px; border: 4px solid #b20838; border-top: none; border-right: none; background: transparent;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.jf-check label:hover::after {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }
.jf-check input[type=checkbox] {visibility: hidden; position:absolute; top:0; left:0; }
.jf-check input[type=checkbox]:checked + label:after {filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1;}
/* end .jf-check */
.jf-check .title {padding-left:30px; font-size:0.813rem; line-height:1.3;}
.jf-check .title strong {display:block; margin:0 0 5px 0; font-family: 'Montserrat', sans-serif; color:#073266; font-size:0.875rem;}
.jf-help {float:left; width:30%; text-align:center; font-size:1.5rem; color:#7995a8;}
.jf-help a {color:#7995a8;}
.jf-op-benefit-price {float:left; width:20%; text-align:center; color:#000000; font-family: 'Montserrat', sans-serif;}
.jf-op-benefit-price:before {content:"+$";}
.jf-op-benefit-price:after {content:"/mo";}
.jf-reveal.reveal-modal {text-align:left;}
.jf-continue {text-align:center;}
.jf-continue .button {margin:0;}
/*Step 2*/
#jf-step2
.jf-steps {list-style:none; margin:0 0 25px 0; padding:0; overflow:hidden;}
.jf-steps li {display:block; float:left; margin:0;}
.jf-steps li a {display:block; height:45px; line-height:45px; background:rgba(211,211,208,0.9); padding:0 40px 0 48px; color:#8e8e8e; position:relative; border-right: 2px solid #ffffff; text-align:center; font-size:1.125rem;}
.jf-steps li a:hover {background:rgba(193,193,190,0.9);}
.jf-steps li:not(:last-child) a:hover:after {border-left-color:rgba(193,193,190,0.9);}
.jf-steps li:not(:last-child) a:after, .jf-steps li:not(:last-child) a:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index:1; }
.jf-steps li:not(:last-child) a:after { border-color: rgba(211, 211, 208, 0); border-left-color: rgba(211, 211, 208, 0.9); border-width: 22px; margin-top: -22px; }
.jf-steps li:not(:last-child) a:before { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 25px; margin-top: -25px; }
.jf-steps li.active a {background:rgba(119,147,166,0.9);  color:#fff; cursor:default; pointer-events: none;}
.jf-steps li.active:not(:last-child) a:after { border-left-color:rgba(119,147,166,0.9);}

fieldset {background:rgba(255,255,255,0.75); border:1px solid #eae9e8; padding:30px 40px; margin: 0 0 50px 0;}
#jf-form  {margin:0; padding:0; width:100%; height:100%;}
#jf-form h3 {color:#073266; text-transform:none;}
#fsr-pin {display:none;}
.jf-radio > label {margin-bottom:7px;}
.jf-radio input {width:16px; height:16px;}
.jf-date  label:before {content:"\f133"; font-family:"FontAwesome"; position:absolute; top:50%; left:1.75rem; margin:-10px 0 0 0; font-style:normal; font-size:1.25rem; line-height:1; color:#929292;}
.jf-date input[type="text"] {width:100%; padding-left:3rem;}
.jf-text-field {margin:15px 0 0 0;}
.jf-row-space {margin-top:15px!important;}
.jf-field-space {padding-top:15px;}
.jf-add-dep {float:left; font-size:0.875rem; position:relative; padding:0 0 0 25px;}
.jf-add-dep:before {content:"\f055"; font-family:"FontAwesome"; margin:0 5px 0 0; color:#7898ac; font-size:1.25rem; position:absolute; top:-4px; left:0;}
.jf-add-dep:hover, .jf-reset-dep:hover {text-decoration:underline;}
.jf-remove-dep {float:right; font-size:0.875rem;}

.jf-covered {overflow:hidden; margin:0 0 15px 0;}
.jf-covered-name {margin:0; min-width:250px; border-bottom:1px solid #e7e6e4; height:23px; line-height:23px;}
.jf-covered-col1 {float:left; margin:0 20px 0 0;}
.jf-covered-col2 {float:left; margin:0 20px 0 0;}
.jf-covered-col3 {float:left;}

#jf-dependent-fields, #jf-association-fields, #jf-covered-families  {display:none;}
.jf-dependent {padding:20px 0 10px 0; border-top:1px dashed transparent;}
.jf-dependent:not(:first-child) {border-top:1px dashed #e7e6e4;}


/*Step 3*/
.jf-pricing .row {margin-bottom:40px;}
.jf-flag {background:#cc5e7b; color:#fff; padding:0 12px; height:24px; line-height:24px; font-size:0.813rem; display:inline-block; position:relative; margin:0 0 0 20px;}
.jf-flag:after {right: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(204, 94, 123, 0);border-right-color: #cc5e7b;border-width: 12px;margin-top: -12px;}
.jf-flag-mobile {display:none;}
.jf-price-table {list-style:none; margin:0; padding:0;}
.jf-price-table li {overflow:hidden; margin:0 0 18px 0;}
.jf-pr-left {width:300px; display:block; float:left;}
.jf-pr-right {display:block; float:left;font-weight:bold;}
.add-dollar:before {content:"$";}
.jf-promo input[type="text"] {margin:0 0 4px 0;}
.jf-promo a:hover {text-decoration:underline;}
.jf-assoc-price-value {text-decoration:line-through;}
.jf-total-price-value span {color:#cc5e7b; font-size:0.825rem;}

#payment-check, #payment-cc {}

/*facility-detail*/
section.address { padding: 50px 0; background: url(images/test-bg.jpg) repeat-x top; text-align: center; }
section.address h2 { color: #fff; margin: 0 0 10px; }
section.address h3, section.address h4, section.address h5 { font-weight: 300; color: #fffefe; margin: 0 0 5px; }
section.address h3 a, section.address h4 a, section.address h5 a { color: #fffefe; }
/*footer*/
footer { background: url(images/footer-bg.jpg) repeat-x top; padding: 30px 0 30px; }
footer h4 { color: #1abc9c; margin-bottom: 3rem; }
footer p, footer div.copy { color: #a79b97; font-size: 10px; font-family: 'Montserrat', sans-serif; line-height: 14px; }
footer div.copy a { border-left: 1px solid #817874; display: inline-block; margin: 0 0 7px 7px; padding-left: 7px; color: #fffffe; transition-duration: 0.5s; }
footer div.copy a:first-child { border: none; margin-left: 0; padding-left: 0; }
footer div.copy a:hover { color: #6bb6c2; }
footer .vcard { border: medium none; color: #98958B; font-size: 14px; margin: 0; padding: 0; }
footer .vcard .fa { margin-right: 5px; }
.social-icons { float: right; text-align: center; }
.social-icons a { font-size: 28px; margin: 0 7px 5px 0; border-width: 3px; border-radius: 90em; display: inline-block; width: 45px; height: 45px; padding-top: 10px; text-align: center; color: #fff; transition-duration: 0.5s; }
.social-icons .fa-facebook { background: #326a96; border-color: #326a96; }
.social-icons .fa-twitter { background: #6bc4e9; border-color: #6bc4e9; }
.social-icons .fa-linkedin { background: #4e9cbd; border-color: #4e9cbd; }
.social-icons .fa-youtube-play { background: #bc494c; border-color: #bc494c; }
.social-icons a:hover { opacity: .8; }
/*module defaults*/
.tabs-content.vertical { width: 100%; }
.flex-video { margin-bottom: 2rem; }
form > label { text-align: left; margin: 0 0 10px; display: block!important; }
.form-row { border-bottom: 1px solid #ededed; overflow: hidden; padding: 15px 0; }
legend { font-weight: bold; }
.form-section { float: left; width: 70%; }
.form-detail { float: left; width: 250px; }
.form-detail p { font-size: 12px; }
.form-data { float: right; width: 450px; }
.reveal-modal { text-align: center; }


/************* Media Queries **************/
@media only screen and (min-width: 1400px) and (max-width: 1799px) {

}

@media only screen and (max-width: 1399px) {
/*Header*/
body#home .contain-to-grid { background: rgba(7,50,102,1); }
body#home header { position: relative; }
/*Banner*/
.join-start > .row {padding-top:35px;}
}

@media only screen and (min-width: 1024px) and (max-width: 1399px) {
/*Header*/
.top-bar-section ul li > a { font-size: 14px; }

}

@media only screen and (max-width: 1024px) {
/*Header*/
.contact {margin-right: 0.9375rem;}
/*Banner*/
.join-start-text h1 {font-size:2.50rem;}
.join-start-text h2 {font-size:1.35rem;}
.join-bullet ul li {font-size:1rem;}

.jf-price-table {margin:20px 0 0 0;}

}

@media only screen and (max-width: 960px) {
/*Form*/
fieldset {padding:20px 25px;}
.jf-checkbox {margin-bottom:20px;}
.jf-checkbox input[type="checkbox"] {margin:10px 0;}
.jf-checkbox input[type="checkbox"]+label {display:inline; line-height:1.2;}
#jf-step1-options dd span.type, #jf-step1-options dd span.js-m-price {font-size:1rem;}
 
}

@media only screen and (max-width: 767px) {
.jf-covered-col1 {float:none; margin:0 0 10px 0;}

}


@media only screen and (min-width: 640px) and (max-width: 1024px) {
/*Header*/
.top-bar-section { margin: 0 15px; }
}


@media only screen and (min-width: 641px) and (max-width: 767px) {
/*Tabs*/
#jf-step1-options dd a {padding-right:80px;}
#jf-step1-options dd span.type {font-size:1rem;}
#jf-step1-options dd span.desc {font-size:0.750rem;}
#jf-step1-options dd span.js-m-price {font-size:1rem;}
	
}


@media only screen and (max-width: 640px) {
/*Header*/
.top-bar {height:auto; line-height:1.2; overflow:visible;}
.top-bar .name {padding-right:220px; height:auto;}
.contact {position:absolute; top:0; right:0; margin:7px 15px 0 0;}
.contact:before {font-size:1.25rem; margin-top:-10px; left:-28px;}
.contact p {font-size:1rem;}
/*Banner*/
.join-start-text h1 {font-size:2.00rem;}
.join-start-text h2 {font-size:1.125rem;}
.join-bullet ul li {font-size:0.875rem;}
/*Main*/
section.main { padding: 20px 0; }
/*Tabs*/
#jf-step1-options dd a {padding: 16px 70px 16px 16px; height:auto;}
#jf-step1-options dd {width:100%; margin:0; margin-bottom:2px!important;}
#jf-step1-options dd.active a {border-bottom:1px solid #d7d7d7; -webkit-box-shadow:inset 0px 0px 11px -2px rgba(178, 8, 56, 1);-moz-box-shadow:inset 0px 0px 11px -2px rgba(178, 8, 56, 1);box-shadow:inset 0px 0px 11px -2px rgba(178, 8, 56, 1);}
#jf-step1-options dd.active a:after {border:none;}
#jf-step1-options dd.active span.type:after {font-size:1.25rem; margin:0 0 0 3px;}
#jf-step1-options .ab-headline {padding-left:0;}
.jf-op-benefit {padding:14px 0;}
/*Footer*/
footer { text-align: center; padding: 20px 0 10px; }
footer p, footer div.copy { margin-bottom: 15px; }
.social-icons { float: none; }
/*Form*/
fieldset {padding:15px;}
/*Steps*/
.jf-steps li a {padding:0 20px 0 28px; font-size:1rem;}
.jf-steps li:not(:first-child) a {padding-left:40px;}

.jf-flag-schedule {display:block; margin:0;}
.jf-flag-schedule:after {right:0;top:0; border-right-color:none;border-width:0;margin-top:0;}

.jf-assoc-price .jf-flag {display:none;}
.jf-flag-mobile {background:#cc5e7b; color:#fff; padding:0 12px; height:24px; line-height:24px; font-size:0.813rem; display:block; width:100%; clear:both;}
.jf-pricing .row {margin-bottom: 10px;}

}

@media only screen and (min-width: 480px) and (max-width: 640px) {

}

@media only screen and (max-width: 480px) {
body, p {font-size:13px;}
.jf-check {padding-right:12px; width:57%;}	
.jf-help {width:16%;}
.jf-op-benefit-price {font-size:0.875rem; width:27%;}
.jf-covered input[type="radio"] {margin:0 0 12px 0;}
/*Steps*/
.jf-steps li a {padding:0 10px 0 18px; font-size:0.750rem;}
.jf-steps li:not(:first-child) a {padding-left:30px;}

.jf-pr-left {width:230px;}
.jf-promo .jf-pr-left, .jf-promo .jf-pr-right {width:100%;}

}


@media only screen and (max-width: 400px) {
/*Banner*/
.join-start > .row {padding-top:25px;}
.join-start-text h1 {font-size:1.25rem; margin:0 0 10px 0;}
.join-start-text h2 {font-size:0.938rem; margin:0 0 15px 0;}
.join-bullet ul li {font-size:0.750rem; margin:0 0 5px 0;}
.join-bullet ul li:before {top:0;}

.jf-payment-method input[type="radio"]+label:last-child {margin:0;}

}

@media only screen and (max-width: 355px) {
/*Header*/
.top-bar .name {padding-right:190px;}
.contact {position:absolute; top:0; right:0; margin:7px 10px 0 0;}
.contact:before {font-size:1rem; margin-top:-10px; left:-24px;}
.contact p {font-size:0.875rem;}
/*Banner*/	
.join-start > .row {padding-top:15px;}
.join-bullet ul li {margin:0 0 3px 0;}
.join-bullet {margin-bottom: 15px!important;}
.join-start-options h5 {font-size:0.875rem;}

.jf-add-dep {font-size:0.800rem;}
.jf-remove-dep {font-size:0.750rem;}
}


.page-load{display:none;}
#screen-overlay {position:fixed; width:100%; height:100%; top:0; left:0; visibility:hidden; background:rgba(255,255,255,0); z-index:1000; -webkit-transition:background-color 300ms ease-out;-moz-transition:background-color 300ms ease-out;transition:background-color 300ms ease-out;}
#screen-overlay.show {visibility:visible; background:rgba(255,255,255,1); }
.spinner { position:absolute; top:50%; left:50%; margin:-32px 0 0 -32px; -webkit-animation: rotator 1.4s linear infinite; animation: rotator 1.4s linear infinite; }
 @-webkit-keyframes rotator {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(270deg);
 transform: rotate(270deg);
}
}
 @keyframes rotator {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(270deg);
 transform: rotate(270deg);
}
}
.path { stroke-dasharray: 187; stroke-dashoffset: 0; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; }
 @-webkit-keyframes colors {
 0% {
 stroke: #1f4674;
}
 25% {
 stroke: #1f4674;
}
 50% {
 stroke: #1f4674;
}
 75% {
 stroke: #1f4674;
}
 100% {
 stroke: #1f4674;
}
}
 @keyframes colors {
 0% {
 stroke: #1f4674;
}
 25% {
 stroke: #1f4674;
}
 50% {
 stroke: #1f4674;
}
 75% {
 stroke: #1f4674;
}
 100% {
 stroke: #1f4674;
}
}
@-webkit-keyframes dash {
 0% {
 stroke-dashoffset: 187;
}
 50% {
 stroke-dashoffset: 46.75;
 -webkit-transform: rotate(135deg);
 transform: rotate(135deg);
}
 100% {
 stroke-dashoffset: 187;
 -webkit-transform: rotate(450deg);
 transform: rotate(450deg);
}
}
@keyframes dash {
 0% {
 stroke-dashoffset: 187;
}
 50% {
 stroke-dashoffset: 46.75;
 -webkit-transform: rotate(135deg);
 transform: rotate(135deg);
}
 100% {
 stroke-dashoffset: 187;
 -webkit-transform: rotate(450deg);
 transform: rotate(450deg);
}
}
    #individualplus h4, #valuedetails h4, #familyplus h4 { margin-bottom: 0px !important; }
    #individualplus ul, #valuedetails ul, #familyplus ul { list-style-type: none; margin-left: 0px !important; line-height: 18px !important; }
    .details { display:inline-block !important; color:#b20838 !important; font-weight:bold; }
    .half-col, .half-col-right { width: 50%; display:inline-block; }
    .half-col-right { float: right; }
    
    @media (max-width: 1094px) {
    .half-col, .half-col-right { width:100%; }
    .half-col-right { float: none; }
    }
    
.value-plan { display: block; }
    .dental-plan { display: block; }
    .total { display: block; }
    .selected-plan-wrap {
    background-color: #093a7a;
    border: 1px 1px 0px 1px solid #eae9e8;
    padding: 10px 40px; }
    .selected-plan-title {
    color: #fff;
    font-weight: 500; 
    display: inline-block;
    padding-bottom: 8px; }
    .option { font-size: 14px; }
    .selected-plan-col-2 { padding: 0 30px; width: 300px; margin-bottom:8px; }  
    .selected-plan-col-3 { padding: 0 0 0 120px; }
    .selected-plan-col-2, .selected-plan-col-3 {  
    display: inline-block;
    color: #fff; 
    font-weight: 100; }
    #grandtotal { margin-bottom: 0 !important; margin-top:3px; }
    .selected-plan-col-wrap { display: inline-block; }
    .filler-col { width: 115px; float:left;}
    .total { font-weight: 500; }
    @media (max-width: 740px) {
    .selected-plan-col-wrap { display: block; }
    .filler-col { width: 0px; }
    }
    @media (max-width: 680px) {
    .selected-plan-col-wrap { display: block; }
    .selected-plan-col-2, .selected-plan-col-3 { padding: 0; }
    .selected-plan-col-3 { float: right; }
    }
    @media (max-width: 525px) {
    .selected-plan-col-2 { width: inherit; }  
    .selected-plan-wrap { padding: 10px 10px; }
    }
    @media (max-width: 480px) {
    .option { font-size: 12px; }
    }

.dental-row {
    padding-top:10px;
    padding-left: 45px;
}
.cctransparent {
    opacity: 0.2;
}

.jf-question {
    text-align: center;
    padding-top:30px;
}
.jf-question h1 {
    font-weight: normal;
}
.membership-info {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
    position: relative;
    padding: 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}
    .membership-info b {
        color: #073266;
    }

