/**
* If using a CSS pre-processor, tell it to overwrite this file. If not, place
* your custom CSS modifications here.
*/
.view-display-id-block_jumper {
  display: none;
}

.paragraph ul.quadrants li {
  display: inline-block;
}

.paragraph ul.quadrants li.col2 {
  width: 45%;
}

a.is_active {
  color: red;
  font-size: 14px;
}

.owl-carousel.field--name-field-product-image {
  width: 400px;
}

.resource-tab .tab-d {
  display: none;
}

.resource-tab .tab-d.open {
  display: block;
}

body.user-anonymous .menu--account>li:last-child {
  display: none;
}

.region-navigation>nav,
.region-navigation>section {
  float: left;
}

.nav-tabs {
    margin-bottom: 25px;
}

/*language switch*/

.usca .usca {
  background-color: #ccc;
}

.usca.en .usca.en,
.usca.fr .usca.fr,
.usca.es .usca.es {
  color: red;
  font-size: 18px;
}

#menu-languages {
    background: none;
}


/*language switch*/


/* Barcode Solution and custom block Section */

.paragraph--type--custom-block,
.quadrants-bloc-x3-image-with-label,
.paragraph--type--bodyblocs {
    padding-top: 40px;
    padding-bottom: 58px;
}

body.path-not-frontpage .paragraph--type--custom-block,
body.path-not-frontpage .quadrants-bloc-x3-image-with-label,
body.path-not-frontpage .paragraph--type--bodyblocs{
    padding-top: 0px;
    padding-bottom: 0px;
}

.quadrants-bloc-x3-image-with-label,
 .bodybloc50-text-image,
 .bodybloc50-image-text,
 .body-bloc-image-50-text-50,
  .body-bloc-text-50-image-50,
.body-bloc-image-33-text-66,
  .body-bloc-image66-text33-box,
   .bodybloc33-text-image,
   body.path-frontpage .paragraph--type--bodyblocs > div,
   .bodybloc33-image-text {
    margin: auto;
    max-width: 1320px;
}

.paragraph--type--custom-block ul,
.quadrants-bloc-x3-image-with-label ul {
    padding: 0px;
    margin: 0px;
}

.paragraph--type--custom-block ul.quadrants li,
.quadrants-bloc-x3-image-with-label ul.quadrants li {
    display: inline-block;
    width: 31.1%;
	  max-width: 400px;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
	  list-style: none;
}

.quadrants-bloc-x3-image-with-label ul.quadrants li {
    margin-bottom: 3%;
}
.paragraph--type--custom-block ul.quadrants li:nth-child(2),
.quadrants-bloc-x3-image-with-label ul.quadrants li:nth-child(2),
.wrapper .view-product-related-articles:nth-child(2) {
    margin-left: 4%;
    margin-right: 4%;
}
.wrapper .view-product-related-articles:nth-child(1)
{
    margin-right: 5px;
}
.wrapper .view-product-related-articles:nth-child(3)
{
    margin-left: 5px;
}
.quadrants-bloc-x3-image-with-label ul.quadrants li .quadrant-bloc-x3-label {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
	  margin-top: 20px;
    margin-bottom: 20px;
}

.quadrants-bloc-x3-image-with-label ul.quadrants li .quadrant-bloc-x3-label a,
.quadrants-bloc-x3-image-with-label ul.quadrants li .quadrant-bloc-x3-label span {
    font-size: 24px;
    font-weight: bold;
    color: #263238;
    display: inline-block;
}

.quadrants-bloc-x3-image-with-label ul.quadrants li a:hover {
    text-decoration: none;
    color: #005CB4;
}

.quadrants-bloc-x4-image-with-label ul.quadrants li .quadrant-bloc-x4-label {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
	  margin-top: 20px;
    margin-bottom: 20px;
}

.quadrants-bloc-x4-image-with-label ul.quadrants li .quadrant-bloc-x4-label a,
.quadrants-bloc-x4-image-with-label ul.quadrants li .quadrant-bloc-x4-label span {
    font-size: 24px;
    font-weight: bold;
    color: #263238;
    display: inline-block;
}

.quadrants-bloc-x4-image-with-label ul.quadrants li a:hover {
    text-decoration: none;
    color: #005CB4;
}

.paragraph--type--custom-block ul.quadrants li .quadrant-bloc-x3-image,
.quadrants-bloc-x3-image-with-label ul.quadrants li .quadrant-bloc-x3-image,
.view-product-related-articles .views-field-field-page-image,
.view-product-related-articles .views-field-field-news-image,
.view-product-related-articles .views-field-field-image

 {
    width: 26.5vw;
    height: 26.5vw;
    max-width: 400px;
    max-height: 400px;
    border: 1px solid #ECEFF1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    vertical-align: middle;
    overflow: hidden;
}
.wrapper .view-product-related-articles .views-field-field-page-image,
.wrapper .view-product-related-articles .views-field-field-news-image,
.wrapper .view-product-related-articles .views-field-field-image
{
    height: auto;
}
.page-node-type-product-display #block-productnewsandhighlightsblock .block-title
{
    text-align: left;
}
.quadrants-bloc-x3-image-with-label ul.quadrants li .quadrant-bloc-x3-image{
    background: #f5f5f5;
}
.paragraph--type--custom-block ul.quadrants li .quadrant-bloc-x3-image:hover,
.quadrants-bloc-x3-image-with-label ul.quadrants li .quadrant-bloc-x3-image:hover {
    border: 1px solid #005CB4;
}

.paragraph--type--custom-block ul.quadrants li .field--name-field-image {
    margin-bottom: 0px;
}

.quadrants-bloc-x3-image-with-label ul.quadrants li .quadrant-bloc-x3-image-button:after,
.paragraph--type--custom-block ul.quadrants li .quadrant-bloc-x3-image-button:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 40%;
	  max-width: 400px;
    max-height: 400px;
    border-radius: 5px;
    cursor: pointer;
    background-image: linear-gradient(to bottom, rgb(255 255 255 / 0%), rgb(0 0 0 / 80%));
}

.quadrants-bloc-x3-image-with-label ul.quadrants li .quadrant-bloc-x3-image-button:hover:after,
.paragraph--type--custom-block ul.quadrants li .quadrant-bloc-x3-image-button:hover:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
	  max-width: 400px;
    max-height: 400px;
    cursor: pointer;
    background-image: linear-gradient(to bottom, rgba(0, 92, 180, 0), rgba(0, 92, 180, 0.7));
}

.paragraph--type--custom-block ul.quadrants li .field--name-field-image img,
.quadrants-bloc-x3-image-with-label ul.quadrants li .field--name-field-image img {
    vertical-align: middle;
    display: inline-block;
    height: auto;
    border-radius: 5px;
}
.quadrants-bloc-x3-image-with-label ul.quadrants li .quadrant-bloc-x3-image-button span.quadrant-bloc-x3-title,
.quadrants-bloc-x3-image-with-label ul.quadrants li .quadrant-bloc-x3-image-button a.quadrant-bloc-x3-title {
    width: calc(100% - 80px);
    height: 50px;
    border-radius: 5px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 900;
    font-size: 16px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    left: 0;
    z-index: 999;
    position: absolute;
    bottom: 30px;
    border: 1.5px solid #ffffff;
}

.quadrant-bloc-x3-image-button:hover .quadrant-bloc-x3-title,
.paragraph--type--custom-block ul.quadrants li a:hover {
    background: #ffffff;
    color: #005CB4 !important;
}

.quadrants-bloc-x3-image-with-label .quadrant-bloc-x3-label.quadrant-bloc-x3-label-top,
body.page-node-10431 .quadrants-bloc-x3-image-with-label .quadrant-bloc-x3-label.quadrant-bloc-x3-label-top,
body.page-node-60 .quadrants-bloc-x3-image-with-label .quadrant-bloc-x3-label {
    display: none;
}

body.page-node-60 .quadrants-bloc-x3-image-with-label .quadrant-bloc-x3-label.quadrant-bloc-x3-label-top {
    display: block;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: block !important;
    margin: 0px;
}

button.owl-prev span {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    border: 0px;
    margin: 0px;
    font-size: 0px;
    cursor: pointer;
    top: 47%;
    transform: translateY(-50%);
    background: url(../images/icons/slider-prev.svg) no-repeat 50% 50%;
}

button.owl-next span {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    border: 0px;
    margin: 0px;
    font-size: 0px;
    cursor: pointer;
    top: 47%;
    transform: translateY(-50%);
    background: url(../images/icons/slider-next.svg) no-repeat 50% 50%;
}


