@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@200;300;500;700&display=swap');



/* ==================================== 
RMA FOrm Styling –––––––––––––––––––––––––––––––––––
==================================== */

#webform-submission-rma-request-add-form .label {    
    font-weight: 500;
    color: #fff;
   font-size: 1.25rem;
background-color: #0E5FAC;}


/* ==================================== 
Typography
==================================== */

/* outfit-100 - latin */
@font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 100;
    src: url('/sites/default/files/fonts/outfit-v1-latin-100.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/sites/default/files/fonts/outfit-v1-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/sites/default/files/fonts/outfit-v1-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
         url('/sites/default/files/fonts/outfit-v1-latin-100.woff') format('woff'), /* Modern Browsers */
         url('/sites/default/files/fonts/outfit-v1-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/sites/default/files/fonts/outfit-v1-latin-100.svg#Outfit') format('svg'); /* Legacy iOS */
  }
  /* outfit-200 - latin */
  @font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 200;
    src: url('/sites/default/files/fonts/outfit-v1-latin-200.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/sites/default/files/fonts/outfit-v1-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/sites/default/files/fonts/outfit-v1-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
         url('/sites/default/files/fonts/outfit-v1-latin-200.woff') format('woff'), /* Modern Browsers */
         url('/sites/default/files/fonts/outfit-v1-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/sites/default/files/fonts/outfit-v1-latin-200.svg#Outfit') format('svg'); /* Legacy iOS */
  }
/* outfit-300 - latin */
@font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 300;
    src: url('/sites/default/files/fonts/outfit-v1-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/sites/default/files/fonts/outfit-v1-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/sites/default/files/fonts/outfit-v1-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('/sites/default/files/fonts/outfit-v1-latin-300.woff') format('woff'), /* Modern Browsers */
         url('/sites/default/files/fonts/outfit-v1-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/sites/default/files/fonts/outfit-v1-latin-300.svg#Outfit') format('svg'); /* Legacy iOS */
  }
  /* outfit-regular - latin */
  @font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    src: url('/sites/default/files/fonts/outfit-v1-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/sites/default/files/fonts/outfit-v1-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/sites/default/files/fonts/outfit-v1-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/sites/default/files/fonts/outfit-v1-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('/sites/default/files/fonts/outfit-v1-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/sites/default/files/fonts/outfit-v1-latin-regular.svg#Outfit') format('svg'); /* Legacy iOS */
  }
  /* outfit-500 - latin */
  @font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 500;
    src: url('/sites/default/files/fonts/outfit-v1-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/sites/default/files/fonts/outfit-v1-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/sites/default/files/fonts/outfit-v1-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('/sites/default/files/fonts/outfit-v1-latin-500.woff') format('woff'), /* Modern Browsers */
         url('/sites/default/files/fonts/outfit-v1-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/sites/default/files/fonts/outfit-v1-latin-500.svg#Outfit') format('svg'); /* Legacy iOS */
  }
  /* outfit-600 - latin */
  @font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    src: url('/sites/default/files/fonts/outfit-v1-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/sites/default/files/fonts/outfit-v1-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/sites/default/files/fonts/outfit-v1-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('/sites/default/files/fonts/outfit-v1-latin-600.woff') format('woff'), /* Modern Browsers */
         url('/sites/default/files/fonts/outfit-v1-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/sites/default/files/fonts/outfit-v1-latin-600.svg#Outfit') format('svg'); /* Legacy iOS */
  }



h1, h2, h3, h4, h5, h6, p, a, div, span {
    font-family: 'Outfit', sans-serif;
}

h1 {
    color: white;
    font-weight: 500;
}

h2 {
    font-weight: 500;
    color: #464D50;
}


/* title of blue box 'Our History' */
h3 {
    color: #065673;
    font-weight: 400;
}

/* Blue box testimonial text */

h4 {
    font-weight: 500;
    color: #464D50;
}



/* ==================================== 
comment this section –––––––––––––––––––––––––––––––––––
==================================== */
#featured h4 {color: white;}
/* ==================================== 
comment this section –––––––––––––––––––––––––––––––––––
==================================== */


/* ==================================== 
New logo –––––––––––––––––––––––––––––––––––
==================================== */
#featured h4 {color: #197531;}
/* ==================================== 
New logo –––––––––––––––––––––––––––––––––––
==================================== */

/* Sub heading 'ABOUT DASCO' */
h5 {
    text-transform: uppercase;
    font-weight: 200;
    font-size: 1.2rem;
    color: #197531;
}
h6 {
    text-transform: uppercase;
    font-weight: 200;
    color: #464D50;
}
.region--default-background a {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    color: #065673;
}
.region--default-background a:visited, .region--default-background a:focus {
    color: #464D50;
    background-color: #f5f5f5;
}
body.in-page-navigation-active {
    position: inherit;
}


