/* 
Theme Name:     Wuxi RSD Theme
Theme URI:      https://www.splust.com
Description:    Bootstraap 4 started child theme
Author:         Charlie B
Author URI:     https://www.splust.com
Template:       wp-bootstrap-starter
Version:        1.0.0
*/


/*
    Add your custom styles here
*/

html {
    scroll-behavior: smooth;
}

h1 {
    font-size: 2.4rem;
}

h2 {
    font-size: 25px;
}

h1, h2, h3, h4, h5{
    color: #032F52;
}

a:hover {
    text-decoration: none;
}

a {
    color: #0083d1;
}

p, li, ol {
    color: #6D6E6E;
    line-height: 1.9;
}

hr, .wp-block-separator {
    width:  90%;
    border-top: 2px solid rgba(0,0,0,.1);
    border-bottom: none;
}

.white-text, 
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4, 
.white-text h5,
.white-text h6
.white-text p,
.white-text a,
.white-text ul,
.white-text li {
    color: #fff!important;
}

header#masthead {
    background-color: #fff;
 }

summary {
    display: list-item;
}

.flex-wrap {
    flex-wrap: wrap;
}

.sectionpadder {
    padding: 50px 100px;
    width: 100%;
    display: block;
    max-width: 1900px;
     margin: 0 auto;
}

.halfsectionpadder {
    padding: 30px 50px;
    width: 100%;
    display: block;
    max-width: 1900px;
     margin: 0 auto;
}

.gray-background, .grey-background {
    background-color: #E6E6E6;
    padding: 70px 100px!important;
}

.dkblue-background {
    background-color: #11305F;
}

.white-background {
    background-color: #fff;
}

.section-padded {
    padding: 40px 100px;
}

.fw-content {
    padding: 30px 0px;
}

.btn {
    box-shadow: none !important;
}

.btn-blue {
    color:  #0083d1;
    border:  1px solid #0083d1;
    border-radius: 0px !important;
    padding: 5px 25px;
}

.btn-blue:hover {
    border-color: #212529;
}

.text-blue {
    color: #0083d1 !important;
}

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* HEADER */

.navbar-brand {
    padding-bottom: 0;
}

.navbar-brand h1, .navbar-brand h2 {
    font-family: 'Open Sans', sans-serif!important;
    color: #032F52;
}

.navbar-brand img {
    width: 180px;
    margin-top: 30px;
    margin-bottom: 0!important;
}

.navbar-brand h2 {
    font-size: 23px;
    font-weight: 300;
    margin: 0;
}

.navbar-brand h1 {
    font-size: 25px;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 13px;
    font-weight: 600;
}

.sticky-logo {
    font-size: 20px;
    margin: 0;
    padding: 0;
    padding-left: 30px;
    font-weight: 600;
    color: #03507C;
    display: none;
}

#stickyParent {
    padding-top:  10px!important;
    padding-bottom: 0px!important;
    font-weight: 600;
}

#SubpgTitleWrap .SubpgTitleInner .sectionpadder h3 {
    color: #fff;
    font-weight: 900;
    margin-bottom: -5px;
}

header#masthead {
    padding: 0;
}

.header-container.sectionpadder {
    padding-top: 0;
    padding-bottom: 0;
}

.header-container {
    display: flex;
    justify-content: space-between;
}

ul#menu-top-menu {
    flex-direction: row;
}

li#menu-item-32 {
    margin-left: 20px;
}

/*li#menu-item-32 a:after, li#menu-item-33 a:after  {
    content: "|";
    margin-right: -12px;
    margin-left: 5px;
    font-size: 13px;
    margin-bottom: 33px;
    vertical-align: text-top;
}
*/
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
    color: #0083d1;
}

body:not(.theme-preset-active) #masthead #top-nav .navbar-nav > li > a {
    color: #0083d1 !important;
}

body:not(.theme-preset-active) #masthead #top-nav .navbar-nav > li > a:hover {
    color: #0056b3 !important;
}

#top-nav .dropdown-menu {
    border-radius: 0px;
    font-size: 13px;
}

#top-nav .menu-item-has-children {
    cursor: pointer;
}

#top-nav .dropdown-menu li:hover a {
    color: #0083d1;
}

.navbar input.search-field.form-control {
    font-size: 13px;
    padding: 2px 12px;
    height: auto;
    border-radius: 0;
    border: none;
    background-color: rgb(255 255 255 / 84%);
    margin-top: 9px;
    margin-bottom: 0;
    width: 130px;
}

ul#menu-main-menu .mobileonly {
    display: none;
}

.navbar-nav .dropdown-menu {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
}

.dropdown-menu li a {
    padding: .25rem 1.5rem;
}

nav.navbar a {
    font-family: 'Montserrat', sans-serif!important;
    font-size: 14px!important;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, 
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
    font-weight: 500;
}

div#main-nav a, .contactnavlink a {
    font-weight: 500!important;
    color: #fff!important;
}


div#main-nav li{
    display: flex;
    align-items: center;
}

div#main-nav li, .contactnavlink a {
    font-weight: 500!important;
    padding: 11px 20px!important;
    color: #fff!important;
    height: 43px;
}

li#menu-item-1216 {
    background-color: #32B2FF;
}

li#menu-item-27 {
    background-color: #0083D1;
}

li#menu-item-28 {
    background-color: #2266AD;
}

li#menu-item-1365, li#menu-item-1366, li#menu-item-1364, li#menu-item-1391 {
    display: none !important;
    color: #013E61 !important;
    border-bottom: 2px solid #fff !important;
}

.nav-arrow {
    display: none;
}

.navbar form.search-form {
    background-color: #03507C;
    padding: 1px 25px 0 11px!important;
    height: 43px;
}

.navbar button.search-submit {
    padding-left: 4px;
    padding-right: 4px;
    color: #fff;
}

.contactnavlink {
    height: 43px;
    background-color: #013E61;
    display: flex;
}

ul#menu-main-menu ul {
    display: none;
    float: left;
    position: absolute;
    z-index: 99999;
    background-color: #fff;
    padding: 0;
    text-align: left;
    list-style: none;
    margin-left: 0px;
    top: 43px;
    left: 4%;
    right: 4%;
}

ul#menu-main-menu ul ul {
    display: block;
    position: relative;
    min-width: unset;
    top: auto;
}

ul#menu-main-menu ul.sub-menu li li {
    padding: 0!important;
    text-align: left;
    width: 100%;
    display: inline-block;
    line-height: 1.4;
}