/****** LEFT Sidebar Menu ******/
body.sidebar-first #maindiv {
    border-top: 1px solid #9AA1A5;
}
nav#block-stakeholderengagement {
    padding-top: 50px;
    padding-right: 20px;
    border-right: 1px solid #9AA1A5;
    overflow: hidden;
}
#sidebar-first-area ul,
#sidebar-first-area ul li {
    margin: 0px;
    padding: 0px;
}

#sidebar-first-area ul li {
    padding-bottom: 15px;
    overflow: hidden;
}

#sidebar-first-area ul li.dropdown ul.dropdown-menu li.last {
    padding-bottom: 0px;
}

#sidebar-first-area ul li a {
    font-family: 'Gothic A1', sans-serif;
    font-weight: 800;
    font-size: 20px;
    color: #263238;
    padding: 0px 25px 0px 0px;
    background: transparent;
    white-space: normal;
}

#sidebar-first-area ul li a:hover,
#sidebar-first-area ul li a.active-trail {
    color: #005CB4;
}

#sidebar-first-area ul li a .caret {
    display: none;
}

#sidebar-first-area ul li.dropdown ul.dropdown-menu li.first {
    padding-top: 15px;
}

#sidebar-first-area ul li.dropdown ul.dropdown-menu li.dropdown ul {
    margin-bottom: 15px;
}

#sidebar-first-area ul li.dropdown ul.dropdown-menu {
    position: relative;
    width: 100%;
    border: none;
    border-radius: 0px;
    box-shadow: 0 0px 0px;
    z-index: 1;
    padding-left: 10px;
    display: none;
}

#sidebar-first-area ul li.dropdown ul.dropdown-menu.listing-show {
    display: block;
}

#sidebar-first-area ul li.dropdown ul.dropdown-menu li a {
    font-size: 18px;
    font-weight: 400;
    text-decoration: underline;
}

#sidebar-first-area ul>li>a {
    float: left;
}

#sidebar-first-area ul>li>span.plus-minus-button {
    position: absolute;
    right: 0px;
    width: 25px;
    height: 20px;
    text-align: right;
    cursor: pointer;
}

#sidebar-first-area ul li .plus-minus-button:before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 2px;
  height: 14px;
  background: #005CB4;
  margin: auto;
  display: inline-block;
  right: 6px;
}
#sidebar-first-area ul li .plus-minus-button:after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 14px;
  height: 2px;
  background: #005CB4;
  margin: auto;
  display: inline-block;
  right: 0px;
}
#sidebar-first-area ul li .plus-minus-button.active:before {
  opacity: 0;
}

#sidebar-first-area ul li.dropdown.open ul.dropdown-menu li a:after {
    display: none;
}

/** Stakeholder Page ***/

.field--name-field-banner-image img {
    border-radius: 5px;
    width: 100%;
    height: auto;
}

.body-bloc-text-50-image-50-with-background,
.body-bloc-image-50-text-50-with-background,
.legal-notice-text,
.body-bloc-text-50-image-50,
.body-bloc-image-50-text-50 {
    width: 100%;
    overflow: hidden;
    margin-top: 60px;
}

.body-bloc-text-50-image-50 .body-bloc-text-50,
.body-bloc-image-50-text-50 .body-bloc-image-50 {
    width: 47.35%;
    float: left;
}

.body-bloc-image-50-text-50 .body-bloc-image-50 {
    text-align: center;
}

.body-bloc-text-50-image-50 .body-bloc-image-50,
.body-bloc-image-50-text-50 .body-bloc-text-50 {
    width: 47.35%;
    float: right;
    text-align: right;
}

.body-bloc-image-50-text-50 .body-bloc-text-50 {
    text-align: left;
}

.body-bloc-text-50-image-50 .body-bloc-image-50-with-background img,
.body-bloc-image-50-text-50 .body-bloc-image-50-with-background img,
.body-bloc-text-50-image-50 .body-bloc-image-50 img,
.body-bloc-image-50-text-50 .body-bloc-image-50 img {
    height: auto;
    display: inline-block;
    width: 100%;
}


/******************************Image With Background ************************************************/

.body-bloc-image-50-text-50-with-background .body-bloc-image-50 {
    width: 42%;
    float: left;
}

.body-bloc-text-50-image-50-with-background .body-bloc-text-50 {
    width: 52%;
    float: left;
}

.body-bloc-image-50-text-50-with-background .body-bloc-text-50 {
    width: 52%;
    float: right;
}

.body-bloc-text-50-image-50-with-background .body-bloc-image-50 {
    width: 42%;
    float: right;
}

.body-bloc-image-50-text-50-with-background .body-bloc-image-50,
.body-bloc-text-50-image-50-with-background .body-bloc-image-50 {
    text-align: center;
    max-width: 550px;
    max-height: 450px;
    height: 450px;
    border: 1.5px solid #ECEFF1;
    display: flex;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    background: #f5f5f5;
}


/**************************/

.body-bloc-text-50-image-50 .body-bloc-text-50 h2,
.body-bloc-image-50-text-50 .body-bloc-text-50 h2,
.body-bloc-text-50-image-50-with-background .body-bloc-text-50 h2,
.body-bloc-image-50-text-50-with-background .body-bloc-text-50 h2 {
    width: 100%;
	  margin-top: 0px;
    margin-bottom: 15px;
}

body.path-not-frontpage .body-bloc-text-50-image-50 .body-bloc-text-50 h2,
body.path-not-frontpage .body-bloc-image-50-text-50 .body-bloc-text-50 h2,
body.path-not-frontpage .body-bloc-text-50-image-50-with-background .body-bloc-text-50 h2,
body.path-not-frontpage .body-bloc-image-50-text-50-with-background .body-bloc-text-50 h2 {
	margin-top: 0px;
}

.contact-cart-block {
    width: 47%;
    height: 310px;
    float: left;
    margin-top: 40px;
    border: 1.5px solid #9AA1A5;
    border-radius: 5px;
    padding: 24px 22px 5px 22px;
    margin-right: 6%;
    text-align: center;
	  display: flex;
    flex-wrap: wrap;
}

.contact-cart-block:nth-child(2n) {
    margin-right: 0px;
}

.contact-cart-block p.contact-heading-text {
    width: 100%;
    font-weight: 800;
    font-family: 'Gothic A1', sans-serif;
}

.contact-cart-block .contact-vertical-center {
    vertical-align: middle;
    align-items: center;
    display: table-cell;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    height: 200px;
}

.contact-cart-block .contact-vertical-center p {
    font-family: 'Gothic A1', sans-serif;
}

.contact-cart-block .contact-vertical-center p a {
    font-family: 'Barlow', sans-serif;
    color: #263238;
}


/**banner slideshow**/

.paragraph.paragraph--type--slideshow.homepage-slider-container {
    position: relative;
    padding-top: 25px;
    background: #F8F9F9;
}
.paragraph.paragraph--type--slideshow.homepage-slider-container .sliderContainer {
    padding-top: 0px;
}

.slider-home-content {
    max-width: 1320px;
    margin: auto;
    width: 100%;
}

.slider-home-content.container {
    padding: 0px;
}

.slider-home-content .slider-home-image {
    text-align: right;
}

.paragraph--type--slide .slider-home-content.container .row {
    display: flex;
    align-items: center;
}
.slider-home-content .slider-home-image img {
    display: inline-block;
}

.slider-home-content h4::after {
    content: "";
    width: 40px;
    height: 5px;
    background: #E4002B;
    margin-top: 15px;
    margin-bottom: 15px;
    display: block;
}

.slider-home-content h4 {
    font-size: 30px;
    font-weight: 700;
    color: #263238;
	font-family: 'Barlow', sans-serif;
}

.slider-home-content h3 {
    font-size: 3.8rem;
    line-height: 1.5em;
    font-weight: 900;
    color: #263238;
}

.slider-home-content p {
    color: #263238;
}

.slider-home-content a {
    display: inline-block;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 900;
}

/** bloc_x4_icon_with_button section **/

.Quadrants-block-4-heading-text h2 {
    max-width: 1026px;
    margin: auto;
}