h1 { font-size: 3.0rem; line-height: 1.2;  }
h2 { font-size: 3.0rem; line-height: 1.25; }
h3 { font-size: 2.4rem; line-height: 1.3;   }
h4 { font-size: 2.0rem; line-height: 1.35;  }
h5 { font-size: 1.2rem; line-height: 1.4;  }
h6 { font-size: 1.2rem; line-height: 0.5;   }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 3.5rem; }
  h2 { font-size: 3.2rem; }
  h3 { font-size: 2.8rem; }
  h4 { font-size: 2rem; }
  h5 { font-size: 1.2rem; }
  h6 { font-size: 1.2rem; }
}

p { margin-top: 0; color: #464D50; }
body {overflow-x: hidden;}
 a:focus,  a:visited {
    color: #627583;
}

/* ==================================== 
comment this section –––––––––––––––––––––––––––––––––––
==================================== */
a.blue-button, a.blue-button:visited , input.blue-button, input.blue-button:visited, 
input#edit-submit-search-box, input#edit-submit-search-box:visited {
    background: #0E5FAC;
    color: white;
    border-radius: 30px;
    padding: 10px 20px;
    border: 2px solid #0E5FAC;
    display: inline-block;
    text-decoration: none;
}
a.blue-button:hover, input.blue-button:hover, .region--default-background a:hover, input#edit-submit-search-box:hover {
    background: none;
    color: #0E5FAC;
    text-decoration: none;
}

.page-node-1 #banner a.blue-button:hover {
    background: white;
    color: #0E5FAC;
}
a.light-button, a.light-button:visited {
    background: #6EB2CF;
    color: white;
    border-radius: 30px;
    padding: 10px 20px;
    border: 2px solid #6EB2CF;
    display: inline-block;
}
a.light-button:hover {
    background: white;
    color: #6EB2CF;
    text-decoration: none;
}
/* ==================================== 
comment this section –––––––––––––––––––––––––––––––––––
==================================== */



/* ==================================== 
New logo–––––––––––––––––––––––––––––––––––
==================================== */
a.blue-button, a.blue-button:visited , input.blue-button, input.blue-button:visited, 
input#edit-submit-search-box, input#edit-submit-search-box:visited {
    background: #197531;
    color: white;
    border-radius: 30px;
    padding: 10px 20px;
    border: 2px solid #197531;
    display: inline-block;
    text-decoration: none;
}
a.blue-button:hover, input.blue-button:hover, .region--default-background a:hover, input#edit-submit-search-box:hover {
    background: none;
    color: #197531;
    text-decoration: none;
}

.page-node-1 #banner a.blue-button:hover {
    background: white;
    color: #197531;
}
a.light-button, a.light-button:visited {
    background: #197531;
    color: white;
    border-radius: 30px;
    padding: 10px 20px;
    border: 2px solid #197531;
    display: inline-block;
}
a.light-button:hover {
    background: white;
    color: #197531;
    text-decoration: none;
}
/* ==================================== 
New logo–––––––––––––––––––––––––––––––––––
==================================== */

















input#edit-submit-search-box {text-transform: uppercase; font-size: 16px;}
/* ==================================== 
Global–––––––––––––––––––––––––––––––––––
==================================== */


.fully-responsive-grid {
    /* using Grid */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

#footer-bottom {
    background: #6EB2CF;
}



#footer-bottom {
    background: white;
}


#block-footercopyright p, #block-footerroddissite p {
    padding-top: 18px;
    color: white;
}


#block-footercopyright p, #block-footerroddissite p {
    padding-top: 18px;
    color: black;
}



#block-footerroddissite p {
    text-align: right;
}
.header-container .header {
    background: none;
}
#featured {
    background: #C6E1EC;
}
.page-node-2 #featured {
    padding-bottom: 150px;
}
#featured h3 {
    font-weight: 500;
}
@media (min-width: 768px){
.onscroll.fixed-header-enabled--scroll-up.headroom--scroll-up .header.js-fixed, 
.onscroll.fixed-header-enabled--scroll .header.js-fixed {
    background: white;
}
}

#footer .container-fluid {
    padding-left: 0;
    padding-right: 0;
}
#footer .container-fluid .col-12 {
    padding-left: 0;
    padding-right: 0;
}
.page-node-5 .main-content__section {
    padding: 0;
}

.js-fixed .logo {
    background: url(/sites/default/files/logo-nobackground-web.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.js-fixed .logo img {
    opacity: 0;
}



/*  ==================================== 
Banner –––––––––––––––––––––––––––––––––––
==================================== */
#banner {
    background: none;
    height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    color: white;
    margin-top: -165px;
}

#banner h1, #banner p {
    text-align: center;
}

.view-banner .view-content {
    width: 70%;
    margin: auto;
}
.page-node-1 .view-banner .view-content {
    width: 40%;
}

.page-node-type-products-category #banner  {
    height: 300px;
    background: #065673;
    align-items: flex-end;
    text-align: center;
    margin-bottom: 60px;
}
.page-node-type-products-category #banner  .category-banner h1 {
    background: #0E5FAC;
    border-radius: 10px;
    padding: 20px 80px;
    width: fit-content;
    width: -moz-fit-content;
    margin: auto;
    margin-bottom: -60px;
}