ul#menu-main-menu ul a {
    color: #022f52!important;
    font-weight: 700!important;
    font-family: 'Open Sans', sans-serif!important;
    display: block;
    padding: 7px 11px;
}

ul#menu-main-menu ul.sub-menu {
    padding: 20px 30px;
}

ul#menu-main-menu > li > ul.sub-menu {
    border: 1px solid #eee;
    border-top:  none;
}

ul#menu-main-menu ul a:hover {
    background-color: rgb(0 131 209 / 25%);
}

ul#menu-main-menu ul.sub-menu ul {
    padding: 0;
}

ul#menu-main-menu ul.sub-menu li {
    display: block;
    height: auto;
    text-align: left;
    width: 25%;
    position: relative;
    padding: 0!important;
}

ul#menu-main-menu ul ul.sub-menu {
    display: flex;
    flex-direction: row;
}

ul#menu-main-menu ul.sub-menu li li a {
    color: #0083d1!important;
}

ul#menu-main-menu ul.sub-menu ul {
    display: block;
    width: 100%;
    left: 0;
    right: 0;
}

ul#menu-main-menu li:hover > ul {
    display: flex;
}

ul#menu-main-menu ul li:hover > ul {
    display: block;
}

ul#menu-main-menu li:hover {
    border-bottom: 2px solid #032F52;
}

ul#menu-main-menu li li:hover {
    border-bottom: none;
}

.sub-menu ul > li > ul > li {
    margin-left: 20px;
    margin-top: -6px;
}

div#PrivPolPopUpWrap {
    background-color: #313131;
    position: fixed;
    bottom: 0;
    z-index: 100;
    width: 100%;
}

#PrivPolPopUpInnerWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}

#PrivPolCloseWrap {
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
    padding: 10px;
}

#PrivPolCloseWrap img {
    width: 20px;
}

div#PrivPolPopUpWrap p, div#PrivPolPopUpWrap a {
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
}



/* PARENT OF LAST CHILD MENU ITEM */
#menu-main-menu ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > a, 
#menu-main-menu ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-object-page > a,
#menu-main-menu ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-object-custom > a{
    color: #03507C!important;
    font-weight: 600!important;
}

/* LAST CHILD MENU ITEM */
#menu-main-menu ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-object-page > a{
     color: #0083d1!important;
     font-weight: 600!important;
}

/*  Safari Only Styles */
@media not all and (min-resolution:.001dpcm){ 
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {

        .ParentMenuWInner ul li.current_page_item {
            margin-left: 12px !important;
        }

        .ParentMenuWInner ul li.current_page_item:before {
            position: relative !important; 
            margin-right: 3px !important;
        }

        .ParentMenuWInner ul li {
            display: flex !important;
        }


    }
}

/* SLIDER */

.slidetextWrap {
    position: absolute;
    top: 18%;
}

.slideimg {
    min-height: 520px;
}

.slidetextWrap h2 {
    color: #fff;
    font-size: 2.6rem;
}

.slidetextWrap {
    position: absolute;
    top: 7%;
    max-width: 70%;
}

.slidetextWrap p {
    font-size: 18px;
}

.slidebuttonWrap a {
    color: #fff;
    font-size: 1.2rem;
    text-transform: uppercase;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 9px 20px;
}

.slidebuttonWrap {
    margin-top: 100px;
}

.slidebuttonWrap:first-of-type a {
    background-color: #fae01b;
    border: 2px solid #fae01b;
    color: #032f52;
}


/* HOMEPAGE */
.serviceWrap {
    text-align: center;
    height: 100%;
}

.serviceWrap h3 {
    font-size: 16px;
    margin-top: 5px;
    color: #fff;
}

.serviceWrap:hover .ServInfoHoverWrap{
    opacity: 1.0;
}

.ServInfoHoverWrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #F2F2F2;
    padding: 30px 15px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    opacity: 0;
    transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
}

.service a {
    color: unset;
}

.service-1,
.service-1 .ServInfoHoverWrap {
    background-color: #11305F;
}
.service-2,
.service-2 .ServInfoHoverWrap {
    background-color: #043F7A;
}
.service-3,
.service-3 .ServInfoHoverWrap {
    background-color: #0970B0;
}
.service-4,
.service-4 .ServInfoHoverWrap {
    background-color: #18A3DE;
}
.service-5,
.service-5 .ServInfoHoverWrap {
    background-color: #3BBBED;
}

.ServInfoHoverWrap p {
    font-size: 16px;
    color: #fff;
}

.ServIconTitleWrap {
    padding: 60px 15px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    align-items: center;
}

.ServIconTitleWrap img {
    padding: 30px;
    max-height: 175px;
}

.ServicesColsWrap {
    padding: 30px 0;
   /* border-top: 2px solid #F2F2F2;
    border-bottom: 2px solid #F2F2F2;*/
}

.SolutionsColsWrap {
    padding: 30px 0;
}

