body {
	background-color: #192b5e;
	color: #2C343C;
	font-weight: 400;
	font-family: 'Lato',sans-serif;
  font-size: 18px;
}
/*
body {
  background-image: url("/sites/default/files/styles/background_image_lg/public/background_image/valves-refinery-night_1.jpg");
  background-position: top;
  background-size: cover;
  background-attachment: fixed;
}

 */
h3 {
  font-size: 16px;
}
/*
body.path-frontpage {
  background-image: url("/sites/default/files/background_image/valves-refinery_0.jpg");
}
 */

.main-container {
  margin-top: 45px;
}

/* new header */

.featured-top {
  position: relative;
  z-index: 1;
}

/* Manufacturers Grid */

#views-bootstrap-manufacturers-block-1,
#views-bootstrap-manufacturers-page-1 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 1rem;
}
#views-bootstrap-manufacturers-block-1:before,
#views-bootstrap-manufacturers-block-1:after,
#views-bootstrap-manufacturers-page-1:before,
#views-bootstrap-manufacturers-page-1:after {
  display: none;
}
#views-bootstrap-manufacturers-block-1 > div,
#views-bootstrap-manufacturers-page-1 > div {
  padding: 1rem;
}

#views-bootstrap-manufacturers-block-1 > div::before,
#views-bootstrap-manufacturers-page-1 > div::before {
  content: "";
  display: block;
}
#views-bootstrap-manufacturers-block-1 > div,
#views-bootstrap-manufacturers-page-1 > div {
  display: grid;
}
#views-bootstrap-manufacturers-block-1 > div::before,
#views-bootstrap-manufacturers-block-1 > div > img,
#views-bootstrap-manufacturers-page-1 > div::before,
#views-bootstrap-manufacturers-page-1 > div > img {
  grid-area: 1 / 1 / 2 / 2;
}
#views-bootstrap-manufacturers-block-1 > div > img,
#views-bootstrap-manufacturers-page-1 > div > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}


/*
.sp-header {
  min-height: 70vmin;
  padding: 34rem 0 2rem;
  position: relative;
  overflow: hidden;
}

 */
