@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');

/*
Theme Name: axoramedical
Theme URI: https://www.axoramedical.com
Author: C21 Creative Communications
Author URI: https://c-21.co.uk
Description: The axoramedical theme for WordPress. 
Version: 1.00

Tags: axoramedical
*/

/*
z-index's

1
anchorBar

4
header

*/


.ihotspot
{
  border-radius:16px;
  background-color:white;
  color:#1D428A;
  height:32px;
  width:32px;
  padding-bottom:0px;
  font-size:16px;
  line-height:32px;
  text-align:center;
  
  transition:all 0.3s;

  display:flex;
  align-items:center; /* Vertical center alignment */
  justify-content:center; /* Horizontal center alignment */

  box-shadow:0px 0px 20px rgb(0, 0, 0, 0.16);
}
.ihotspot:hover
{
  background:white;
  color:#2F3333;
}


.tooltip-content
{
  padding:12px!important; /*thinner border*/
  border-radius:20px!important;
  box-shadow:0px 0px 20px rgb(0, 0, 0, 0.16);
}

.litetooltip-wrapper
{
  z-index:1;
  opacity:1.0!important;
}

.litetooltip-wrapper .template.AxoraMedical
{
  background-color:white;
  font-size:15px;
  line-height:1.3;
}

.litetooltip-wrapper .template.AxoraMedical p,
.litetooltip-wrapper .template.AxoraMedical ul,
.litetooltip-wrapper .template.AxoraMedical ol
{
  background:white;
  color:#444444;
}
.litetooltip-wrapper .template.AxoraMedical p a
{
  color:#444444;
}


img.imageStretch
{
  width:100%;
}

video.videoStretch
{
  width:100%;
}