.page-node-type-product-sub-category- #banner, .page-node-type-products #banner, 
.page-node-type-partner #banner, .page-node-type-news #banner, .path-search-box #banner {
    height: 350px;
    background: #065673;
    align-items: flex-end;
}
.page-node-type-product-sub-category- #banner h1, .page-node-type-products #banner h1,
 .page-node-type-news #banner h1 {
    padding-bottom: 50px;
}


.page-node-type-products #main-content .field--name-field-image {
    text-align: center;
}
 .page-node-type-partner #banner  {
    text-align: center;
    padding-bottom: 50px;
}

/*  ==================================== 
Menu –––––––––––––––––––––––––––––––––––
==================================== */

#superfish-main a {
    color: white;
}

.js-fixed #superfish-main a {
    color: black;
}
#superfish-main li.sf-depth-2 {
    background-color: white;
}
#superfish-main li.sf-depth-2 a {
    font-size: 14px;
    padding: 10px;
    color: black;
}
#superfish-main li.sf-depth-2 a.is-active {
color: white;
}
#superfish-main li.sf-depth-1 ul {
    border-left-width: 0;
    box-shadow: none;
}
#superfish-main li.sf-depth-1 a {
    padding: 20px;
    border-top-width: 0;
}
.header-container ul.sf-menu .sf-sub-indicator {
    top: 30px;
    right: 0.3em;
}


.header-container .sf-menu ul li.sfHover > a, .header-container .sf-menu ul li a:hover, 
.header-container .sf-menu ul li > a.is-active, .header-container .sf-menu ul li.active-trail > a,
#superfish-main li.sf-depth-1 a:hover, #superfish-main li.sf-depth-1 a.is-active  {
    background: #0E5FAC;
    color: white;
}





/*  ==================================== 
Footer –––––––––––––––––––––––––––––––––
==================================== */

/*  –––––––
suppliers  
 ––––––– */ 

#block-views-block-partners-block-1 {
    background: #065673;
}
/*  ==================================== 
New logo –––––––––––––––––––––––––––––––––
==================================== */
#block-views-block-partners-block-1 {
    background: #197531;
}
/*  ==================================== 
New logo–––––––––––––––––––––––––––––––––
==================================== */



#block-views-block-partners-block-1 .view-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    padding: 50px 40px 80px;
    row-gap: 50px;
    column-gap: 50px;
}
#block-views-block-partners-block-1 h6 {
    color: white;
    line-height: 1.6;
    padding: 30px 50px 0;
}
#block-views-block-partners-block-2 .view-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    column-gap: 40px;
    row-gap: 70px;
    padding: 50px 0;
    text-align: center;
}

/*  ==================================== 
Brands page ––––––––––––––––––––––––––––
==================================== */ 

 #block-renttrainintegrate h6 {
    color: #065673;
}


/* ==================================== 
Team view ––––––––––––––––––––––––––––––
==================================== */

.Team-view-block .view-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    column-gap: 40px;
    row-gap: 40px;
}
.Team-view-block .view-content h4 {
color: #464D50;
}
/* ==================================== 
comment this section ––––––––––––––––––––––––––––––
==================================== */
.Team-view-block .view-content .views-field-field-position p {
    color: #6EB2CF;
}
/* ==================================== 
comment this section ––––––––––––––––––––––––––––––
==================================== */



/* ==================================== 
New logo ––––––––––––––––––––––––––––––
==================================== */
.Team-view-block .view-content .views-field-field-position p {
    color: #197531;
}
/* ==================================== 
New logo ––––––––––––––––––––––––––––––
==================================== */



.Team-view-block  .view-header {
    text-align: center;
}
.Team-view-block  .view-header p {
    text-align: left;
    padding: 0 150px 50px;
}



/* ==================================== 
Custom Block overlap image and text –––––
==================================== */

.right-text {
    padding: 50px 60px;
    /* transform: translate(0px, 25%); */
    width: 80%;
}
.text_over_image_block .row .bs-region--right, 
.block-content--type-right-image-and-left-text-overla .bs-region--left {
    display: flex;
    align-items: center;
}


.text_over_image_block.cyan .right-text {
    background: #00C1E0;
}
.text_over_image_block.skyblue .right-text {
    background: #BBE1F1;
}
.text_over_image_block.strongblue  .right-text{
background: #0E5FAC;
}
.text_over_image_block.darkblue .right-text {
    background: #065673;
}
.text_over_image_block.desaturatedblue.right-text {
    background: #6eb2cf;
}

/* ==================================== 
Custom Block overlap skyblue –––––––––––
==================================== */
.text_over_image_block.skyblue h5 {
    font-size: 1.5rem;
    color: #065673;
    text-transform: none;
    font-weight: 300;
}

/* ==================================== 
comment this section –––––––––––
==================================== */
.text_over_image_block.skyblue h6 {
    font-size: 1.1rem;
    color: #00C1E0;
}
/* ==================================== 
comment this section –––––––––––
==================================== */