.light-links .view-header a,
.infoblock a {
  color: #83caff;
}
.light-links .view-header a:hover,
.infoblock a:hover {
  color: #a3eaff;
}
.bg-light {
  background-color: #293b6e;
}
.bg-dark {
  background-color: #091b4e;
}
.sp-header .image-wrapper::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(../images/banner-shade.png) top left no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  opacity: 0.751;
}
.sp-header .card-img-overlay {
  display: flex;
  align-items: flex-end !important;
  color: #fff;
  padding-bottom: 3rem !important;
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.sp-header .card-img-overlay.align-items-center {
  align-items: center !important;
}

.img-hover a {
  display: block;
  overflow: hidden;
}
.img-hover a img {
  transition: all 500ms ease 0s;
  width: 100%;
}
.img-hover a:hover  img {
  transform: scale(1.1, 1.1) rotate(-1deg);
  opacity: .9;
}

/* components */

.component > div {
  padding-top: 3rem;
  padding-bottom: 3rem;
}



@media screen and (max-device-width: 1024px) {
  p, .lead, li {
    font-size: 20px;
    font-weight: 500;
  }
  h3 {
    font-size: 20px;
    line-height: 1.6666em;
  }
  /* no background positon fixed on mobile */
  /*
  body.path-frontpage .main-container,
  body.path-frontpage #block-news-teaser {
    background-image: url("/sites/default/files/background_image/valves-refinery_0.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
  }
   */
  body {
    background-attachment: scroll;
    background-size: 100%;
  }
  .view-taxonomy-term .view-content .row .col a img {
    min-height: 310px;
    width: auto;
  }
}



ul.pager-show-more {
  padding: 0;
  margin: 0;
  list-style: none;
}
.more-link a,
#block-valves-search form .button,
.navbar-default .navbar-nav > li > a,
ul.pager-show-more li a,
.field--name-field-link a {
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.page-header {
	border: none;
}
.grey {
  background-color: #FFFFFF;
  padding: 15px;
  border-radius: 8px;
  margin-top: 15px;
}
.mt-15 {
  margin-top: 15px;
}
.mt-30 {
	margin-top: 30px;
}
/* button style */
.form-actions .btn {
  background: #B9B9B9;
  border: none;
  font-size: inherit;
  text-shadow: none;
  padding: 10px 40px;
  width: 100%;
  margin-top: 15px;
  height: 53px;
}
.field--name-field-link a {
  font-size: 14px;
  display: inline-block;
  color: #192b5e;
  background-color: #efb507;
  margin: 15px 0;
  padding: 9px 23px;
  text-transform: uppercase;
  font-weight: 500;
  color: #FFF;
}
.form-actions .btn:hover {
  background: #0c97ed;
}
ul.pager-show-more li {
  text-align: center;
}
.more-link a,
ul.pager-show-more li a {
	color: #efb507;
	margin: 30px;
	display: inline-block;
	border: 1px solid;
	padding: 9px 23px;
	text-transform: uppercase;
}
.more-link a:hover,
ul.pager-show-more li a:hover,
.field--name-field-link a:hover {
	text-decoration: none;
	color: #FFF;
	background-color: rgba(239, 181, 7, 0.6);
}
ul.pager-show-more li a {
  background-color: #FFF;
  color: #192b5e;
  font-weight: 500;
}
.main-container {
	background-color: #F5F5F5;
	padding: 30px 0 45px 0;
}
body.path-frontpage .main-container {
  color: #FFF;
  background-color: transparent;
}
.region-content-last {
	color: #FFF;
	background-color: #192b5e;
}
body.path-frontpage .region-content-last {
  background-color: rgba(25, 43, 94, 0.8);
}

h1, h2, h3 {
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
}
.webform-flex--container > .form-item > input, .webform-flex--container > .form-item > select, .form-control {
  height: 53px;
  font-size: 20px;
}
#search-form .button {
  height: 53px;
  background: black;
}
.tabs--primary {
  margin-bottom: 30px;
}
#block-useraccountmenu ul li a {
  visibility: hidden;
  position: relative;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
}
#block-useraccountmenu ul {
  padding: 0;
}
#block-useraccountmenu ul li a:hover {
  color: #FFF;
}
#block-useraccountmenu ul li a::before {
  visibility: visible;
  position: absolute;
  top: 0;
  content: "\e003";
  margin: 13px;
  font-size: 23px;
  display: block;
}
#block-useraccountmenu ul li a:hover:before {
  color: #FFF;
}
.centre {
	text-align: center;
}
.view-taxonomy-term .view-header,
.product.full .content {
  background-color: #FFF;
  padding: 15px;
}
.product.full .content {
  padding-bottom: 45px;
  border: 1px solid #D9D9D9;
  margin-bottom: 30px;
  border-radius: 5px;
}
.view-taxonomy-term .view-content {
	background-color: #FFF;
	padding: 30px;
	margin-top: 30px;
}
.product-request {
	color: #FFF;
	background-color: #192b5e;
	padding: 0 15px 30px 15px;
}
.product h1.page-title {
	margin-top: 0;
}
.product .field--name-field-manufacturer,
.product .field--name-field-product-type {
	margin-top: 15px;
  color: #999;
}
.product .field--name-field-manufacturer .field--item, .product .field--name-field-product-type .field--item {
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 1em;
}
.region-header .container {
	text-align: center;
	margin-bottom: 5px;
}

/* navigation */