.Quadrants-block-4-heading-text p {
    max-width: 600px;
    margin: auto;
}
.path-frontpage .quadrant-bloc-x4-icon-with-button {
    padding-top: 80px;
    padding-bottom: 80px;
}
.quadrant-bloc-x4-icon-with-button {
    width: 85%;
    max-width: 1320px;
    margin: auto;
    padding-top: 40px;
    padding-bottom: 40px;
}
.bodybloc33-text-image ul {
  padding: 0px;
  margin: 0px;
}
.paragraph .bodybloc33-text-image ul li {
  display: inline-block;
  width: 30.7%;
  vertical-align: top;
  margin-right: 2%;
}
.body-bloc33-image-text {
  margin-bottom: 40px;
  margin-top: 40px;
}
.body-bloc33-text-image .body-bloc33-text {
    margin-top: 25px;
    margin-bottom: 25px;
}
.paragraph .bodybloc33-text-image ul li:nth-child(3n) {
  margin-right: 0px;
}
.paragraph .bodybloc33-text-image ul li img {
  border-radius: 5px;
}
.quadrant-bloc-x4-icon-with-button ul {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.quadrant-bloc-x4-icon-with-button ul li {
    width: 22.5%;
    text-align: center;
}

.quadrant-bloc-x4-icon-with-button ul li:nth-child(2) {
    margin-left: 3%;
    margin-right: 3%;
}

.quadrant-bloc-x4-icon-with-button ul li:nth-child(3) {
    margin-right: 3%;
}

.quadrants-bloc-x4-image-with-label ul {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.quadrants-bloc-x4-image-with-label ul li {
    width: 22.5%;
    text-align: center;
}

.quadrants-bloc-x4-image-with-label ul li:nth-child(2) {
    margin-left: 3%;
    margin-right: 3%;
}

.quadrants-bloc-x4-image-with-label ul li:nth-child(3) {
    margin-right: 3%;
}


.paragraph .bodybloc33-text-image .field--name-field-body ul {
  padding-left: 1.5em;
}
.paragraph .bodybloc33-text-image .field--name-field-body ul li {
  display: list-item;
  width: 100%;
  list-style: disc;
}

.quadrant-bloc-x4-icon-with-button ul li .paragraph--type--quadrant .quadrants-bloc-x4-icon img {
    margin-left: auto;
    margin-right: auto;
}

.quadrant-bloc-x4-icon-with-button ul li .paragraph--type--quadrant .quadrants-bloc-x4-icon img:hover {
    filter: saturate(10);
    cursor: pointer;
}

.quadrant-bloc-x4-icon-with-button ul li .paragraph--type--quadrant a {
    text-decoration: none;
}

.quadrant-bloc-x4-icon-with-button ul li .paragraph--type--quadrant .quadrants-bloc-x4-button a {
    font-size: 18px;
    line-height: 27px;
    border-radius: 5px;
    text-align: center;
    color: #263238;
    margin-top: 40px;
    font-weight: 800;
    margin-bottom: 80px;
    font-family: 'Gothic A1', sans-serif;
}

.quadrant-bloc-x4-icon-with-button ul li .paragraph--type--quadrant .quadrants-bloc-x4-button a,
.quadrant-bloc-x4-icon-with-button ul li .paragraph--type--quadrant .quadrants-bloc-x4-button span {
    width: 200px;
    padding: 11px 0px;
    margin: auto;
    margin-top: 65px;
    font-size: 18px;
    line-height: 24px;
    border-radius: 5px;
    text-align: center;
	  display: inline-block;
    color: #263238;
    font-weight: 800;
    font-family: 'Gothic A1', sans-serif;
    text-transform: capitalize;
    border: 2px solid #263238;
}

.quadrants-bloc-x4-icon-button {
    width: 200px;
    margin: auto;
}

.quadrants-bloc-x4-icon-button:hover .quadrants-bloc-x4-button a {
    color: #ffffff !important;
    border-color: #005CB4 !important;
    background-color: #005CB4;
}
.quadrants-bloc-x4-icon-button:hover .quadrants-bloc-x4-icon img {
    filter: saturate(10);
    cursor: pointer;
}

.quadrant-bloc-x4-icon-with-button ul li .paragraph--type--quadrant .quadrants-bloc-x4-button a ,
.quadrant-bloc-x4-icon-with-button ul li .paragraph--type--quadrant .quadrants-bloc-x4-button span {
    width: calc(100% - 20px);
}

.quadrant-bloc-x4-icon-with-button ul li .paragraph--type--quadrant .quadrants-bloc-x4-button a:hover {
    color: #005CB4;
}


/** Our Solutions section **/

.owl-carousel .paragraph--type--slide .field--type-image::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, rgba(38, 50, 56, 0.1), rgba(38, 50, 56, 0.1));
}


.field--name-field-main-container .owl-carousel .field--type-text-long {
    position: absolute;
    max-width: 1320px;
    width: 100%;
    bottom: 65px;
    left: 0;
    right: 0;
    padding-left: 80px;
    padding-right: 80px;
    margin: auto;
    color: #ffffff;
    z-index: 111;
}

.field--name-field-main-container .owl-carousel.homepage-slider .field--type-text-long {
    top: 40%;
    bottom: auto;
}

.field--name-field-main-container .owl-carousel .slider-home-content .field--type-text-long {
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
}

.owl-carousel .paragraph--type--slide .field--type-text-long h2 {
    max-width: 50%;
    font-weight: 900;
    margin-bottom: 2%;
}
 .owl-carousel.homepage-slider .paragraph--type--slide .field--type-text-long h2
{
	max-width:100%
}
body.path-not-frontpage .owl-carousel .paragraph--type--slide .field--type-text-long h2 {
    margin-top: 0px;
}
.owl-carousel .paragraph--type--slide .field--type-text-long p {
    max-width: 50%;
}