/* ==================================== 
New logo –––––––––––
==================================== */

.text_over_image_block.skyblue h6 {
    font-size: 1.1rem;
    color: #197531;
}
/* ==================================== 
New logo –––––––––––
==================================== */



.text_over_image_block.skyblue .right-text {
    width: 100%;
    padding: 30px 60px;
}

.page-node-3 #featured-bottom {
    background-image: url(/sites/default/files/2022-02/Training%20Services.JPEG) ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 150px;
    margin: 100px 0;
}




.text_over_image_block .bs-region--left {
    margin-right: -20%;
}
.text_over_image_block .row {
    justify-content: center;
}
#block-ourstoryaboutuspage {
    margin-top: -200px;
}
#block-ourstoryaboutuspage h6 {
    line-height: 1.6;
    color: white;
}
#block-ourstoryaboutuspage p {
    color: white;
}
/* ==================================== 
Reverse Custom Block overlap image and text –
==================================== */
.block-content--type-right-image-and-left-text-overla .bs-region--left {
    z-index: 99;
}


/* ==================================== 
Products  ––––––––––––––––––––––––––––
==================================== */
.product-teaser-block .view-content {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    column-gap: 40px;
}

.product-info-view {
    border: 1.5px solid #6EB2CF; 
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 40px;
    max-width: 400px;
}





.product-info-view  h5 a {
    font-size: 1.3rem;
    text-transform: none;
    color: #464D50;
}
.product-info-view  h5 a:hover, .product-info-view  h6 a:hover {
    color: #065673;
}

.product-info-view  h6 a  {
    font-weight: 300;
    color: #065673;
}
.product-info-view .views-field-field-image {
    text-align: center;
}


 a.link-content {
    color: #00C1E0;
    font-weight: 300;
}

 a.link-content:visited {
    color: #00C1E0;
}
  a.link-content:hover {
    color: #065673;
    text-decoration: none;
}
 /* .views-field-field-image  {
    text-align: center;
} */
.overlay--colored {background: none;}

.views-field-field-suppliers a {
    font-weight: 300;
    text-transform: none;
    color: #464D50;
}
.views-field-field-suppliers p {
    padding-top: 18px;
    padding-bottom: 10px;
}


.Product-document-view {
    background: #6EB2CF;
    padding: 40px;
    width: fit-content;
    width: -moz-fit-content;
    margin: auto;
    text-align: center;
    border-radius: 10px;
}
.Product-document-view h6 {
    color: #9ED4EB;
    font-size: 1.1rem;
}
.Product-document-view h4 {
    font-weight: 300;
}
.Product-document-view .datasheet {
    margin: 35px 0;
}

/* ==================================== 
comment this section  ––––––––––––––––––––––––––––
==================================== */
.Product-document-view .datasheet a {
    margin: auto;
    width: fit-content;
    width: -moz-fit-content;
    padding: 10px;
    background: #0E5FAC;
    color: white;
}
.Product-document-view .datasheet a:hover {
    background: #065673;
}

/* ==================================== 
comment this section  ––––––––––––––––––––––––––––
==================================== */



/* ==================================== 
New logo  ––––––––––––––––––––––––––––
==================================== */

.Product-document-view .datasheet a {
    margin: auto;
    width: fit-content;
    width: -moz-fit-content;
    padding: 10px;
    background: #197531;
    color: white;
}
.Product-document-view .datasheet a:hover {
    background: white;
    color: #197531;
}


/* ==================================== 
New logo  ––––––––––––––––––––––––––––
==================================== */


.view-product-images .views-row .views-field-field-product-images .field-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
    column-gap: 30px;
    text-align: center;
}

/* ==================================== 
Search –––––––––––––––––––––––––––––––––––
==================================== */


.facet-item label {
    display: inline-block;
}
.facet-block ul {
    list-style: none;
}
.facet-block__title {
    font-weight: 700;
    text-align: center;
    font-size: 1.3rem;
    border-bottom: 2px solid #0E5FAC;
    margin: 0 40px 40px;
    color: #464D50;
}
#content-bottom .region-content-bottom-first {
    background: #C6E1EC;
    padding: 40px;
}
.product-teaser-block .views-exposed-form .form--inline {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    background: #C6E1EC;
}
#block-facetsblock {
    padding-bottom: 0;
}
.view-reset-button- p {
    text-align: center;
}

#views-exposed-form-search-box-page-1 .js-form-item {
    width: 100%;
}
#views-exposed-form-search-box-page-1 #edit-actions {
    text-align: center;
}