#block-mainnavigation {
  display: none;
}
#superfish-main {
  margin-bottom: 0;
}
#navbar {
	clear: both;
  min-height: 46px;
}
.navbar-default {
	margin-top: 30px;
	background-image: none;
	border-radius: 0;
	box-shadow: none;
	background-color: #000;
  border: none;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .sf-menu > li > a {
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  color: #efb507 !important;
  font-size: 18px !important;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .sf-menu > li > a:hover {
  color: #000 !important;
	background-color: #efb507;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav li > a.is-active,
.navbar-default .sf-menu > .open > a,
.navbar-default .sf-menu > .active > a,
.navbar-default .sf-menu li > a.is-active {
	color: #efb507 !important;
	background: none;
	box-shadow: none;
	background-color: #394b7e;
}
ul.sf-menu .sf-sub-indicator {
  opacity: 1;
}
ul.sf-menu .sf-sub-indicator::after {
  font-size: 10px;
}
.navbar-default .sf-menu li a {
  text-decoration: none;
}
#block-news-teaser {
	color: #FFF;
	padding: 30px 0;
}
#block-news-teaser h2.field-content a {
	color: #efb507;
}
.footer {
	color: #FFF;
  text-align: center;
	background-color: #192b5e;
	margin-top: 0;
	padding-top: 0;
	border: none;
}
.path-frontpage .footer {
	margin-top: 0;
}

/* Blocks */

.block-views .view-header {
	margin-bottom: 45px;
}
#block-contactdetails {
	background-color: #192b5e;
}
#block-valves-search {
	background-color: #efb507;
}
#block-manufacturers-block {
	background-color: #FFF;
	color: #2C343C;
}
#block-products-teaser,
#block-manufacturers-block,
#block-valves-search,
#block-contactdetails {
	padding-top: 30px;
	padding-bottom: 30px;
}
#block-legal {
  font-size: 14px;
  color: #959595;
}
#block-legal a {
  color: #959595;
}
.page-node-type-article h1.page-header {
  margin-bottom: 0;
}
.view-id-news .date,
.date {
	margin: 15px 0;
	font-size: 14px;
  color: #999999;
  font-weight: 500;
}
.date {
  margin-top: 0;
  margin-bottom: 30px;
}

#block-productcategories,
#block-productcategoriesmobile {
	color: #FFF;
	background-color: #192b5e;
}
#block-productcategories h2,
#block-productcategoriesmobile h2 {
	color: #192b5e;
	font-size: 18px;
	background-color: #efb507;
	padding: 15px;
	margin: 0;
}
#block-productcategories ul.menu > li > a,
#block-productcategoriesmobile ul.menu > li > a{
	color: #FFF;
}
#block-productcategories .nav > li > a:hover,
#block-productcategories .nav > li > a:focus,
#block-productcategoriesmobile .nav > li > a:hover,
#block-productcategoriesmobile .nav > li > a:focus{
	color: #ffd527;
	background-color: transparent;
}
#block-productcategories .nav > li > a.is-active,
#block-productcategoriesmobile .nav > li > a.is-active {
	color: #efb507;
  background-color: transparent;
}

#views-bootstrap-manufacturers-block-2 h3 {
  margin-top: 0;
  background-color: #00002e;
  padding: 10px;
}
#views-bootstrap-manufacturers-page-2 h3 {
  margin-top: 0;
  font-size: 20px;
  background-color: #FFF;
  padding: 20px;
}