.imageGrowth
{
  overflow:hidden;
}
.imageGrowth img:first-child
{
  transition: all 3.0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.imageGrowth img:first-child:hover
{
  -ms-transform: scale(1.10); /* IE 9 */
  -webkit-transform: scale(1.10); /* Safari */
  transform:scale(1.10);
}

p img,
.wp-caption,
img.size-thumbnail,
img.size-medium,
img.size-large,
img.size-full
{
  max-width:100%;
  height:auto;
  margin-bottom:5px;
}


.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a
{
  color:inherit;
  text-decoration:none; /*bootstrap 5 defaults to underline*/
  outline:none; /*remove outline on image links, looks nicer.  If its needed for accessibility we can put it back in later*/
  
  cursor:pointer; /*for when <a doesn't have href, ie onclick="javascript*/
}

p a:hover
{
  color:inherit;
  /*text-decoration:none;*/
  outline:none; 
}

a:focus
{
  text-decoration:none;
  outline:none; 
}

h1, h2, h3, h4, h5, h6
{
  padding:0px;
  margin:0px;

  color:#001E43;
}

p
{
  padding:0px;
  margin:0px;

  line-height:130%;
  padding-bottom:20px;
}

p a
/*,
li a*/
{
  text-decoration:none;
  color:#1D428A;
  font-weight:600;
}

ul, ol
{
  margin-bottom:27px;
}

small,
.small
{
  display:inline-block;
  line-height:130%;
  font-size:75%;
}

div.tablecontainer
{
  overflow-x: auto;
}
table
{
  width:100%;
  /*border-radius:30px;*/
  overflow:hidden;
  /*display:block;*/
  font-size:95%;

  margin-bottom:30px;
}

table tr:first-child
{
  /*
  background-image:linear-gradient(to right, #001E43 0%, #1D428A 100%);
  color:white;
  */

  border-bottom:0px;
}

table th,
table td
{
  padding-top:10px;
  padding-bottom:10px;

  padding-left:20px;
  padding-right:20px;

  vertical-align:top;

  border-bottom:1px solid #97989A;
}

table tr:first-child th,
table tr:first-child td
{
  background-color:#001E43;
  color:white;

  padding-top:20px;
  padding-bottom:20px;

  border-bottom:0px;

  font-family:"Poppins", sans-serif;
  font-weight:600;
  font-style:normal;
  font-size:22px;
}

table tr:first-child th:first-child,
table tr:first-child td:first-child
{
  border-top-left-radius:30px;
  border-bottom-left-radius:30px;
}
table tr:first-child th:last-child,
table tr:first-child td:last-child
{
  border-top-right-radius:30px;
  border-bottom-right-radius:30px;
}

.container
{
  transition:all 0.15s;
}

html
{
  scrollbar-color:#485CC7 #001E43;
  scroll-behavior:smooth;
}

body
{
  overflow-x:hidden;
}

/* Style adjustments for viewports 320px and over go here, anything smaller than 320 treat it as 320 */
@media all and (min-width: 0px)
{
  body
  {
    margin:0;
    padding:0;
    /*height:100%;*/

    font-family:"DM Sans", sans-serif;
    font-optical-sizing:auto;
    font-weight:400;
    font-style:normal;
    font-size:20px;
    color:#444444;

    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */

    background-image:none;
  }

  h1
  {
    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:40px;
    line-height:1.2!important;

    margin-bottom:35px;
  }

  .slideBanner h1
  {
    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:44px;
    line-height:1.15!important;

    margin-bottom:20px;
  }

  h2
  {
    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:32px;
    line-height:1.25!important;

    margin-bottom:35px;
  }

  h3
  {
    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:25px;
    line-height:1.3!important;

    margin-bottom:20px;
  }

  h4
  {
    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:25px;
    line-height:1.3!important;

    margin-bottom:15px;
  }

  h5
  {
    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:24px;
    line-height:1.3!important;

    margin-bottom:10px;
  }

  h6
  {
    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:22px;
    line-height:1.3!important;

    margin-bottom:15px;
  }

  .headerTop
  {
    padding-top:4px;
    padding-bottom:4px;

    padding-left:15px;
    padding-right:15px;
    text-align:right;
    font-size:20px;
  }

  .logoHeader
  {
    max-width:135px;
    padding-left:0px;
  }

  .logoProduct
  {
    width:150px;
    position:static;
    display:block;
    margin-left:auto;
    margin-right:auto;
  }

  .anchorBar
  {
    display:none;
  }
  .breadcrumbHolder
  {
    display:none;
  }

  .boxShadow
  {
    box-shadow:0px 3px 20px rgb(0, 0, 0, 0.12);
  }

  .typeWriter
  {
    position:static;
    padding-top:30px;
    padding-bottom:15px;

    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    background:linear-gradient(to right, #001E43 0%, #1D428A 100%);
  }

  .typeWriter *
  {
    color:white;
  }

  .tabsButtonsHolder
  {
    overflow-x:auto;
    margin-bottom:30px;
  }
  .tabsButtons
  {
    /*width:150%;*/
    /*set width in JS, based on the number of buttons, so only slide when necessary.*/
  }

  .tabsButtons a
  {
    background-color:#EDEDED;
    color:#001E43;
  }

  .tabsButtons a.active,
  .tabsButtons a:hover
  {
    background-color:#1D428A;
    color:white;
  }

  .tileImage
  {
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .tileText
  {
    height:0px;
    padding-top:25px;
    padding-bottom:calc(50% - 25px);
    padding-left:20px;
    padding-right:20px;
    position:relative;
  }

  .buttonSmall
  {
    display:inline-block;

    padding-top:6px;
    padding-bottom:6px;
    padding-left:14px;
    padding-right:14px;

    margin-left:3px;
    margin-right:3px;
    margin-bottom:15px;

    font-family:"DM Sans", sans-serif;
    font-size:18px;
    font-weight:600;
    text-align:center;
    border:1px solid transparent;
    border-radius:10px;

    transition:all 0.3s ease-out;
  }
  .buttonMedium
  {
    display:inline-block;

    padding-top:6px;
    padding-bottom:6px;
    padding-left:28px;
    padding-right:28px;

    margin-left:3px;
    margin-right:3px;
    margin-bottom:20px;

    font-family:"DM Sans", sans-serif;
    font-size:20px;
    font-weight:600;
    text-align:center;
    border:1px solid transparent;
    border-radius:10px;

    transition:all 0.3s ease-out;
  }
  .buttonLarge
  {
    display:inline-block;

    padding-top:9px;
    padding-bottom:9px;
    padding-left:28px;
    padding-right:28px;

    margin-left:3px;
    margin-right:3px;
    margin-bottom:20px;

    font-family:"DM Sans", sans-serif;
    font-size:20px;
    font-weight:600;
    text-align:center;
    border:1px solid transparent;
    border-radius:10px;

    transition:all 0.3s ease-out;
  }

  .marginLeftRightExtra
  {
    margin-left:12px;
    margin-right:12px;
  }

  .featureBar
  {
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;

    height:0px;
    padding-top:75%;
  }

  .featureBarInner
  {
    border:1px solid white;
    border-bottom:0px;
    background-color:rgba(255, 255, 255, 0.58);
    
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);

    border-top-left-radius:30px;
    border-top-right-radius:30px;
    overflow:hidden;
  }

  .documentControlNumber
  {
    font-size:16px;
    /*text-align:right;*/
    padding-top:0px;
    padding-bottom:15px;
  }

  footer
  {
    /*
    margin-top:15px;
    margin-bottom:15px;
    margin-left:15px;
    margin-right:15px;
    */
  }

  .footer
  {
    font-size:14px;
    line-height:18px;
    padding-top:30px;
    padding-bottom:30px;
  }

  .logoFooter
  {
    display:block;
    max-width:210px;

    padding-bottom:40px;
  }

  ul.footerLinks
  {
    list-style:none;
    padding:0px;
    margin:0px;
    margin-bottom:30px;
    font-size:18px;
    line-height:22px;
  }
}


/*iPhone 6 or iPhone 5 sideways*/
@media all and (min-width: 375px)
{

}

@media all and (min-width: 576px)
{

}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px)
{
  body
  {
    margin:0;
    padding:0;
    /*height:100%;*/

    font-family:"DM Sans", sans-serif;
    font-optical-sizing:auto;
    font-weight:400;
    font-style:normal;
    font-size:19px;
    color:#444444;

    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */

    background-image:url("images/background2.svg");
    background-repeat:repeat-y;
    background-position:center top;
    background-size:100% auto;
  }

  h1
  {
    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:50px;
    line-height:1.2!important;

    margin-bottom:35px;
  }

  .slideBanner h1
  {
    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:60px;
    line-height:1.15!important;

    margin-bottom:30px;
  }

  h2
  {
    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:35px;
    line-height:1.25!important;

    margin-bottom:35px;
  }

  h3
  {
    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:26px;
    line-height:1.3!important;

    margin-bottom:20px;
  }

  h4
  {
    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:25px;
    line-height:1.3!important;

    margin-bottom:20px;
  }

  h5
  {
    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:24px;
    line-height:1.3!important;

    margin-bottom:10px;
  }

  h6
  {
    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:22px;
    line-height:1.3!important;

    margin-bottom:15px;
  }

  .headerTop
  {
    padding-top:5px;
    padding-bottom:5px;

    padding-left:15px;
    padding-right:15px;
    text-align:right;
    font-size:20px;
  }

  .logoHeader
  {
    max-width:160px;
    padding-left:10px;
  }

  .logoProduct
  {
    position:static;
    display:block;
    margin-left:auto;
    margin-right:auto;
  }

  .anchorBar
  {
    display:none;
  }
  .breadcrumbHolder
  {
    display:block;
  }

  .typeWriter
  {
    position:static;
    padding-top:30px;
    padding-bottom:15px;
  }

  .tabs
  {
    border-radius:30px;
    box-shadow:0px 3px 20px rgba(0, 0, 0, 0.16);
    background-color:white;
    text-align:center;
    padding-left:30px;
    padding-right:30px;
    margin-bottom:85px;
  }

  .tabs a
  {
    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    color:#001E43;

    display:inline-block;
    padding-top:28px;
    padding-bottom:calc(28px - 7px);
    border-bottom:7px solid transparent;
    padding-left:22px;
    padding-right:22px;
  }

  .tabs a.active,
  .tabs a:hover
  {
    color:#1D428A!important;
    border-bottom:8px solid #1D428A;
  }

  .tileImage
  {
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .tileText
  {
    /*background-color:#ECEEF9;*/
    height:0px;
    padding-top:25px;
    padding-bottom:calc(66.6% - 20px);
    padding-left:20px;
    padding-right:20px;
    position:relative;
  }

  .buttonSmall
  {
    display:inline-block;

    padding-top:7px;
    padding-bottom:7px;
    padding-left:30px;
    padding-right:30px;

    margin-left:3px;
    margin-right:3px;
    margin-bottom:20px;

    font-family:"DM Sans", sans-serif;
    font-size:14px;
    font-weight:600;
    text-align:center;
    border:1px solid transparent;
    border-radius:10px;

    transition:all 0.3s ease-out;
  }
  .buttonMedium
  {
    display:inline-block;

    padding-top:6px;
    padding-bottom:6px;
    padding-left:21px;
    padding-right:21px;

    margin-left:3px;
    margin-right:3px;
    margin-bottom:20px;

    font-family:"DM Sans", sans-serif;
    font-size:18px;
    font-weight:600;
    text-align:center;
    border:1px solid transparent;
    border-radius:10px;

    transition:all 0.3s ease-out;
  }
  .buttonLarge
  {
    display:inline-block;

    padding-top:9px;
    padding-bottom:9px;
    padding-left:30px;
    padding-right:30px;

    margin-left:3px;
    margin-right:3px;
    margin-bottom:20px;

    font-family:"DM Sans", sans-serif;
    font-size:20px;
    font-weight:600;
    text-align:center;
    border:1px solid transparent;
    border-radius:10px;

    transition:all 0.3s ease-out;
  }

  .marginLeftRightExtra
  {
    margin-left:24px;
    margin-right:24px;
  }

  .featureBar
  {
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;

    height:auto;
    padding-top:100px;
  }

  .featureBarInner
  {
    border:1px solid white;
    border-bottom:0px;
    background-color:rgba(255, 255, 255, 0.58);
    
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);

    border-top-left-radius:30px;
    border-top-right-radius:30px;
    overflow:hidden;
  }

  .documentControlNumber
  {
    font-size:16px;
    /*text-align:right;*/
    padding-top:0px;
    padding-bottom:25px;
  }

  footer
  {
    /*
    margin-top:15px;
    margin-bottom:30px;
    margin-left:15px;
    margin-right:15px;
    */
  }

  .footer
  {
    font-size:11.9px;
    line-height:15px;
    padding-top:50px;
    padding-bottom:45px;
  }

  ul.footerLinks
  {
    list-style:none;
    padding:0px;
    margin:0px;
    margin-bottom:30px;
    font-size:17px;
    line-height:1.22;
  }
}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px)
{
  body
  {
    margin:0;
    padding:0;
    /*height:100%;*/

    font-family:"DM Sans", sans-serif;
    font-optical-sizing:auto;
    font-weight:400;
    font-style:normal;
    font-size:19px;
    color:#444444;

    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */

    background-image:url("images/background2.svg");
    background-repeat:repeat-y;
    background-position:center top;
    background-size:100% auto;
  }

  h1
  {
    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:55px;
    line-height:1.2!important;

    margin-bottom:35px;
  }

  .slideBanner h1
  {
    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:60px;
    line-height:1.15!important;

    margin-bottom:40px;
  }

  h2
  {
    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:40px;
    line-height:1.25!important;

    margin-bottom:35px;
  }

  h3
  {
    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:30px;
    line-height:1.3!important;

    margin-bottom:20px;
  }

  h4
  {
    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:25px;
    line-height:1.3!important;

    margin-bottom:20px;
  }

  h5
  {
    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:24px;
    line-height:1.3!important;

    margin-bottom:10px;
  }

  h6
  {
    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:22px;
    line-height:1.3!important;

    margin-bottom:15px;
  }

  .headerTop
  {
    padding-top:7px;
    padding-bottom:7px;

    padding-left:15px;
    padding-right:15px;
    text-align:right;
    font-size:20px;
  }

  .logoHeader
  {
    max-width:205px;
    padding-left:20px;
  }

  .logoProduct
  {
    width:150px;

    position:absolute;
    top:150px;
    right:15px;
  }

  .anchorBar
  {
    display:block;
    position:sticky;
    z-index:1;
    top:0px;
  }
  .breadcrumbHolder
  {
    display:block;
  }

  .typeWriter
  {
    position:absolute;
    padding-top:125px;
    padding-bottom:0px;
    
    top:0px;
    height:calc(100%);
    width:100%;

    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    background:rgba(255, 255, 255, 0.12);
  }

  .typeWriter *
  {
    color:inherit;
  }

  .tileImage
  {
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .tileText
  {
    /*background-color:#ECEEF9;*/
    height:0px;
    padding-top:25px;
    padding-bottom:calc(100% - 20px);
    padding-left:20px;
    padding-right:20px;
    position:relative;
  }

  .buttonSmall
  {
    display:inline-block;

    padding-top:7px;
    padding-bottom:7px;
    padding-left:30px;
    padding-right:30px;

    margin-left:3px;
    margin-right:3px;
    margin-bottom:20px;

    font-family:"DM Sans", sans-serif;
    font-size:14px;
    font-weight:600;
    text-align:center;
    border:1px solid transparent;
    border-radius:10px;

    transition:all 0.3s ease-out;
  }
  .buttonMedium
  {
    display:inline-block;

    padding-top:6px;
    padding-bottom:6px;
    padding-left:25px;
    padding-right:25px;

    margin-left:3px;
    margin-right:3px;
    margin-bottom:20px;

    font-family:"DM Sans", sans-serif;
    font-size:20px;
    font-weight:600;
    text-align:center;
    border:1px solid transparent;
    border-radius:10px;

    transition:all 0.3s ease-out;
  }
  .buttonLarge
  {
    display:inline-block;

    padding-top:9px;
    padding-bottom:9px;
    padding-left:30px;
    padding-right:30px;

    margin-left:3px;
    margin-right:3px;
    margin-bottom:20px;

    font-family:"DM Sans", sans-serif;
    font-size:20px;
    font-weight:600;
    text-align:center;
    border:1px solid transparent;
    border-radius:10px;

    transition:all 0.3s ease-out;
  }

  .marginLeftRightExtra
  {
    margin-left:30px;
    margin-right:30px;
  }

  .featureBar
  {
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;

    height:auto;
    padding-top:200px;
  }

  .featureBarInner
  {
    border:1px solid white;
    border-bottom:0px;
    background-color:rgba(255, 255, 255, 0.58);
    
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);

    border-top-left-radius:30px;
    border-top-right-radius:30px;
    overflow:hidden;
  }

  .documentControlNumber
  {
    font-size:16px;
    /*text-align:right;*/
    padding-top:0px;
    padding-bottom:30px;
  }

  footer
  {
    /*
    margin-top:15px;
    margin-bottom:30px;
    margin-left:30px;
    margin-right:30px;
    */
  }

  .footer
  {
    font-size:14px;
    line-height:18px;
    padding-top:80px;
    padding-bottom:45px;
  }

  ul.footerLinks
  {
    list-style:none;
    padding:0px;
    margin:0px;
    margin-bottom:30px;
    font-size:18px;
    line-height:1.22;
  }
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{
  .slideBanner h1
  {
    font-family:"DM Sans", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:65px;
    line-height:1.15!important;

    margin-bottom:45px;
  }

  .logoProduct
  {
    width:175px;

    position:absolute;
    top:160px;
    right:15px;
  }

  .buttonMedium
  {
    display:inline-block;

    padding-top:6px;
    padding-bottom:6px;
    padding-left:30px;
    padding-right:30px;

    margin-left:3px;
    margin-right:3px;
    margin-bottom:20px;

    font-family:"DM Sans", sans-serif;
    font-size:20px;
    font-weight:600;
    text-align:center;
    border:1px solid transparent;
    border-radius:10px;

    transition:all 0.3s ease-out;
  }

  .marginLeftRightExtra
  {
    margin-left:35px;
    margin-right:35px;
  }
}

@media (min-width: 1300px)
{
  .marginLeftRightExtra
  {
    margin-left:55px;
    margin-right:55px;
  }
}


@media (min-width: 1400px)
{
  .slideBanner h1
  {
    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:70px;
    line-height:1.15!important;

    margin-bottom:50px;
  }

  body
  {
    margin:0;
    padding:0;
    /*height:100%;*/

    font-family:"DM Sans", sans-serif;
    font-optical-sizing:auto;
    font-weight:400;
    font-style:normal;
    font-size:20px;
    color:#444444;

    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */

    background-image:url("images/background2.svg");
    background-repeat:repeat-y;
    background-position:center top;
    background-size:100% auto;
  }
}

@media (min-width: 1560px)
{
  .logoProduct
  {
    width:200px;
    position:absolute;
    top:180px;
    right:5%;
  }
}

@media (min-width: 1600px)
{
  /*
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl
  {
    max-width:1430px;
  }
  */

  footer
  {
    /*
    margin-top:15px;
    margin-bottom:50px;
    margin-left:50px;
    margin-right:50px;
    */
  }
}

@media (min-width: 1920px)
{
  .logoProduct
  {
    width:200px;
    position:absolute;
    top:180px;
    right:6%;
  }
}


/*
* - slick slider -
*/
.slick-arrow
{
  cursor:pointer;
  font-size:60px;
  transition:all 0.4s;
  padding-left:5px;
  padding-right:5px;
  color:#001E43;
}
.slick-arrow:hover
{
  opacity:0.75;
}

.slick-dots
{
  bottom:-45px!important;
  /*left:0px!important;*/
}




.sliderBanners
{
  position:relative;
  font-size:0px;
}

.sliderBanners.slick-dotted.slick-slider
{
  margin-bottom:0px!important;
}

.sliderBanners .slick-dots
{
  text-align:center;
  width:100%;
  bottom:5%;
}
.sliderBanners .slick-track
{
  display:flex!important;
}
.sliderBanners .slick-slide
{
  height:inherit!important;
}
.sliderBanners .slick-slide > div
{
  height:100%;
}



.sliderPanels .slick-track,
.sliderPanelsZoom .slick-track
{
  display:flex!important;
}
.sliderPanels .slick-slide,
.sliderPanelsZoom .slick-slide
{
  height:inherit!important;
}
.sliderPanels .slick-slide > div,
.sliderPanelsZoom .slick-slide > div
{
  height:100%;
}

.slidePanel
{
  height:100%;
  padding-left:10px;
  padding-right:10px;
  text-align:center;
}
.slidePanel > div
{
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  padding:18px;
}
.slidePanel > div .buttonSmall,
.slidePanel > div .buttonMedium,
.slidePanel > div .buttonLarge
{
  width:fit-content;
}
.bgPanelGradient
{
  background-image:linear-gradient(135deg, rgba(29, 66, 138, 0.06) 0%, rgba(29, 66, 138, 0.65) 100%);
  color:#001E43;
}


@media (min-width:1200px)
{
  /*sliderPanelsZoom */
  .sliderPanelsZoom
  {
    padding-left:0px!important;
    padding-right:0px!important;
    padding-bottom:0px!important;
  }

  .sliderPanelsZoom .slick-list
  {
    overflow-x:clip;
    overflow-y:visible;
  }

  .sliderPanelsZoom .slick-slide
  {
    transition:all 0.1s;
  }

  .sliderPanelsZoom .slick-slide.slick-current
  {
    transform:scale(1.07);
    position:relative;
    z-index:1;
  }

  .sliderPanelsZoom .slick-slide:not(.slick-current)
  {
    transform:scale(0.96);
    opacity:0.9;
  }
  /* sliderPanelsZoom */
}


.sliderVideos .slick-dots
{
  text-align:center;
  width:100%;
  bottom:-75px!important;
}
.sliderVideos .slick-track
{
  display:flex!important;
}
.sliderVideos .slick-slide
{
  height:inherit!important;
}
.sliderVideos .slick-slide > div
{
  height:100%;
}

.slideVideo
{
  height:100%;
  padding-left:10px;
  padding-right:10px;
  text-align:center;
}
.slideVideo > div
{
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:end;
  align-items:center;
}

.slideVideo > div a
{
  position:relative;
  display:block;
}
.iconPlay
{
  width:100px;
  height:100px;

  position:absolute;
  top:calc(50% - 50px);
  left:calc(50% - 50px);
}

.sliderVideos.slick-slider > div
{
  line-height:0px; /*removes space under individual slides*/
}
.sliderVideos.slick-slider > div .slideVideo *
{
  line-height:normal; /*restore "normal" line height for buttons*/
}

.sliderVideos .slick-slide.slick-current
{
  position:relative;
}

.slideVideoCaption
{
  padding:5px;
  text-align:center;

  /*position:absolute;*/
  width:calc(100% - 10px - 10px);
  /*bottom:0px;*/
  opacity:0;
  transition:all 0.6s;
}

.sliderVideos .slick-slide.slick-current .slideVideoCaption
{
  opacity:1.0;
}

@media (min-width:768px)
{
  /*sliderVideos */
  .slideVideo
  {
    /*
    padding-left:0px!important;
    padding-right:0px!important;
    */
  }

  .sliderVideos .slick-list
  {
    overflow-x:clip;
    overflow-y:visible;
  }

  .sliderVideos .slick-slide
  {
    transition:all 0.1s;
  }

  .sliderVideos .slick-slide.slick-current
  {
    transform:scale(1.2);
    position:relative;
    z-index:1;
  }

  .sliderVideos .slick-slide:not(.slick-current)
  {
    transform:scale(1.0);
    /*opacity:0.9;*/
  }
}



.slick-dots li
{
  margin-left:0px!important;
  margin-right:0px!important;
}
.slick-dots li::before
{
  content:none;
}
.slick-dots li button::before 
{
  font-size:12px!important;
  color:#001E43!important;
  filter:drop-shadow(0 0 2px rgba(255, 255, 255, 1.0) );
  opacity:1.0!important;
}
.slick-dots li.slick-active button::before
{
  color:#485CC7!important;
}

.slick-prev1
{
  /*display:inline-block;*/
  position:absolute;
  top:calc(50% - 30px);
  left:-100px;

  font-size:60px;
  line-height:60px;
}
.slick-next1
{
  /*display:inline-block;*/
  position:absolute;
  top:calc(50% - 30px);
  right:-100px;

  font-size:60px;
  line-height:60px;
}

.slick-arrow.slick-hidden,
.slick-disabled
{
  display:none!important;
}


.tabContent
{
  display:none;
}
.tabContent:first-child
{
  display:block;
}


@media (min-width: 768px)
{
  .container-margin-override-left
  {
    margin-left: 10% !important;
  }

  .container-margin-override-right
  {
    margin-right: 10% !important;
  }
}

.container-margin-left
{
  margin-left: 15px;
}

.container-margin-right
{
  margin-right: 15px;
}

@media (min-width: 576px)
{
  .container-margin-left
  {
    margin-left: calc(((100vw - 540px - 15px) / 2) + 15px);
  }

  .container-margin-right
  {
    margin-right: calc(((100vw - 540px - 15px) / 2) + 15px);
  }
}

@media (min-width: 768px)
{
  .container-margin-left
  {
    margin-left: calc(((100vw - 720px - 15px) / 2) + 15px);
  }

  .container-margin-right
  {
    margin-right: calc(((100vw - 720px - 15px) / 2) + 15px);
  }
}

@media (min-width: 992px)
{
  .container-margin-left
  {
    margin-left: calc(((100vw - 960px - 15px) / 2) + 15px);
  }

  .container-margin-right
  {
    margin-right: calc(((100vw - 960px - 15px) / 2) + 15px);
  }
}

@media (min-width: 1200px)
{
  .container-margin-left {
    margin-left: calc(((100vw - 1140px - 15px) / 2) + 15px);
  }

  .container-margin-right {
    margin-right: calc(((100vw - 1140px - 15px) / 2) + 15px);
  }
}

@media (min-width: 1400px)
{
  .container-margin-left {
    margin-left: calc(((100vw - 1320px - 15px) / 2) + 15px);
  }

  .container-margin-right
  {
    margin-right: calc(((100vw - 1320px - 15px) / 2) + 15px);
  }
}
/*
@media (min-width: 1600px)
{
  .container-margin-left
  {
    margin-left: calc(((100vw - 1430px - 15px) / 2) + 15px);
  }

  .container-margin-right
  {
    margin-right: calc(((100vw - 1430px - 15px) / 2) + 15px);
  }
}

@media (min-width: 1900px)
{
  .container-margin-left
  {
    margin-left: calc(((100vw - 1670px) / 2) + 15px);
  }

  .container-margin-right
  {
    margin-right: calc(((100vw - 1670px) / 2) + 15px);
  }
}
*/


header
{
  width:100%;
  /*position:sticky;*/

  position:absolute;
  top:0px;
  z-index:4;
  top:0px;
  
  transition:all 0.4s;
}
.header
{
  border-bottom-left-radius:15px;
  border-bottom-right-radius:15px;

  overflow:hidden; /* ? remove for backend*/
}

.headerTopLink
{
  font-family:"Poppins", sans-serif;
  font-weight:600;
  font-style:normal;
  font-size:14px;
  line-height:18px;

  padding-left:35px;
  padding-right:35px;
}

.headerBottom
{
  padding-top:20px;
  padding-bottom:20px;
  padding-left:15px;
  padding-right:0px;

  background-color:white;
  background-color:rgba(253, 253, 253, 0.975); /*Just off white*/

  border-bottom-left-radius:15px;
  border-bottom-right-radius:15px;
}
.headerBottom ul
{
  float:right;
  list-style:none;
  padding:0px;
  margin:0px;
  font-size:0px;
}


@media (min-width: 992px)
{
  .headerBottom ul li
  {
    display:inline-block;

    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:13px;
    line-height:17px;
  }
  .headerBottom ul li a
  {
    padding-left:20px;
    padding-right:20px;

    color:#001E43;
  }
}

@media (min-width: 1300px)
{
  .headerBottom ul li
  {
    display:inline-block;

    font-family:"Poppins", sans-serif;
    font-weight:600;
    font-style:normal;
    font-size:14px;
    line-height:18px;
  }
  .headerBottom ul li a
  {
    padding-left:35px;
    padding-right:35px;

    color:#001E43;
  }
}

.headerBottom ul li a.active,
.headerBottom ul li a:hover
{
  color:#485CC7;
}

.anchorBar
{
  background-color:#EDEDED;
  padding:10px;
  text-align:center;
}
.anchorBar a
{
  display:inline-block;
  font-size:14px;
  font-weight:600;
  color:#001E43;
  padding-left:25px;
  padding-right:25px;
}

.rank-math-breadcrumb
{
  font-size:70%;
  padding-top:11px;
  padding-bottom:11px;
}
.rank-math-breadcrumb p
{
  /*padding-bottom:15px;*/
  padding-bottom:0px;
  line-height:175%!important;
}

.rank-math-breadcrumb p a
{
  text-decoration:none;
  font-weight:normal;
  color:#444444;
}

.rank-math-breadcrumb .separator
{
  padding-left:13px;
  padding-right:13px;
}
.rank-math-breadcrumb .last
{
  font-weight:800;
  display:inline-block;
}


.tile
{
  padding-top:25px;
  padding-bottom:25px;
  padding-left:30px;
  padding-right:30px;

  text-align:center;
  height:100%;
}

.tile > img
{
  margin-left:auto;
  margin-right:auto;
  margin-top:30px;
  margin-bottom:30px;
  width:80px;
}

.tileNumber
{
  font-size:100px;
  font-weight:300;
}

.tileGeneric
{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  text-align:center;

  height:100%;
}


ul.footerLinks li
{
  padding-bottom:10px;
}

ul.footerLinks a
{
  display:inline-block;
  font-weight:400;
  color:white;
  margin-bottom:0px;
}

.buttonSocial
{
  display:inline-block;
  height:34px;
  width:34px;
  border-radius:50%;
  border:0px;
  overflow:hidden;
  text-align:center;
  font-size:19px;
  line-height:34px;
  color:white!important;
  margin-left:4px;
  margin-right:4px;
  margin-bottom:0px;

  transition: all 0.3s;

  border:1px solid white;
}
.buttonSocial .fab,
.buttonSocial .fas {
  position: relative;
  top: 0px;
}


.buttonRounded
{
  border-radius:10px;
}
.buttonSquared
{
  border-radius:0px;
}

/*
.buttonBorderBlueDark
{
  border:1px solid #1D428A;
}
.buttonBorderBlueNavy
{
  border:1px solid #001E43;
}

.buttonBorderIndigo
{
  border:1px solid #485CC7;
}
.buttonBorderGreyCool
{
  border:1px solid #98989A;
}
.buttonBorderSunflower
{
  border:1px solid #FFC658;
}

.buttonBorderGenesysHTA
{
  border:1px solid #004B87;
}
.buttonBorderResectr
{
  border:1px solid #1896D9;
}
.buttonBorderMinerva
{
  border:1px solid #883F98;
}

.buttonBorderSymphion
{
  border:1px solid #9A2885;
}

.buttonBorderHERizon
{
  border:1px solid #00968F;
}

.buttonBorderWhite
{
  border:1px solid white;
}
*/


.selectFilter
{
  width:100%;
  min-height:50px;

  border:1px solid #ECEEF9;
  background-color:#ECEEF9; /*iPhone's*/

  font-family:"Poppins", sans-serif;
  font-weight:400;
  font-style:normal;
  color:#001E43;
  
  margin-top:0px;
  margin-bottom:22px;

  -webkit-appearance:none;
  -moz-appearance:none;
  -ms-appearance:none;
  appearance:none;
  border-radius:20px 20px 20px 20px!important;

  position:relative;
}
@media (min-width: 768px)
{
  .selectFilter
  {
    font-size:25px;
  }
}

.selectFilter:hover
{
  /*background-color:#EBECED;*/
}

.selectFilter .selectFilter
{
  border:1px solid #707070;
  background-color:white; /*iPhone's*/
  margin-bottom:22px;
}


.selectFilter > a
{
  display:block;
  width:calc(100% - 60px);
  overflow:hidden;
  /*white-space:nowrap;*/

  padding-top:25px;
  padding-bottom:25px;
  
  padding-left:22px;
  padding-right:22px;
}

.selectFilter .selectFilterIcon
{
  transition:all 0.4s;
  position:absolute;
  top:28px;
  right:15px;
}

.rotated180
{
  transform:rotate(180deg);
  transform-origin:center center;
}

.selectFilters
{
  /*padding-top:20px;*/
  padding-top:8px;
  padding-left:22px;
  padding-right:22px;
  display:none;
}
.selectFilters > div
{
  margin-top:0px;
  margin-bottom:12px;
}

.selectFilter.selected > a > h1,
.selectFilter.selected > a > h2,
.selectFilter.selected > a > h3,
.selectFilter.selected > a > h4,
.selectFilter.selected > a > h5,
.selectFilter.selected > a > h6
{
  color:#1D428A;
}

/*
  Remove ugly default square blue outlines on Firefox and Chrome.
  Remove ugly default square black outline on Microsoft Edge (Chromium).
  Safari's is rounded
*/
/*Any Firefox*/
@-moz-document url-prefix() 
{
  input:focus,
  select:focus,
  textarea:focus,
  button:focus 
  {
    outline:none;
  }
}
/*Chrome 29+*/
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm)
{
  input:focus,
  select:focus,
  textarea:focus,
  button:focus 
  {
    outline:none;
  }
}