/* ==================================== 
sort –––––––––––––––––––––––––––––––––––
==================================== */
.product-teaser-block .views-exposed-form .form--inline .form-item {
    margin-top: 15px;
}
.product-teaser-block .views-exposed-form .form--inline .form-item label {
    display: none;
}
.product-teaser-block .views-exposed-form .form--inline .form-item select:hover,
.product-teaser-block .views-exposed-form .form--inline .form-item select:focus {
    border-color: #065673;
}
.product-teaser-block .views-exposed-form .form-actions input[type="submit"] {
    background: #0E5FAC;
}
.product-teaser-block .views-exposed-form .form-actions input[type="submit"]:hover {
    background: #065673;
} 
#edit-actions-submit--2 {
    margin: 40px 0 0;
}


.view-product-supplier h4, .view-product-supplier .views-field-field-datasheet p  {
    color: white;
}


/* ==================================== 
Contact Us Block –––––––––––––––––––––––––––––––––––
==================================== */


#block-contactusbottomblock, #block-contactusbottomblock-2 {
    text-align: center;
}
#block-contactusbottomblock h6, #block-contactusbottomblock-2 h6 {
color: #00C1E0;
font-size: 1.1rem;
}
#block-contactusbottomblock  p, #block-contactusbottomblock-2 p {
    margin-bottom: 1rem;
}
input.form-text:hover, input.form-tel:hover, input.form-email:hover, input.form-url:hover, 
input.form-search:hover, input.form-file:hover, input.form-number:hover, input.form-color:hover, 
input.form-date:hover, input.form-time:hover, textarea:hover, select:hover, input.form-text:focus, 
input.form-tel:focus, input.form-email:focus, input.form-url:focus, input.form-search:focus, 
input.form-file:focus, input.form-number:focus, input.form-color:focus, input.form-date:focus, 
input.form-time:focus, textarea:focus, select:focus
{
    border-color: #00C1E0;
}
/* ==================================== 
Home page markets view –––––––––––––––
==================================== */

.masonry .view-content { /* Masonry container */
    display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    align-items: center;
    width: 60%;
    margin: auto;
  }
.masonry .masonry-item:nth-child(1) {
      grid-row: span 2;
      grid-column: span 4;
      text-align: right;
}
.masonry .masonry-item:nth-child(1) img {
    width: 270px;
}
.masonry .masonry-item:nth-child(2) {
    grid-row: span 2;
    grid-column: span 2;
}
.masonry .masonry-item:nth-child(3) {
    grid-row: span 2;
    grid-column: span 2;
}
.masonry .masonry-item:nth-child(5) {
    grid-row: span 2;
    grid-column: span 3;
}
.masonry .masonry-item {
    position: relative;
}
.masonry .masonry-item .views-field-title a {
    position: absolute;
    top: 80%;
    right: 5%;
    color: white;
    text-align: center;
    z-index: 99;
}
.masonry .view-header h4 {
    color: #464D50;
}
.masonry .view-header {
    width: 40%;
    position: absolute;
    left: 290px;
    z-index: 9999;
}

@media (max-width: 1400px){
    .masonry .view-content {
        width: 65%;
    }
}
@media (max-width: 1250px){
    .masonry .view-content {
        width: 70%;
    }
}
.view-product-category- {
    position: relative;
    z-index: 0;
}
/* ==================================== 
Markets view –––––––––––––––
==================================== */

.view-market-view  .view-grouping {
display: flex;
margin-bottom: 200px;
align-items: center;
justify-content: center;
}
.view-market-view  .view-grouping .view-grouping {
    align-items: flex-start;
    margin-bottom: 0;
    column-gap: 40px;
}

.view-market-view  .view-grouping .view-grouping-header {
    width: 80%;
}
.view-market-view  .view-grouping-content .view-grouping {
    justify-content: space-between;
    align-items: center;
}
.view-market-view  .view-grouping .view-grouping-header .view-grouping-header {
    width: auto;
} 
.view-market-view  .view-grouping > .view-grouping-content {
    width: 80%;
}

.view-market-view  .view-grouping .view-grouping-content .market-body {
    padding: 40px 40px;
    margin-left: -100px;
    transform: translate(-30%, 0px);
}

.view-market-view .view-grouping .view-grouping-content .market-body li {
    color: white;
}

.featured-bottom__section .region-featured-bottom  .block-views:nth-child(3n+1)
.view-market-view  .view-grouping .view-grouping-content .market-body {
    background:  #0E5FAC;
}

.featured-bottom__section .region-featured-bottom  .block-views:nth-child(3n+2)
.view-market-view  .view-grouping .view-grouping-content .market-body {
    background:  #065673;
}

.featured-bottom__section .region-featured-bottom  .block-views:nth-child(3n+3)
.view-market-view  .view-grouping .view-grouping-content .market-body {
    background:  #6EB2CF;
}
.view-market-view  .view-grouping .view-grouping-content .view-grouping .view-grouping-content {
    width: 60%;
}
.view-market-view  .view-grouping .view-grouping-content .market-body p a, 
.view-market-view  .view-grouping .view-grouping-content .market-body p {
    color: white;
}
.view-market-view  .view-grouping:nth-child(3) {
    display: block;
}
.view-market-view .view-grouping:nth-child(3) .view-grouping-header {
    width: 100%;
}
.view-market-view .view-grouping:nth-child(3) .view-grouping .view-grouping-header {
    width: 80%;
    margin: auto;
}
.view-market-view .view-grouping:nth-child(3) .view-grouping {
    display: block;
}
.view-market-view .view-grouping:nth-child(3) .view-grouping-content .market-body {
    transform: translate(0px, -40%);
    margin-left: 0;
}
.view-market-view .view-grouping:nth-child(3) > .view-grouping-content {
    width: 100%;
}
.view-market-view .view-grouping:nth-child(3) .view-grouping-content .view-grouping .view-grouping-content {
    width: 100%;
    column-count: 4;
}