#views-bootstrap-manufacturers-page-1 .row,
.view-id-taxonomy_term .view-content .row,
#views-bootstrap-taxonomy-term-page-1 .row {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}
.view-id-taxonomy_term .view-content .row:before,
#views-bootstrap-manufacturers-page-1 .row:before,
#views-bootstrap-taxonomy-term-page-1 .row:before {
  display: none;
}
#views-bootstrap-manufacturers-block-1 .row > div,
#views-bootstrap-manufacturers-page-1 .row > div,
.view-taxonomy-term .view-content .row {
  height: 100%;
}
#views-bootstrap-manufacturers-block-1 .row .col,
#views-bootstrap-manufacturers-page-1 .row .col,
.view-taxonomy-term .view-content .row .col {
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 10px;
}
#views-bootstrap-manufacturers-block-1 .row .col a,
#views-bootstrap-manufacturers-page-1 .row .col a,
.view-taxonomy-term .view-content .row .col a {
  background-color: #FFF;
  padding: 15px;
  display: flex;
  text-align: center;
  height: 140px;
  align-items: center;
  justify-content: center;
}
#views-bootstrap-manufacturers-page-1 .row .col a,
.view-taxonomy-term .view-content .row .col a {
  height: auto;
  min-height: 310px;
  flex-wrap: wrap;
  align-items: flex-end;
}
#views-bootstrap-manufacturers-page-1 .row .col > div {
  display: flex;
}
.view-taxonomy-term .view-content .row .col a {
  min-height: 340px;
}
.view-taxonomy-term .view-content .row .col a img {
  width: 100%;
  height: auto;
}
#views-bootstrap-manufacturers-page-1 .row .col a h3 {
  font-size: 16px;
  color: #192b5e;
  background-color: #F5F5F5;
  display: block;
  width: 100%;
  padding: 20px 10px;
}
.view-taxonomy-term .view-content .row .col a h3 {
  font-size: 16px;
  color: #192b5e;
}
#views-bootstrap-manufacturers-block-1 .row a {
  display: flex;
  height: auto;
  min-height: 310px;
  flex-wrap: wrap;
  align-items: center;
  background-color: #FFF;
  padding: 15px;
  text-align: center;
  justify-content: center;
}

.view-manufacturers.view-display-id-page_2 .view-header {
  text-align: left;
}
.view-header strong {
  font-size: 120%;
}

/* Search block */

#block-valves-search .input-group {
	width: 100%;
}
#block-valves-search .form-group {
	margin: 0;
}
#block-valves-search h2.block-title {
	margin-top: 0;
}
#block-valves-search form input[type="search"] {
	width: 75%;
	font-size: 16px;
	border-bottom: 1px solid #E2E2E2;
	float: left;
	padding: 0 18px;
	height: 53px;
	border: 0;
	line-height: 53px;
	vertical-align: middle;
}
#block-valves-search form .input-group-btn {
	display: inline-block;
	width: 25%;
}
#block-valves-search form .button {
	width: 100%;
	background: #191F26;
	color: #FFFFFF;
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	float: left;
	padding: 0 18px;
	height: 53px;
	border: 0;
	line-height: 53px;
	vertical-align: middle;
}
#block-valves-search form span:hover .button {
	background-color: #393F46;
}
#block-valves-search .description.help-block {
	display: none;
}

.region-footer #block-categories-menu {
  padding: 15px 0;
}
.region-footer #block-categories-menu li a {
  color: #efb507;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
}
.region-footer #block-categories-menu li a:hover {
  color: #192b5e;
  background-color: #efb507;
}
#block-linecard a.file {
  color: #FFF;
  font-size: 20px;
  border: 1px solid #fff;
  display: inline-block;
  width: auto;
  padding: 15px 30px;
  background-color: #394b7e;
  transition: background-color .5s;
  margin-bottom: 15px;
}
#block-linecard a.file:hover {
  text-decoration: none;
  background-color: #495b8e;
}

.path-search .region-content ol {
  padding: 0;
  border-top: 1px solid #D0D0D0;
  margin-top: 45px;
}
.path-search .region-content ol li {
  list-style: none;
  border-bottom: 1px solid #D0D0D0;
  padding-bottom: 30px;
  padding-top: 20px;
}

@media (min-width: 576px) {
	.page-node-type-page .field--name-field-image {
		float: right;
		margin-left: 30px;
	}
}


.webform-flex--1 {
  margin-top: 15px;
}
.main-container .field--name-field-image {
  margin-bottom: 15px;
}
/*
.main-container {
  margin-top: 40px;
}

 */
.region-header .logo {
  display: block;
  position: fixed;
  top: 0;
  left: 10px;
  z-index: 101;
  width: 135px;
  padding: 0;
  margin: 5px;
}
.region-header .logo img {
  max-width: 160px;
}
#navbar {
  position: fixed;
  top: 0;
  width: 100%;
  margin: 0;
  z-index: 100;
}