.slider-home-content .field--type-text-long h1,
.slider-home-content .field--type-text-long p {
    max-width: 100% !important;
}
.owl-carousel .paragraph--type--slide .field--type-text-long .btn.btn-primary,
.owl-carousel .paragraph--type--slide .field--type-text-long .btn.btn-secondary {
    margin-top: 25px;
}
.owl-carousel .paragraph--type--slide .field--type-text-long .btn.btn-primary {
    color: #ffffff;
    border: 2px solid #ffffff;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

/** featured-blog-section **/

.featured-blog-section {
    padding-top: 100px;
    padding-bottom: 120px;
    background: #F8F9F9;
}

.featured-blog-section .container {
    padding-left: 0px;
    padding-right: 0px;
}

.featured-blog-section .view-all a {
    font-size: 16px;
    line-height: 23px;
    margin-left: 28px;
    color: #005CB4;
    font-weight: 900;
    font-family: 'Gothic A1', sans-serif;
    text-decoration: none;
}

.view-blog.view-display-id-block_featured {
    padding-top: 50px;
}

.view-blog.view-display-id-block_featured .views-row
  {
    width: 31.3%;
    margin-right: 2.5%;
    margin-bottom: 30px;
    border-radius: 5px;
    background: #fff;
    float: left;
    border: 1px solid #ECEFF1;
}
#block-productnewsandhighlightsblock .block-title
{
    text-align: center;
}
.view-product-related-articles 
{
    width:31.6%;
        margin-bottom: 30px;
        float:left;
        max-width: 400px;
}

.view-product-related-articles .views-field-field-page-image,
.view-product-related-articles .views-field-field-news-image,
.view-product-related-articles .views-field-field-image
{
    margin-bottom: 25px;
    border-radius: 5px;
}
.view-product-related-articles img 
{
    width:100%
}

.view-product-related-articles .news-title::after,
.view-product-related-articles .blog-title::after,
.view-product-related-articles .solution-title::after {
    content: "";
    width: 30px;
    height: 3px;
    background: #e4002b;
    margin-top: 5px;
    margin-bottom: 15px;
    display: block;
}
.view-product-related-articles .news-title,
.view-product-related-articles .blog-title,
.view-product-related-articles .solution-title
{
    color:#9AA1A5
}
.view-product-related-articles .views-field-title a
{
font-family: 'Gothic A1',
sans-serif;
font-weight: 900;
color: #263238;
text-decoration: none;
}
.view-product-related-articles .views-field-title a:hover
{
    text-decoration: none;
    color: #005cb4;
}

.view-blog.view-display-id-block_featured .views-row:nth-child(3n) {
    margin-right: 0;
}

.view-blog.view-display-id-block_featured .views-row:hover {
    box-shadow: 0 10px 20px 0 #eff1f0;
}

.view-blog.view-display-id-block_featured .views-row .views-field {
    padding: 0 20px;
}

.view-blog.view-display-id-block_featured .views-row .views-field-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.view-blog.view-display-id-block_featured .views-row .views-field.views-field-body p {
    line-height: 24px;
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.view-blog.view-display-id-block_featured .views-row .views-field.views-field-field-image,
.view-blog.view-display-id-block_featured .views-row .views-field.views-field-view-node {
    padding-bottom: 20px;
}

.view-blog.view-display-id-block_featured .views-row .views-field.views-field-field-image {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.view-blog.view-display-id-block_featured .views-row .views-field.views-field-field-image img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
}

.view-blog.view-display-id-block_featured .views-row .views-field.views-field-title a {
    font-family: 'Gothic A1', sans-serif;
    font-weight: 900;
    color: #263238;
    text-decoration: none;
}

.view-blog.view-display-id-block_featured .views-row .views-field.views-field-title a:hover {
    color: #005CB4;
}

.view-blog.view-display-id-block_featured .views-row .views-field.views-field-field-blog-date {
    font-size: 14px;
    line-height: 27px;
    font-weight: 400;
    color: #9AA1A5;
}
.view-blog.view-display-id-block_featured .views-row .views-field.views-field-field-blog-date a,
.view-blog.view-display-id-block_featured .views-row .views-field.views-field-body a {
  color: #9AA1A5;
  display: block;
  text-decoration: none;
}

.view-blog.view-display-id-block_featured .views-field.views-field-view-node a {
    text-align: right;
    display: block;
    text-decoration: none;
    color: #263238;
    background: url(../images/arrow-blue.svg) no-repeat right 8px;
    background-size: 8px;
    padding-right: 20px;
}

.view-blog.view-display-id-block_featured .views-field.views-field-view-node a:hover {
    color: #005CB4;
    background: url(../images/arrow.svg) no-repeat right 8px;
}


/***************************************Modal Popup Design *********************************************************************************/

.modal-dialog .modal-body {
    /* overflow: hidden !important; */
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}

.modal-dialog .ui-dialog {
    width: 100% !important;
    margin: auto;
}

.modal-title {
    font-weight: 900;
}

.webform-submission-contact-sales-with-result-form .form-control {
    height: 50px;
    color: #9AA1A5;
    border-radius: 3px;
}

.webform-submission-contact-sales-with-result-form .form-textarea {
    height: 130px;
}

.modal-header .close {
    color: #004C97;
    opacity: 1;
    outline: none;
    font-size: 35px;
    line-height: 35px;
}

.modal-buttons .btn-default {
    background-color: #005CB4;
    border-color: #005CB4;
    color: #fff;
}

.webform-submission-contact-sales-with-result-form .form-item-first-name {
    width: 48%;
    float: left;
}

.webform-submission-contact-sales-with-result-form .form-item-last-name {
    width: 48%;
    float: right;
}


/* company profile*/

.video-embed-content-box {
  margin: 0px 0px 40px;
}

.paragraph--type--bodybloc-videoembed .video-embed-content-box .video-embed-description {
    padding-bottom: 25px;
}

.paragraph--type--bodybloc-videoembed .video-embed-content-box .video-embed-description h2 {
    text-align: center;
    font-weight: 900;
    margin: 0px;
}

.title-text {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.title-text h3 {
    padding-bottom: 25px;
    font-weight: 900;
}

.company-profile-page-heading h2 {
    text-align: center;
    font-weight: 900;
}


/********************************Printronix page *******************************************************************/

.body-bloc-heading-text,
.body-bloc-text {
    max-width: 665px;
    margin: auto;
    text-align: center;
    margin-top: 60px;
}

.body-bloc-text.top-30 {
    margin-top: 30px;
}

.body-bloc-heading-text {
    margin-top: 0px;
	margin-bottom: 20px;
}

.body-bloc-text-50 a.btn.btn-primary {
    margin-top: 35px;
}

.body-bloc-text-50 a.btn.btn-primary:hover {
    background: transparent;
    border: 2px solid #005cB4;
    color: #333;
}

.printronix-product-listing,
.body-bloc-image-33-text-66-with-background,
.body-bloc-image-33-text-66 {
    width: 100%;
    overflow: hidden;
    background: #F8F9F9;
    padding: 50px;
    padding-inline: 80px;
    margin-top: 30px;
}

.body-bloc-image-33-text-66 .body-bloc-image-33 {
    width: 35%;
    float: left;
}

.body-bloc-image-33-text-66-with-background .body-bloc-image-33 {
    width: 35%;
    float: left;
    height: 400px;
    border: 1.5px solid #ECEFF1;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
}

.printronix-product-listing .view-industries-and-applications .views-row {
    margin-bottom: 15px;
	margin-top: 20px;
    vertical-align: top;
    text-align: center;
}

.product-listing-main .view-industries-and-applications .views-row .views-field-field-image img {
    max-width: 45px;
    max-height: 45px;
    height: auto;
    display: inline-block;
}
.product-listing-main .view-industries-and-applications .views-row .views-field.views-field-name {
    width: 95%;
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
}
.body-bloc-image-33-text-66 .body-bloc-text-66,
.body-bloc-image-33-text-66-with-background .body-bloc-text-66 {
    width: 60%;
    float: right;
}

.body-bloc-image-33-text-66 .body-bloc-text-66 h4,
.body-bloc-image-33-text-66-with-background .body-bloc-text-66 h4 {
    font-weight: 700;
    margin-bottom: 13px;
}

.body-bloc-image-33-text-66 .body-bloc-text-66 ul li,
.body-bloc-image-33-text-66-with-background .body-bloc-text-66 ul li {
    margin: 0px;
    padding: 0px;
    padding-left: 25px;
    margin-bottom: 10px;
}
.body-bloc-text-66 .field--name-field-body a,
.body-bloc-image-33-text-66-with-background .field--name-field-body a {
    font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
    margin-top: 30px;
    display: inline-block;
}
.body-bloc-text-66 .field--name-field-body p img,
.body-bloc-image-33-text-66-with-background .field--name-field-body p img {
    margin-right: 20px;
    margin-top: 17px;
}
.body-bloc-image-33-text-66 .body-bloc-text-66 .field--name-field-body ul li,
.body-bloc-image-33-text-66-with-background .body-bloc-text-66 .field--name-field-body ul li {
    padding-left: 0px;
    margin-bottom: 0px;
}

.body-bloc-image-33-text-66 .body-bloc-text-66 .field--name-field-body ul li a,
.body-bloc-image-33-text-66-with-background .body-bloc-text-66 .field--name-field-body ul li a {
  margin-top: 0px;
  font-weight: normal;
  text-decoration: none;
}


/****************************** Product Listing With sidemenu ****************************************/

body.path-taxonomy h1.page-header {
    text-align: center;
    font-weight: 900;
    text-transform: capitalize;
}

.view-product-listing {
    width: 100%;
    overflow: hidden;
    margin-top: 80px;
    border-top: 1px solid #9AA1A5;
}

.view-product-listing .view-header {
    width: 20%;
    float: left;
    border-right: 1px solid #9AA1A5;
}

.view-product-listing .view-content {
    width: 76%;
    float: right;
}

.view-product-listing .view-header .view-content {
    width: 100%;
    float: left;
}

.view-product-listing .view-content .views-row {
    width: 100%;
    overflow: hidden;
    background: #F8F9F9;
    padding: 50px 25px;
    margin-top: 30px;
}

.product-listing-main .product-listing-left {
    width: 35%;
    max-width: 400px;
    max-height: 400px;
    float: left;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    border: 1.5px solid #ECEFF1;
}

.product-listing-main .product-listing-right {
    width: 60%;
    float: right;
}

.product-listing-main .product-listing-title a {
    font-weight: 700;
    margin-bottom: 13px;
    font-size: 24px;
    color: #263238;
    display: inline-block;
}

.product-listing-main .product-listing-body ul li {
    margin-bottom: 7px;
}

.product-listing-main .product-listing-body p img {
    margin-right: 20px;
    margin-top: 17px;
}

.product-listing-main .product-listing-link a {
    font-family: 'Gothic A1', sans-serif;
    font-weight: 700;
    margin-top: 30px;
    display: inline-block;
}

.product-category-left-menu {
    margin-top: 15px;
    margin-right: 20px;
}
.product-category-left-menu .table {
  margin-bottom: 0px;
}

.product-category-left-menu .product-category-left-menu-parent a {
    font-family: 'Gothic A1', sans-serif;
    font-weight: 800;
    font-size: 20px;
    color: #263238;
    margin-right: 30px;
    display: inline-block;
}

.product-category-left-menu .product-category-left-menu-child .views-field-name a {
    font-size: 18px;
    font-weight: 400;
    padding: 4px 10px;
    margin-top: 4px;
    text-decoration: underline;
    text-transform: capitalize;
    color: #263238;
    display: inline-block;
    width: 100%;
}

.product-category-left-menu .product-category-left-menu-child .views-field-name a:hover,
.product-category-left-menu .product-category-left-menu-child div.active .views-field-name a {
    color: #004C97;
    border-radius: 3px;
    background: #ACCAFA;
    font-weight: 900;
    text-decoration: none;
    font-family: 'Gothic A1', sans-serif;
}

.product-category-left-menu .product-category-left-menu-parent {
    position: relative;
}

.product-category-left-menu .product-category-left-menu-parent span.plus-minus-button {
    position: absolute;
    top: 7px;
    right: 0px;
    width: 25px;
    height: 20px;
    text-align: right;
    cursor: pointer;
}

.product-category-left-menu .product-category-left-menu-parent .plus-minus-button:before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 2px;
  height: 14px;
  background: #005CB4;
  margin: auto;
  display: inline-block;
  right: 6px;
}
.product-category-left-menu .product-category-left-menu-parent .plus-minus-button:after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 14px;
  height: 2px;
  background: #005CB4;
  margin: auto;
  display: inline-block;
  right: 0px;
}
.product-category-left-menu .product-category-left-menu-parent .plus-minus-button.active:before {
  opacity: 0;
}


/***************************** Resources Page ************************************************/

.downloads-main-content,
.partner-portals-main-content,
.downloads-image-with-menu {
    width: 100%;
    overflow: hidden;
    margin-top: 60px;
}

.downloads-image-with-menu .custom-block {
    display: none;
}

#midcontent-area article.contextual-region {
  position: relative;
}