/* ======
Reverse Market 
======= */
.reverse-market-view  .view-grouping {
    display: -webkit-box;
        display: -moz-box;
        display: box;
        
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
}
.reverse-market-view  .view-grouping  .view-grouping-header {
    -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
}
.reverse-market-view  .view-grouping  .view-grouping-content {
    width: 55%;
}
.reverse-market-view  .view-grouping  .view-grouping-content  .market-body {
    margin-left: 0;
    transform: translate(-20%, 30%);
}


.full-width-market-view  .view-grouping {
    display: block;
    margin-bottom: 200px;
}

.full-width-market-view  .view-grouping .view-grouping-header {
    width: 100%;
}

.full-width-market-view  .view-grouping .view-grouping-content .market-body {
    transform: none;
    margin-left: 0;
    position: relative;
    z-index: 999;
}
.full-width-market-view  .view-grouping > .view-grouping-content {
    margin: auto;
}
.full-width-market-view  .view-grouping .view-grouping-content .view-grouping .view-grouping-content {
    column-count: 4;
    column-gap: 40px;
    width: 100%;
    padding-top: 50px;
}
.full-width-market-view  .view-grouping .view-grouping-header img {
    width: 2000px;
    height: 500px;
}
.full-width-market-view  .view-grouping .view-grouping-content .view-grouping  {
    margin-top: -150px;
}
.no-margin .view-grouping {
    margin-bottom: 0;
}
/* ==================================== 
Contact –––––––––––––––––––––––––––––––––––
==================================== */

.page-node-7 #highlighted-top .container-fluid  {
    padding-left: 0;
    padding-right: 0;
}

.page-node-7 a {
    font-weight: 300;
}



/* ==================================== 
News –––––––––––––––––––––––––––––––––––
==================================== */

#block-views-block-news-block-1 .view-id-news .view-content {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     column-gap: 20px;
     row-gap: 60px;
}

/* ==================================== 
comment this section –––––––––––––––––––––––––––––––––––
==================================== */
#block-views-block-news-block-1  .views-field-title {
    background: #065673;
    margin-top: -80px;
    padding: 7px;
    text-align: center;
}
/* ==================================== 
comment this section –––––––––––––––––––––––––––––––––––
==================================== */


/* ==================================== 
New logo –––––––––––––––––––––––––––––––––––
==================================== */
#block-views-block-news-block-1  .views-field-title {
    background: #197531;
    margin-top: -80px;
    padding: 7px;
    text-align: center;
}
/* ==================================== 
New logo –––––––––––––––––––––––––––––––––––
==================================== */


#block-views-block-news-block-1  .views-field-title a {color: white;}
#block-views-block-news-block-1  .views-field-field-image .overlay-container {z-index: -99;}
#block-views-block-news-block-1 .views-field-title:hover {
    background: #0E5FAC;
}


#block-views-block-news-block-2 .view-header, #block-views-block-news-block-2-2 .view-header {
text-align: center;
}
#block-views-block-news-block-2 h4, #block-views-block-news-block-2-2 h4 {
    color: #464D50;
    line-height: 0.9;
}
#block-views-block-news-block-2, #block-views-block-news-block-2-2  {padding: 50px 200px;}

#block-views-block-news-block-2 .views-field-field-date, #block-views-block-news-block-2-2 .views-field-field-date {
    margin-bottom: 15px;
}

.view-news .view-content .views-row {
    position: relative;
    z-index: 0;
}



/* ==================================== 
Services - three custom block –––––––––
==================================== */


#block-threeblocksonservicepage h2 {
    font-size: 1rem;
    position: absolute;
    bottom: 10%;
    width: 100%;
    color: white;
    background: rgba(31, 86, 115, 0.5);
    padding: 10px;
}
#block-threeblocksonservicepage {
    padding: 0 150px;
    text-align: center;
    margin-top: -200px;
}
.page-node-3 #banner {
    height: 700px;
}

.page-node-3 .content-top__section {
padding: 30px 0;
}
#block-rentalprogramservicepage, #block-trainingservicesservices, #block-whatisintegrationservices {
scroll-margin-top: 10em;
}



/* ==================================== 
Responsive  –––––––––––––––––––––––––––
==================================== */
html {
    overflow-x: hidden;
}


@media (max-width: 1500px){
    .page-node-type-news #main-content .container {
        width: 1170px;
    }
    .page-node-1 .view-banner .view-content {
        width: 60%;
    }
    
    }
