/** Shopify CDN: Minification failed

Line 579:0 Unexpected "}"
Line 1424:2 Unexpected "<!--"

**/
/******************************************************************
Theme Name: Shop3D Select 1.0  (Built from Responsive 6.2.0)
Theme URI: https://themes.shopify.com/themes/responsive/styles/new-york?ref=out-of-the-sandbox
Author: Sarah Caracciolo
Description: Shopify Theme 
******************************************************************/
/* Table of Content
==================================================
  #Reset & Basics
	#Columns
  	#Headings
	#TextEffects
		Import Font
		Text Styles
		Disclaimer
		Text Colours
	#Sections
		Coloured Blocks
        Option Bar
	#Links
	#Buttons
	#Other
  #PageNavigation
  #Modules
	#SliderNav
	#iconBlock
	#BootstrapSlider
	#VideoContainer
	#benefitList
  #PageSections
    #hero
    #book-a-demo
  #Joy
  #
  #
  #Unsorted
  #Footer
  #Media Queries
*/


/*---------------------- #Reset & Basics---------------------- */
body,html{    margin: 0;
    padding: 0;
    width: 100vw;
    overflow-x: hidden;
     scroll-behavior: smooth;}

body {
  font-family: "Gilroy";
  font-size:17px!important; 
  min-width:300px;}

div#shopify-section-1601267814479 {
    background: #f0f0f0;
    padding: 40px 0px;}

/* Hide Dropdown Subs */
.hidden {display:none!important; }
/* hide Mobile Shoplink */
.mobile-shoplink { display: none;}
/* ---- Hide Recaptcha ---- */
.grecaptcha-badge {display:None;}




/*---------------------- #Columns---------------------- */
  .one-half-first {width:48%; margin:2% 2% 2% 0%; float:left;}
  .one-half-last {width:48%; margin:2% 0% 2% 2%; float:right;}

/* Halves working properly with flexbox */

.halves {width: 100%; clear: Both; display: flex; flex-wrap: wrap; margin: 40px 0px; }
.halves .card, .halves-container .card, .halves .block {min-height: auto;
    flex: 46%;
    margin: 0 2% 20px 2%;}
.halves .block:first-child, .block:nth-child(odd) {flex: 48%; margin: 0 2% 20px 0%;}
.halves .block:last-child, .block:nth-child(even) {flex: 48%; margin: 0 0% 20px 2%;}
.halves .block img {width: 100%;}


/* Quarters with flexbox */
.quarters {width: 100%; clear: Both; display: flex; flex-wrap: wrap; }
.quarters .card, .quarters-container .card, .quarters .block {min-height: auto;
    flex: 23%!important;
    margin: 0 1% 20px 1%;}
.quarters .block:first-child, .quarters .block:nth-child(5n) {flex: 24%!important; margin: 0 1% 20px 0%;}
.quarters .block:last-child, .quarters .block:nth-child(4n) {flex: 24%!important; margin: 0 0% 20px 1%}

.quarters .block img {width: 100%;}




  .one-third-first {width:31.3%; margin:2% 2% 2% 0%; float:left;} 
  .one-third-middle {width:31.3%; margin:2% 1% 2% 1%;float:left;}
  .one-third-last {width:31.4%; margin:2% 0% 2% 2%; float:left;}

  .two-third-last {width:63.8%; margin:2% 0% 2% 2%; float:left;}




  .thirds-container { display: flex; flex-wrap: wrap; width:100%;}
  .thirds {width:100%; clear:Both; display:table; }
.thirds .card, .thirds .block, .thirds-container .card {width:31.3%; float:left; margin:2% 1% 2% 1%; /*min-height:380px;*/}
.thirds .card:first-child, .thirds .block:first-child, .thirds .block:nth-child(4n), .thirds .card:nth-child(3n+1), 
  .thirds-container .card:first-child, .thirds-container .card:nth-child(3n+1), .thirds-container .card:nth-child(6n+1) {
  margin:2% 2% 2% 0%!important;
}
.thirds .card:nth-child(3n+1),  .thirds .block:nth-child(4n),  .thirds-container .card:nth-child(3n+1) {clear:Both;}

.thirds .card:nth-child(3n), .thirds .block:nth-child(3n), .thirds-container .card:nth-child(3n) {
  width:31.3%; margin:2% 0% 2% 2%; float:left;
}


.one-fourth-first {width:23%; margin:2% 2% 2% 0%; float:left;} 
  .one-fourth-middle {width:23%; margin:2% 1% 2% 1%;float:left;}
  .one-fourth-last {width:23%; margin:2% 0% 2% 2%; float:left;}
.three-fourth-last {width:75%; margin:2% 0% 2% 2%;; float:right;}
  .two-fourth-first {width:50%; margin:2% 2% 2% 0%; }
  .two-fourth-middle {width:50%; margin:2% 1% 2% 1%;}
  .two-fourth-last {width:50%; margin:2% 0% 2% 2%; }


/* Fixed */
.one-fifth {width:18%; margin:2% 1% 2% 1%; float:left;}
.one-fifth:first-child {margin:2% 2% 2% 0%;}
.one-fifth:first-child, .one-fifth:nth-child(5n+6) {margin:2% 2% 2% 0%;}
.one-fifth:nth-child(5n+5) {margin:2% 0% 2% 2%;}

/* old */
.one-fifth-first {width:18%; margin:2% 2% 2% 0%; float:left;}
.one-fifth-middle {width:18%; margin:2% 1% 2% 1%; float:left;}
.one-fifth-last {width:18%; margin:2% 0% 2% 2%; float:left;}

  .four-fifth-last {width:78%; margin:2% 0% 2% 0%; float:left; }
  .two-fifth-first {width:40%; margin:2% 2% 2% 0%; }
  .two-fifth-middle {width:40%; margin:2% 1% 2% 1%;  }
  .two-fifth-last {width:40%; margin:2% 0% 2% 2%; }
  .two-thirds-first {width:64.6%; margin:2% 2% 2% 0%; float:left;} 
  .two-thirds-last {width:64.7%; margin:2% 0% 2% 2%; float:right;}
  .one-sixth-first {width:14.6%;margin:2% 2% 2% 0%; float:left;}
  .one-sixth-middle {width:14.6%; margin:2% 1% 2% 1%; float:left;}
  .one-sixth-last {width:14.6%; margin:2% 0% 2% 2%; float:left;}