.downloads-main-content .downloads-left-content {
    width: 50%;
    float: left;
    position: absolute;
    top: 20px;
}

.downloads-main-content .downloads-left-content h2 {
    font-size: 36px;
    font-weight: 900;
    line-height: 50px;
    text-transform: capitalize;
}

body.es  .downloads-main-content .downloads-left-content h2 {
    margin-top: 30px !important;
}

#block-downloadsimagewithlink {
    width: 45%;
    float: right;
    height: 380px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    background: #F8F9F9;
}

#block-downloadsimagewithlink .field--name-body {
    text-align: center;
}

#block-downloadsimagewithlink a {
    width: 240px;
    height: 50px;
    margin-top: 17px;
    padding: 10px 0px;
    color: #ffffff;
    border-radius: 5px;
    font-size: 16px;
    line-height: 21px;
    font-weight: 900;
    text-align: center;
    display: inline-block;
    background: #005CB4;
    border: 2px solid #005cB4;
    font-family: 'Gothic A1', sans-serif;
}

.downloads-main-content .downloads-left-content .form-item-title {
    width: 100%;
    overflow: hidden;
}

.downloads-main-content .downloads-left-content .views-exposed-form .form-actions,
.downloads-main-content .view-filters .form-actions {
    max-width: 520px;
    position: relative;
    width: 100%;
}

.downloads-main-content .downloads-left-content .form-item-title .form-text,
.downloads-main-content .view-filters .form-actions .form-text {
    border: 1px solid #9AA1A5;
    height: 50px;
    max-width: 520px;
    width: 100%;
    margin-top: 20px;
}

.downloads-main-content .downloads-left-content .views-exposed-form .form-actions .form-submit,
.downloads-main-content .view-filters .form-actions .form-submit {
    margin-right: 0px;
    background-color: transparent;
    border: 0px;
    width: 30px;
    height: 30px;
    font-size: 0px;
    display: block;
    position: absolute;
    right: 35px;
    top: 30px;
    outline: none;
    background: url(../images/icons/form-submit.svg) no-repeat 50% 50%;
}

.view-how-to-videos .downloads-main-content .downloads-left-content .views-exposed-form .form-actions .form-submit,
.view-frequently-asked-questions .downloads-main-content .downloads-left-content .views-exposed-form .form-actions .form-submit {
    top: -52px;
}

.downloads-main-content .view-filters {
    margin-bottom: 0px;
}

.downloads-main-content .view-filters .form-actions .select-all-products {
    width: 100%;
    border: 0px;
    background: transparent;
    display: block;
    text-align: left;
    color: #005CB4;
    font-weight: 400;
    font-size: 18px;
    padding-top: 20px;
    font-family: 'Gothic A1', sans-serif;
    text-decoration: underline;
}

.downloads-image-with-menu ul,
.downloads-image-with-menu ul li {
    margin: 0px;
    padding: 0px;
}

.downloads-image-with-menu ul.resource-menu {
    border: 1px solid #ECEFF1;
    vertical-align: middle;
    display: flex;
    align-items: center;
}

.downloads-image-with-menu ul li {
    width: 20%;
    text-align: center;
    flex: 1;
}

.downloads-image-with-menu ul li:after {
    content: "";
    border-right: 1px solid #ECEFF1;
    display: block;
    height: 40px;
    position: absolute;
    top: 20px;
}

.downloads-image-with-menu ul li.first:after {
    display: none;
}

.downloads-image-with-menu ul li a {
    color: #263238;
    font-size: 18px;
    font-weight: 800;
    padding: 28px 0;
    text-align: center;
    font-family: 'Gothic A1', sans-serif;
}

.downloads-image-with-menu ul li a:hover {
    background: transparent;
}

.downloads-image-with-menu ul li a:hover:after,
.downloads-image-with-menu ul li a.is-active:after {
    width: 75px;
    height: 5px;
    background: #005CB4;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.downloads-main-content .view-content .no-result {
    display: none;
}

.downloads-main-content section.ng-scope {
    width: 100%;
    overflow: hidden;
    height: auto;
    border: 0px;
    padding: 6%;
    background: #F8F9F9;
}

.partner-portals-main-content .view-content,
.downloads-main-content .view-content {
    width: 100%;
    overflow: hidden;
}

.partner-portals-main-content section .ng-scope,
.downloads-main-content section .ng-scope {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 3px;
    border: 1px solid #D1D7DB;
}

.partner-portals-main-content .ng-scope:last-child,
.downloads-main-content section .ng-scope:last-child {
    margin-bottom: 0px;
}

.ressources-tab-content .resource-tab h2.tab,
.partner-portals-main-content .resource-tab h2.tab,
.downloads-main-content .resource-tab h2.tab {
    color: #263238;
    font-size: 24px;
    font-weight: 800;
    font-family: 'Gothic A1', sans-serif;
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    vertical-align: middle;
    margin-bottom: 0px;
    padding: 30px 40px;
    background: #fff url(../images/icons/left-menu-plus.svg) no-repeat 97% 50%;
    margin-top: 0;
}

.partner-portals-main-content .resource-tab h2.tab.open,
.downloads-main-content .resource-tab h2.tab.open {
    color: #263238;
    border: 0px;
    background: #fff url(../images/icons/left-menu-minus.svg) no-repeat 97% 50%;
}

.partner-portals-main-content .partner-portal-main-content,
.downloads-main-content .partner-portal-main-content {
    border: 10px solid #ffffff;
    border-top: 0px;
    border-bottom: 0px;
    background: #F8F9F9;
}

.partner-portals-main-content .partner-portal-main-content:nth-child(2n),
.downloads-main-content .partner-portal-main-content:nth-child(2n) {
    background: #F1F1F1;
}

.partner-portals-main-content .partner-portal-main-content:last-child,
.downloads-main-content .partner-portal-main-content:last-child {
    border-bottom: 10px solid #fff;
}

.partner-portals-main-content .partner-portal-main-content:first-child,
.downloads-main-content .partner-portal-main-content:first-child {
    background: transparent;
    padding: 0px;
}

.partner-portals-main-content .partner-portal-main-content .ng-scope,
.downloads-main-content .partner-portal-main-content .ng-scope {
    border: 0px;
    margin-bottom: 0px;
    min-height: 80px;
    display: flex;
	  padding: 7px 0px;
    vertical-align: top;
}

.partner-portals-main-content .partner-portal-main-content div.head,
.partner-portals-main-content .partner-portal-main-content div.body,
.downloads-main-content .partner-portal-main-content div.head,
.downloads-main-content .partner-portal-main-content div.body {
    display: inline-block;
}

.partner-portals-main-content .partner-portal-main-content div.body {
    width: 20%;
    text-align: left;
}
.downloads-main-content .partner-portal-main-content div.body {
    width: 12%;
    text-align: left;
}
.downloads-main-content .partner-portal-main-content div.body.title.ng-binding {
    width: 45% !important;
    padding-right: 15px;
}

.partner-portals-main-content .partner-portal-main-content div.product,
.downloads-main-content .partner-portal-main-content div.product {
    width: 20%;
    padding-left: 35px;
    text-align: left;
}