@media (max-width: 1350px){
    .masonry .view-header {
        left: 230px;
    }
    }
@media (max-width: 1200px) {
    .right-text {
        width: 100%;
    }
    #block-threeblocksonservicepage {
        padding: 0;
    }
    #block-views-block-news-block-2, #block-views-block-news-block-2-2 {
        padding: 50px ;
    }
    .view-banner .view-content {
        width: 85%;
    }
    #banner h1 {
        font-size: 3.1rem;
    }
    .masonry .view-header {
        position: relative;
        width: 100%;
        left: 0;
    }
    .masonry .view-content {
        width: 100%;
        margin-top: 50px;
    }
    .masonry .masonry-item:nth-child(1) {
        grid-row: span 1;
        grid-column: span 1;
    }
    .masonry .masonry-item:nth-child(1)  img {
        width: auto;
    }
    .masonry .masonry-item:nth-child(2) {
        grid-row: span 1;
        grid-column: span 1;
    }
    .masonry .masonry-item:nth-child(2)  img {
        height: 300px;
        width: 300px;
    }
    .masonry .masonry-item:nth-child(3) {
        grid-row: span 1;
        grid-column: span 1;
        text-align: right;
    }
    .masonry .masonry-item:nth-child(5) {
        grid-column: span 2
    }
    .masonry .masonry-item:nth-child(1), .masonry .masonry-item:nth-child(2), .masonry .masonry-item:nth-child(3),
    .masonry .masonry-item:nth-child(4), .masonry .masonry-item:nth-child(5) {
        text-align: center;
    }
    .masonry .masonry-item .views-field-title a {
        width: 100%;
        left: auto;
        right: auto;
        text-align: center;
    }
    .page-node-3 #content-bottom-highlighted .container, .page-node-3 #sub-featured .container  {
        max-width: 100%;
    }
    .view-market-view .view-grouping .view-grouping-header {
        width: 100%;
    }
    .full-width-market-view  .view-grouping .view-grouping-header, 
    .full-width-market-view  .view-grouping  .view-grouping-content .view-grouping-header {
        width: 100%;
    }
    .view-market-view .view-grouping .view-grouping-content .view-grouping .view-grouping-content {
        width: 80%;
    }
    .full-width-market-view .view-grouping .view-grouping-content .view-grouping .view-grouping-content {
        column-count: 2;
    }
    .facet-block ul {
        padding: 0;
    }
    #block-views-block-market-view-block-2 .view-market-view .view-grouping .view-grouping-content .market-body {
        margin-left: -90px;
    }
    #block-views-block-market-view-block-2 .view-market-view .view-grouping .view-grouping-content {
        margin-left: -150px;
    }
    #block-views-block-market-view-block-5 .view-market-view .view-grouping .view-grouping-content .market-body {
        margin-left: -200px;
    }
    #block-views-block-market-view-block-5  .view-market-view .view-grouping .view-grouping-content {
        margin-left: -100px;
    }
}

@media (max-width: 992px){
    .page-node-type-news #main-content .container {
            width: 970px;
    }
    .logo img {
        width: 40%;
    }
    .header-container .header-second .sf-accordion-toggle {
        margin-top: -85px;
    }
    .page-node-1 .view-banner .view-content {
        width: 80%;
    }
    .Team-view-block .view-header p {
        padding: 0;
    }
    #block-threeblocksonservicepage {
        padding: 0;
    }
    #banner h1 {
        font-size: 2.8rem;
    }
    .header-container .sf-accordion-toggle.sf-style-none a.sf-expanded:after {
        color: black;
    }
    .header-container .sf-accordion-toggle.sf-style-none a:after {
        color: white;
    }
    .page-node-2 #featured-bottom .container, .page-node-3 #content-bottom-highlighted .container,
    .page-node-17 #featured-bottom .container
    {
        max-width: 100%;
    }

    .page-node-2 .right-text, .page-node-3 .right-text {
        padding: 20px 40px;
    }
    .page-node-3 .left-image img {
        height: 500px;
    }
    .page-node-3 .text_over_image_block.skyblue .right-text {
        padding: 30px;
    }
    .page-node-3 .text_over_image_block.skyblue .right-text  h5 {
        font-size: 1.4rem;
    }
    .view-market-view .view-grouping .view-grouping-content .view-grouping .view-grouping-content {
        display: none;
    }
    .reverse-market-view .view-grouping .view-grouping-content .market-body {
        transform: translate(150px, 90px);
    }
    .reverse-market-view .view-grouping .view-grouping-header img {
        margin-left: -150px;
    }
    .header-container .header {
        background: #0E5FAC !important;
    }
    ul.sf-menu.sf-accordion.sf-expanded {
        top: 30px !important;
    }


    }