.solutionWrap {
    text-align: center;
    padding: 20px 25px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.solutionWrap h3 {
    min-height: 51px;
}

.solution:after {
    content: "";
    width: 1px;
    height: 66%;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #e2e2e2;
}

.solution:last-of-type:after {
    content: none;
}

.solutionWrap p {
    color: #808080;
}

/* HOMEPAGE GRAPHIC */

.home-svg {
    margin-bottom: -381px;
    max-width: 1250px;
    position: relative;
}

.graphic-section {
    cursor: pointer;
    position: relative;
}

.graphic-content {
    text-align: center;
    position: absolute;
    top: 31%;
    width: 41%;
    left: -43px;
    right: 0;
    display: none;
    margin: auto;
}

.default-graphic-content {
    display: block;
}

.graphic-content h2 {
    color: #0970b0!important;
    font-weight: 800;
    font-size: 25px;
    margin-top: 20px;
}

.graphic-content h2 span {
    color: #3bbbed!important;
    font-size: 20px;
    line-height: 20px;
    margin-top: 15px;
}

.graphic-content p {
    font-size: 18px;
    line-height: 30px;
}

rect {
    fill: #fff;
}

.cls-1 {
   fill:none;
}

 .cls-2 {
   fill:#11305f;
}

.yellow-fill {
    fill: #fae01b!important;
}

.yellow-stroke {
    stroke: #fae01b!important;
}

.blue-fill {
    fill: #0970b0!important;
}

.cls-3 {
    isolation:isolate;
}

.cls-4 {
    fill:#8c8c8c;
}

.cls-11,.cls-13,.cls-15,.cls-18,.cls-5,.cls-7,.cls-9 {
   fill:#fff;
}

.cls-5 {
   stroke:#11305f;
}

.cls-11,.cls-13,.cls-15,.cls-5,.cls-7,.cls-9 {
   stroke-miterlimit:10;stroke-width:0.88px;
}

.cls-6 {
   fill:#043f7a;
}

.cls-7 {
   stroke:#043f7a;
}

.cls-8 {
    fill:#0970b0;
}

.cls-9 {
    stroke:#0970b0;
}

.cls-10 {
    fill:#18a3de;
}

.cls-11 {
    stroke:#18a3de;
}

.cls-12 {
    fill:#3bbbed;
}

.cls-13 {
    stroke:#3bbbed;
}

.cls-14 {
    fill:#7ddbfa;
}

.cls-15 {
    stroke:#7ddbfa;
}

.cls-16 {
    clip-path:url(#clip-path);
}

.cls-17 {
    fill:#7ac5e1;
}

.cls-19 {
    clip-path:url(#clip-path-2);
}

.cls-20{ 
    fill:url(#linear-gradient);
}

g#Text {
    font-family: 'Montserrat',sans-serif!important;
}

/*WEBINAR PAGE STYLES*/

.blue-background, .has-blue-background-color {
    background-color: #0072bc;
}

.has-blue-background-color p, .has-blue-background-color li {
    color: #fff;
}

.grey-background {
    background-color: #efefef;
}

.section-padded {
    padding-top: 40px;
    padding-bottom: 40px;
}

.column-padded {
    padding: 25px;
}

.blue {
    color: #0072bc;
}

.lightblue {
    color: #20c4f4;
}

.darkblue {
    color: #022f52;
}

.green {
    color: #00ae4d;
}

.yellow {
    color: #ffcb05;
}

.orange {
    color: #ff852a
}

.light-text {
    color: #7f7f7f;
}

.form-container {
    padding: 30px;
}

.info-section {
    padding: 30px;
    min-height: 330px;
    background-color: #E6E6E6;
}

.info-section p {
    margin-bottom: 30px;
}

.webinar-button {
    text-align: center;
    background-color: #0072BD;
    color: #fff;
    border: none;
    padding: 20px 100px;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-decoration: none !important;
    outline: none !important;
}

.webinar-button:hover {
    background: #15b150;
}

.contact-container {
    color: #fff;
    font-size: 75%;
}

.button-container {
    display: flex;
    justify-content: center;
}

.sign-up-btn {
    background-color: #0072bc;
    border: none;
    padding: 8px 25px;
    color: #fff;
    outline: none !important;
    display: inline-block;
}

.sign-up-btn:hover, .sign-up-btn.active {
    background: #15b150;
    color: #fff;
}

.form-container {
    display: none;
}

.gform_body {
    color: #212529;
}

.gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type=checkbox] {
    margin-top: 0px !important;
}

.gform_button {
    background-color: none;
    border: none;
    padding: 8px 25px;
    color: #fff;
    color:  #0083d1;
    background: #fff;
    border:  1px solid #0083d1;
    border-radius: 0px !important;
    outline: none !important;
}

.gform_button:hover {
    color: #0056B4;
    border:  1px solid #0056B4;
}  

@media (min-width: 768px) and (max-width: 991px) {
  /* Show 4th slide on md  if col-md-4*/
    #prod-carousel .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item, 
    #prod-carousel2 .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }

}

@media (min-width: 576px) and (max-width: 768px) {
  /* Show 3rd slide on sm  if col-sm-6*/
    #prod-carousel .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item, 
    #prod-carousel2 .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }

}
@media (min-width: 576px) {
    
    #prod-carousel .carousel-item, 
    #prod-carousel2 .carousel-item {
        margin-right: 0;
    }

    /* show 2 items */
    #prod-carousel .carousel-inner .active + .carousel-item, 
    #prod-carousel2 .carousel-inner .active + .carousel-item {
        display: block;
    }
    
    #prod-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #prod-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item, 
    #prod-carousel2 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #prod-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }

    #prod-carousel .carousel-inner .carousel-item-next, 
    #prod-carousel2 .carousel-inner .carousel-item-next {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
    /* left or forward direction */
    #prod-carousel  .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #prod-carousel  .carousel-item-next.carousel-item-left + .carousel-item,
    #prod-carousel  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    #prod-carousel2  .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #prod-carousel2  .carousel-item-next.carousel-item-left + .carousel-item,
    #prod-carousel2  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    } 
    
    /* farthest right hidden item must be abso position for animations */
    #prod-carousel  .carousel-inner .carousel-item-prev.carousel-item-right, 
    #prod-carousel2  .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* right or prev direction */
    #prod-carousel .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #prod-carousel  .carousel-item-prev.carousel-item-right + .carousel-item,
    #prod-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    #prod-carousel2 .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #prod-carousel2  .carousel-item-prev.carousel-item-right + .carousel-item,
    #prod-carousel2 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}

/*MD*/
@media (min-width: 768px) {

    /* show 3rd of 3 item slide */
  #prod-carousel .carousel-inner .active + .carousel-item + .carousel-item, 
  #prod-carousel2 .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
 
    #prod-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item, 
    #prod-carousel2 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
  
    
    #prod-carousel .carousel-inner .carousel-item-next, 
    #prod-carousel2 .carousel-inner .carousel-item-next {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
    
    /* left or forward direction */
    #prod-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item, 
    #prod-carousel2 .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
    /* right or prev direction */
    #prod-carousel  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item, 
    #prod-carousel2  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}


/*LG */
@media (min-width: 991px) {

    /* show 4th item */
    #prod-carousel  .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item, 
    #prod-carousel2  .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    
    #prod-carousel  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item, 
    #prod-carousel2  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    
    /* Show 5th slide on lg if col-lg-3 */
    #prod-carousel  .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item, 
    #prod-carousel2  .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* left or forward direction */
    #prod-carousel  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item, 
    #prod-carousel2  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
    /* right or prev direction //t - previous slide direction last item animation fix */
    #prod-carousel  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item, 
    #prod-carousel2  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}

#prod-carousel .carousel-control-prev, 
#prod-carousel .carousel-control-next, 
#prod-carousel2 .carousel-control-prev, 
#prod-carousel .carousel-control-next {
    width: 9.5%;
    background-color: rgb(230 230 230 / 72%);
    opacity: 1.0;
}


div#prod-carousel,
div#prod-carousel2 {
    padding: 0 50px;
}

.prodCarControls i {
    font-size: 28px;
    color: #6D6E6E;
    width: 45px;
    height: 45px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#prod-carousel2 .prodCarControls i {
    color: #fff;
    background-color: #013E61;
}

.carItemInner {
    height: 100%;
    position: relative;
}

div#prod-carousel .carousel-inner.sci,
div#prod-carousel2 .carousel-inner.soc {
    width: 174%!important;
    margin-left: -37%!important;
}