.partner-portals-main-content .partner-portal-main-content .partner-portal-heading-text,
.downloads-main-content .partner-portal-main-content .partner-portal-heading-text {
    width: 100%;
    overflow: hidden;
    min-height: 80px;
    background: #004C97;
    vertical-align: middle;
    align-items: center;
    display: flex;
    justify-content: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.partner-portals-main-content .partner-portal-main-content .partner-portal-heading-text .head {
    width: 20%;
    float: left;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Gothic A1', sans-serif;
    text-align: left;
}
.downloads-main-content .partner-portal-main-content .partner-portal-heading-text .head {
    width: 12%;
    float: left;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Gothic A1', sans-serif;
    text-align: left;
}
.downloads-main-content .partner-portal-main-content .partner-portal-heading-text .head.product:first-child {
    width: 20%;
}
.downloads-main-content .partner-portal-main-content .partner-portal-heading-text .head.product:nth-child(2) {
    width: 45% !important;
}

.partner-portals-main-content .partner-portal-main-content .partner-portal-heading-text .head.product,
.downloads-main-content .partner-portal-main-content .partner-portal-heading-text .head.product {
    padding-left: 0px;
    text-align: left;
}
.partner-portals-main-content .partner-portal-main-content .partner-portal-heading-text >.head:first-child,
.downloads-main-content .partner-portal-main-content .partner-portal-heading-text >.head:first-child {
    padding-left: 35px;
    text-align: left;
}

.partner-portal-value-text .body {
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 400;
    text-transform: capitalize;
}

.partner-portal-value-text .body a {
    text-decoration: underline;
}

.view-frequently-asked-questions .view-header {
    width: 100%;
    margin: auto;
    text-align: center;
    border: 0px;
    padding: 6%;
    background: #F8F9F9;
}

.view-frequently-asked-questions .view-content {
    padding: 6%;
    padding-top: 0;
    background: #F8F9F9;
}

.view-frequently-asked-questions .view-header h1 {
    margin-bottom: 15px;
}

.view-frequently-asked-questions .view-content .views-row .ui-accordion-header {
    color: #263238;
    font-size: 24px;
    font-weight: 800;
    font-family: 'Gothic A1', sans-serif;
    cursor: pointer;
    width: 100%;
    display: flex;
    vertical-align: middle;
    padding: 30px 40px;
    outline: none;
    border: 1px solid #D1D7DB;
    background: #fff url(../images/icons/left-menu-plus.svg) no-repeat 97% 50%;
    margin-bottom: 20px;
    margin-top: 0;
}
.view-frequently-asked-questions .view-content .views-row .ui-accordion-header .views-label {
    margin-right: 7px;
}

.view-frequently-asked-questions .view-content .views-row .views-row:last-child .ui-accordion-header {
    margin-bottom: 0px;
}

.view-frequently-asked-questions .view-content .views-row .ui-accordion-header-active {
    margin-bottom: 0px;
    border-bottom: 0px;
    background: #fff url(../images/icons/left-menu-minus.svg) no-repeat 97% 50%;
}

.view-frequently-asked-questions .view-content .views-row span.ui-accordion-header-icon {
    display: none;
}

.view-frequently-asked-questions .view-content .views-row .ui-accordion-content {
    padding: 0px 40px 40px 40px;
    border-top: 0;
    overflow: auto;
    margin-bottom: 20px;
    height: auto !important;
}

.view-frequently-asked-questions .view-content .views-row .ui-accordion-content .views-label-body {
    font-weight: bold;
    padding-bottom: 10px;
    display: inline-block;
}

.view-how-to-videos .view-content {
    width: 100%;
    overflow: hidden;
    padding: 6%;
    background: #F8F9F9;
}

.view-how-to-videos .view-content .views-row {
    width: 48%;
    float: left;
    margin-bottom: 20px;
    margin-right: 4%;
}

.view-how-to-videos .view-content .views-row:nth-child(2n) {
    margin-right: 0px;
}

.view-how-to-videos .view-content .views-row .views-field-title {
    font-size: 24px;
    font-weight: 800;
    font-family: 'Gothic A1', sans-serif;
    padding-top: 15px;
    text-align: center;
}

.view-how-to-videos .view-content .views-row .views-field-field-video img {
    width: 100%;
    height: auto;
}

.view-how-to-videos .view-content .views-row .views-field-field-video iframe {
    width: 100%;
    height: 300px;
}


/******************Supply Detail Page ***************************************/

.supply-detail-page {
    width: 100%;
    overflow: hidden;
    margin-top: 60px;
}

.supply-detail-page .field--name-body,
.supply-detail-page .field--name-node-title {
    width: 60%;
    float: left;
    padding-right: 50px;
}

.supply-detail-page .supply-detail-image {
    width: 40%;
    overflow: hidden;
    margin-bottom: 25px;
}

.slider-nav-thumbnails {
    margin-top: 15px;
}

.product-images .slider-nav-thumbnails .slick-list .slick-track {
  transform: translate3d(0, 0, 0) !important;
}

.supply-detail-page .slider-nav-thumbnails .slick-track {
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
}

.supply-detail-page .slider-nav-thumbnails .slick-slide {
    padding: 15px;
    margin: 0px 5px;
    border: 1px solid #ECEFF1;
    border-radius: 5px;
    outline: none;
    position: relative;
    cursor: pointer;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(238, 243, 248, 0.6));
}

.supply-detail-page .slider-nav-thumbnails .slick-slide .thumbnails-pager {
    display: block !important;
}

.supply-detail-page .slider-nav-thumbnails .slick-slide img {
    width: 50px;
    height: auto;
    margin: auto;
}

.supply-detail-page .slider-nav-thumbnails .slick-slide:after {
    content: "";
    width: 100%;
    height: 197px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: none;
    background: linear-gradient(to bottom, rgba(0, 92, 180, 0), rgba(0, 92, 180, 0.5));
}

.supply-detail-page .slider-nav-thumbnails .slick-slide.slick-current:after,
.supply-detail-page .slider-nav-thumbnails .slick-slide:hover:after {
    display: block;
}

.supply-detail-page .field--name-field-compatible-with {
    width: 100%;
    overflow: hidden;
    margin-top: 60px;
}

.supply-detail-page .field--name-field-compatible-with .view-content {
    display: flex;
    flex-wrap: wrap;
}

.supply-detail-page .field--name-field-compatible-with .views-row {
    flex: 4 23%;
    margin-right: 2%;
    position: relative;
    margin-bottom: 60px;
    max-width: 23%;
}

.supply-detail-page .field--name-field-compatible-with .views-row:nth-child(4),
.supply-detail-page .field--name-field-compatible-with .views-row:nth-child(8),
.supply-detail-page .field--name-field-compatible-with .views-row:nth-child(12) {
    margin-right: 0px;
}

.supply-detail-page .field--name-field-compatible-with .views-field-field-product-image {
    max-width: 300px;
    max-height: 300px;
    display: flex;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    position: relative;
    background: #f5f5f5;
    border: 1.5px solid #ECEFF1;
}

.supply-detail-page .field--name-field-compatible-with .views-field-title {
    margin-top: 10px;
}

.supply-detail-page .field--name-field-compatible-with .views-field-title a {
    font-size: 20px;
    line-height: 29px;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 900;
    color: #263238;
    text-decoration: none;
    text-transform: capitalize;
    margin-top: 20px;
    display: inline-block;
}

.supply-detail-page .field--name-field-compatible-with .views-field-title a:hover {
    color: #005CB4;
}


/**
** product filter tags
**/

.view-term .field--name-description {
    text-align: center;
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    margin-top: -10px;
}

.view-term .field--name-description h2 {
    margin: 30px 0px 0px;
    font-size: 2.2vw;
    line-height: 3vw;
}

body.path-frontpage .field--item:nth-child(2) .field h3 {
    margin: 105px auto auto;
    line-height: 67px;
}

body.path-frontpage .field--item .field h2 {
    margin: auto 0;
    font-size: 36px;
    font-weight: 900;
    line-height: 45px;
}


.body-bloc-heading-text h2,
.body-bloc-text h2 {
    font-size: 2.2vw;
    line-height: 45px;
}

.heading-text-with-description {
    max-width: 1026px;
    margin: auto;
    /*padding-left: 20px; */
    padding-right: 20px;
}

.heading-text-with-description p {
    max-width: 600px;
    margin: auto;
    margin-top: 20px;
}

.featured-blog-section h3.heading-text {
    max-width: initial;
    display: inline-block;
}


/*** Tabs **/

#tabs button.quicktab-button {
    display: none;
}

.mobile-stakeholder-list-wrapper {
    width: 100%;
    display: none;
    position: relative;
}

.product-category-left-menu .product-category-left-menu-child,
.view-product-selector button.showfilter,
.view-product-listing .view-header .view-product-categories .showfilter {
    display: none;
}

.product-category-left-menu .product-category-left-menu-child.listing-show {
    display: block;
}

/*** Power partners page******************/

.main-div .field--name-field-main-container .field--item .technology-partners-view {
    max-width: 1320px;
    margin: auto;
}

/****Slider css partners program page**********/

.slider-counter-container {
    position: relative;
    width: 100%;
    padding: 100px 0px;
    background: #004C97;
}

.slider-counter-container .slider-counter {
    max-width: 1320px;
    margin: auto;
}

.slider-counter-container .slider-counter h1 {
    color: #ffffff;
	margin-top: 0px;
    margin-bottom: 40px;
}

.slider-counter-container .slider-counter h2 {
    color: #ffffff;
	margin-top: 0px;
    margin-bottom: 20px;
}

.slider-counter-container .slider-counter .field--name-field-image {
    max-width: 1000px;
    margin: auto;
}

.slider-counter-container .slider-counter .field--name-field-image img {
    border-radius: 6px;
}