@media (max-width: 768px){
    h2 {
        font-size: 2.5rem;
    }
    .view-banner {
        margin-top: 160px;
    }
    #block-threeblocksonservicepage {
        display: none;
    }
    .page-node-type-news #main-content .container {
            width: 750px;
    }
    .view-banner .view-content {
        width: 100%;
    }
    .page-node-1 .view-banner .view-content {
        width: 100%;
    }
    #banner h1 {
        font-size: 2.7rem;
    }
    #block-threeblocksonservicepage .service-type .paragraph--type--bp-image .paragraph__column {
        width: 60%;
        margin: auto;
        margin-bottom: 20px;
    }
    #block-views-block-news-block-1 .view-id-news .view-content img {
        width: 100%;
    }
    #block-footerroddissite p {
        text-align: center;
        padding: 0 0 18px;
    }
    #block-footercopyright p {
        padding: 18px 0 0 ;
    }
    .masonry .view-content {
        display: block;
    }
    .masonry .masonry-item {
        margin-bottom: 20px;
    }
    
    .logo img {
        width: 50%;
    }
    #block-rentalprogramservicepage.text_over_image_block .row .bs-region--right {
        position: absolute;
    }
    
    #block-rentalprogramservicepage.text_over_image_block .bs-region--left {
        margin-right: 0;
        margin-top: 400px;
    }
    #block-whatisintegrationservices.text_over_image_block .bs-region--left {
        margin-right: 0;
    }
    #block-whatisintegrationservices.text_over_image_block .row .bs-region--right {
        margin-top: -50px;
    }
    .page-node-3 .left-image img {
        height: auto;
        width: 100%;
        margin-top: -100px;
    }
    .page-node-3 .left-image {
        width: 100%;
    }
    #block-ourstoryaboutuspage {
        margin-top: 0;
    }
    #block-ourstoryaboutuspage img {
        width: 100%;
    }
    #block-ourstoryaboutuspage .bs-region--right {
        position: absolute;
    }
    .text_over_image_block .bs-region--left {
        margin-right: 0;
    }
    .view-market-view .view-grouping {
        display: block;
    }
    .view-market-view .view-grouping .view-grouping-content .market-body {
        margin-left: 0;
        transform: none;
    }
    .view-market-view .view-grouping .view-grouping-content .market-body div {
        text-align: center;
        margin-left: -100px;
        width: 100%;
    }
    .view-market-view .view-grouping {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        /* Reverse Column Order */
        -webkit-flex-flow: column-reverse;
        flex-flow: column-reverse;
    }
    .view-market-view .view-grouping > .view-grouping-content, 
    .reverse-market-view .view-grouping .view-grouping-content {
        width: 100%;
    }
    .view-market-view .view-grouping .view-grouping-header img {
        width: 100%;
        margin-top: -100px;
    }
    #block-views-block-market-view-block-2 .view-market-view .view-grouping .view-grouping-content .market-body {
        margin-left: 0px;
    }
    #block-views-block-market-view-block-2 .view-market-view .view-grouping .view-grouping-content {
        margin-left: 0px;
    }
    #block-views-block-market-view-block-5 .view-market-view .view-grouping .view-grouping-content .market-body {
        margin-left: 0px;
    }
    #block-views-block-market-view-block-5  .view-market-view .view-grouping .view-grouping-content {
        margin-left: 0px;
    }
    .reverse-market-view .view-grouping .view-grouping-header img {
        margin-left: 0px;
    }
    .full-width-market-view .view-grouping .view-grouping-content .view-grouping {
        margin-top: 0;
    }
    .view-market-view a.light-button ,  .view-market-view a.blue-button {
        position: absolute;
        margin-top: 90%;
    }
    .page-node-17 .highlighted__section {
        padding: 150px 0 100px;
    }
    .facet-block__title {
        margin: 0 0 40px;
    }
    #block-views-block-news-block-2, #block-views-block-news-block-2-2 {
        padding: 0;
    }
    .location-info {
        margin-bottom: 50px;
    }
    .node--view-mode-full .field p:last-child {
        padding-bottom: 18px;
    }
    .page-node-7 .content-top__section {
        padding: 70px 0 0;
    }
    }
@media (max-width: 550px){
        .page-node-type-news #main-content .container {
            width: 100%;
    }
    #banner h1 {
        font-size: 2.3rem;
    }
    .Product-document-view {
        padding: 20px;
    }
    .Product-document-view h4 {
        font-size: 1.7rem;
    }
    .view-product-supplier .views-field-field-datasheet p {
        padding: 15px 0;
    }
    .text_over_image_block.skyblue .right-text {
        padding: 30px 30px;
    }
    .text_over_image_block.skyblue h5 {
        font-size: 1.3rem;
    }
    .page-node-3 .left-image img {
        
        margin-top: -50px;
    }
    #block-ourstoryaboutuspage img {
        margin-top: 300px;
    }
    .Team-view-block .view-content {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
    .view-market-view a.light-button ,  .view-market-view a.blue-button {
        position: absolute;
        margin-top: 85%;
    }
    .page-node-type-products-category #banner .category-banner h1 {
        padding: 20px 0;
    }
    }