/*~~ ENGINEERING TECH  ~~*/

html { overflow-x:hidden!important; }

:root, [data-bs-theme="light"] { --body-font-size: 1.2rem!important; }

body.wrapper-fluid header > .grid-child, body.wrapper-fluid footer > .grid-child { padding-left: 2rem; padding-right: 2rem; }
body.wrapper-fluid .site-grid { grid-gap: 0 0em!important; }

.sp-wrapper { max-width:1440px; margin-left:auto; margin-right:auto; }
.pro { margin-bottom:1rem; }

.header-top-inner p a { text-decoration:none!important; }
.header-top-inner p a:hover { text-decoration:none!important; color: #f2dc00 !important; }

form#userForm { background-color: #f2dc00 !important; padding:2rem; padding-top:1rem!important; padding-bottom:1rem!important; }
textarea.form-control { font-size: 1.2rem; }
.form-select { font-size: 1.2rem; }
.form-control { font-size: 1.2rem; }

.igui-scope.ig-main-scope-wrapper.profile-2.ig-notphone { margin-left:auto!important; margin-right:auto!important; max-width: 800px; margin-bottom: 2rem; }

#gallery-scope-25.igui-scope.ig-main-scope-wrapper.profile-2.ig-notphone { margin-left:0rem!important; margin-right:0rem!important; max-width: 100%; margin-bottom: 2rem; }

.igui-scope.ig-main-scope-wrapper.profile-2.ig-notphone { margin-left:auto!important; margin-right:auto!important; max-width: 800px; margin-bottom: 2rem; }

#gallery-scope-25.igui-scope.ig-main-scope-wrapper.profile-2.ig-notphone h1.igallery_title { text-align:left!important; }

.igui-scope.ig-main-scope-wrapper.profile-2.ig-notphone h1.igallery_title { text-align:center!important; }
.igui-scope.ig-main-scope-wrapper.profile-2.ig-notphone .ig-category-description p { text-align:center!important; }

.igui-lightbox-items > .igui-active { background-color: #f2dc00!important; }
.igui-lightbox-toolbar { background-color: #f2dc00!important; }
igui-lightbox.igui-overflow-hidden.igui-scope.igui-light.profile-2.igui-lightbox-panel.igui-open { background-color: #f2dc00!important; }
.igui-lightbox.igui-open { background-color:#f2dc00!important; }
.ig-thumb-scroller-horizontal .ig-slider-items { background-color:#f2dc00!important; text-align: center; }
.ig-thumb-scroller-horizontal .ig-slider-items li { background-color:#f2dc00!important; }

.dj-megamenu-clean li a.dj-up_a { font-size: 1.2rem!important; }
.dj-megamenu-clean li a.dj-up_a .dj-icon { max-height: 64px!important; }
.dj-megamenu-clean .arrow { display:none!important; }
.dj-megamenu-clean li a.dj-up_a > span.dj-drop { padding: 0 0px 0 0!important; }
.dj-megamenu-wrapper { margin-top: 2.25rem !important; }
#dj-megamenu165 li a:hover.dj-up_a { color: #f2dc00 !important; }
li.dj-up.itemid106 a.dj-up_a { padding-right:0px!important; }

.dj-megamenu-offcanvas-light .dj-mobile-open-btn { background: rgba(227,6,19,1)!important; color: #fff!important; }
.dj-mobile-open-btn.active .dj-mobile-open-icon { background: rgba(227,6,19,1)!important; color: #fff!important; }

.dj-megamenu-clean li ul.dj-submenu > li > a:hover { color: #fff!important; background-color:rgba(227,6,19,1) !important; }
.dj-megamenu-clean li div.dj-subwrap { margin-left: 20px!important; }

.container-topbar { background: rgba(227,6,19,1)!important; background-image: none!important; padding: 1rem; padding-left:2rem; padding-right:2rem;  }
.container-header { background-color: #fff!important; background-image: none!important; }
.container-header .mod-menu li a { color: rgba(227,6,19,1)!important; }
.container-header .mod-menu li a:hover { color: #f2dc00!important; }
.metismenu.mod-menu .mm-toggler { color: rgba(227,6,19,1)!important; }
.container-header nav { margin-top: 0em!important; }
.container-banner.full-width { margin-bottom:0px; }

.grid-child.container-nav { max-width:100%!important; padding-top:0px; padding-bottom:0px; }
.grid-child.container-bottom-b { background-color: #222!important; padding-top: 2em; }
.container-sidebar-right { right: 2em; position: relative; }

.page-header h1 { display:none!important; }
.page-header h2 { display:none!important; }
.article-wrapper .bob h2 { font-size:2.5rem!important; }

.article-wrapper { padding-left:2em!important; padding-right:2em!important; }
.article-wrapper-sidebar { padding-left:2em!important; padding-right:4em!important; }

#gallery-scope-25.igui-scope.ig-main-scope-wrapper.profile-2.ig-notphone { padding-left:2em!important; padding-right:2em!important; }
.ig-menu-grid-text.igui-overlay.igui-light.igui-overlay-primary.igui-padding-small.igui-position-bottom h3 { color:#fff!important; font-size: 1.3rem; }

#mod-custom156.mod-custom.custom p { margin-bottom:0px!important; }

.header-top-inner p span a { text-decoration:none!important; }
.header-top-inner p span a:hover { color: #f2dc00!important; }
.header-top-inner p { margin-bottom:0px!important; }

.mod-list li a { color: #f2dc00!important; text-decoration:none!important; }
.mod-list li { line-height: 2; }
.mod-list li a:hover { color: #fff!important; text-decoration:none!important; }

.home-p p { font-size:1.6rem!important; line-height: 1.35; }
.fh1 h2 { font-size:2.5rem!important; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: rgba(227,6,19,1)!important; font-weight:400; }

h1.igallery_title { margin-bottom:1rem!important; }

ol, ul { padding-left: 1.1rem; }

.btn-info {
  --btn-color: rgba(227,6,19,1);
  --btn-bg: #fff;
  --btn-border-color: rgba(227,6,19,1);
  --btn-hover-color: #f2dc00;
  --btn-hover-bg: #fff;
  --btn-hover-border-color: rgba(227,6,19,1);
  --btn-focus-shadow-rgb: 79,122,158;
  --btn-active-color: rgba(227,6,19,1);
  --btn-active-bg: #fff;
  --btn-active-border-color: rgba(227,6,19,1);
  --btn-active-shadow: inset 0 3px 5px #00000020;
  --btn-disabled-color: rgba(227,6,19,1);
  --btn-disabled-bg: #fff;
  --btn-disabled-border-color: rgba(227,6,19,1);
  font-size:1.6rem;
  font-weight:500!important;
  border-width:2px!important;
  border-radius:0px!important;
}

.btn-secondary {
  --btn-color: fff;
  --btn-bg: transparant;
  --btn-border-color: #fff;
  --btn-hover-color: #f2dc00;
  --btn-hover-bg: transparant;
  --btn-hover-border-color: #fff;
  --btn-focus-shadow-rgb: 79,122,158;
  --btn-active-color: #fff;
  --btn-active-bg: transparant;
  --btn-active-border-color: #fff;
  --btn-active-shadow: inset 0 3px 5px #00000020;
  --btn-disabled-color: #fff;
  --btn-disabled-bg: transparant;
  --btn-disabled-border-color: #fff;
  font-weight:500!important;
  border-width:2px!important;
  border-radius:0px!important;
}

.btn-primary {
  --btn-color: fff;
  --btn-bg: transparent!important;
  --btn-border-color: #fff;
  --btn-hover-color: #f2dc00;
  --btn-hover-bg: transparent!important;
  --btn-hover-border-color: #fff;
  --btn-focus-shadow-rgb: 79,122,158;
  --btn-active-color: #fff;
  --btn-active-bg: transparent!important;
  --btn-active-border-color: #fff;
  --btn-active-shadow: inset 0 3px 5px #00000020;
  --btn-disabled-color: #fff;
  --btn-disabled-bg: transparent!important;
  --btn-disabled-border-color: #fff;
  font-weight:500!important;
  border-width:2px!important;
  border-radius:0px!important;
}

.btn-primary {
  background-color: transparent;
  border-color: rgba(227,6,19,1);
  font-size:1.2rem!important;
  color:rgba(227,6,19,1)!important;
}

.btn-primary:hover { background-color: transparent!important; border-color: rgba(227,6,19,1)!important; color:#fff!important; }
.btn-primary:active { background-color: transparent!important; border-color: rgba(227,6,19,1)!important; color:rgba(227,6,19,1)!important; }

button#Submit.rsform-submit-button.btn.btn-primary { background-color: transparent!important; --btn-active-bg: transparent!important; }


.main-bottom.no-card.red-panel { margin-top:0px!important; } 
.mod-menu.mod-list.nav.first { padding-left:2em; } 

.home-panel { background: rgba(227,6,19,1)!important; padding:2em; padding-top:1em; padding-bottom:1.5em; background-image: url("https://www.engineeringtech.co.uk/images/scaffold-bg-3.jpg")!important; background-repeat: no-repeat; background-size: auto; }
.home-panel h6 { color: #fff; text-align: center; font-size: 2rem!important; margin-top: 1rem; margin-bottom: 1em; }
.home-panel .row .col-lg-3 h3 { color: #fff!important; font-size:1.6rem!important; text-align:center; }
.home-panel .row .col-lg-3 p { color: #fff!important; font-size:1.1rem!important; text-align:center; }
.home-panel .row .col-lg-3 p img { border-style:solid; border-width:1px; border-color:#fff; }

.new-logos { max-width: 800px; margin-top: 2rem; margin-bottom: 2.5rem; margin-left: auto; margin-right: auto; }
.new-logos .row { --gutter-x: 2.5em!important; }
.new-logos h6 { font-size:2rem; font-weight:500; line-height: 1.4; }
.new-logos h6 a { text-decoration:none; color:rgba(227,6,19,1); font-weight:500; }
.new-logos h6 a:hover { text-decoration:none; color:#f2dc00; font-weight:500; }

.new-logos-small h6 { font-size:2rem; font-weight:500; line-height: 1.4; }
.new-logos-small h6 a { text-decoration:none; color:rgba(227,6,19,1); font-weight:500; }
.new-logos-small h6 a:hover { text-decoration:none; color:#f2dc00; font-weight:500; }

.article-wrapper-sidebar a { text-decoration:none!important; color:rgba(227,6,19,1); font-weight:600; }
.article-wrapper-sidebar a:hover { text-decoration:none!important; color:#f2dc00; font-weight:600; }

.sp-wrapper a { text-decoration:none!important; color:rgba(227,6,19,1); font-weight:600; }
.sp-wrapper a:hover { text-decoration:none!important; color:#f2dc00; font-weight:600; }

.footer { margin-top:0px!important; background-color: #222 !important; background-image: none !important; width:100%; }
#mod-custom108.mod-custom.custom p { margin:0px; line-height:1.8; }
.footer2 { float:right; margin-top:-1.9rem; }
.footer2 a { text-decoration:none; }
.footer2 a:hover { text-decoration:none; color:#f2dc00!important; }


@media (max-width: 1440px) { 
  .fh1 h2 { font-size: 2.1rem !important; }
  h1, .h1 { font-size: 2.1rem; }
  h2, .h2 { font-size: 1.8rem; }
  .home-p p { font-size: 1.4rem !important; margin-bottom:1rem!important; }
}

@media (max-width: 1366px) { 
 .home-panel .row .col-lg-3 h3 { font-size: 1.4rem !important; }
 .home-panel .row .col-lg-3 p { font-size: 1rem !important; }

  div#n2-ss-16 .n2-font-7ca76451390903be2a0b131d0ef4d16f-paragraph { font-size: 300%!important; width: 75%!important; margin-left: 12.5%; }
}

@media (max-width: 1200px) { 
  .home-panel .row .col-lg-3 h3 { font-size: 1.2rem !important; }
  .btn-info { font-size:1.3rem; }
  .btn-secondary { font-size:1rem; }
  .home-p p { font-size: 1.3rem !important; line-height: 1.5; }
  :root, [data-bs-theme="light"] { --body-font-size: 1.1rem!important; }
  textarea.form-control { font-size: 1.1rem; }
  .form-select { font-size: 1.1rem; }
  .form-control { font-size: 1.1rem; }
  .footer2 { margin-top: -1.6rem; }
}

@media (min-width: 992px) { 
  .header-top-inner-mobile { display:none!important; }
}

@media (max-width: 991px) { 
  .header-top-inner { display:none!important; }
  .header-top-inner-mobile { margin-top:-1rem!important; }
  .header-top-inner-mobile p span a { text-decoration:none!important; }
  .header-top-inner-mobile p span a:hover { color:#f2dc00!important; } 
  .container-topbar { height:52px!important; }
  .grid-child.container-sidebar-right { margin-left: 4rem !important; padding-right: 3.5rem !important; column-gap: 0em; }
  .article-wrapper-sidebar { padding-left: 2rem !important; padding-right: 2rem !important; }
  .container-sidebar-right .sidebar-right:first-child { margin-top: -2em; }
  .home-panel .row .col-lg-3 h3 { font-size: 2rem !important; }
  .home-panel .row .col-lg-3 p { font-size: 1.1rem !important; }
  .btn-secondary { font-size: 1.1rem; margin-bottom: 2rem; }
  .new-logos { max-width: 600px; }
  .mod-menu.mod-list.nav.first { padding-left: 0em; }
  .mod-list { text-align: center; }
  #mod-custom108.mod-custom.custom p { text-align: center!important; }
  .footer { text-align: center; }
  .footer2 { float: none; margin-top: .25rem; }
  .home-panel .row .col-lg-3 p img { min-width: 100%; }
  form#userForm { margin-bottom: -.75rem; }
  .btn-info { margin-top:0rem; }
  body.wrapper-fluid header > .grid-child { padding-top: 0em; }
  body.wrapper-fluid footer > .grid-child { padding-top: .5em; } 
}

@media (max-width: 860px) { 
  .igui-scope.ig-main-scope-wrapper.profile-2.ig-notphone { margin-left: 2rem !important; margin-right: 2rem !important; max-width: 100%; }
}

@media (min-width: 768px) { 
  .new-logos-small { display:none!important; }
}

@media (max-width: 767px) { 
  .new-logos { display:none!important; }
  .new-logos-small { margin-top:2rem; margin-bottom:2.6rem; }
  div#n2-ss-16 .n2-font-7ca76451390903be2a0b131d0ef4d16f-paragraph { font-size: 200% !important; width: 54% !important; margin-left: 23%; }

  h1, .h1 { font-size: 1.65rem; }
  .home-p p { font-size: 1.2rem !important; }
  .btn-info { font-size: 1.2rem; }
  .home-panel h6 { font-size: 1.65rem!important; }
  .home-panel .row .col-lg-3 h3 { font-size: 1.65rem !important; }
  .fh1 h2 { font-size: 1.65rem!important; }
  h2, .h2 { font-size: 1.45rem; }
  .sp-wrapper h1 { font-size: 1.65rem!important; }
}

@media (max-width: 699px) { 
  div#n2-ss-16 .n2-font-7ca76451390903be2a0b131d0ef4d16f-paragraph { font-size: 6vw !important; width: 100% !important; margin-left: 0 !important; background: transparent !important; text-shadow: 2px 2px 5px #000 !important; }
}

@media (max-width: 600px) { 
  #mod-custom156.mod-custom.custom p a img { max-width: 300px !important; }
  .dj-megamenu-wrapper { margin-top: 1.95rem !important; }
  body.wrapper-fluid header > .grid-child, body.wrapper-fluid footer > .grid-child {
  padding-left: 1rem; padding-right: 1rem; }
  .article-wrapper { padding-left: 1em !important; padding-right: 1em !important; }
  #gallery-scope-25.igui-scope.ig-main-scope-wrapper.profile-2.ig-notphone {
  padding-left: 1em !important; padding-right: 1em !important; }
  .article-wrapper-sidebar h6 { margin-top: 1rem!important; margin-bottom: 0rem!important; }
 .igui-scope.ig-main-scope-wrapper.profile-2.ig-notphone { margin-left: 1em !important; margin-right: 1em !important; }
  .btn-secondary { margin-bottom: 1rem; }
  .article-wrapper-sidebar { padding-left: 1em !important; padding-right: 1em !important; }
  .container-topbar { padding-left: 1em !important; padding-right: 1em !important; }
  .grid-child.container-sidebar-right { margin-left: 2em !important; padding-right: 1em!important; padding-left: 1em; }
  .home-panel { padding: 1em!important; }
  .new-logos-small h6 { font-size: 1.8rem; }
  form#userForm { padding:1em!important; }
}

@media (max-width: 430px) { 
  .new-logos-small { margin-left: 3em; margin-right: 3em; }
}

@media (max-width: 414px) { 
  #mod-custom156.mod-custom.custom p a img { max-width: 250px !important; }
  .dj-megamenu-wrapper { margin-top: 1.525rem !important; }
  .sp-wrapper h1 { font-size: 1.45rem !important; }
  h1, .h1 { font-size: 1.425rem; }
  .home-p p { font-size: 1.1rem !important; }
  .btn-info { font-size: 1.1rem; margin-top: 0rem; }
  .home-panel h6 { font-size: 1.425rem!important; }
  .home-panel .row .col-lg-3 h3 { font-size: 1.375rem !important; }
  .fh1 h2 { font-size: 1.45rem!important; }
  h2, .h2 { font-size: 1.3rem; }
}

@media (max-width: 390px) { 
  .sp-wrapper h1 { font-size: 1.35rem !important; }
  .fh1 h2 { font-size: 1.35rem!important; }
  h1, .h1 { font-size: 1.35rem; }
  .home-panel h6 { font-size: 1.35rem!important; }
  h2, .h2 { font-size: 1.25rem; }
}

@media (max-width: 360px) { 
  .sp-wrapper h1 { font-size: 1.3rem !important; }
  .fh1 h2 { font-size: 1.3rem !important; }
  h1, .h1 { font-size: 1.3rem; }
  .home-panel h6 { font-size: 1.3rem!important; }
  h2, .h2 { font-size: 1.2rem; }
}

@media (max-width: 320px) { 
  #mod-custom156.mod-custom.custom p a img { max-width: 225px !important; }
  .dj-megamenu-wrapper { margin-top: 1.325rem !important; }
  .new-logos-small { margin-left: 2em; margin-right: 2em; }
}