div#prod-carousel, 
div#prod-carousel2 {
    overflow: hidden;
}

.articleinfoWrap {
/*    margin: 0 6% 0 0;*/
    height: 100%;
    display: flex; 
    flex-direction: column; 
    align-items: baseline; 
    justify-content: space-between; 
    backdrop-filter: blur(3px);
}

.articleinfoWrap p {
    padding-bottom: 15px;
}

.ls-type {
    padding-bottom: 0!important;
    color: #3BBBED;
    font-weight: 700;
    margin-bottom: 0;
}

#prod-carousel2 .articleinfoWrap.col {
    text-align: center;
    background-color: #efefef;
}

.latestsci-btn {
    border: 1px solid #0970b0;
    color: #fff!important;
    text-transform: uppercase;
    padding: 6px 20px;
    margin-top: 20px;
    background-color: #0970b0;
}

.latestsci-btn:hover {
   background-color: #0083d1;
}

.lt-sci-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

#prod-carousel2 .articleinfoWrap.col {
    text-align: center;
    background-color: #efefef;
}


.HomeLatestScienceInner {
    background-color: #E6E6E6;
}

.LatestScienceColsWrap.row, .SocialColsWrap.row {
    margin: 0;
    padding-bottom: 90px;
}

.prodCarControls .fa-chevron-right:before, .prodCarControls .fa-chevron-left:before {
    vertical-align: sub;
}


.KnowMoreInner {
    background-image: url(images/tabletguy.jpg);
    background-size: cover;
    background-position: center;
}

.KnowMoreColsWrap.row {
    align-items: center;
    margin: 10px 0;
}

.KnowMore.buttons {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.KnowMore .blubutton {
    text-align: center;
    margin-bottom: 30px;
}

.blubutton a {
    color: #022f52!important;
    font-size: 1.3rem;
    text-transform: uppercase;
    border: 2px solid #022f52;
    border-radius: 5px;
    padding: 10px 25px;
    white-space: nowrap;
}

.KnowMore h2 {
    line-height: 1.4;
}

.section-separator {
    border-bottom: 2px solid #e6e6e6;
    padding-bottom: 75px;
}

.three-col ul.threecol, ul.twocol {
    column-count: 1!important;
}

.subpage-content li, .subpage-inner ol li {
    margin-bottom: 0.5px!important;
}


/* TABLE STYLES */
.wp-block-table thead {
    background-color: #0083d1;
    color: #fff;
    padding: 20px;
}

th {
    padding: 15px;
}

td {
    padding: 15px;
    border-bottom: 1px solid #6D6E6E;
}

.wp-block-table figcaption {
    font-size: 12px;
    margin-top: -10px;
}

.wp-block-media-text img {
    max-width: 70px;
    margin-left: 40%;
}

.flex-center {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

/* FOOTER*/

footer#colophon {
    background-color: #043055!important;
    color: #fff!important;
}

.footer-content .navbar-brand h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif!important;
    margin-bottom: 0;
    margin-top: 15px;
}

.footer-content .navbar-brand h5 {
    color: #fff;
    font-size: 15px;
    font-weight: 200;
    font-family: 'Open Sans', sans-serif!important;
    margin-bottom: 0;
    margin-top: 2px;
}

.contactfooter h3 {
    color: #fff;
    font-size: 19px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif!important;
    margin: 0 0 6px;
}

.contactfooter p {
    margin-bottom: 0;
    line-height: 1.7;
    color: #fff;
}

.footer-content .navbar-brand img {
    margin-top: 0;
}

.sectionpadder.copyright {
    padding-top: 0px;
    padding-bottom: 15px;
    font-size: 12px;
}

footer .copyright:before {
    content: "";
    border-top: 0.5px solid rgba(255,255,255,0.1);
    display: block;
    padding-bottom: 20px;
}

ul.socialfooter {
    list-style: none;
    padding: 0;
}

ul.socialfooter li {
    display: inline-block;
    margin: 0 17px 15px 0;
}

ul.socialfooter a {
    background-color: unset;
}

ul.socialfooter li img {
    width: 38px;
}

.qrcode img {
    width: 150px!important;
    height: 150px;
    background-color: #fff;
    position: absolute;
    bottom: 105%;
    display: none;
}

ul.socialfooter li.chat:hover .qrcode img {
    display: block;
}

ul.socialfooter li.chat {
    cursor: pointer;
}

.footer-content .col {
    margin-bottom: 20px;
}

#footer-nav .navbar-nav {
    flex-direction: row;
}

#footer-nav .navbar-nav > li {
    padding: 0px 15px;
}

#footer-nav .navbar-nav > li > a {
    font-weight: 700;
 }

#footer-nav .sub-menu {
    padding: 0px;
    list-style: unset;
}   

#footer-nav a {
    color: #fff !important;
    padding: 3px 5px !important;
    display: block;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 300;
}

#footer-nav a:hover {
    text-decoration: underline !important;
}

#footer-nav .menu-item-1365,
#footer-nav .menu-item-1366,
#footer-nav .menu-item-1364,
#footer-nav .menu-item-1391 {
    display: none;
}

#footer-up-arrow {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 15px;
    z-index: 99;
    cursor: pointer;
    padding: 0px;
    border: none;
    outline: none;
    background: none;
    padding: 5px;
}

#footer-up-arrow i {
    font-size: 30px;
    color: #0083d1;
}

#footer-up-arrow:hover i {
    color: #032F52;
}

#contactPopup {
    background-color: #0970b0;
    display: none;
    align-items: center;
    padding: 10px 15px;
    max-width: 350px;
    margin: 0px;
    position: fixed;
    right: 15px;
    bottom: 60px;
    z-index: 1;
    -webkit-animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
            animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

#contactPopup img {
    max-height: 60px;
    margin: 15px;
 }