.slider-counter-container .slider-counter .field--name-field-text {
    max-width: 715px;
    margin: auto;
}

.slider-counter-container .slider-counter .field--name-field-text p {
    max-width: 656px;
    margin: auto;
    font-size: 18px;
    line-height: 27px;
    color: #ffffff;
}

.slider-counter-container .slider-counter .count {
    font-family: 'Gothic A1', sans-serif;
    font-weight: 900;
    color: #ACCAFA;
    text-align: center;
    font-size: 60px;
    line-height: 67px;
    margin-top: 80px;
    margin-bottom: 15px;
}

.slider-counter-container .slider-counter-nav-thumbnails {
    max-width: 1320px;
    width: 100%;
    margin: 100px auto auto;
    padding: 0px 20px;
    text-align: center;
}

.slider-counter-container .slider-counter-nav-thumbnails .slick-list {
    width: 100%;
}

.slider-counter-container .slider-counter-nav-thumbnails .slick-track {
    width: 100% !important;
    display: table;
    transform: none !important;
    position: relative;
}

.slider-counter-container .slider-counter-nav-thumbnails .slick-track:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    background: #ACCAFA;
    z-index: 1;
    left: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.slider-counter-container .slider-counter-nav-thumbnails .slick-slide {
    width: auto !important;
    height: 60px;
    outline: none;
    cursor: pointer;
    float: none;
    display: table-cell;
    text-align: center;
    position: relative;
}

.slider-counter-container .slider-counter-nav-thumbnails .slick-slide:last-child {
    margin-right: 0px;
}

.slider-counter-container .slider-counter-nav-thumbnails .thumbnails-pager {
    width: 60px !important;
    height: 60px;
    color: #fff;
    background: #ACCAFA;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 900;
    font-size: 32px;
    line-height: 67px;
    text-align: center;
    outline: none;
    cursor: pointer;
    position: relative;
    z-index: 100;
    border-radius: 3px;
}

.slider-counter-container .slider-counter-nav-thumbnails .slick-slide:first-child:after,
.slider-counter-container .slider-counter-nav-thumbnails .slick-slide:last-child:after {
    content: "";
    position: absolute;
    top: 0px;
    width: 50%;
    background: #004C97;
    height: 60px;
    z-index: 10;
}

.slider-counter-container .slider-counter-nav-thumbnails .slick-slide:first-child:after {
    left: 0px;
}

.slider-counter-container .slider-counter-nav-thumbnails .slick-slide:last-child:after {
    right: 0px;
}

.slider-counter-container .slider-counter-nav-thumbnails .thumbnails-pager:hover,
.slider-counter-container .slider-counter-nav-thumbnails .slick-current .thumbnails-pager {
    color: #004C97;
    background: #fff;
}


/************* Technology partner**********************/

.view-partners .view-content {
    display: flex;
    flex-wrap: wrap;
}

.view-partners .view-content .views-row {
    flex: 4 23.5%;
    max-width: 23.5%;
    margin-right: 2%;
    margin-bottom: 60px;
}

.view-partners .view-content .views-row:nth-child(4n) {
    margin-right: 0;
}

.view-partners .view-content .views-row .views-field-field-partner-image {
    max-width: 300px;
    max-height: 220px;
    height: 220px;
    border: 1px solid #D1D7DB;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    display: flex;
	  padding: 0px 12px;
    border-radius: 5px;
}
.view-partners .view-content .views-row .views-field-field-partner-image img {
    width: 100%;
    height: auto;
}

.view-partners .view-content .views-row .views-field-title,
.view-partners .view-content .views-row .views-field-title a {
    font-size: 20px;
    line-height: 29px;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 900;
    color: #263238;
    text-decoration: none;
    text-transform: capitalize;
    margin-top: 20px;
    display: inline-block;
}
.view-partners.view-display-id-technology_partner .view-content .views-row {
    margin-top: 30px;
}
.view-partners.view-display-id-technology_partner .view-content .views-row .views-field-title,
.view-partners.view-display-id-technology_partner .view-content .views-row .views-field-title a {
    font-size: 18px;
    font-weight: 400;
    margin-top: 10px;
	text-align: center;
	display: block;
}

.view-partners .view-content .views-row .views-field-title a:hover {
    color: #005CB4;
}

/****Partner portal page**************/

#user-login-form {
    width: 50%;
    margin: auto;
    padding-top: 30px;
}

#user-login-form .form-control {
    height: 44px;
}

#user-login-form .form-actions {
    text-align: center;
    margin-top: 40px;
}

.partner-portals-main-content .resource-tab>div {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 3px;
    border: 1px solid #D1D7DB;
	background: #F8F9F9;
}
.partner-portals-main-content section .Video {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	  gap: 2%;
}
.partner-portals-main-content section .Video .tab-d.open:nth-child(2) {
    display: none;
}

.partner-portals-main-content .Video .partner-portal-main-content .ng-scope {
    display: block;
}

.partner-portals-main-content .resource-tab h2.tab {
    padding: 30px 35px;
    background: #fff url(../images/icons/left-menu-plus.svg) no-repeat 97% 50%;
}

.partner-portals-main-content .resource-tab h2.tab.open {
    background: #fff url(../images/icons/left-menu-minus.svg) no-repeat 97% 50%;
}
.partner-portals-main-content .resource-tab .Video h2.tab.open {
    background: #F8F9F9 url(../images/icons/left-menu-minus.svg) no-repeat 97% 50%;
}

.partner-portals-main-content .Video .partner-portal-main-content {
    background: #F8F9F9;
    flex: 1 30%;
    max-width: 30%;
    overflow: hidden;
	  border: 0px;
    vertical-align: top;
    padding-bottom: 20px;
}

.partner-portals-main-content .partner-portal-main-content .video-dialog img {
    border-radius: 5px;
    border: 1.5px solid #ECEFF1;
}

.partner-portals-main-content .partner-portal-main-content .video-title {
    font-size: 18px;
    font-weight: 800;
    font-family: 'Gothic A1', sans-serif;
    text-transform: capitalize;
    padding-top: 15px;
    text-align: center;
}

/*/manufacturing page*/

.field--name-field-bloc .field--item:first-child .paragraph--type--bodybloc.two-column-box,
.field--name-field-bloc .field--item:nth-child(1n) .paragraph--type--bodybloc.two-column-box {
    padding-left: 0px;
    padding-right: 12.5px;
}

