
/* colors */
:root	{
--grad-angle: 90deg;
--border-wid: 1px;
}

.gradient1	{background: #0eefac;
background: -moz-linear-gradient(var(--grad-angle), #4dfae9 0%, #0eefac 100%);
background: -webkit-gradient(var(--grad-angle), color-stop(0%, #4dfae9), color-stop(100%, #0eefac));
background: -webkit-linear-gradient(var(--grad-angle), #4dfae9 0%, #0eefac 100%);
background: -o-linear-gradient(var(--grad-angle), #4dfae9 0%, #0eefac 100%);
background: -ms-linear-gradient(var(--grad-angle), #4dfae9 0%, #0eefac 100%);
background: linear-gradient(var(--grad-angle), #4dfae9 0%, #0eefac 100%);
}
.gradient2	{background: #4dfae9;
background: -moz-linear-gradient(var(--grad-angle), #4dfae9 0%, #03bbf2 100%);
background: -webkit-gradient(var(--grad-angle), color-stop(0%, #4dfae9), color-stop(100%, #03bbf2));
background: -webkit-linear-gradient(var(--grad-angle), #4dfae9 0%, #03bbf2 100%);
background: -o-linear-gradient(var(--grad-angle), #4dfae9 0%, #03bbf2 100%);
background: -ms-linear-gradient(var(--grad-angle), #4dfae9 0%, #03bbf2 100%);
background: linear-gradient(var(--grad-angle), #4dfae9 0%, #03bbf2 100%);
}
.gradient3	{background: #03bbf2;
background: -moz-linear-gradient(var(--grad-angle), #03bbf2 0%, #437ceb 100%);
background: -webkit-gradient(var(--grad-angle), color-stop(0%, #03bbf2), color-stop(100%, #437ceb));
background: -webkit-linear-gradient(var(--grad-angle), #03bbf2 0%, #437ceb 100%);
background: -o-linear-gradient(var(--grad-angle), #03bbf2 0%, #437ceb 100%);
background: -ms-linear-gradient(var(--grad-angle), #03bbf2 0%, #437ceb 100%);
background: linear-gradient(var(--grad-angle), #03bbf2 0%, #437ceb 100%);
}
.gradient4	{background: #437ceb;
background: -moz-linear-gradient(var(--grad-angle), #437ceb 0%, #7455bc 100%);
background: -webkit-gradient(var(--grad-angle), color-stop(0%, #437ceb), color-stop(100%, #7455bc));
background: -webkit-linear-gradient(var(--grad-angle), #437ceb 0%, #7455bc 100%);
background: -o-linear-gradient(var(--grad-angle), #437ceb 0%, #7455bc 100%);
background: -ms-linear-gradient(var(--grad-angle), #437ceb 0%, #7455bc 100%);
background: linear-gradient(var(--grad-angle), #437ceb 0%, #7455bc 100%);
}
.gradient5	{background: #7455bc;
background: -moz-linear-gradient(var(--grad-angle), #7455bc 0%, #9f8ae6 100%);
background: -webkit-gradient(var(--grad-angle), color-stop(0%, #7455bc), color-stop(100%, #9f8ae6));
background: -webkit-linear-gradient(var(--grad-angle), #7455bc 0%, #9f8ae6 100%);
background: -o-linear-gradient(var(--grad-angle), #7455bc 0%, #9f8ae6 100%);
background: -ms-linear-gradient(var(--grad-angle), #7455bc 0%, #9f8ae6 100%);
background: linear-gradient(var(--grad-angle), #7455bc 0%, #9f8ae6 100%);
}
.gradient6	{background: #9f8ae6;
background: -moz-linear-gradient(var(--grad-angle), #9f8ae6 0%, #ff5d5d 100%);
background: -webkit-gradient(var(--grad-angle), color-stop(0%, #9f8ae6), color-stop(100%, #ff5d5d));
background: -webkit-linear-gradient(var(--grad-angle), #9f8ae6 0%, #ff5d5d 100%);
background: -o-linear-gradient(var(--grad-angle), #9f8ae6 0%, #ff5d5d 100%);
background: -ms-linear-gradient(var(--grad-angle), #9f8ae6 0%, #ff5d5d 100%);
background: linear-gradient(var(--grad-angle), #9f8ae6 0%, #ff5d5d 100%);
}
.gradient7	{background: #ff5d5d;
background: -moz-linear-gradient(var(--grad-angle), #ff5d5d 0%, #f4b271 100%);
background: -webkit-gradient(var(--grad-angle), color-stop(0%, #ff5d5d), color-stop(100%, #f4b271));
background: -webkit-linear-gradient(var(--grad-angle), #ff5d5d 0%, #f4b271 100%);
background: -o-linear-gradient(var(--grad-angle), #ff5d5d 0%, #f4b271 100%);
background: -ms-linear-gradient(var(--grad-angle), #ff5d5d 0%, #f4b271 100%);
background: linear-gradient(var(--grad-angle), #ff5d5d 0%, #f4b271 100%);
}
.gradient8	{background: #e69e38;
background: -moz-linear-gradient(var(--grad-angle), #e69e38 0%, #f8d543 100%);
background: -webkit-gradient(var(--grad-angle), color-stop(0%, #e69e38), color-stop(100%, #f8d543));
background: -webkit-linear-gradient(var(--grad-angle), #e69e38 0%, #f8d543 100%);
background: -o-linear-gradient(var(--grad-angle), #e69e38 0%, #f8d543 100%);
background: -ms-linear-gradient(var(--grad-angle), #e69e38 0%, #f8d543 100%);
background: linear-gradient(var(--grad-angle), #e69e38 0%, #f8d543 100%);
}

.jrny-grad-bg {background: #03bbf2;
background: -moz-linear-gradient(left, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #03bbf2), color-stop(21%, #437ceb), color-stop(43%, #7356bd), color-stop(63%, #9d87e4), color-stop(83%, #fb5f62), color-stop(100%, #f4b071));
background: -webkit-linear-gradient(left, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: -o-linear-gradient(left, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: -ms-linear-gradient(left, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: linear-gradient(to right, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
}

.jrnyHR-hz {width: 50px; height:2px; background: #03bbf2;
background: -moz-linear-gradient(left, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #03bbf2), color-stop(21%, #437ceb), color-stop(43%, #7356bd), color-stop(63%, #9d87e4), color-stop(83%, #fb5f62), color-stop(100%, #f4b071));
background: -webkit-linear-gradient(left, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: -o-linear-gradient(left, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: -ms-linear-gradient(left, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: linear-gradient(to right, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
}


.line-jrny-grad {background: #03bbf2;
background: -moz-linear-gradient(var(--grad-angle), #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: -webkit-gradient(var(--grad-angle), color-stop(0%, #03bbf2), color-stop(21%, #437ceb), color-stop(43%, #7356bd), color-stop(63%, #9d87e4), color-stop(83%, #fb5f62), color-stop(100%, #f4b071));
background: -webkit-linear-gradient(var(--grad-angle), #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: -o-linear-gradient(var(--grad-angle), #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: -ms-linear-gradient(var(--grad-angle), #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: linear-gradient(var(--grad-angle), #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
}

.line-jrny-grad-w-green-hr {background: #0eefac;
background: -moz-linear-gradient(var(--grad-angle),  #0eefac 0%, #03bbf2 16%, #437ceb 32%, #7356bd 48%, #9d87e4 64%, #fb5f62 80%, #f4b071 100%);
background: -webkit-gradient(var(--grad-angle), color-stop(0%, #0eefac ), color-stop(16%, #03bbf2), color-stop(32%, #437ceb), color-stop(48%, #7356bd), color-stop(64%, #9d87e4), color-stop(80%, #fb5f62), color-stop(100%, #f4b071));
background: -webkit-linear-gradient(var(--grad-angle), #0eefac 0%, #03bbf2 16%, #437ceb 32%, #7356bd 48%, #9d87e4 64%, #fb5f62 80%, #f4b071 100%);
background: -o-linear-gradient(var(--grad-angle), #0eefac 0%, #03bbf2 16%, #437ceb 32%, #7356bd 48%, #9d87e4 64%, #fb5f62 80%, #f4b071 100%);
background: -ms-linear-gradient(var(--grad-angle), #0eefac 0%, #03bbf2 16%, #437ceb 32%, #7356bd 48%, #9d87e4 64%, #fb5f62 80%, #f4b071 100%);
background: linear-gradient(var(--grad-angle), #0eefac 0%, #03bbf2 16%, #437ceb 32%, #7356bd 48%, #9d87e4 64%, #fb5f62 80%, #f4b071 100%);
}
.bg-blue6-blue7  {background: #171729;
background: -moz-linear-gradient(var(--grad-angle), #171729 0%, #171729 50%, #202038 50%, #202038 100%);
background: -webkit-gradient(var(--grad-angle), left bottom, color-stop(0%, #171729), color-stop(50%, #171729), color-stop(50%, #202038), color-stop(100%, #202038));
background: -webkit-linear-gradient(var(--grad-angle), #171729 0%, #171729 50%, #202038 50%, #202038 100%);
background: -o-linear-gradient(var(--grad-angle), #171729 0%, #171729 50%, #202038 50%, #202038 100%);
background: -ms-linear-gradient(var(--grad-angle), #171729 0%, #171729 50%, #202038 50%, #202038 100%);
background: linear-gradient(var(--grad-angle), #171729 0%, #171729 50%, #202038 50%, #202038 100%);
}



.gradient-rotate-180	{--grad-angle: -180deg;}
.gradient-rotate-by180 {--grad-angle: -90deg;}
.gradient-rotate-0 {--grad-angle: 0deg;}

.line50-grad 	{width:50px; height:4px; border-radius: 3px; }

.bg-white1	{background: var(--color-white);}
.bg-blue7	{background: var(--color-blue7);}
.bg-blue5	{background: var(--color-blue5);}
.bg-blue6	{background: var(--color-dark-blue);}
.bg-gray1	{background: var(--color-grey1);}
.bg-green2 {background: var(--color-green2);}


.txt-white1	{color: var(--color-white);}
.txt-black	{color: var(--color-black);}
.txt-gray1	{color: var(--color-grey1);}
.txt-gray2	{color: var(--color-grey2);}
.txt-gray3	{color: var(--color-grey3);}
.txt-gray4	{color: var(--color-grey4);}
.txt-green2	{color: var(--color-green2);}
.txt-blue2 {color: var(--color-blue2);}
.txt-blue4	{color: var(--color-primary);}
.txt-blue7	{color: var(--color-blue7);}

a:hover .h-text-blue3d-part {color: var(--color-blue3dark);}
.h-txt-gray4:hover {color: var(--color-grey4);}

.txt-shadowlg	{text-shadow: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);}


.filter-gray2 {filter: invert(89%) sepia(9%) saturate(245%) hue-rotate(214deg) brightness(80%) contrast(83%);}
.filter-gray4 {filter: invert(17%) sepia(15%) saturate(561%) hue-rotate(211deg) brightness(92%) contrast(87%);} 

.border-blue6	{border-width: var(--border-wid); border-color: var(--color-dark-blue); border-style: solid;}
.border-gray1 {border-color: var(--color-grey1); }
.border-gray2 	{border-width: var(--border-wid); border-color: var(--color-grey2); border-style: solid;}
.border-white1 {border-width: var(--border-wid); border-color: var(--color-white); border-style: solid;}
.border-none	{border-width:0;}
.border-t-gray2 	{border-top-width: var(--border-wid); border-color: var(--color-grey2); border-style: solid;}
.border-b-gray2 {border-bottom-width: var(--border-wid); border-color: var(--color-grey2); border-style: solid;}
.border-b 	{border-bottom-width: var(--border-wid); }
.border-2 {border-width: 2px;}
.border-wide 	{--border-wid: 3px;}

/* text ctas */
a.txt-link, a.txt-link:visited {color: var(--color-blue3); text-decoration:underline;}
a.txt-link:hover {color: var(--color-blue5); text-decoration:underline;}
a.txt-link:focus, a.txt-link.focus {color: var(--color-blue3); text-decoration:underline; outline: none;  box-shadow: 0 0 0 2px var(--color-white), 0 0 0 3px var(--color-blue3); border-radius: 3px;}
a.txt-link:active, a.txt-link.active {color: var(--color-blue5); text-decoration:underline; outline: none;  box-shadow: 0 0 0 2px var(--color-white), 0 0 0 3px var(--color-blue5); border-radius: 3px;}

a.txt-link-dark, a.txt-link-dark:visited {color: var(--color-blue3dark); text-decoration:underline;}
a.txt-link-dark:hover {color: var(--color-blue2); text-decoration:underline;}
a.txt-link-dark:focus, a.txt-link-dark.focus {color: var(--color-blue3dark); text-decoration:underline; outline: none;  box-shadow: 0 0 0 2px var(--color-white), 0 0 0 3px var(--color-blue3dark); border-radius: 3px;}
a.txt-link-dark:active, a.txt-link-dark.active {color: var(--color-blue2); text-decoration:underline; outline: none;  box-shadow: 0 0 0 2px var(--color-white), 0 0 0 3px var(--color-blue2); border-radius: 3px;}

a.txt-white1, a.txt-white1:visited {color: var(--color-white); text-decoration:underline;}
a.txt-white1:hover {color: var(--color-white); text-decoration:none;}
a.txt-white1:focus, a.txt-white1.focus {color: var(--color-white); text-decoration:underline; outline: none;  box-shadow: 0 0 0 2px var(--color-blue3), 0 0 0 3px var(--color-white); border-radius: 3px;}
a.txt-white1:active, a.txt-white1.active {color: var(--color-white); text-decoration:underline; outline: none;  box-shadow: 0 0 0 2px var(--color-white), 0 0 0 3px var(--color-blue5); border-radius: 3px;}
/* /text ctas */



/* components */
.c-rowgrid {display: -ms-grid; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; -ms-grid-columns:100%; -ms-grid-row-align:center; align-items: center;}
.c-rowgrid > div {grid-area: 1 / 1 / 1 / 2; -ms-grid-column: 1; -ms-grid-row-align: center;}
.c-rowgrid > .bgimage img {width:100%;}
.c-rowgrid > .copy {width:100%; max-width: 1920px; margin-left: auto; margin-right: auto; padding-left: 16px; padding: 16px; z-index: 0; }

@media only screen and (max-width: 768px) {
  .c-rowgrid.c-stack-mob {grid-template-rows: 1fr auto;}
  .c-rowgrid.c-stack-mob > .bgimage {grid-area: 1 / 1 / 1 / 1;}
  .c-rowgrid.c-stack-mob > .copy {width:100%; margin-left: auto; grid-area: 2 / 1 / 2 / 1; -ms-grid-row: 2; padding: 20px 16px 40px 16px;}
	
  .c-rowgrid.c-stack-mob-flip > .copy {grid-area: 1 / 1 / 1 / 1; }
  .c-rowgrid.c-stack-mob-flip > .bgimage {grid-area: 2 / 1 / 2 / 1;}
}



/* Secondary Sticky Page Nav */
#pageCustomNav {background-color: rgba(28, 36, 57, .8); -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); z-index: 5; width: 100%; }
#pageCustomNav .nav-wrap {max-width: 1110px; margin-left: auto; margin-right: auto;}
#pageCustomNav .nav-pills .nav-link { color: var(--color-grey1) !important; padding: 0 0 .75rem 0; border-radius: 0; border-bottom: 4px solid transparent; }
#pageCustomNav .nav-pills .nav-link:hover { color: var(--color-grey1) !important; background-color: transparent !important; border-bottom: 4px solid var(--color-green2); }
#pageCustomNav .nav-pills .nav-link:focus, #pageCustomNav .nav-pills .nav-link:active, #pageCustomNav .nav-pills .nav-link.active { background-color: transparent !important; outline: none; border-bottom: 4px solid var(--color-green2); }
#pageCustomNav .nav-mask-gradient { display: none; }

@media only screen and (max-width: 767px) {
  #pageCustomNav .overflow-scroll-x-child {overflow-x: scroll; 	scrollbar-width: none; -ms-overflow-style: none; margin-bottom: 0; padding-bottom: 0; }
  #pageCustomNav .overflow-scroll-x-child::-webkit-scrollbar {	width: 0px;}
  #pageCustomNav .nav-mask-gradient {width: 2.5rem; height: 72px; display: block; right: 0; z-index: 810; background: rgba(23, 23, 41, 0.5);
background: -moz-linear-gradient(left, rgba(23, 23, 41, 0) 0%, rgba(23, 23, 41, 0.7) 80%, rgba(23, 23, 41, 1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(23, 23, 41, 0)), color-stop(80%, rgba(23, 23, 41, 0.7)), color-stop(100%, rgba(23, 23, 41, 1)));
background: -webkit-linear-gradient(left, rgba(23, 23, 41, 0) 0%, rgba(23, 23, 41, 0.7) 80%, rgba(23, 23, 41, 1) 100%);
background: -o-linear-gradient(left, rgba(23, 23, 41, 0) 0%, rgba(23, 23, 41, 0.7) 80%, rgba(23, 23, 41, 1) 100%);
background: -ms-linear-gradient(left, rgba(23, 23, 41, 0) 0%, rgba(23, 23, 41, 0.7) 80%, rgba(23, 23, 41, 1) 100%);
background: linear-gradient(to right, rgba(23, 23, 41, 0) 0%, rgba(23, 23, 41, 0.7) 80%, rgba(23, 23, 41, 1) 100%);
  }
}

.pageFixedHeader { position: fixed; top: 71px; left: 0; animation: navSlideIn .5s ease-in-out; animation-direction: alternate; }

@keyframes navSlideIn {
  0% {
    transform: translateY(-200px);
  }
  to {
    transform: translateY(0); 
  }
}
/* /Secondary Nav */


a.playOverlay {text-decoration: none;}
a.playOverlay .fa-circle-play {font-size: 50px; transition: all .3s ease-in-out;}
a.playOverlay:hover .copy {opacity: 1; z-index: 1;}
/* a.playOverlay:hover .fa-circle-play {transform: scale(1.11);} */


/*details summary */
.c-detail-100  {background: var(--color-grey1); color: var(--color-grey4); line-height: 1.5; letter-spacing: .16px; margin-bottom: 1rem; padding:1rem 2.5rem 1rem 3.25rem; position: relative; text-align: left; -moz-transition: all .3s ease; -webkit-transition: all .3s ease;  transition: all .3s ease; }
.c-detail-100 summary {display: flex; justify-content: space-between; align-items: center; cursor: pointer; margin-left:-.75rem;}
.c-detail-100 summary::-webkit-details-marker {display: none; }
.c-detail-100 summary .control-icon {color: var(--color-grey2); -moz-transition: .3s ease; -webkit-transition: .3s ease;  transition:  .3s ease;  pointer-events: none; flex-grow: 0; flex-shrink: 0; transform-origin: center; transform: rotate(180deg);}
.c-detail-100 summary:hover .control-icon {transform: translateY(5px) rotate(180deg);}
details.c-detail-100[open] .control-icon {transform: rotate(360deg);}




.vidplaceholder {cursor:pointer; border-radius: 3px;}
.vidplaceholder:focus, .vidplaceholder:active {outline: none; border:2px solid var(--color-blue3); border-radius: 3px; }


.tabControls button {text-align:center; text-decoration:none; color: var(--color-grey2) !important; display: inline-block; cursor: pointer; padding:10px; background: transparent;  border-width: 1px; border-color: transparent;}
.tabControls button:hover, .tabControls button:active, .tabControls button:focus {color: var(--color-white) !important; }
.tabControls button:focus {outline:none; border: 1px solid var(--color-blue3dark); border-radius: 0.1875rem;}
.tabControls button[aria-expanded="true"] {color: var(--color-white) !important;}

.tabControls button .underline-green {height:4px; width:0px; margin-top:10px;}
.tabControls button:hover .underline-green, .tabControls button:active .underline-green, .tabControls button:focus .underline-green, .tabControls button[aria-expanded="true"] .underline-green {background: #0EEFAC; display:block; height: 4px; width: 70%; max-width:50px; transition: transform 0.15s ease-in-out; transform: scaleX(1.5); }
div.message[aria-hidden="true"] { display: none; }

.tabControls button img {filter: invert(71%) sepia(12%) saturate(181%) hue-rotate(214deg) brightness(97%) contrast(93%); }
.tabControls button:hover img, .tabControls button:active img, .tabControls button:focus img, .tabControls button[aria-expanded="true"] img {filter: invert(100%) }


.tabControls.tabControlsLight button {color: var(--color-grey3) !important;}
.tabControls.tabControlsLight button:hover, .tabControls.tabControlsLight button:active, .tabControls.tabControlsLight button:focus {color: var(--color-blue7) !important; }
.tabControls.tabControlsLight button:focus {outline:none; border: 1px solid var(--color-blue3);}
.tabControls.tabControlsLight button[aria-expanded="true"] {color: var(--color-blue7) !important;}

.tabControls.tabControlsLight button img {filter: invert(45%) sepia(15%) saturate(453%) hue-rotate(208deg) brightness(94%) contrast(87%);}
.tabControls.tabControlsLight button:hover img, .tabControls.tabControlsLight button:active img, .tabControls.tabControlsLight button:focus img, .tabControls.tabControlsLight button[aria-expanded="true"] img {filter: invert(6%) sepia(6%) saturate(7013%) hue-rotate(204deg) brightness(96%) contrast(92%);}



.btn-top {position: fixed; right: 20px; bottom: 20px; width:35px; height:35px; background: var(--color-white); z-index: 20000; border: 1px solid var(--color-grey1); cursor: pointer; animation: slidein .5s ease-in-out;}
.btn-top:hover .fa-angle-up {color: var(--color-primary);}
@keyframes slidein {
	0% {
		transform: translateY(57px);
		opacity: .2;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}


/* Slider */
.slick-slider {position: relative; display: block; box-sizing: border-box;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y;  -webkit-tap-highlight-color: transparent;}
.c-slickcarousel .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.c-slickcarousel .slick-list.dragging {cursor: pointer; cursor: hand; }
.c-slickcarousel .slick-slider .slick-track, .c-slickcarousel .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);  -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);           transform: translate3d(0, 0, 0); }
.c-slickcarousel .slick-track { position: relative; top: 0; left: 0;    display: block;  margin-right: auto; }
.c-slickcarousel .slick-track:before, .c-slickcarousel .slick-track:after { display: table; content: ''; }
.c-slickcarousel .slick-track:after { clear: both; }
.c-slickcarousel.slick-loading .slick-track { visibility: hidden; }
.c-slickcarousel .slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
.c-slickcarousel .slick-slide img { display: block; }
.c-slickcarousel .slick-slide.slick-loading img { display: none; }
.c-slickcarousel .slick-slide.dragging img { pointer-events: none; }
.c-slickcarousel.slick-initialized .slick-slide { display: block; }

/* custom slick overrides allow flex in carousel*/
.c-slickcarousel.slick-initialized .slick-slide.d-flex { display: flex; }
.c-slickcarousel.c-slick-flex-stretch .slick-track {display: flex !important; }
.c-slickcarousel.c-slick-flex-stretch .slick-slide {height: inherit !important; }
/* /custom slick overrides*/

.c-slickcarousel.slick-loading .slick-slide { visibility: hidden; }
.c-slickcarousel .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.c-slickcarousel .slick-arrow.slick-hidden { display: none; }
.c-slickcarousel .slick-slide img.d-inline-block {display: inline-block;}

/* Slick Arrows */
.c-slickcarousel .slick-prev, .c-slickcarousel .slick-next { font-size: 28px; line-height: 0; position: absolute; top: 50%; display: block; width: 30px; height: 50px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; opacity: .5; background: none; border: none; z-index: 5; color: var(--color-blue7);}
.c-slickcarousel .slick-prev:focus, .c-slickcarousel .slick-next:focus, .c-slickcarousel .slick-prev:active, .c-slickcarousel .slick-next:active { outline: none; box-shadow: 0 0 0 1px var(--color-white), 0 0 0 2px var(--color-blue3); }
.c-slickcarousel .slick-prev:hover, .c-slickcarousel .slick-prev:focus, .c-slickcarousel .slick-next:hover, .c-slickcarousel .slick-next:focus { opacity: .9; }
.c-slickcarousel .slick-prev:hover:before, .c-slickcarousel .slick-prev:focus:before, .c-slickcarousel .slick-next:hover:before, .c-slickcarousel .slick-next:focus:before { opacity: 1; }
.c-slickcarousel .slick-prev.slick-disabled:before, .c-slickcarousel .slick-prev.slick-disabled, .c-slickcarousel .slick-next.slick-disabled:before, .c-slickcarousel .slick-next.slick-disabled { opacity: .09; cursor:not-allowed; }
.c-slickcarousel .slick-prev:before, .c-slickcarousel .slick-next:before { content:''; font-size: 20px; line-height: 1; opacity: .5; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
.c-slickcarousel .slick-prev { left: 0; }
.c-slickcarousel .slick-next { right: 0; }
.c-slickcarousel.whitearrows .slick-prev i, .c-slickcarousel.whitearrows .slick-next i {color: #fff;}

/*alternate slick arrow styling when arrows on sides */
.c-slick-tallarrows.c-slickcarousel {overflow-x:hidden;}
.c-slick-tallarrows.c-slickcarousel .slick-prev, .c-slick-tallarrows.c-slickcarousel .slick-next {background: rgba(255, 255, 255, .15); height: 100%; width: 42px; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); border-radius: 3px; transition: all .5s ease;}
.c-slick-tallarrows.c-slickcarousel .slick-prev {left: -48px; display:none;}
.c-slick-tallarrows.c-slickcarousel:hover .slick-prev {left: 0;}
.c-slick-tallarrows.c-slickcarousel .slick-next  {right: -48px; display:none;}
.c-slick-tallarrows.c-slickcarousel:hover .slick-next  {right: 0;}

.c-tallarrows-dark.c-slickcarousel .slick-prev, .c-tallarrows-dark.c-slickcarousel .slick-next {background: rgba(20, 20, 20, .25); color: #141414;}

.c-inactivefade .slick-slide:not(.slick-current) {opacity: .25;}

/* Slick Dots */
.c-slickcarousel .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 90%; left: 5%; }
.c-slickcarousel .slick-dots li { position: relative; display: inline-block; margin: 0 5px; width: 8px; height: 8px; background-color: #d0d2d3; border-radius: 1000px; }
.c-slickcarousel .slick-dots li, .c-slickcarousel .slick-dots li button { cursor: pointer }
.c-slickcarousel .slick-dots li button { border: 0; background: transparent; display: block; line-height: 0; font-size: 0; color: transparent; padding: 5px; }
.c-slickcarousel .slick-dots li button:focus:before, .c-slickcarousel .slick-dots li button:hover:before { opacity: 1; }
.c-slickcarousel .slick-dots li button:hover { background-color: transparent }
.c-slickcarousel .slick-dots li:hover { background-color: #141414 }
.c-slickcarousel .slick-dots li.slick-active { background-color: #141414; opacity: 1 }
.c-slickcarousel .slick-dots li button:before { position: absolute; top: 0; left: 0; content: ""; width: 20px; height: 20px; font-family: inherit; font-size: 6px; line-height: 20px; text-align: center; color: black;  opacity: 1;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
.c-slickcarousel .slick-dots li.slick-active button:before { color: black;  opacity: 1; }
.c-slickcarousel .slick-dots li.slick-active { background-color: #141414;  opacity: 1;}


/*alternate slick dots as lines */
.new-dotlines ul.slick-dots {padding-left:0;}
.new-dotlines .slick-dots li { position: relative; display: inline-block; margin: 0 5px; padding: 0; cursor: pointer; }
.new-dotlines .slick-dots li button { font-size: 0px; line-height: 0; display: block; width: 40px; height: 40px; padding: 5px; color: transparent; border: 0; outline: none; background: transparent; transition: all .3s ease;}
.new-dotlines .slick-dots li button:before {position: absolute; top: 17px; left: 0; width: 40px; height: 4px; border-radius: 3px; content: ''; text-align: center; background: #d3d9e1; transition: all .3s ease; }
.new-dotlines .slick-dots li.slick-active button:before { background: #636e7e; height:9px; top:15px; border-radius: 10px; }
.new-dotlines .slick-dots li:hover button:before { background: #141414; border-radius: 0;}

@media only screen and (min-width: 640px) {
.new-dotlines .slick-dots li button { width: 60px; }
.new-dotlines .slick-dots li button:before {width: 60px;}
}

@media only screen and (min-width: 1024px) {
.new-dotlines .slick-dots li button { width: 80px; }
.new-dotlines .slick-dots li button:before {width: 80px;}
}

.new-dotlines.jrny-dark-lines .slick-dots li button:before {background: #2c3757; }
.new-dotlines.jrny-dark-lines .slick-dots li.slick-active button:before { background: #f5f6fA; }
.new-dotlines.jrny-dark-lines .slick-dots li:hover button:before { background: #0ee3a3;}




/* hide while loading */
.c-slickcarousel { display: none; }
.c-slickcarousel.slick-initialized { display: block;}
/* /slick*/







/* layout */
.max-h-50 {max-height: 50px;}
.max-h-65 {max-height: 65px;}
.max-h-75 {max-height: 75px;}
.max-w-75 {max-width: 75px;}
.max-w-900 	{max-width:900px;}
.max-w-1200 	{max-width:1200px;}
.max-w-1500 	{max-width:1500px;}
.max-w-1920	{max-width:1920px;}

.w-3px {width: 3px;}	
.w-270	{width: 270px;}
.full-wid	{width: 100%; height: auto;}
	
.overflow-scroll-x-parent	{overflow: hidden;}
.overflow-scroll-x-child	{overflow-x: scroll; margin-bottom: -50px; padding-bottom: 50px;}
	
.absolute-center-tag	{position:absolute; left:50%;}
.absolute-center-tag div	{position:relative; left:-50%;}



/* bgimgs */
.object-cover	{object-fit: cover;}
.object-bottom	{object-position: bottom;}
.object-center	{object-position: center;}
.object-left	{object-position: left;}
.object-left-bottom	{object-position: left bottom;}
.object-left-top	{object-position: left top;}
.object-right	{object-position: right;}
.object-right-bottom	{object-position: right bottom;}
.object-right-top	{object-position: right top;}
.object-top	{object-position: top;}


/* icons and logos */
.icon-100	{width: 30px; height: 30px;}
.icon-140	{width: 36px; height: 36px;}
.badge-10	{width: 14px;}
.badge-40  {max-width: 45px;}
.badge-100	{max-width: 80px;}
.badge-300	{max-width: 150px;}
.badge-400	{max-width: 180px;}


.h-4px {height:4px;}
.h-50px {height: 50px;}


/* text */
.lh-4	{line-height: 1;}
.accessible-lines	{max-width: 55em;}  
	
.list-none	{list-style-type: none;}
.list-disc	{list-style-type: disc;}
.list-decimal	{list-style-type: decimal;}

a.no-underline {text-decoration: none;}
a.underline-hover:hover {text-decoration: underline;}
.underline {text-decoration: underline;}


/* spacing */
.s-mx-a	{margin-right: auto; margin-left: auto;}
.s-mx-2	{margin-right: 0.5rem; margin-left: 0.5rem;}
.s-mx-4 {margin-right: 1rem; margin-left: 1rem;}
.s-mx-6 {margin-left: 1.5rem; margin-right: 1.5rem;}
.s-mt-2	{margin-top: 0.5rem;} 
.s-mr-2	{margin-right: 0.5rem;}
.s-mr-4	{margin-right: 1rem;}
.s-mr-8	{margin-right: 2rem;}
.s-mr-12	{margin-right: 3rem;}
.s-mb-0	{margin-bottom: 0;}
.s-mb-2	{margin-bottom: .5rem;}
.s-mb-4	{margin-bottom: 1rem;}
.s-mb-6	{margin-bottom: 1.5rem;}
.s-mb-8	{margin-bottom: 2rem;}
.s-mb-12	{margin-bottom: 3rem;} 
.s-mb-16 {margin-bottom: 4rem;}
.s-mb-18	{margin-bottom: 4.5rem;}
.s-mb-22	{margin-bottom: 5.5rem;}
.s-mb-26	{margin-bottom: 6.5rem;}
.s-ml-2	{margin-left: 0.5rem;}
.s-ml-4	{margin-left: 1rem;}
.s-ml-6	{margin-left: 1.5rem;}

.s-p-1 {padding: .25rem;}
.s-p-2 {padding: .5rem;}
.s-p-4 {padding: 1rem;}
.s-p-6 {padding: 1.5rem;}
.s-p-8 {padding: 2rem;}
.s-px-0 {padding-left: 0; padding-right: 0;}
.s-px-2 {padding-right: 0.5rem; padding-left: 0.5rem;}
.s-px-3	{padding-left: 0.75rem; padding-right: 0.75rem;}
.s-px-4	{padding-left: 1rem; padding-right: 1rem;}
.s-px-6 {padding-left: 1.5rem; padding-right: 1.5rem;}
.s-px-8 {padding-left: 2rem; padding-right: 2rem;}
.s-px-12	{padding-left: 3rem; padding-right: 3rem;}
.s-px-18	{padding-left: 4.5rem; padding-right: 4.5rem;}
.s-py-4	{padding-top: 1rem; padding-bottom: 1rem;}
.s-py-8	{padding-top: 2rem; padding-bottom: 2rem;}
.s-py-16	{padding-top: 4rem; padding-bottom: 4rem;}
.s-py-18	{padding-top: 4.5rem; padding-bottom: 4.5rem;}
.s-py-22	{padding-top: 5.5rem; padding-bottom: 5.5rem;}
.s-py-26	{padding-top: 6.5rem; padding-bottom: 6.5rem;}
.s-pt-1 {padding-top: 0.25rem;}
.s-pt-12 	{padding-top: 3rem;}
.s-pt-20	{padding-top: 5rem;}
.s-pr-4 {padding-right: 1rem;} 
.s-pb-0	{padding-bottom: 0;}
.s-pb-12	{padding-bottom: 3rem;}
.s-pb-16 {padding-bottom: 4rem;}
.s-pb-18	{padding-bottom: 4.5rem;}
.s-pb-22 {padding-bottom: 5.5rem;}
.s-pl-4 {padding-left: 1rem;} 





@media only screen and (min-width: 768px) {
.billing-page .updatepayment-content .start-free-block.defaltbilling .step-title {text-align: left}

.billing-page .updatepayment-content .start-free-block {padding-left: 1rem; padding-right: 0}
}

@media only screen and (min-width: 768px) {
.jrnyHR-vt-md {width: 2px; height:50px; background: #03bbf2;
background: -moz-linear-gradient(top, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #03bbf2), color-stop(21%, #437ceb), color-stop(43%, #7356bd), color-stop(63%, #9d87e4), color-stop(83%, #fb5f62), color-stop(100%, #f4b071));
background: -webkit-linear-gradient(top, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: -o-linear-gradient(top, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: -ms-linear-gradient(top, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
background: linear-gradient(to bottom, #03bbf2 0%, #437ceb 21%, #7356bd 43%, #9d87e4 63%, #fb5f62 83%, #f4b071 100%);
}
	
.centi-md {font-size: .875rem; line-height: 1.25rem; letter-spacing:.35px;}
	
a.txt-link-md, a.txt-link-md:visited {color: var(--color-blue3); text-decoration:underline;}
a.txt-link-md:hover {color: var(--color-blue5); text-decoration:underline;}
a.txt-link-md:focus, a.txt-link-md.focus {color: var(--color-blue3); text-decoration:underline; outline: none;  box-shadow: 0 0 0 2px var(--color-white), 0 0 0 3px var(--color-blue3); border-radius: 3px;}
a.txt-link-md:active, a.txt-link-md.active {color: var(--color-blue5); text-decoration:underline; outline: none;  box-shadow: 0 0 0 2px var(--color-white), 0 0 0 3px var(--color-blue5); border-radius: 3px;}

.copy.c-push-left-md	{width:45%; margin-left: 16px;}
.copy.c-push-right-md	{width:45%; margin-right: 16px; margin-left: auto;}

a.playOverlay .fa-circle-play {font-size: 100px;}    


.tabControls button {min-width: 170px;}
.tabControls button:hover .underline-green, .tabControls button:active .underline-green, .tabControls button:focus .underline-green, .tabControls button[aria-expanded="true"] .underline-green {width: 90%; max-width:90px;}


.gradient-rotate-180-md		{--grad-angle: -180deg;}

.bg-white1-md 		{background: var(--color-white);}

.txt-gray3-md	{color: var(--color-grey3);}
.txt-gray4-md 		{color: var(--color-grey4);}
.txt-blue7-md 		{color: var(--color-blue7);}


.border-r-md 		{border-right-width: var(--border-wid);  border-right-style: solid;}
.border-r-gray2-md {border-right-width: var(--border-wid); border-color: var(--color-grey2); border-style: solid;}
.border-b-none-md 		{border-bottom-width: 0;}


.max-w-380-md 		{max-width: 380px;}
.max-w-520-md		{max-width: 520px;}
.max-w-600-md {max-width:600px;}


.object-bottom-md		{object-position: bottom;}
.object-center-md		{object-position: center;}
.object-left-md		{object-position: left;}
.object-left-bottom-md		{object-position: left bottom;}
.object-left-top-md		{object-position: left top;}
.object-right-md		{object-position: right;}
.object-right-bottom-md		{object-position: right bottom;}
.object-right-top-md		{object-position: right top;}
.object-top-md		{object-position: top;}


.s-mx-a-md		{margin-right: auto; margin-left: auto;}
.s-m-2-md {margin: 0.5rem;}
.s-mx-4-md {margin-right: 1rem; margin-left: 1rem;}
.s-mx-6-md {margin-left: 1.5rem; margin-right: 1.5rem;}
.s-mx-8-md {margin-left: 2rem; margin-right: 2rem;}
.s-mx-12-md {margin-left: 3rem; margin-right: 3rem;}
.s-my-10-md		{margin-top: 2.5rem; margin-bottom: 2.5rem;}
.s-mr-4-md		{margin-right: 1rem;}
.s-mr-8-md		{margin-right: 2rem;}
.s-mr-10-md		{margin-right: 2.5rem;}
.s-mr-12-md		{margin-right: 3rem;}
.s-mr-16-md		{margin-right: 4rem;}
.s-mb-0-md		{margin-bottom: 0rem;}
.s-mb-4-md {margin-bottom: 1rem;}
.s-mb-12-md {margin-bottom: 3rem;} 
.s-mb-18-md {margin-bottom: 4.5rem;}
.s-mb-22-md		{margin-bottom: 5.5rem;}
.s-ml-6-md {margin-left: 1.5rem;}
.s-ml-8-md {margin-left: 2rem;}
.s-ml-10-md {margin-left: 2.5rem;}

.s-p-3-md {padding: .75rem;}
.s-p-8-md {padding: 2rem;}
.s-p-12-md  {padding: 3rem;}
.s-px-0-md {padding-left: 0; padding-right: 0;}
.s-px-2-md {padding-left: .5rem; padding-right: .5rem;}
.s-px-4-md {padding-left: 1rem; padding-right: 1rem;}
.s-px-12-md {padding-left: 3rem !important; padding-right: 3rem !important;}
.s-px-16-md {padding-left: 4rem; padding-right: 4rem;}
.s-py-4-md {padding-top: 1rem; padding-bottom: 1rem;}
.s-py-12-md {padding-top: 3rem; padding-bottom: 3rem;}
.s-py-18-md {padding-top: 4.5rem; padding-bottom: 4.5rem;}
.s-py-22-md {padding-top: 5.5rem; padding-bottom: 5.5rem;}
.s-pt-0-md {padding-top: 0rem;}
.s-pr-12-md {padding-right: 3rem;}
.s-pr-18-md {padding-right: 4.5rem;}
.s-pb-0-md {padding-bottom: 0rem;}
.s-pb-22-md {padding-bottom: 5.5rem;}
.s-pl-12-md {padding-left: 3rem;}
.s-pl-18-md {padding-left: 4.5rem;}
}



@media only screen and (min-width: 1024px) {
.max-w-670-lg {max-width: 670px;}

.s-mr-18-lg {margin-right: 4.5rem;}
.s-ml-18-lg {margin-left: 4.5rem;}
.s-mb-0-lg {margin-bottom: 0;}
.s-mb-16-lg {margin-bottom: 4rem;}

.s-px-12-lg {padding-left: 3rem; padding-right: 3rem;}
.s-py-8-lg {padding-top: 2rem; padding-bottom: 2rem;}
.s-py-22-lg {padding-top: 5.5rem; padding-bottom: 5.5rem;}
.s-pb-0-lg {padding-bottom: 0rem;}
}

/* For app links */
header.d-none + div#maincontent main.container-fluid, header.d-none + div + div#maincontent main.container-fluid {padding-top: 0}

/* skip nav OS-TBD */
.skip { color: var(--color-blue3); text-decoration:underline;}
/* /skip nav */