#contactPopup h2 {
    font-size: 18px;
    color: #fff;
    margin: 0px;
    padding: 0px;
}

#contactPopup .close-btn {
    font-size: 25px;
    line-height: 0;
    color: rgba(255,255,255,0.7);
    position: absolute;
    top: 15px;
    right: 10px;
    z-index: 1;
    cursor: pointer;
}

#contactPopup .popup-btns a {
    display: block;
    margin: 10px 5px;
    min-width: 110px;
}


/* SUBPAGE */

.SubpgTitleInner.row {
    background-size: cover;
    background-attachment: fixed;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: #999;
}

.SubpgTitleInner h1, .SubpgTitleInner h2 {
    font-family: 'Open Sans', sans-serif!important;
    color: #fff;
}

.SubpgTitleInner h1 {
    margin: 0;
    padding: 0;
    line-height: 1.4;
}

.SubpgTitleInner h2 {
    font-weight: 200;
    font-size: 2.0rem;
    margin: 0;
    padding: 0;
}

.SubpgTitleInner .sectionpadder {
    padding-top: 40px;
    padding-bottom: 43px;
}

.SubpgTitleInner.fullwidth-title .sectionpadder,
#SubpgTitleWrap .SubpgTitleInner .sectionpadder {
    min-height: 250px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}


.SubpgTitleInner.fullwidth-title h1 {
    font-size: 2rem;
    margin-bottom:  5px;
}

.SubpgTitleInner.fullwidth-title h2 {
    font-size: 1.5rem;
}


.ParentMenuWInner a.parentlink {
    color: #022f52;
    width: 100%;
    display: block;
    font-weight: 600;
    margin-bottom: 20px;
}

.ParentMenuWInner ul {
    list-style: none;
    padding: 0;
    column-count: 4;
    margin-top: 10px;
    width: 100%;
    font-weight: 600;
}

.ParentMenuWInner ul li {
    margin-bottom: 12px;
    display: block;
    padding-right: 20px;
    line-height: 1.2;
    /*display: flex !important;*/
}

.ParentMenuWInner ul li a {
    display:  inline-block !important;
}


.ParentMenuWInner ul li.current_page_item:before {
    content: ">";
    position: absolute;
    margin-left: -12px;
}

.ParentMenuWInner ul ul {
    display: none;
}
.ParentMenuWInner ul li.current_page_item a {
    color: #022f52;
}

section#ParentMenuWrap {
    background-color: #fff;
    z-index: 100;
    border-bottom: 2px solid #b9e5ff;
    position: absolute;
}

.navbar {
    z-index: 101;
    /*position: absolute;*/
    right: 0;
    width: 100%;
    background-color: #fff;
}

.ParentMenuWInner .sectionpadder {
    padding-top: 35px;
    padding-bottom: 25px;
}

section#Subpgprimary h2 {
    font-family: 'Open Sans', sans-serif!important;
    font-weight: 600;
    margin-top: 15px;
    line-height: 1.3;
    margin-bottom: 25px;
}

section#Subpgprimary ul {
    padding-inline-start: 20px;
}


section#Subpgprimary ul.gform_fields {
    padding-inline-start:  0px;
}
section#Subpgprimary ul li {
    margin-bottom: 8px;
}

section#Subpgprimary ul ul {
    list-style: none;
}

section#Subpgprimary ul ul li:before {
    content: "-";
    margin-left: -8px;
    position: absolute;
}

ul.threecol {
    column-count: 3;
      -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  -ms-column-gap: 20px;
  -o-column-gap: 20px;
  column-gap: 20px;
}

ul.twocol {
    column-count: 2;
      -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
}

ul.threecol li, ul.twocol li {
    -webkit-column-break-inside: avoid;
    column-break-inside: avoid;
    page-break-inside: avoid;
    padding-right: 20px;
}

.count-section {
    padding:  60px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.count-section h2, .count-section h3 {
    color:  #fff;
    margin:  0px !important;
    padding:  0px !important;
}

.count-section h2 {
    font-size: 50px;
    font-weight: 700 !important;
}

.count-section h3 {
    font-weight: 500;
}

.count-section .line {
    width: 55px;
    height:  3.5px;
    background: #fff;
    margin: 15px 0px 20px;
}

.sci-row.row {
    padding-bottom: 30px;
    padding-top: 30px;
}

.sci-row .mobile-title {
    display: none;
}

.integrated-section .sci-row:nth-child(even) {
    background-color: #efefef;
}

.integrated-headers {
    margin-bottom: 20px;
}

.leader-section {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    border-bottom:  1px solid #000;
    width: calc(50% - 30px);
    margin: 0px 15px 15px;
}

.leader-section img {
    max-width:  150px;
   /* width: 50%;*/
    margin: 0px 15px;
}

.leader-section h2, .ceo h2 {
    padding: 0px !important;
    margin: 0px !important;
    font-size: 20px;
}

.ceo {
    padding:  60px !important;
}

.ceo h2 {
    font-size:  25px;
}

.ceo h3 {
    font-size:  18px;
}

.leader-section h3, .ceo h3 {
    color:  #2167ad;
    margin: 0px 0px 15px;
    font-size: 14px;
    font-weight:  500;
    line-height:  1.5;
}

.leader-section p {
    line-height:  1.2;
    margin-bottom:  0px;
}

.leader-section div {
    margin: 30px;
}

.resourcebtn {
    padding: 5px 30px;
    color: #fff!important;
    border: 1px solid #0083D1;
    text-transform: uppercase;
}

.resource-img {
    padding-bottom: 30px;
}

.resource-item {
    background-color: #E6E6E6;
    margin-bottom: 30px;
    position: relative;
}

.resource-item .copy {
    min-height: 400px;
    padding: 30px;
}

.resource-button, .event-button {
    position: absolute;
    bottom: 30px;
}

.resource-select .current-cat a {
    color: #03507C;
}

.post.hentry {
    margin-bottom:  0px;
}

.resource-item .date, .event-item .date {
    color:  #0083d1;
    font-size: 14px;
    margin-bottom: 5px;
}

.resource-item h3, .event-item h3 {
    padding: 0px;
    margin: 0px 0px 15px;
}

.resource-item p .event-item .copy p {
    line-height: 1.5;
}

.resource-date {
    color:  #0083d1;
    margin-bottom: 15px;
}

.resource-location {
    margin-bottom: 15px;
}

.small-link {
    font-size: 14px;
    padding-left: 10px;
}

.search-results h2.entry-title {
    color: #0083d1;
}

.search-results h2.entry-title:hover {
    color: #0056b3;
}

.event-item {
    background: #043055;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}

.event-item .copy {
    padding:  30px;
    min-height: 270px;
}

.event-item p, .event-item h3, .event-item .location {
    color:  #fff;
}

.event-item .location {
    font-size:  14px;
    padding-bottom: 30px;
}

.event-item h3 {
    margin-bottom:  30px;
}

.event-item .btn-blue:hover {
    border-color: #fff;
    color:  #fff;
}

.event-meeting-form {
    padding: 30px!important;
}

.paging {
    display: flex;
    justify-content: center;
}

.page-numbers {
    padding: 5px 8px;
}

.page-numbers.current {
    border: 1px solid;
}

.page-numbers:hover {
    color:  initial;
}

#Subpgprimary h1 {
    font-size: 27px;
}

.category-events .no-results.not-found, 
.category-news .no-results.not-found  {
    display: none;
}

.single div.ginput_container {
    margin-top: 0!important;
}

.single ul li.gfield {
    margin-top: 8px!important;
}

.single input {
    padding: 0!important;
}

.gform_required_legend {
    display: none;
}

#gform_submit_button_6,
#gform_submit_button_3 {
    padding: 8px 25px!important;
}