/*Primary*/
.blueDark
{
  color:#1D428A!important;
}
.blueNavy
{
  color:#001E43!important;
}

.blueLight
{
  color:#ECEEF9!important;
}

/*Secondary*/
.indigo
{
  color:#485CC7!important;
}
.greyCool
{
  color:#98989A!important;
}
.sunflower
{
  color:#FFC658!important;
}

/*Product*/
.GenesysHTA
{
  color:#004B87!important;
}
.Resectr
{
  color:#1896D9!important;
}
.Minerva
{
  color:#883F98!important;
}

.Symphion
{
  color:#9A2885!important;
}

.HERizon
{
  color:#00968F!important;
}

.white
{
  color:white!important;
}

/*Primary*/
.bgBlueDark
{
  background-color:#1D428A;
  color:white;
}
.bgBlueNavy
{
  background-color:#001E43;
  color:white;
}
.bgBlueLight
{
  background-color:#ECEEF9;
  background-color:rgba(236, 238, 249, 0.95);
  color:black;
}

/*Secondary*/
.bgIndigo
{
  background-color:#485CC7;
  color:white;
}
.bgGreyCool
{
  background-color:#98989A;
  color:black;
}
.bgSunflower
{
  background-color:#FFC658;
  color:black;
}

/*Product*/
.bgGenesysHTA
{
  background-color:#004B87;
  color:white;
}
.bgResectr
{
  background-color:#1896D9;
  color:white;
}
.bgMinerva
{
  background-color:#883F98;
  color:white;
}