h6.event-title {font-weight:800; font-size: 1.3em;
    line-height: 1em;}

  
    h3 {font-size:18px; margin-bottom:20px;}
  .card i.fas, .card i.fab, .card .card-front i.fas, .card .card-front i.fab {
    margin: 30px auto 10px auto;
    padding: 16px;
    font-size: 30px;
    color: #ffffff;
    background-color: #48b8f2;
    border-radius: 250px;
    border: 2px solid #ffffff;
    transition: background-color 0.1s linear;
}
    
  .card i.fas:hover, .card i.fab:hover, .card .card-front i.fas:hover, .card .card-front i.fab:hover {
    color: #48b8f2;
    background-color: #fffefe;
    border: 2px solid #48b8f2;
    transition: background-color 0.1s linear;
  }
    
    .card-title {font-weight:700; color:#001b5e}
.card-logo p.tag {
    background: #007bff;
    color: #fff;
    width: 100%;
    font-size: 12px;
}
.alert-transparent{height:1px; overflow:hidden;  transition: height 0.5s linear;}
.alert-visible {height:25px; overflow:visible; transition: height 0.5s linear;}


/* New Styles */



.anchor {display:block;
    padding-top:100px!important;
 }

/*---------------------- #Headings---------------------- */
/*h1*/
.h1, h1 {font-size: 2em!important;
    margin: 5px 0;
    color: #0762C8!important;
    font-weight: 700!important;
    text-transform: capitalize;} 
h1.red {color: #cd2027!important;}

#hero-banner h1, #call-to-action h1, h1#headline {color:#fff!important;}

#hero-banner h1 {text-shadow: 3px 3px 3px #363636c2}
.blue-section  h1 {color:#fff!important;}

/* h2*/

h2.underline { 
  border-bottom: 1px solid black;
  padding-bottom: 10px!important;
  text-align: center;
  width: 100%;
  max-width: 350px;
  margin: auto;
  margin-bottom: 20px;
}


h3 { font-size: 1.4em!important; font-weight: 300!important; margin: 0px 0px 5px 0px;} 
  div#search-bar {
    display: inline-block;
} 
  
h3.bluebox {    background-color: #007bff;
    padding: 10px;
    color: #fff;
}
h4 {text-transform: uppercase;
    color: #007bff !important;
    font-size: 1em!important;
    font-weight: 600!important;
	margin-bottom: 0px!important;}
h5{}
h6 {}


/*---------------------- #TextEffects---------------------- */
/* Import Fonts */


/* Text Styles */
.bold {font-weight:600;}
.extrabold {font-weight:800;}
.center {text-align:center;}

.bignum {font-size: 3em;
    font-weight: 600;
}

/* Disclaimer */
.disclaimer {font-size: .7em; line-height: 1.4em;}
.disclaimer:before {
    content: "\27A4";
    color: #105eb9;
    padding-right: 2px;}

/* Text Colours*/
.blue {color: #007bff!important}
.grey {color:#6c757d!important}
.light-grey {color:#bebebe!important}
.red {color:#cb2027}
.white {color:#ffffff!important;}

/* Text Transform */
.cap {text-transform:uppercase!important;}

/* Padding */
.pad-20-top {padding:20px 0px;}


/*---------------------- #Sections---------------------- */
section {margin: 30px 0; padding: 30px 0;} 
section.spacer {margin: 10px 0;
    padding: 10px 0;}
section.underline {border-bottom: 1px solid #dedede;}


#section-container section:first-child, #section-container section:last-child, .large-image-block {
    border-bottom: 0px!important ;
    padding-bottom: 0px!important;
}

/*---------------------- #Coloured Blocks---------------------- */
.blue-block {background: #0f7bd5;
    padding: 40px 0px;}
.blue-block h1,.blue-block h3,.blue-block a:link,.blue-block a:visited,.blue-block a:active,.blue-block a:hover {color:#fff!important;}
.blue-block a:hover, .blue-block .card a:hover {text-decoration:underline;}
.blue-block .card h1,.blue-block .card h3,.blue-block .card a:link,.blue-block .card a:visited,.blue-block .card a:active,.blue-block .card a:hover {color:#0f7bd5!important;}

#page-start.dark-block {margin-bottom:-40px; padding:20px!important;}
.dark-block {background: #041D5A; padding: 40px 0px; color:#fff;}
.dark-block hr {border-top: 1px solid #f8f9fa;    width: 70%;}
/* ------------------------- Option Bar ---------------------- */
  #option-bar {position: relative; padding: 0;
    margin: 0;}
  #option-bar.red-bar {background-color: #cb2027;}
  #option-bar .quarters .block {border-right:2px solid white; color:#fff; margin: 0; padding: 20px 10px;
    text-align: center;}
  #option-bar .quarters .block:last-child {border-right:0px solid white;}
button.action-button {border:0px}
  .big-num {font-size: 45px;
    font-weight: 600;}


/*---------------------- #Links---------------------- */
.btn-primary {margin: 30px 0px;}


/*---------------------- #Buttons---------------------- */
/* general button */
a.action-button {
    background-color: #007bff;
    padding: 9px 20px;
    color: #fff;}

a.action-button:hover {
    background-color: #0762C8;
	color:#fff;
  	text-decoration:none;
}



/* button colours */
.yellow-btn {background-color:#EAC21F; color:#001b5e;}
.grey-btn {background-color:#dfe3e8; color:#001b5e;}
.dark-btn {background-color:#001b5e; color:#fff;}
.blue-btn {background-color:#007bff; color:#fff;}
.light-btn   {background-color:#48b8f2; color:#001b5e;}
.red-btn   {background-color:#cb2027!important; color:#fff; border-bottom:none;}
.carousel-links a.red-btn {border-bottom: 3px solid #830808;}

.white-btn {
    background-color: #f8f9fa!important;
    color: #cb2027!important;
    border-bottom: none;
    font-weight: 600;
}
           
.btn-lightblue {width: 100%;
    background: #69c2f0;
    display: block;
    /* height: 58px; */
    padding: 7px;
    margin: 20px auto 0 auto;
    text-align: Center;
    border: 1px solid #4e92c4; color: #001b5e!important;}

.btn-lightblue:hover {
    background: #001b5e;
    border: 1px solid #212b36;
    color: #ffffff!important; text-decoration:none;}

.btn-blue {    width: 100%;
    background: #001b5e;
    display: block;
    padding: 7px;
    margin: 20px auto 0 auto;
    text-align: Center;
    border: 1px solid #212b36;
    color: #ffffff!important;}
.btn-yellow {  width: 100%;
    background: #eac21f;
    display: block;
    padding: 7px;
    margin: 20px auto 0 auto;
    text-align: Center;
    border: 1px solid #e9b612;
    color: #001b5e!important;
}

.btn-yellow:hover, .btn-dark:hover {background: #69c2f0;
  border: 1px solid #4e92c4;
  color:#001b5e!important;
  text-decoration:none;
}


/*---------------------- #Navigation---------------------- */
 .nav-transparent {   background-color: transparent;    

   /* transition the background-color over 1s with a linear animation */
   transition: background-color 0.5s linear;
}
    .nav-visible {   background-color: #001b5e;    

   /* transition the background-color over 1s with a linear animation */
   transition: background-color 0.5s linear;
}

    #navbar .container {padding: 0;}

#navbar{width:100vw;position:absolute;top:0;left:0;z-index:999;background-color: #001b5e }


#shop-logo {width: 30%; min-width: 170px;}
  #shop-logo img {width:100%; min-width: auto;}
  
  #navbar .one-fourth-first {
  padding: 0!important;
  margin: 5px 0px;}
  
  #nav, #mobile_nav {padding: 0;}
  
  #nav ul li a, #nav ul li a.active, #nav ul li a.active:visited, 
#nav ul li a.active:active, #mobile_nav ul li a.active, #mobile_nav ul li a.active:visited, 
#mobile_nav ul li a.active:active, .slicknav_btn {color: #fff;}
  

#nav ul {
  display: block;
  margin: 0 auto;
  border: none;
  padding: 0;
  margin: -10px 0 -10px 0;
  clear:both;
  font-size:0.9em;
}

#nav ul li {
  display: inline-block;
  border-top: 0;
  border-bottom: 0;
  margin: 0;
}

#nav ul li { 
    padding: 0px 5px;
  line-height: 41px;
}
  #nav ul li a {padding: 10px 10px 10px 10px;
    position: relative;
    top: 0px;       
}
  
#nav ul li ul li {line-height: 16px;}
  
#nav ul li a:hover {text-decoration:none;}
.highlight-link a {color:#001b5e!important; padding: 10px 10px 10px 10px; background-color: #EAC21F; border-radius: 15px 0px 15px 0px;}
#nav ul li.highlight-link a:hover:after {content: ""; border-bottom: 0px ;}

#nav ul li a:hover:after {
    content: "";
    border-bottom: 3px solid #eac21f;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6px;}

.highlight-link a:hover:after {content: ""; border-bottom: 0;}
  
.highlight-link a:hover { background-color: #48b8f2;}
#navbar .container .three-fourth-last { text-align: right; margin: 0px;} 





/*---------------------- #Modules---------------------- */
/*------ #SliderNav ------*/
section#slider-nav, section.slider-nav { margin-bottom: -40px;}
#slider-nav ul, .slider-nav ul {list-style-type: none;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
margin-left: 0px; padding-inline-start: 0px;}
#slider-nav li, .slider-nav li  {display: inline-block;
    width: 23%;
    margin: 5px 0.5%; background:#fff; outline:1px solid grey; padding: 10px 0px;
    text-indent: 10px; color:#454f5b; cursor:pointer;  border-left:5px solid #007bff; background-image: linear-gradient(to left,
    transparent,
    transparent 50%,
    #007bff 50%,
    #007bff);
  background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;}
#slider-nav li.red, .slider-nav li.red {border-left: 5px solid #cd2027;
    background-image: linear-gradient(to left,transparent,transparent 50%,#cd2027 50%,#cd2027);}
#slider-nav li:hover, #slider-nav li.active, .slider-nav li:hover, .slider-nav li.active {  
color:#fff!important;background-position: 0 0; -webkit-box-shadow: 3px 3px 7px -3px rgba(0,0,0,0.84); box-shadow: 3px 3px 7px -3px rgba(0,0,0,0.84);}


#content-slider {outline: 1px solid #454f5b; display:table; padding:20px;}


/*------ #iconBlock ------*/

.icon-container img {height: 65%; margin-top: 16px;}

/*------ #BootstrapSlider ------*/
.card-body img {width:80%; margin:20px auto;}

/*------ #benefitList ------*/



/*------ #VideoContainer ------*/
/* Automatically resizes video on mobile */
.video-container {
  position: relative; padding-bottom: 56.25%; height: 0; padding-top: 30px; overflow: hidden; 
}
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*------ #Sections ------*/

/*Hero */
  div#hero-bubble {
    background: #001b5e9e;
    border-radius: 15px;
    padding: 20px;
    margin-top: -25px;
}
  #hero-bubble div.block {text-align: left;
    font-size: 1.24em;
    line-height: 2.4em;
}
  #hero-bubble div.block ul {list-style-type: none;}
  #hero-bubble div.block ul li:before {content: '\f00c';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
    color: #eac21f;}
  div#hero-button {
    position: relative;
    top: -25px;
    
}

#hero-button a {font-family: 'PT Sans', sans-serif!important;background: #eac21f;
    box-shadow: 10px 5px 5px #00000080;
    border-radius: 10px;
    padding: 10px 20px;
    color: #001b5e; font-size: 1.5em;}
#hero-button a:hover {background:#0762c8; color:#fff; text-decoration:none;}

  #hero-bubble .halves {width:80%; margin:auto; min-width:500px;}

  #hero-heading h1 {text-shadow: 10px 5px 5px #00000080; font-family: 'PT Sans', sans-serif!important; font-size:3em!important; font-style:italic!important; font-weight:700!important; color:#fff!important;}


/* BookaDemo */
#book-a-demo,.blue-background {background-color:#007bff; padding:90px 0px; margin-bottom:-40px;}
#book-a-demo h1, .blue-background h1 {color:#fff!important;}

.grey-background {background-color:#dfe3e8; padding:90px 0px;}

/* JoyRewards 
.MuiLink-button {    min-height: 30px;
    color: #48b8f2;
    padding: 5px;} */


/* Services */
.services-section { background: #0f7bd5; padding: 1px 0px;}
.services-section h1,.services-section h3 {  color: #fff!important;}

/* Call to Action */
#call-to-action {clear:both; background-color:#007bff; padding:90px 0px; margin-bottom:-40px; text-align:center; color:#fff;}
#call-to-action .widget-container {width:90%; margin:Auto; padding:20px 40px; background-color:#fff; border-radius:10px;}

/* Image w Grey Box Touching */
.imgtop {width:100%;}
.greybottom {
margin-top:-5%;
  background-color:#525252; 
  padding-top:5vh;
  padding-bottom:5vh;
  padding-left:2vh; 
  padding-right:2vh;
}
  
}
/*---------------------- #Unsorted---------------------- */


/*---------------------- #Other---------------------- */
.rounded-btn {border-radius: 20px; padding: 14px 24px;}
.hero-wordmark img {width:35%; min-width:275px; margin:auto;}

#page-start {padding-top:20px;}

.btn-container {text-align:center; margin-top:30px;}
.language-marker{background-color: #007bff;
    border-radius: 2px;
    padding: 2px 4px;
font-size:10px;    position: relative;
    top: -2px; font-weight:800;}


.bubble img {border-radius:45px; height:150px; margin:0px auto 10px auto; }
/* ------------------- Content Blocks ------------------- */
  
 
.dual-block { /* left-right with border on bottom */
    margin: 30px 0px 10px 0px;
    padding: 0px 0px 20px 0px;
    border-bottom: 1px solid #d3dbe2;
}
  
  .highlight-block { /* Call to action block in blue */
    background-color:#007bff; padding:80px 0px;
    } 
  


/* Paragraph */
p {margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    line-height: 1.85rem;
  letter-spacing: 0.02rem;}


/* Lists */
li { margin: 8px 0px;}
li:first-child { margin-top: 15px;}

/* sections */

#section-container section {
    border-bottom: 1px solid grey;
    padding-bottom: 60px; /* Why? */
}


/* Boxes */
.grey-box {
    border: 1px solid grey;
    background: #dfe3e8;
    padding: 10px 10px 10px 15px;
    margin: 10px 0px 30px 0px;
    border-left: 25px solid grey;
}

.blue-box {
    border: 1px solid #007bff;
    background: #cce3ff;
    padding: 10px 10px 10px 15px;
    margin: 10px 0px 30px 0px;
    border-left: 25px solid #007bff;
}

.darkblue-box {
    border: 1px solid #001b5e;
    background: #c1c8ff;
    padding: 10px 10px 10px 15px;
    margin: 10px 0px 30px 0px;
    border-left: 25px solid #001b5e;
}

.yellow-box {border: 1px solid #eac21f;
    background: #f8f0d0;
    padding: 10px 10px 10px 15px;
    margin: 10px 0px 30px 0px;
  border-left: 25px solid #eac21f;}

.red-box {
      border: 1px solid #cb2027;
    background: #ffbfc2;
    padding: 10px 10px 10px 15px;
    margin: 10px 0px 30px 0px;
    border-left: 25px solid #cb2027;
}


/* Carousel */
.carousel-caption {    margin-top: -40;}
.carousel-links ul {
    margin: 20px 0px;
    padding: 13px 0px;
    border-bottom: 2px solid #001b5e;
}



.blue-block .carousel-container .carousel .carousel-links ul {
    border-bottom: 2px solid #fff;
}

.carousel-links li {
    border-radius: 10px;
    display: inline-block;
    margin: 0;
    padding: 7px 10px;
    border: 2px solid #007bff;
    color: #007bff;
      cursor: pointer;
}

.blue-block .carousel-container .carousel .carousel-links li {
    border: 2px solid white;
    color: white;
}

.blue-block .carousel-container .carousel .carousel-links li:hover {
    background-color: #fff;
    color: #007bff;
}

.blue-block .carousel-container .carousel .carousel-links li.active {
    background-color: #fff;
    color: #007bff;
}




#carouselExampleIndicators p {
    font-size: 1em!important;
}

.carousel-item {text-align:center;        max-height: 844px;
    background: #FFFFFF; }
.blue-block .carousel-container .carousel .carousel-item  {background: none;}
.carousel-inner .image-block {width:100%; padding:10px 0px;}
.carousel-inner .image-block img {width:80%!important; margin:auto; max-height:250px;}
.carousel-inner .link-block {width:100%; padding:10px 0px; text-align:center;}




/* Numbered Card */
.numbered-card {}
.numbered-card .number-block {text-align:center; height:150px; width:100%; background-position: center!important;
    background-size: cover!important;
}
.numbered-card .number-block .number-container {height:150px;width: 21%; background-color: #007bff;}
.numbered-card .number-block .number-container span {color: #fff; font-size: 3em; position: relative; top: 30px; FONT-WEIGHT: 600;}

.numbered-card .text-block {text-align:left; height:auto; background-color:#f5f5f5; padding:30px;}
.numbered-card .text-block h2 {font-size: 1.5rem;}
.numbered-card .text-block h3 {    font-size: 1.2rem!important; margin: -5px 0px 10px 0px;}

/* Icon Card */
.card.icon-card {min-height: auto;}
.icon-card .icon-block {text-align:center;  width:100%; background-position: center!important;
    background-size: cover!important;
}
.icon-card .icon-block .icon-container {height:95px;width: 100%; background-color: #007bff;}
.icon-card .icon-block .icon-container.red {background-color: #cd2027;}
.icon-card .icon-block .icon-container span {color: #fff; font-size: 3em; position: relative; top: -12px; FONT-WEIGHT: 600;}

.icon-card .text-block {text-align:left; height:auto; background-color:#f5f5f5; padding:30px;}
.icon-card .text-block h2 {font-size: 1.5rem;}
.icon-card .text-block h3 {    font-size: 1.2rem!important; margin: -5px 0px 10px 0px;}


/* Quote Block */

.pull-quote {margin: 1em -100%;
    margin: 1em calc(50% - 50vw);
    height: 220px;
    background-color: #cccccc;
    height: 450px;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
  position: relative;}



.pull-quote-container {   width: 70%;
    margin: auto;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    padding: 20px;

}

p.pullquote {    font-size: 2.5em;
  line-height: 1.25em;}
.blueblock p.pullquote {color:#fff;}
div.pullquote-block {padding:30px;}
p.pullquote-2 {
    font-size: 1.5em;
    line-height: 1.25em;
    background: #07040cb8;
    border-radius: 20px;
    padding: 20px;
    color:#fff;
}
.pullquote-attribution:a {color:#fff;}

/* Image Block */

section.small-image-block {width: 100%;
    height: 300px; background-size: 100%!important;
    background-position: center!important;
    background-repeat: no-repeat!important;}

section.large-image-block {width: 100%;
    min-height: 450px;
        background-attachment: fixed!important;
    background-size: auto 100% !important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    overflow:hidden;
}



/* Logo Block */
.logo-block img{width:100%; filter: grayscale(100%); transition: filter 0.3s;}
.logo-block img:hover {transition: filter 0.3s; filter: grayscale(0%);}
/* Outline Box Block */
.outline-box {width:100%; border:1px solid black;clear:both; margin:30px 0px; display:flex; -webkit-box-shadow: 7px 7px 5px -2px #a8a8a8;
    -moz-box-shadow: 7px 7px 5px -2px #a8a8a8;
    box-shadow: 7px 7px 5px -2px #a8a8a8; }
  .outline-box .outline-image {width:25%; float:left;    background-size: cover!important;
    background-position: center!important;}
  .outline-box .outline-text {width:50%; float:left; padding:20px;}
  .outline-box .outline-text h3 {margin-top:0px;}
  .outline-box .outline-download {width:25%; float:left; text-align: right;  padding: 20px;}
  .outline-box .outline-download img {width: 60%; max-width: 86px; }

a .outline-box  {color: #343a40; text-decoration:none!important;}
a:hover .outline-box  {color: #007bff; text-decoration:none!important;  border:1px solid #007bff;   background-color:#f5f5f5 !important}

a.outline-box-link:hover {
    text-decoration: none;
}

/* Blog Box Block */
.blogpost-box {-webkit-box-shadow: 7px 7px 5px -2px #a8a8a8;
    -moz-box-shadow: 7px 7px 5px -2px #a8a8a8;
    box-shadow: 7px 7px 5px -2px #a8a8a8; width:100%; border:1px solid #007bff;clear:both; margin:30px 0px; display:flex; background-color:#007bff;}
  .blogpost-box .blogpost-image {width:35%; float:left;    background-size: cover!important;
    background-position: center!important;}
  .blogpost-box .blogpost-text {width:65%; float:left; padding:20px 40px;}
  .blogpost-box .blogpost-text h3 {margin-top:0px;}
.blogpost-box .blogpost-text span {font-weight: 600;text-transform: uppercase;}
.blogpost-box .blogpost-text .fa-arrow-right {padding-left: 5px;
    position: relative;
    top: 2px;}

a .blogpost-box  {color: #fff; text-decoration:none!important;}
a:hover .blogpost-box  {color: #fff; text-decoration:none!important;  border:1px solid #6c757d;   background-color:#6c757d !important}
a:hover .blogpost-box .blogpost-text .fa-arrow-right {
  padding-left: 10px;}

a.blogpost-box-link:hover {
    text-decoration: none;
}

/* Collection Product */
.collection-product {text-align:center;}
.collection-product img {width:50%; margin:Auto;}
.collection-product .blue-btn {margin-top:10px;}



/* Table Block */
table{width:100%; border:1px solid #383838; margin: 20px 0px; -webkit-box-shadow: 7px 7px 5px -2px rgba(168,168,168,1);
-moz-box-shadow: 7px 7px 5px -2px rgba(168,168,168,1);
box-shadow: 7px 7px 5px -2px rgba(168,168,168,1);}
table img {width:100%}

table tr {padding: 10px 15px; border: 1px solid grey;}
table tr:nth-child(odd) {background-color:#fff;}
table tr:nth-child(even) {background-color:#fbfbfb;}
table tr:first-child {background-color:#f2f2f2;}
table tr:first-child:hover {background-color:#f2f2f2;}

table td:hover {background-color:#f2f2f2;}

table td {padding:10px; border:1px solid #383838;}

/* Accordion */
button.btn.btn-link:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f068";
  padding: 0px 6px 0px 0px;
}

button.btn.btn-link.collapsed:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f067";
  padding: 0px 6px 0px 0px;
}

.accordion button.btn {white-space: normal!important; text-align: left;}

.accordion .card {
    border-radius: 0!important;
  margin: 20px!important;
border: 2px solid #001b5e;
  padding: 0;
}

.accordion .card:hover {   border-bottom: 2px solid #001b5e!important;}

.accordion .card-header {background-color: #001b5e; border-radius: 0!important;}
.accordion .btn-link {color:#fff; text-decoration:none;}
.accordion .btn-link:hover {color:#48b8f2; text-decoration:none!important;}
.accordion .btn-link:active {color:#48b8f2; text-decoration:none!important;}



/* Video Block */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* Blog Posts  */
.one-third.column.omega.article, 
.one-third.column.alpha.article {
    margin: 0;
} /* Override leftover data */

br.clear {display:none;}
div.article {background-color: #f0f0f0;
    padding: 40px 30px;
margin: 0 0 40px 0!important;
clear: both;
    display: table;
    width: 100%;}

div.article:hover {background-color: #cccccc;}

a.image-container {
    width: 25%;
    display: table-cell;
    padding: 0 0 0 0;
    float: left;
}

a.image-container img {
    width: 100%;
}

.blog-details {
    display: block;
    width: 72%;
    float: right;
}


div.article h2.article_title {
    font-size: 1.25rem;
    position: relative;
    top: -40px;
    margin-bottom: -30px;
}

div.article p.blog_meta.home_blog_meta {
    text-align: right;
    font-size: 14px;
    color: #797979;
    position: relative;
    top: -20px;
}



/* Blog Pagination */
.paginate {
    text-align: right;
}
.paginate span.page {
    padding: 10px;
}

/* Breadrumb */
.breadcrumb {background-color: transparent!important;}



  




.mobile-show {display:none!important;}

/* NEw Header Dropdown */
.dropdown ul {background-color:#ffffff3b; position: relative;
    top: 100px;}
.dropdown ul li {}

.dropdown ul li:last-child {background-color:transparent;}
ul#menu li .dropdown ul li:last-child a
 {
    padding: 0; background-color: rgba(63, 63, 68, 0)!important;
    border-radius: 0!important;
    color: #fff!important;}
.dropdown ul {  border: 1px solid grey!important;
border-top: 5px solid #48b8f2!important; 
position:absolute; 
top:40px; z-index:9999999; text-align:left; background: #ffffffe8;}
.dropdown ul:before {}
.dropdown ul li {padding:0!important;}
.dropdown ul li a{padding:12px!important; display:Block; width:230px; color:#383838!important;}
.dropdown ul li a:hover {  background-color: #cacacacc; border-left:4px solid grey;}
.dropdown ul li a:hover:after { border-bottom:0!important;}
.visible {display:Block!important;}

  
/* Search 2 */
  i.fas.fa-search {
    padding: 5px 10px;
    margin-right: -8px;
    border-radius: 5px 0px 0px 5px;
    position: relative;
    top: -2px;
    height: 30px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
        

}
  
  input.search_box {
    
    border: 0px;
    margin: 0 0 0 7px;
    padding-left:7px;
    height: 30px;
    background-color: #dfe3e838;
    position: relative;
    top: -2px;
    color: #fff;
    transition: all .5s ease;
    width: 0px;
}
  .open {
    width: 220px!important; margin: 0 0 0 7px!important; transition: all .5s ease;}

input.search_box::-webkit-input-placeholder { /* Edge */
  color: #dfe3e8;
}

input.search_box:-ms-input-placeholder { /* Internet Explorer */
  color: #dfe3e8;
}

input.search_box::placeholder {
  color: #dfe3e8;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #48b8f2;
}


a.store-link{color:#EAC21F}













.block-btn i.fas, .block-btn i.fab, .block-btn i.fab:hover, .block-btn i.fas:hover {    margin: auto;
    padding: 0;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
    border-radius: 0;
    border: 0;}

.card {background-color:#f5f5f5!important;}
.card a, .card a:hover {text-decoration:none; color:#383838}
.card a.action-button, .card a.action-button:hover {text-decoration:none; color:#fff}

.card {padding-bottom:3px}
.card-logo {text-align:Center; margin-bottom:5px; position: relative;
    z-index: 30; margin-top:6px;}
.card-logo img {width: 100%;
    margin: auto;}
.card-text {margin-top:10px; margin-bottom:-5px; z-index: 30;
    position: relative;}
.card-btn, .card-btn a {
    display: Block;
    text-align: left;
    text-transform: uppercase;
    color: #007bff!important;
    margin-top: 14px;
    font-size: 14px;
    font-weight: 600;
}

.card-btn:hover, .card-btn a:hover {
    color: #4a4a4a!important;
  text-decoration:underline!important;

}
.card-bg-container {display:block;width:100%; height:120px; overflow:hidden;}
.card-bg {
  display:block;
width: 100%;
    height: 165px;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
  transition: all .3s ease-in-out;
}
span.card-body, .card-body {display:block;}

.height-focus {height: 185px; transition: all .3s ease-in-out;}
.card:hover { border-bottom: 4px solid #001b5e; padding-bottom:0px}

/* Solutions */



/* Carousel */

section#videoCarousel {
    overflow: hidden;
}
.video-container video{
    width: 100%;                     
}

#video_overlays{position:absolute;width:100%;height:120%;background-color:#001b5e80;z-index:300000}

.carousel-caption.d-none.d-md-block{position:absolute;    width: 80vw;
    top: 15%;
    height: 70%; margin:auto;z-index:999999}
  

#carouselExampleIndicators h1 { font-size:3.7em!important}
          
#carouselExampleIndicators p {font-size:2em}
  h1 {font-weight:700;}

          .carousel-links {display:table; width: 100%;}
          .carousel-links a {font-weight:700; padding-bottom:5px;}
          .carousel-links a {color:#fff!important;     content: "";
    border-bottom: 3px solid #48b8f2;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0px;}
          .carousel-links a:link, .carousel-links a:visible {color:#fff!important;}
          .carousel-links a:active, .carousel-links a:hover {color:#fff!important; text-decoration:none; border-bottom: 3px solid #EAC21F;}
          .carousel-links div a:after {}
 .arrow-down {
-webkit-animation: bounce 2s infinite ease-in-out;
}
@-webkit-keyframes bounce {
	0%, 20%, 60%, 100%  { -webkit-transform: translateY(0); }
    40%  { -webkit-transform: translateY(-20px); }
	80% { -webkit-transform: translateY(-10px); }
}
        .arrow-down .fas {
    font-size: 46px!important;
    margin-top: 110px;
    color: #ffffff9e;
} 

.upper-navbar{color:#fff;font-size:14px;height:44px;padding:10px;text-align:right;border-bottom:1px solid #ffffff4a}
.phone-section-mobile{display:none}
.phone-section{display:inline-block;position:relative;top:-3px}


/* Blog Tags */
.tags {
      position: relative;
    top: -58px;
    margin-bottom: -40px;
    
}


.tags ul {
    margin: 0px;
    padding: 0px;
}

.tags ul li {
    display: inline-block;
    background-color: #48b8f2;
    padding: 10px 20px;
    margin: 0px;
  color: #fff;
}

.tags ul li.upcoming {background-color:#ba2e35;}



/* Top Banner */
section#hero-banner{width:100vw;background-color:#001b5e;position:relative; margin: 0 0 -40px 0; padding: 0;} /*top:-50px;  margin:0 0 -130 0; - used for scroll nav */
#hero-banner .background-container {width:100%;
    min-height: 740px;    background-size: cover!important;
  background-repeat: no-repeat!important;}
#hero-banner .background-container.short, #hero-banner.short .background-container { height: 530px;}
#hero-banner .background-container .hero-content-container {width:80%; max-width:700px; position:Relative; top:200px; margin:50px auto; text-align:Center;}
#hero-banner a{    color: #ffffff;
    font-style: italic;}
/* Top Banner  Short */
#hero-banner-short{width:100vw;background-color:#001b5e;position:relative;top:-50px;margin-bottom:-100px}
#hero-banner-short .background-container {width: 100%;
    height: 270px;
    background-size: 100% !important;
    background-position: center!important;
    background-repeat: no-repeat !important;}
#hero-banner-short .background-container .hero-content-container, #hero-banner.short .background-container .hero-content-container
{width:80%; max-width:700px; position:Relative; top:160px; margin:50px auto; text-align:Center;}

#hero-banner h1 {color:#fff;}
#hero-banner h3 {color:#fff; margin:30px 0px; line-height:1.8em;}

/* News */

.article-date{float:right;width:17%;font-size:14px;color:#797979;position:relative;top:-20px}
.article-title{float:left;width:83%}
.news-section .media img{width:250px}


hr .small {text-align:Center; width:50%;}




/*---------------------- #Footer---------------------- */
footer {  background-color: #001b5e; color:#fff; }
  
footer h5 {font-weight: 600; text-transform: uppercase; font-size: 16px; letter-spacing: 0.035em!important; color:#48b8f2}

footer .one-fourth-middle, footer .one-fourth-first {border-right:1px solid white; min-height:250px}
   
footer ul li { list-style-type: none; line-height: 1.75em;}
#footer-columns {padding:20px 0px; display:Table;}
#social-links {text-align:center; padding:15px 0px; border-top:1px solid #ffffff4a;}
#social-links a img{width:22px;margin:0px 15px}

#copyright {text-align:center; padding:20px 0px; border-top:1px solid #ffffff4a;}



/*---------------------- #Media Queries---------------------- */
@media only screen and (min-width: 1201px){
  .carousel-caption.d-none.d-md-block{width:60vw}}
  
  @media only screen and (max-width: 1200px){
   #carouselExampleIndicators h1{font-size:3.3em!important} 
  .carousel-caption.d-none.d-md-block{width:80vw;top:135px;}
  .carousel-caption.d-none.d-md-block .carousel-caption{left:10%;}
  .carousel-caption{left:11%;}
  
}

@media (min-width: 1200px) {#navbar .container { width: 80%; max-width:80%; margin:auto;} }



@media only screen and (min-width: 995px){
  #nav .fa-bars{display:none;}
  #nav .fa-window-close{display:none}
}

@media only screen and (max-width: 994px){
  #nav ul#menu{display:none}
  #nav .fa-bars{display:block;font-size:26px;color:#fff;cursor:pointer}
  #nav .fa-window-close{display:none;font-size:26px;color:#fff;cursor:pointer}
  #nav ul li{display:block;border-top:0;border-bottom:0;margin:0;padding:0px !important;
    text-align:left;color:#000;width:250px}
  
  div#nav #menu{position:absolute;right:12%;     top: 49px;}
  
  ul#menu{margin-top:12px}
  #nav ul li a{padding:10px 10px 10px 10px;position:relative;top:0px;width:100%;display:block;color:#050f50;margin-bottom:0px;background-color:#ffffffe6}
  #nav ul li a,#nav ul li a.active,#nav ul li a.active:visited,#nav ul li a.active:active,#mobile_nav ul li a.active,#mobile_nav ul li a.active:visited,#mobile_nav ul li a.active:active,.slicknav_btn{color:#050f50}
  .dropdown ul,.dropdown ul li{display:none !important}
  .dropdown ul{outline:1px solid grey !important;border-top:0px !important;position:initial;top:0px;z-index:0;text-align:left;background:none}
  #nav ul li a:hover{background-color:#69c2f0}#nav ul li a:hover:after{content:"";border-bottom:0px solid #eac21f;position:absolute;left:0;right:0;bottom:6px}
  .highlight-link a:hover:after{content:"";border-bottom:0}#nav .hidden{display:Block}.dropdown ul li a{background-color:#69c2f0 !important;color:#fff;padding-left:20px !important}
  #nav ul li.highlight-link a{background-color:#EAC21F;border-radius:0px 0px 15px 15px}}
  

  
@media only screen and (max-width: 900px) { 
     .outline-box .outline-download img {width: 112px;}


     .carousel-caption.d-none.d-md-block{width:80vw}
     #carouselExampleIndicators h1.headline{font-size:3em !important}
#hero-bubble .halves {width:100%;}
     
     .carousel-caption.d-none.d-md-block { width: 80vw; top: 0px;}
     
     .carousel-caption{    left: 85px!important;}
     
     .video-container video {height: 100%;
    width: 100%;
    min-width: 100%;
    min-height: 56.25vw;}

     footer ul li {margin-left: -38px;}
     .one-fourth-first {padding-right: 10px;}
  .card-logo {display:block}
     .card-logo img{width:100%; }
.article-date{width:100%;float:none;position:relative;top:0;display:block;padding:0px 0px 5px 0px}
.article-title{width:100%;float:none}
     
     .upper-navbar {
       border-bottom: 0px;}

}


   @media only screen and (max-width: 770px) { 
     
       
    .container{max-width:90% !important}
     .carousel-caption.d-none.d-md-block{width:100vw;top:0px}
     #hero-heading h1 {font-size:2.5em!important;}
     #carouselExampleIndicators h1.headline{padding:20px 40px}
     .carousel-caption{left:0px !important}
     .footer ul li{line-height:2.5em}
     .carousel-caption.d-none.d-md-block{display:Block !important}
     .news-section .media{display:Block}
     .news-section .media img{width:100%;PADDING-BOTTOM:20PX}
   }


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

     #hero-bubble .halves .block {
    margin: 0 0 -25px;
    padding: 0;
       line-height: 1.5em;
}

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

     #videoCarousel {
    overflow: hidden;
    min-height: 520px;
    background: #061a5a;
    margin-bottom: -30px;
       margin-top: 35%;
}
}

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

      .video-container {display:none;} 
}

     
#hero-bubble .halves .block:first-child {
}

     #hero-bubble .halves .block:last-child {    margin: 0 0 10px 0px;}
     div#hero-button {top:0px; margin-top: -5%;}
     section.large-image-block {
    width: 100%;
    min-height: 450px;
    background-attachment: scroll!important;
    background-size: 100%!important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
     .mobile-show {display:block!important;}
     .mobile-hide {display:none!important;}
     div#nav{position:inherit;display:inline-block}
     .phone-section{display:none}
     .phone-section-mobile{display:inline-block;position:Relative;top:-5px}
       
     footer .one-fourth-first, footer .one-fourth-middle, footer .one-fourth-last {
        width: 48%;
    min-height: 300px!important;
    border-right: 0px!important;
    border-bottom: 1px solid white;}
     .upper-navbar{border-bottom:0px;display:inline-block;margin-right:4px;position:Relative;top:-3px}
     
     .thirds .card, .thirds-container .card, .thirds .card:nth-child(3n), .thirds-container .card:nth-child(3n) {width: 100%;}
     .card.one-third-first,.card.one-third-middle,.card.one-third-last {width: 100%;
    margin: 2% 0;
    float: none;}
     .btn-primary {    margin: 30px 0px;}
     footer,#navbar,.carousel-caption.d-none.d-md-block{padding:0 20px}
     footer ul li{list-style-type:none;line-height:2.5em}
   }

  @media only screen and (max-width: 650px) { 
.halves .block {flex:100%!important}
  .one-half-first, .one-half-last {width:100%; margin: 2% 0%;
    float: none;
  }
.outline-box .outline-text {width:75%; float:left; padding:20px;}
.outline-box .outline-download {display:none}

}

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

  <!-- Hero Banner -->
  #hero-heading h1 {font-size:1em;}
#hero-bubble div.block {margin: 0px;}
#hero-bubble div.block:first-child { margin-bottom: -24px;}




  #slider-nav li, .slider-nav li {width: 100%;}

  
  #carouselExampleIndicators h1.headline {
    font-size: 2.5em !important;
}
  
  section {
    margin: 20px 0px;
}
  
  p.pullquote { font-size: 1.4em;}
  
  .arrow-down {    display: none;}
  
  .search-box-section {
    margin-left: -18px;
}
  .carousel-caption {    margin-top: 0;}
  .carousel-caption h3{color:#fff; margin:10px 0px; line-height:1.8em;}
  .carousel-links div {padding:10px 0px;}
  .mobile-shoplink {
    display: inline-block;
    position: Relative;
    top: -7px;
    margin-left:12px;
}
  
  h4 {    font-size: 1.5em !important;}
  
  #navbar .container {  max-width: 95% !important;}
  
  .navbar-links {margin-top: 53px!important;}
  div#nav #menu {
    position: absolute;
    right: 12%;
    top: 95px;
}
  
  
  #shop-logo {
    width: 50%;
    min-width: 120px;
   
}
  
footer .one-fourth-first,footer .one-fourth-middle,footer .one-fourth-last{width:100%;min-height:auto !important;padding:20px 0px;border-right:0px !important;border-bottom:1px solid white}
  #navbar{position:relative;background-color:#001b5e;margin-bottom:-160px}
  .nav-transparent{background-color:#001b5e !important}
  .carousel,#navbar,.video-section,#video_overlays{min-width:300px}

  .one-third-first, .one-third-middle, .one-third-last, .two-third-last, .halves .card, .halves-container .card{width:100%}



}

@media only screen and (max-width: 400px){
  body{font-size:14px !important}
  #navbar .one-fourth-first{width:100%}
  #shop-logo{margin:auto;margin-bottom:-20px}
  #navbar .container .three-fourth-last{text-align:center;margin:auto}
  .hide-small{display:none}
  .three-fourth-last{width:100%;margin:2% 0% 2% 2%;float:none}
  #nav .fa-window-close{text-align:right}

}