.facet-reset {
    border: none;
    background: transparent;
    padding: 0;
    color: #0083d1;
}

.facetwp-counter {
    display: none;
}

span.facetwp-selection-value:after {
    font-family: "Font Awesome 6 Pro";
    content: " \f058";
    color: #000;
}

.facetwp-btn:before {
    font-family: "Font Awesome 6 Pro";  
    content: "\f078";
     color: #000;
}

.facetwp-facet-resource_search .facetwp-input-wrap,
.facetwp-search {
    width: 100%;
}

/*.accordion .card-title div:after {
    font-family: "Font Awesome 6 Pro";
    content: "\f078";
    float: right; 
     color: #000;
}

.accordion .card-title div.collapsed:after {
    content: "\f078"; 
    color: #000;
    font-size: 16px;
}*/

.child-card {
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.125);
    border-radius: 0;
}

.child-card .card-header {
    background-color: transparent;
    border: none;
}

.facetwp-checkbox[data-value="screening-services"], 
.facetwp-checkbox[data-value="in-vitro-biology"] {
    display: none;
}

.facetwp-display-value {
    font-size: 13px;
}

.facetwp-checkbox {
    line-height: 17px;
}

/* Graphic Section Styles */

#CustomTabs .tabs-title {
    color: #032f52;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 10px!important;
}

#CustomTabs .tab-content {
    border-left: 2px solid rgba(0,0,0,.1);
}

#CustomTabs .nav-tabs .nav-link:hover {
    border: none;
    background-color: transparent;
}

#CustomTabs .nav-tabs .nav-link.active {
    border: none;
}

#CustomTabs .nav-tabs {
    border: none;
}

svg#HitGraphic {
    max-width: 955px;
    margin: auto;
    display: flex;
}

#HitGraphic #Headline_Text {
    font-family: 'Montserrat',sans-serif!important;
    font-weight: 500;
}

#HitGraphic #Bullet_Text {
    font-family: 'Open Sans',sans-serif!important;
}

#HitGraphic .hit-bubble:hover {
   filter: drop-shadow(2px 2px 5px rgb(0 0 0 / 0.5));
}

#HitGraphic #Headline_Text a {
    fill: #fff;
}

/* Resources Page Styles */

.resource-container {
    max-width: 80%;
    margin:  auto;
    padding-top:  60px;
    padding-bottom: 60px;
}

.resource-select hr, .resource-section hr, .resource-container hr {
    width: 100%;
}

.resource-select {
    padding-left: 60px;
}

.resource-select ul {
    list-style-type: none;
    padding-left: 0;
}

.resource-select .card-text {
    display: flex;
    justify-content: space-between;
}

.resource-t {
    color: #808080;
    font-size: 14px;
}

.single-resource .container.section-padded {
    padding-left: 0;
    padding-right: 0;
}

.single-resource .gray-background {
    padding: 1.5rem!important;
}

ul.children {
    padding-left: 20px;
}

#searchform input {
    margin-bottom: 10px;
    padding: 5px;
}

#searchform input#searchsubmit {
    margin-bottom: 0px;
    color:  #0083d1;
    background: #fff;
    border:  1px solid #0083d1;
    border-radius: 0px !important;
    padding: 5px 25px;
}

#searchform input#searchsubmit:hover {
    color: #0056B4;
    border:  1px solid #0056B4;
}   

.search-404 {
    max-width: 400px;
    display: flex;
    margin: auto;
}

.search-404 label {
    width: 100%;
}

a.gb-button.gb-button-shape-circular.gb-button-size-medium {
    color: #022f52!important;
    font-size: 1.3rem;
    text-transform: uppercase;
    border: 2px solid #022f52;
    border-radius: 5px;
    padding: 10px 25px;
    background: transparent!important;
}

figure.asms-gif {
    max-width: 330px !important;
}

@media only screen and (min-width: 981px) {
    #logo {
        max-width: 530px !important;
    }
}

/* MEDIA QUERIES */

@media (max-width: 1500px){

    .sectionpadder {
        padding: 50px 60px;
    }
    
    .home-svg {
        max-width: 1250px;
        margin-bottom: -395px;
    }
}

@media (max-width: 1420px){

    .graphic-content h2 {
        font-size: 25px;
    }

    .graphic-content p {
        font-size: 18px;
    }
}

@media (max-width: 1300px){

    .navbar-brand h1 {
        font-size: 22px;
    }

    .navbar-brand h2 {
        font-size: 20px;
    }

    .navbar-brand img {
        width: 160px;
        margin-top: 25px;
    }

    ul#menu-top-menu a {
        font-size: 15px!important;
    }

    li#menu-item-32 {
        margin-left: 12px;
    }

    li#menu-item-32 a:after, li#menu-item-33 a:after {
        font-size: 12px;
    }

    nav.navbar a {
        font-size: 13px!important;
    }

    .contactnavlink {
        height: 40px;
    }

    div#main-nav li, .contactnavlink a {
        font-weight: 500!important;
        padding: 10px 15px!important;
        height: 40px;
    }

    .navbar form.search-form {
        height: 40px;
    }

    .navbar input.search-field.form-control {
        margin-top: 8px;
    }

    ul#menu-main-menu ul {
        top: 40px;
    }

     .graphic-content h2 {
        font-size: 24px;
    }

    .graphic-content p {
        font-size: 16px;
    }
}

