/*------->>> COLOR PALETTE <<<-------
	#2465be - rgb(36,101,190) | Primary Color [Clayton Blue]
	#284169 - rgb(40,65,105) | Secondary Color [Navy]
	#d5c297 - rgb(213,194,151) | Tertiary Color [Khaki]
	#484848 - rgb(72,72,72) | Accent Color [Dark Gray | Font Color]
	#80cdf4 - rgb(128,205,244) | Accent2 Color [Blue Light]
	#919191 - rgb(145,145,145) | Support Color [Medium Gray]
	#ebebeb - rgb(235,235,235) | Support2 Color [Light Gray]
	
/*------->>> FONT STACKS & TYPOGRAPHY <<<-------
    font-family: 'Open Sans', sans-serif; [Primary Font | 400 600 700]
    font-family: 'Montserrat', sans-serif; [Secondary Font |400 500 700]

/*------->>> DROP SHADOWS <<<-------
    DROP SHADOW
    -webkit-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.25);
    
    DEEP DROP SHADOW
    -webkit-box-shadow: 0px 40px 60px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 40px 60px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 40px 60px 0px rgba(0,0,0,0.25);	
*/


@media all and (max-width:62.500rem) { /*- 1000px and below -*/
}
@media all and (min-width:40rem) { /*- 640px and up -*/
	/*---> Basic <---*/
	.has-locations-map .columns {
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.has-locations-map .columns:first-of-type {
		margin-right:-8.3333%;
	}
	.has-locations-map .columns:first-of-type p {
		max-width:480px;
	}
	.has-locations-map .columns:last-of-type {
		margin-left:-4.2222%;
		margin-right:-4.2222%;
	}
	/*---> Hero <---*/
	.hero:not(.has-video) {
		height:660px;	
	}
	/*---> Intro Card <---*/
	.intro-card {
		max-width:1024px;
		margin:-6.750rem auto 0;
		background-image: linear-gradient(90deg,#2465BE 0%, #2465BE 50%,#fff 50%,#fff 50%);
		padding:2.938rem 0;
	}
	.intro-card .columns:first-of-type {
		background:transparent;
	}
	.intro-card-title {
		margin:0 auto;
		max-width:430px;
	}
	/*---> Product Diagram <---*/
	.product-diagram {
		padding:1rem 0 3rem;
		margin-top:0.625rem;
	}
	.product-diagram:not(.has-hints) {
		background:#000 url(../images/bg-products-diagram-desktop.jpg) center center no-repeat;
		background-size:cover;
	}
	.product-diagram-img {
		max-width:1230px;
	}
	/*---> Details Panel <---*/	
	.details-panel .columns:not(:last-of-type) .detail-item {
		border-right:1px solid #d5c297;
		border-bottom:0;
	}
	/*---> Media Blocks <---*/
	.media-block-content {
		padding:2rem 0;
	}
	.media-block-media {
		width:100%;
		height:100%;
		overflow: hidden;
	}
	.media-block-img {
		position: absolute;
		top: 50%;
		left:0;
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
		width: auto;
		min-height: 100%;
		min-width: 100%;
		max-width: none;
		margin: 0 auto;
	}
	.media-block .medium-order-1 .media-block-img {
		left: auto;
		right: 0;
	}
	.media-block-content > .row {
		margin-right:0 !important;
		margin-left:0 !important;
	}
	.medium-7 .media-block-content > .row > .columns {
		max-width:745px;
		padding-right:14.258%;
		padding-left:0.625rem;
	}
	.media-block .medium-7.medium-order-2 .media-block-content > .row > .columns {
		padding-left:14.258%;
		padding-right:0.625rem;
	}
	.medium-6 .media-block-content {
		padding:4rem 0;
	}
	.medium-6 .media-block-content > .row > .columns {
		max-width:580px;
		padding-left:10%;
		padding-right:0.625rem;
	}
	.media-block .medium-6.medium-order-1 .media-block-content > .row > .columns {
		padding-right:10%;
		padding-left:0.625rem;
	}
	/*--> Icon Anchors <---*/
	.media-block .medium-6:not(.medium-order-2) .anchor-number {
		right:0;
		left:auto;
	}
	/*---> Media Block Media with Slider <---*/
	.media-block-media.has-slider {
		height:610px;
		width:calc(100% + 25px);
	}
	.media-block-slider-wrap {
		width:auto;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:25px;
	}
	.media-block-slider-wrap .slick-slider {
		width:auto;
		height:100%;
		margin-bottom:0;
	}
	.media-block-slider-wrap .slick-slider .slick-list,
	.media-block-slider-wrap .slick-slider .slick-track {
		height:100%;
		max-height:100%;
	}
	.media-block-slider-wrap .slick-slider img {
		width:auto;
		max-width:none;
		height:100%;
		position:absolute;
		right:0;
		left:auto;
	}
	.media-block-slider-wrap .slick-prev {
		left:calc(100% - 25px);
		top:calc(50% + 30px);
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
	}
	.media-block-slider-wrap .slick-next {
		left:calc(100% - 25px);
		top:calc(50% - 30px);
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
	}
	/*---> Forms [Spacing]  <---*/
	.formElements .formRow ul > li {
		padding-right:0.938rem !important; 
	}
	.formElements .formRow ul > li:only-child {
		width: 100%;
	}
	.formElements .formRow ul > li:last-child,
	.formElements .formRow ul > li:only-child {
		padding-right:0 !important;
	}
	.formElements .formRow ul > li:nth-last-child(n+2):nth-last-child(-n+2):first-child,
	.formElements .formRow ul > li:nth-last-child(n+2):nth-last-child(-n+2):first-child ~ li {
		width: 50%;
	}
	.formElements .formRow ul > li:nth-last-child(n+3):nth-last-child(-n+3):first-child,
	.formElements .formRow ul > li:nth-last-child(n+3):nth-last-child(-n+3):first-child ~ li {
		width: 33.333%;
	}
	.formElements .formRow ul > li:nth-last-child(n+4):nth-last-child(-n+4):first-child,
	.formElements .formRow ul > li:nth-last-child(n+4):nth-last-child(-n+4):first-child ~ li {
		width: 25%;
	}
	.formElements .formRow ul > li.radio fieldset span,
	.formElements .formRow ul > li.checkbox fieldset span {
		float:left;
	}
	.formElements .formRow ul > li.radio fieldset span:not(:last-of-type),
	.formElements .formRow ul > li.checkbox fieldset span:not(:last-of-type) {
		margin-right:1.5rem;
	}
	/*---> Panels <---*/
	.catalog-panel-media {
		margin-left:-5%;
	}
}
@media all and (min-width:48.000rem) { /*- 768px and up -*/
	/*h1, .like-h1 {
		font-size:3.5rem;
	}
	h2, .like-h2 {
		font-size:2.625rem;
	}
	h3, .like-h3 {
		font-size:2.375rem;
	}*/	
}
@media all and (min-width:64rem) { /*- 1024px and up -*/
	/*---> Masthead <---*/
	.masthead-branding-link {
		max-width:100%;	
	}
	/*---> Navigation <---*/
	.primary-nav {
		/* Remove Negative Margining */
		margin-left:initial;
		margin-right:initial;
	}
	.flexnav {
		position:relative;
		top:auto;
		max-width:none;
		height:100%;
		max-height:100%;
		margin:0 auto 0 auto !important;
		overflow:visible;
		background:transparent;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-moz-box-pack:justify;
		-ms-flex-pack:justify;
		-webkit-justify-content:space-around;
		justify-content:space-around;
		-ms-flex-line-pack:center;
		-webkit-align-content:center;
		align-content:center;
		box-shadow:none;
		border-radius:0;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
		transition:all 0.3s ease;
	}
	body.one-page {
		padding-top:70px;
	}
	.flexnav.opacity {
		opacity:1;
	}
	.flexnav.one-page {
		max-width:1080px;
		top:0;
		right:auto;
	}
	.flexnav li {
		display:block;
		position:relative;
		list-style:none;
		float:left;
		overflow:visible;
		flex-grow:1;
		height:100%;
	}
	.flexnav > li > a {
		padding:1.313rem 0;
		display:-webkit-flex;
		display:flex;
		-webkit-align-items:center;
		align-items:center;
		-webkit-justify-content:center;
		justify-content:center;
		background:transparent;
		text-align:center;
		-webkit-transition:all 0.3s ease;
		transition:all 0.3s ease;
		border:0 !important;
	}
	.flexnav li > a:before {
		content:"";
		display:block;
		width:0;
		max-width:100%; 
		height:80%;
		margin:0 auto;
		position:absolute;
		top:10%;
		left:0;
		right:0;
		background:#f0f0f0;
		transition:all 0.3s ease-in-out;
		z-index:-1;
	}
	.flexnav li:hover > a:before,
	.flexnav li.active > a:before {
		width:100%; 
	}
	.flexnav li a:active,
	.flexnav li a:focus,
	.flexnav li a:focus-visible {
		color:#80cdf4;
	}
	.flexnav li a:focus,
	.flexnav li a:focus-visible {
		outline:0;
		border:0;
	}
	/*- nested UL -*/
	.flexnav li ul {
		display:none;
	}
	.flexnav li > ul {
		width:200px;
		position:absolute;
		top:100%;
		right:-100%;
		left:-100%;
		margin:0 auto;
		background:#f0f0f0;
		padding:0.875rem 0;
		-webkit-box-shadow:5px 10px 20px 0px rgba(0,0,0,0.16);
		-moz-box-shadow:5px 10px 20px 0px rgba(0,0,0,0.16);
		box-shadow:5px 10px 20px 0px rgba(0,0,0,0.16);
	}
	.flexnav li > ul li {
		width:100%;
		height:auto;
	}
	.flexnav li > ul li a {
		padding:0.875rem 0.313rem !important;
		background:transparent;
		text-align:center;
	}
	.flexnav li > ul li a:before {
		content:"";
		display:block;
		width:0;
		max-width:100%;
		height:100%;
		margin:0 auto;
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		background:#fff;
		transition:all 0.3s ease-in-out;
		z-index:-1;
	}
	.flexnav li ul li:hover > a,
	.flexnav li ul li > a.active {
		color:#2465be;
	}
	.flexnav li ul li:hover > a:before,
	.flexnav li ul li > a.active:before {
		width:100%; 
	}
	/*- Third Level -*/
	.flexnav li > ul li ul {
		top:-1rem; /* adjust for padding on ul */
		right:auto;
		left:100%;
		background:#ebebeb;
	}
	/*- drop down arrows -*/
	.flexnav .touch-button {
		display:none;
	}
	.touch .flexnav .touch-button {
		display:block; 
	}
	.flexnav .touch-button {
		width:100%;
		height:14px;
		margin:0 auto;
		top:auto;
		left:0;
		right:0;
		bottom:0.188rem;
	}
	.flexnav .touch-button:after {
		position:absolute;
		margin:0 auto;
		top:auto;
		left:0;
		right:0;
		bottom:0;
	}
	.flexnav .touch-button.active:after {
		-webkit-transform:rotate(180deg);
		transform:rotate(180deg);
	}
	.flexnav .touch-button:hover {
		cursor:pointer;
	}
	/*- menu button -*/
	.menu-button {
		display:none;
	}
	/*---> Cart Shopping <---*/
	.cart-button-link {
		margin-top:0.938rem;
		border:2px solid #2465be; 
		border-radius:15px; 
		padding:6px 14px 3px 14px;
		font-size:1rem;
	}
	.cart-button-link:hover {
		background:#2465be;
		color:#fff;
	}
	.cart-button-link:focus {
		color:#2465be;
	}
	.cart-button-link svg {
		margin-top:-3px;
		margin-right:0.313rem;
		vertical-align:middle;
	}
	.cart-button-link:hover svg {
		fill:#fff;
	}
	/*---> Hero <---*/ 
	.hero:not(.has-video) {
		height:auto;	
	}
	.hero:not(.hero-index) img {
		position:relative;
		width:100%;
		height:auto;
		min-height:none;
		max-height:none;
		top:auto;
		left:auto;
		right:auto;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}/*
	.hero.has-video {
		height:480px;	
	}
	.hero-index.has-video {
		height:625px;	
	}
    */
    .hero.has-video--widescreen {
        height:0;
		padding-bottom:26.5739vw; /* Given a 1920:510 aspect ratio, 510/1920*100 = 26.5739 */
    }
    .hero.has-video--widescreen iframe {
        min-height:initial;
		min-width:initial;
		left:0;
		width:100%;
		height:100%;
		transform:translateX(0);  
    }
	/*---> Cards <---*/
	/*.card-icon,
	.card-options {
		transform: scale(0);
	}
	.card:hover .card-icon,
	.card:hover .card-options {
		transform: scale(1);
	}*/
	.card-icon-text {
		transform: scale(0);
	}
	.card:hover .card-icon-text {
		transform: scale(1);
	}
	.card:hover .card-img.for-hover {
		opacity:1;
	}
	/*---> Callouts <---*/
	.callout:hover .callout-body {
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1);
		opacity:1;
		-webkit-transition:all 0.4s 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
		-o-transition:all 0.4s 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
		transition:all 0.4s 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
	}
	.callout:hover .callout-header {
		-webkit-transform:translateX(-50%) translateY(-50%) scale(0);
		-ms-transform:translateX(-50%) translateY(-50%) scale(0);
		transform:translateX(-50%) translateY(-50%) scale(0);
		opacity:0;
		-webkit-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
		-o-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
		transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);
	}
	/*---> Timeline <---*/
	.timeline {
		text-align:left;
	}
	.plot-point {
		-ms-flex-pack:distribute;
		justify-content:space-around;
	}	
	.plot-point:not(:last-of-type) {
		margin-bottom:initial;
	}
	.plot-point-media,
	.plot-point-content {
		-ms-flex:0 0 33.33333%;
		flex:0 0 33.33333%;
		max-width:33.33333%;
	}
	.plot-point.is-reversed .plot-point-media {
		-ms-flex-order:2;
		order:2;
		text-align:right;
	}
	.plot-point.is-reversed .plot-point-content {
		-ms-flex-order:1;
		order:1;
		text-align:right;
	}
	.timeline::before,
	.plot-point::before,
	.plot-point::after {
		display:block;
	}
	/*---> Product Breakout <---*/
	.product-breakout {
		position:relative;
		padding-top:6.250rem;
		padding-bottom:1rem;
	}
	.product-breakout::before {
		/*display:block;*/
	}
	.breakout-item {
		margin-bottom:3rem;
	}
	.breakout-diagram,
	.breakout-item:hover .breakout-item-diagram {
		opacity:1;
		display:block;
	}
	.breakout-item:hover .breakout-item-media .icon-circle.background-accent2 {
		background:#fff;
	}
	/*---> Locations Map <---*/
	.map-modals {
		margin:0 auto;
		position:absolute;
		bottom:8%;
		left:0;
		right:0;
	}
	.map-modal {
		background:#d5c297;
		padding:1rem 2rem 1.5rem;
		margin:0 auto;
		width:565px;
		height:auto;
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		transition: all 1s ease-out;
	}
	.map-modal.is-active {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		transition: all 0 ease-out;
	}
	.map-modal-title {
		text-align:center;
	}
}
@media all and (min-width:64.063rem) { /*- 1025px and up -*/
	a[href^="tel"] {
		pointer-events:none;
	}
	/*---> Masthead <---*/
	.masthead-hidden {
		-ms-transform:translateY(-100%);
		transform:translateY(-100%);
		transition:all .4s ease-out;
	}
	.masthead-stuck {
		position:fixed;
		top:0;
		-ms-transform:translateY(0);
		transform:translateY(0);
		transition:all .4s ease-out;
		animation: navSlide 0.75s ease-in-out forwards;
	}
	/*---> Product Diagram <---*/
	.product-diagram-list {
		display:block;
	}
	.product-diagram-img.for-mobile {
		display:none;
	}
	.product-diagram-img.for-desktop {
		display:block;
	}
}
@media all and (min-width:1100px) { /*- 1100px and up - */
	.product-diagram-list-item:before {
		bottom:550%;
	}
	.product-diagram-list-item:after {
		height:500%;
	}
}
@media all and (min-width:75rem) { /*- 1200px and up -*/
	.product-diagram-list-item:before {
		bottom:570%;
	}
}
@media all and (min-width:1300px) { /*- 1300px and up -*/
	.product-diagram-list-item:before {
		bottom:610%;
	}
}
@media all and (min-width:119.938rem) { /*- 1919px and up -*/
	.hero.has-video:not(.has-video--widescreen) {
        height:0;
		padding-bottom:35.5208%;
	}
}