.bgSymphion
{
  background-color:#9A2885;
  color:white;
}

.bgHERizon
{
  background-color:#00968F;
  color:white;
}

.bgWhite
{
  background-color:white;
  color:#001E43;
}

.bgTransparent
{
  background-color:transparent;
  color:white;
  color:#001E43;
  border-color:white;
}

.bgLinearGradient
{
  background-color:#1D428A;
  /*background-image:linear-gradient(to right, #1D428A 0%, #1C4087 22%, #001E43 100%);*/
  background-image:linear-gradient(to right, #001E43 0%, #1D428A 100%);
  color:white;
}

.bgRadialGradient
{
  background-color:#1D428A;
  background-image:radial-gradient(closest-side at 50% 50%, #1D428A 0%, #001E43 100%);
  color:white;
}

.buttonSmall.bgBlueDark:hover,
.buttonMedium.bgBlueDark:hover,
.buttonLarge.bgBlueDark:hover
{
  background-color:#485CC7;
  color:white;
}

.buttonSmall.bgWhite:hover,
.buttonMedium.bgWhite:hover,
.buttonLarge.bgWhite:hover
{
  background-color:#485CC7;
  color:white;
}

.roundedBorders10
{
  border-radius:10px;
  overflow:hidden;
}
.roundedBorders20
{
  border-radius:20px;
  overflow:hidden;
}
.roundedBorders30
{
  border-radius:30px;
  overflow:hidden;
}

@media (min-width: 768px)
{
  .roundedBorders30_tabletBeyond
  {
    border-radius:30px;
    overflow:hidden;
  }
}

img.center
{
  display:block;
  margin-left:auto;
  margin-right:auto;
}
.center
{
  text-align:center;
}


.no-gutter > [class*='col']
{
  padding-left:0;
  padding-right:0;
}

.no-padding
{
  padding:0!important;
}

.padding15
{
  padding:15px;
}
.padding30
{
  padding:30px;
}
.padding45
{
  padding:45px;
}

.padding10Percent
{
  padding:10%;
}
.padding10PercentY
{
  padding-top:10%;
  padding-bottom:10%;
}
.padding15Percent
{
  padding:15%;
}

.padding5PercentX
{
  padding-left:5%;
  padding-right:5%;
}


iframe
{
  width:100%!important;
  display:block;
  /*margin-bottom:30px;*/
}

.fancybox-skin
{
  background-color:#FAFAFA!important;
  color:inherit!important;
}

/*applies to backend editor, no effect to frontend*/
.wp-block-acf-general-spacer
{
  border:1px dashed grey;
}

.editor-visual-editor__post-title-wrapper
{
  margin-top:15px!important;
}

h1.wp-block-post-title
{
  font-size:2.5rem;
  font-weight:normal;
  border:1px dotted grey;
  padding:15px;
  margin-top:5px;
  margin-bottom:15px;
}

.acf-relationship .list
{
  /*height:160px;*/
  height:260px;
}