@media (max-width: 1200px){
    .sectionpadder {
        padding: 40px 30px;

    }

    .halfsectionpadder {
        padding: 20px 30px;
    }

    #prod-carousel .carousel-control-prev, #prod-carousel .carousel-control-next, #prod-carousel2 .carousel-control-prev, #prod-carousel2 .carousel-control-next {
        width: 10.3%;
    }

    ul.threecol {
    column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    }

    ul.twocol {
    column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
    -o-column-count: 1;
    }

    .resource-item .copy {
        height: 485px;
    }

    .home-svg {
        margin-bottom: -33%;
    }

    .graphic-content {
        top: 30%;
        width: 42%;
    }

    .KnowMore.buttons {
        justify-content: center;
    }

    .KnowMore .blubutton {
        margin-right: 10px;
    }

}

@media (max-width: 1140px){

    .navbar form.search-form {
        padding: 1px 8px 5px!important;
    }

    .graphic-content p {
        font-size: 14px;
    }
}

@media (max-width: 991px){

    div#prod-carousel .carousel-inner.sci, div#prod-carousel2 .carousel-inner.soc {
        width: 150%!important;
        margin-left: -25%!important;
    }

    #prod-carousel .carousel-control-prev, #prod-carousel .carousel-control-next, #prod-carousel2 .carousel-control-prev, #prod-carousel2 .carousel-control-next {
        width: 26.9%;
    }

    .leader-section {
        width: calc(100% - 30px);
    }

    .service {
        min-width: 33%;
    }

    .gray-background, .grey-background {
        padding: 60px 60px!important;
    }

    .slidetextWrap {
        max-width: 70%;
    }

    .slidebuttonWrap {
        margin-top: 15%;
    }

    .graphic-content h2 {
        font-size: 20px;
        margin-bottom: 0;
    }

    .graphic-content h2 span {
        font-size: 17px;
    }

    .graphic-content p {
        line-height: 15px;
    }

    .KnowMore {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        display: block;
        text-align: center;
         margin-bottom: 26px;
    }

    .KnowMore.buttons {
        flex-direction: column;
    }

    .KnowMoreColsWrap {
        margin: 0px 0;
    }
}

@media (max-width: 900px){
    .header-container {
        flex-direction: column-reverse;
    }

    ul#menu-top-menu {
        justify-content: flex-end;
    }

    .navbar-brand img {
        width: 140px;
        margin-top: 0px;
    }

    .navbar-brand h1 {
        font-size: 18px;
        margin-top: 5px;
    }

    .navbar-brand h2 {
        font-size: 17px;
    }

    ul#menu-main-menu ul {
        top: 35px;
    }

    div#main-nav li {
        font-weight: 500!important;
        padding: 0px!important;
        height: 36px;
    }

    #main-nav li#menu-item-1216, #main-nav li#menu-item-27, #main-nav li#menu-item-28 {
        padding: 10px 5px!important;
    }

    .contactnavlink a {
        padding: 10px !important;
    }

    .navbar input.search-field.form-control {
        width: 95px;
    }

    .navbar form.search-form {
        padding: 1px 10px 5px!important;
    }

    .navbar button.search-submit {
        padding-left:  0px;
    }

    .contactnavlink a {
        font-weight: 500!important;
        height: 36px;
    }

    nav.navbar a {
        font-size: 12px!important;
    }

    .navbar form.search-form, .contactnavlink {
        height: 36px;
    }

    .navbar input.search-field.form-control {
        margin-top: 5px;
    }

    .resource-item .copy {
        height: 400px;
        min-height:  unset;
    }

    .solution {
        min-width: 50%;
    }

    .solution:nth-child(2):after {
        content: none;
    }

    .home-svg {
        margin-bottom: -33%;
    }

}

@media (max-width: 800px){
  
     .graphic-content h2 {
        font-size: 22px;
    }

    .graphic-content p {
        font-size: 11px;
    }

    .home-svg {
        margin-bottom: -33.5%;
    }

}


@media (min-width: 782px){
    .wp-block-column:not(:first-child) {
        margin-left: 4em;
    }
}