.mobile-trigger span {
  float: right;
  font-size: 15px;
  line-height: 18px;
}
.mobile-trigger {
  display: block;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  text-decoration: none;
}
.mobile-trigger:hover {
  text-decoration: none;
}
.mobile-trigger.collapsed span.glyphicon-plus,
.mobile-trigger span.glyphicon-minus {
  display: block;
}
.mobile-trigger.collapsed span.glyphicon-minus,
.mobile-trigger span.glyphicon-plus {
  display: none;
}
.footer #block-categories-menu .collapse {
  display: block;
}

.navbar-default .navbar-toggle,
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: transparent;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: transparent;
}

.lead {
  font-size: 25px;
  font-weight: 500;
  color: #efb507;
}

.row > .col-sm {
  padding: 15px;
}

@media (min-width: 768px) {

  .region-header .logo img {
    max-width: 290px;
  }

  .highlight {
    font-size: 4rem;
  }

  .main-container {
    margin-top: 0;
  }

  /* new components (paragraphs) */

  .component-three > .row {
    display: flex;
    flex-wrap: wrap;
  }
  .row > .col-sm {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
  }

  #block-mainnavigation {
    display: block;
  }
  #navbar-collapse {
    display: none !important;
  }
  #block-useraccountmenu ul li a::before {
    right: 0;
  }
  .grey {
    margin-top: 0;
    padding: 30px;
  }
  .field--name-field-link a {
    font-size: inherit;
  }
  #block-productcategories .collapse,
  #block-categories-menu .collapse {
    display: block;
  }
  .mobile-trigger span {
    display: none !important;
  }
  .mobile-trigger {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: #192b5e;
  }
  .mobile-trigger:hover {
    text-decoration: none;
  }

  .view-taxonomy-term .view-header,
  .product.full .content {
    padding: 30px;
  }
  .product-request {
    padding: 0 30px 30px 30px;
  }
  .webform-flex--1 {
    margin-top: 0;
  }
  h3 {
    font-size: 24px;
  }
  #views-bootstrap-manufacturers-block-2 h3 {
    padding: 20px;
  }
  /*
  .main-container {
    margin-top: 100px;
  }

   */
  .region-header .logo {
    display: block;
    position: inherit;
    width: auto;
    margin: 5px;
  }
  .region-header .logo img {
    width: auto;
  }
  #navbar {
    position: inherit;
    width: auto;
    margin: 0 auto;
  }
  .navbar-default .navbar-nav > li > a {
    font-size: 12px !important;
  }
  .region-footer #block-categories-menu ul li {
    display: inline-block;
  }
  .path-frontpage .region-content .field--name-body,
  .path-frontpage h1 {
    max-width: 66.6666%;
  }


    #header .nav > li > a {
      display: block;
    }
  #header .nav > li > a,
  #header .nav > li > a.active,
  #header .nav > li > .nav-link,
  #header .nav > li > .nav-link.active {
      color: white;
    }


  .navbar-wrapper > div {
    float: right;
  }

  .sp-header {
    min-height: 70vmin;
    padding: 34rem 0 2rem;
  }

  .sp-header .image-wrapper img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 60% 35%;
    object-position: 60% 35%;
  }


}


@media (min-width: 992px) {
  .navbar-default .navbar-nav > li > a,
  .navbar-default .sf-menu > li > a {
    font-size: 16px !important;
    padding: 16px;
  }
	.block-views .view-header {
		padding: 0 200px;
	}
	.block-views .view-header {
		font-size: 18px;
	}
  #block-valves-search h2.block-title {
    margin-top: 0;
  }
}


@media (min-width: 1200px) {
  #block-valves-search h2.block-title {
    margin-top: 8px;
  }
}

@media (min-width:1200px){
  .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
  .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
  .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
  .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
  .auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
  .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
  .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
  .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
  .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
  .auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
  .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
  .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
  .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
  .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
  .auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
  .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
  .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
  .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
  .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
  .auto-clear .col-xs-6:nth-child(odd){clear:left;}
}