.field--name-field-bloc .field--item:last-child .paragraph--type--bodybloc.two-column-box,
.field--name-field-bloc .field--item:nth-child(2n) .paragraph--type--bodybloc.two-column-box {
    padding-left: 0px;
    padding-right: 0px;
}
/*.paragraph.paragraph--type--bodybloc.paragraph--view-mode--default.clearfix.two-column-box.left{
    width: 50%;
    float: left;
    padding-right: 30px;
}
.paragraph.paragraph--type--bodybloc.paragraph--view-mode--default.clearfix.two-column-box.right{
    width: 50%;
    float: right;
    padding-left: 30px;
}*/
/*.body-bloc50-text-image {
    margin-top: 35px;
    margin-bottom: 35px;
}*/
.bodybloc50-text-image {
    display: flex;
    /*gap: 60px;*/
    flex-wrap: wrap;
}
.bodybloc50-text-image ul.blocks {
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.bodybloc50-text-image ul li {
  display: inline-block;
  flex: 1 47.35%;
  flex-grow: 0;
  margin-right: 5.25%;
  margin-top: 40px;
}
.body-bloc50-text {
  margin-top: 25px;
}
.bodybloc50-text-image ul li:nth-child(2) {
    margin-right: 0px;
}
.bodybloc50-text-image .field--name-field-body ul li {
  display: list-item !important;
  margin-right: 0px;
  margin-top: 0px;
  list-style: disc;
}
.bodybloc50-text-image ul li img {
  width: 100%;
  height: auto;
}
.body-bloc50-text-image .body-bloc50-text {
    margin-bottom: 20px;
}
.body-bloc50-text-image .body-bloc50-text h2 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.recommended-models {
    margin-bottom: 50px;
    margin-top: 30px;
}

.recommended-models p {
    max-width: 715px;
}

.page-node-10437 .quadrants-bloc-x3-image-with-label,
.page-node-60 .quadrants-bloc-x3-image-with-label {
    padding-bottom: 0px;
}

.product-grid-main-content-box {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

.product-grid-main-box {
    width: 31.4%;
    padding: 15px;
    float: left;
    margin-right: 2.9%;
    margin-bottom: 60px;
    background: #F8F9F9;
}

.product-grid-main-box:nth-child(3n) {
    margin-right: 0px;
}

.product-grid-main-box .product-image {
    width: 30%;
    float: left;
}

.product-grid-main-box .product-right-column {
    width: 65%;
    overflow: hidden;
    padding-left: 15px;
}

.product-grid-main-box .product-title a {
    text-decoration: none;
    color: #263238;
    font-weight: 700;
}

.product-grid-main-box .product-title a:hover {
    color: #005CB4;
}


/*******Careers Page*********/

.field--name-field-body {
    width: 100%;
    overflow: hidden;
    font-family: 'Barlow', sans-serif !important;
}

#maindiv .paragraph--type--body .field--name-field-body {
    padding: 20px 0px;
    padding-right: 10px
}


table {
    width: 100%;
    margin: 30px 0px;
    overflow-x: auto;
    border: 0px;
}

table thead {
    background: #004C97;
    vertical-align: middle;
}

table thead th {
    color: #fff;
    padding: 15px 20px;
}

table thead th:first-child {
    border-top-left-radius: 5px;
}

table thead th:last-child {
    border-top-right-radius: 5px;
}

table tbody td {
    padding: 15px 20px;
    border: 0;
}

table thead td:nth-child(2n) {
    background: #F1F1F1;
}

table tbody tr:nth-child(even) {
    background: #F1F1F1;
}

table tbody tr:nth-child(odd) {
    background: #F8F9F9;
}


/*****Slider css for partner page ******/
body.path-frontpage .sliderContainer {
  width: 85%;
}
.sliderContainer {
    position: relative;
    padding-top: 60px;
    max-width: 1320px;
    margin: auto;
}
body.path-not-frontpage .sliderContainer {
    padding-top: 0px;
}

body.path-frontpage .homepage-slider-container .sliderContainer {
    max-width: 100%;
    width: 100%;
}

.sliderContainer .slider {
    width: 100%;
}

.sliderContainer .homepage-slider .slick-slide {
    padding: 0px 0 30px;
}

.sliderContainer .owl-carousel .paragraph--type--slide .field--type-image::after {
    display: none;
}

.sliderContainer .slick-prev:before,
.sliderContainer .slick-next:before {
    color: black;
}

.sliderContainer .slick-dots {
    bottom: -30px;
}

.sliderContainer .progressBarContainer {
    position: absolute;
    bottom: 20px;
    max-width: 1320px;
    left: 0px;
    right: 0px;
    margin: auto;
    z-index: 1;
	text-align: center;
}

.sliderContainer .progressBarContainer div {
    display: inline-block;
    width: 15%;
    padding: 0;
    margin-right: 1.5%;
    color: white;
}

.sliderContainer .progressBarContainer div:last-child {
    margin-right: 0;
}

.paragraph--type--slideshow .paragraph--type--slide {
  position: relative;
}

.sliderContainer .progressBarContainer div span.progressBar {
    width: 100%;
    height: 4px;
    background-color: #D9E0E3;
    display: inline-block;
    cursor: pointer;
}

.sliderContainer .progressBarContainer div span.progressBar .inProgress {
    background-color: #005CB4;
    width: 0%;
    height: 4px;
	  display: block;
}

.sliderContainer button.slick-prev {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    border: 0px;
    margin: 0px;
    font-size: 0px;
    cursor: pointer;
    top: 47%;
    outline: none;
    transform: translateY(-50%);
    background: url(../images/icons/slider-prev.svg) no-repeat 50% 50%;
    z-index: 1;
}

.sliderContainer button.slick-next {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    outline: none;
    border: 0px;
    margin: 0px;
    font-size: 0px;
    cursor: pointer;
    top: 47%;
    transform: translateY(-50%);
    background: url(../images/icons/slider-next.svg) no-repeat 50% 50%;
    z-index: 1;
}
.remove-horizontal-scrollbar .suwala-doubleScroll-scroll-wrapper {
    display: none;
}
.view-display-id-specifications_tab {
    padding-top: 75px;
}
.slick-slide .paragraph--type--slide .field.field--name-field-image img,
.body-bloc-50-image img,
.field--name-field-image img,
.product-listing-left,
.product-listing-left img,
.body-bloc50-image img {
    border-radius: 5px;
}
.paragraph--type--slideshow .paragraph--type--slide::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
	  border-radius: 5px;
    background-image: linear-gradient(to bottom, rgb(255 255 255 / 0%), rgb(0 0 0 / 80%));
}
.paragraph--type--slideshow .homepage-slider .paragraph--type--slide::after {
    background-image: none;
}

.inquery-form-area,
.hbspt-form {
  max-width: 700px;
  margin: auto;
  overflow: hidden;
  padding-bottom: 50px;
}

.inquery-form-area.business-inquery-form {
  display: flex;
  max-width: 100%;
}
.inquery-form-area.business-inquery-form .inquery-form-section {
  flex: 1;
}
.inquery-form-area .hbspt-form fieldset {
  max-width: 100%;
}
.inquery-form-two-column > .field--item.inquery-form-section {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}
.inquery-form-two-column>.field--item.inquery-form-section:first-child
{
    width:40%
}
.inquery-form-two-column
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.paragraph .hbspt-form input,
.paragraph .hbspt-form fieldset .hs-input {
  height: 50px;
  border: 1px solid #9AA1A5;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 10px 20px;
}

.paragraph .hbspt-form fieldset .hs-input.hs-fieldtype-intl-phone {
  padding: 0;
}

.paragraph .hbspt-form fieldset .hs-input.hs-fieldtype-intl-phone select,.paragraph .hbspt-form fieldset .hs-input.hs-fieldtype-intl-phone input{
    margin-top: -1px;
    margin-left: -1px;
}
.paragraph .hbspt-form fieldset ul.inputs-list,
.paragraph .hbspt-form fieldset ul.inputs-list li {
  padding: 0px;
  margin: 0px;
  list-style: none;
  list-style-image: none;
}
.paragraph .hbspt-form fieldset ul.inputs-list {
  margin-bottom: 12px;
}
.paragraph .hbspt-form fieldset textarea.hs-input {
  height: auto;
  resize: none;
  margin-bottom: 15px;
}
.paragraph .hbspt-form fieldset input[type="radio"],
.paragraph .hbspt-form fieldset input[type="checkbox"] {
  height: auto;
  margin: auto;
  display: inline-block;
 /*vertical-align: middle; */
 position: relative;
  float: none;
  bottom: 0px;
}
label.hs-form-checkbox-display span 
{
margin-left: 7px;
}
.paragraph .hbspt-form .hs-form-booleancheckbox-display>span,
.paragraph .hbspt-form .hs-form-radio-display >span {
  display: inline-block;
  margin-left: 7px;
  vertical-align: middle;
}
.paragraph .hbspt-form fieldset .hs-form-field .input {
  margin-right: 0px;
}
.paragraph .hbspt-form fieldset .hs-form-field .input > .hs-input {
  width: 100%;
}
.inquery-form-area .hbspt-form fieldset p {
  margin-top: 0px !important;
}
.paragraph .hbspt-form .hs_recaptcha {
    margin-top: 25px;
}
.paragraph .hbspt-form fieldset {
    max-width: 100%;
}
.paragraph .hbspt-form fieldset.form-columns-2 {
  display: flex;
}
.paragraph .hbspt-form fieldset.form-columns-2 .hs-form-field {
  margin-right: 3%;
}
.paragraph .hbspt-form fieldset.form-columns-2 .hs-form-field:nth-child(2n) {
  margin-right: 0px;
}
.paragraph .hbspt-form .actions input.hs-button {
  height: auto;
  border: 2px solid #005CB4;
  background-color: #005CB4;
  color: #fff;
  white-space: normal;
  padding: 15px 0px 12px;
  display: inline-block;
  font-family: 'Gothic A1', sans-serif;
  font-weight: 900;
  width: 170px;
  font-size: 16px;
  line-height: 21px;
  border-radius: 5px;
  margin-bottom: 0px;
  margin-top: 25px;
  text-align: center;
}
body.hbspt-form-success-popup:after {
  background: rgba(0,0,0,0.5);
  position: absolute;
  content: "";
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.hbspt-form .submitted-message {
    width: 90%;
    max-width: 650px;
    color: #000000;
    overflow: hidden !important;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    margin: 10px auto;
    padding: 20px 25px;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 50%);
    background: #fff;
    border-radius: 5px;
}

/*.hbspt-form .submitted-message {
  position: fixed;
  left: 0px;
  right: 0px;
  max-width: 500px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  overflow: hidden !important;
}*/

.paragraph .hbspt-form .actions input.hs-button:hover {
  color: #263238 !important;
  border: 2px solid #263238 !important;
  background-color: transparent;
}

.supply-detail-image .slick-initialized .slick-slide {
    display: block;
    text-align: center;
}
.supply-detail-image .slick-initialized .slick-slide img {
    display: inline-block;
}

.modal-backdrop {
  z-index: 9999;
}

.modal {
  z-index: 99990;
}