@media (max-width: 767px){

    html {
        font-size: 85%;
    }

    .navbar form.search-form, .contactnavlink {
        display: none;
    }

    nav.navbar {
        border-top: 2px solid #0083d1;
    }

    #menu-main-menu.navbar-nav {
        border-bottom: 1px solid #022F57;
    }

    .sub-menu ul > li > ul > li {
        margin-left: 0px;
        margin-top: -6px;
        padding-right: 20px;
        padding-left: 0px;

    }

    .slideimg {
        min-height: 450px;
    }

    ul#menu-main-menu ul.sub-menu li li {
        padding: 0px 20px !important;
    }

    ul#menu-main-menu li:hover ul {
        display: block;
    }

    ul#menu-main-menu ul.sub-menu ul {
        display: none;
    }

    ul.navbar-nav li ul.sub-menu li ul li ul {
        display: block !important;
    }

    #main-nav li#menu-item-1216, #main-nav li#menu-item-27, #main-nav li#menu-item-28 {
        padding: 0px !important;
    }

    li#menu-item-1365, li#menu-item-1366, li#menu-item-1364, li#menu-item-1391 {
        display: block !important;
        border-top: 1px solid #022F57;
    }

    li#menu-item-1365 a, li#menu-item-1366 a, li#menu-item-1364 a, li#menu-item-1391 a {
        display: block !important;
        color:  #0083d1 !important;
        font-weight: 700 !important;
    }

    .nav-arrow {
        display: block;
        font-size: 16px;
        line-height: 1;
        padding: 12px 25px 12px 40px;
        cursor: pointer;
        position: absolute;
        top: 0px;
        right: 0px;
        color: #022f52;
    }

    ul#menu-main-menu ul li {
        position: relative;
    }


    button.navbar-toggler {
        margin-left: 18px;
        padding: 8px 15px;
    }

    div#main-nav a {
        padding: 8px 15px!important;
        height: auto;
        font-size: 13px!important;
        display:block;
    }

    div#main-nav li, .contactnavlink a {
        height: auto;
        width: 100%;
        display: block;
    }

    ul#menu-main-menu ul {
        display: block;
        width: 100%;
        left: 0;
        right: 0;
        top: auto;
        position: relative;
    }

    ul#menu-main-menu ul.sub-menu li {
        display: block;
        width: 100%;
        float: left;
        margin-top: 0px;
    }

    ul#menu-main-menu ul.sub-menu {
        padding: 0px;
    }

    ul#menu-main-menu > li > ul.sub-menu {
        border: none;
        padding-bottom: 10px;
    }

    ul#menu-main-menu li:hover {
        border-bottom: none;
    }

    ul#menu-main-menu .mobileonly {
        display: block;
    }

    ul#menu-main-menu .mobileonly a {
        color: #181818!important;
    }

    div#top-nav li#menu-item-29, div#top-nav li#menu-item-30, div#top-nav li#menu-item-31 {
        display: none;
    }

    .header-container {
        flex-direction: row;
    }

    .navbar-brand img {
        width: 110px;
        margin-top: 5px;
    }

    .navbar-brand h1 {
        font-size: 15px;
        margin-top: 2px;
    }

    .navbar-brand h2 {
        font-size: 14px;
    }

    .slidetextWrap {
        position: absolute;
        top: 0%;
        max-width: 90%;
    }

    .slidebuttonWrap {
        margin-top: 8%;
    }

    .slidebuttonWrap a {
        font-size: 1rem;
        padding: 6px 16px;
    }

    .blubutton a {
        font-size: 1rem;
        padding: 6px 16px;
    }

    .slidetextWrap h2 {
        font-size: 2.1rem;
        margin-top: 10px;
    }

    div#prod-carousel .carousel-inner.sci, div#prod-carousel2 .carousel-inner.soc {
        width: 100%!important;
        margin-left: -1%!important;
    }

    .prodCarControls i {
        font-size: 24px;
        width: 31px;
        height: 31px;
    }

    .articleinfoWrap.col {
        margin: 0 0% 0 0;
    }

    .carItemInner {
        height: 100%;
        margin-left: 1%;
    }

    .footer-content .col {
        margin-bottom: 0px;
    }

    .socialfooter {
        margin-bottom: 0px !important;
    }

    #prod-carousel .carousel-control-prev, #prod-carousel .carousel-control-next, #prod-carousel2 .carousel-control-prev, #prod-carousel2 .carousel-control-next {
        width: 9%;
        background-color: transparent;
    }

    .ParentMenuWInner ul {
        column-count: 2;
    }

    .sticky-div, .stickyspacer {
        display: none;
    }

    .leader-section {
        flex-direction: column;
        align-items: center;
    }

    .leader-section img {
        width: 100%;
        margin:  0px;
    }

    .section-padded {
        padding: 30px 30px;
    }

    .SubpgTitleInner.fullwidth-title .sectionpadder,
    #SubpgTitleWrap .SubpgTitleInner .sectionpadder {
        min-height: 175px;
    }

    .resource-item .copy {
        height: unset;
        padding-bottom: 30px;
    }

    .navbar-brand {
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .service {
        min-width: 50%;
    }

    .home-svg {
        margin-bottom: -34%;
    }

    .graphic-content p, .graphic-content h2 span {
        display: none;
    }

    .graphic-content {
        top: 32%;
        width: 35%;
        left: -3.5%;
    }

    .resource-select {
        padding-left: 15px;
        padding-top: 60px;
    }

    .sci-row .mobile-title {
        display: block;
    }

    .integrated-headers {
        display: none;
    }

    .sci-row div {
        border:  none !important;
    }

    .gray-background, .grey-background {
        padding: 30px 30px!important;
    }

    #Headline_Text_Mobile {
        display: block;
    }

    #Bullet_Text, #Headline_Text {
        display: none;
    }

    #CustomTabs .tab-content {
        border: none;
    }

    #CustomTabs .nav.nav-tabs {
        display: flex;
        flex-direction: column;
        padding-left: 0;
    }

    #CustomTabs .nav.nav-tabs li {
       line-height: 24px;
    }

    .rel-resources-title {
        font-size: 16px;
    }

    #menu-item-1357 {
        display: none;
    }

}

@media (max-width:  670px) {
    .graphic-content {
        top: 31%;
        width: 40%;
    }

    .graphic-content h2 {
        font-size: 16px;
    }
}

@media (max-width: 600px){

    ul.threecol {
        column-count: 1;
        -moz-column-count: 1;
        -ms-column-count: 1;
        -o-column-count: 1;
    }
}


@media (max-width: 500px){

    .slidetextWrap h2 {
        font-size: 1.7rem;
        margin-top: 0;
        margin-bottom: 8px;
    }

    .slidebuttonWrap {
        margin-top: 0%;
    }

    .resource-item .copy {
        min-height: unset;
        height: unset;
    }

    .resource-item .copy p {
        padding-bottom: 15px;
    }

    body:not(.theme-preset-active) #masthead #top-nav .navbar-nav > li > a {
        line-height: 1.2;
    }

    .solution {
        min-width: 100%;
    }

    .solution:after {
        content: "" !important;
        width: 66%;
        height: 1px;
        bottom: 0;
        left: 16%;
    }

    .solution:last-of-type:after {
        content: none !important;
    }



}

@media (max-width: 576px) {
    .footer-content {
        flex-direction: column;
        padding-bottom: 15px;
    }

    .footer-content .col {
        margin-bottom: 15px;
    }

    ul.socialfooter li {
        margin-bottom:  0px;
        margin-top: 15px;
    }

  /*  .slidetextWrap p {
        display: none;
    }*/

    .slidebuttonWrap {
        margin-top: 45px;
    }

    #footer-nav {
        padding: 30px 0px;
    }

    #footer-nav .navbar-nav {
        flex-direction: column;
    }

    #footer-nav .navbar-nav > li {
        padding: 0px; 
    }

    #footer-nav a {
        padding-left: 0px !important;
    }

}

@media (max-width: 425px){
    .navbar-brand h1 {
        font-size: 12px;
    }

    .navbar-brand h2 {
        font-size: 11px;
    }

    li#menu-item-32 {
        margin-left: 5px;
    }

    .header-links {
        position: absolute;
        top: 8px;
        right: 15px;
        max-width: 100px;
        line-height: 1.2;
    }

    .header-container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .service {
        min-width: 100%;
    }

    .slidebuttonWrap {
        margin-top: 15px;
    }

}