body {color:#333; font-family:'Roboto', sans-serif, Tahoma; font-weight:300; background:#FFFFFF;}
h1 {font-family:"Roboto", Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1); font-weight:300; font-size:2.2rem; }
h2 {font-family:'Roboto', sans-serif, Tahoma; font-size:1.8em; padding:0; color:#015AAA; font-weight:300;}
h3 {font-family:'Roboto', sans-serif, Tahoma; font-size:1.5rem; padding:0; color:#333; font-weight:300;}
p, ul, li {font-family:'Roboto', sans-serif, Tahoma; line-height:1.8em; font-weight:300; color:#333333;}

a:link, a:visited {color:#333333;}
a:hover {text-decoration:underline;}

.green {color:#56D32A;}
.panel {padding-top: 1rem; padding-bottom: 1rem;}

.off-canvas { background:#303030;}
.bodyContainer {background:#FFFFFF;}
.firstrow {padding-top:2rem;}

.separator {height:25vh; background-size: cover; background-position:center center; background-repeat:no-repeat; margin:2rem 0;}

.navigation {background: url("/images/banner-hp-earth.jpg") top right no-repeat;  background-size: cover;  border-bottom:solid 3px #555555;}
.navFade {/*background: linear-gradient(#303030, #121212);*/ background: #3587DB/* url("/images/bg-navigation.png") top right no-repeat;  background-size: cover; background-position:center center*/;}
.menu {margin:1rem 0 0.5rem 0;}
.menu>li>a {color:#FFFFFF; padding:1rem; text-transform:uppercase; letter-spacing:0.05rem; font-size:0.9rem;}
.menu>li>a:hover, .menu>li>a:active  {background-color:rgba(255, 255, 255, 0.2); text-decoration:none;}
.dropdown.menu .is-active > a {background-color:rgba(255, 255, 255, 0.2); color:#FFFFFF;}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {border-color:#FFFFFF transparent transparent;}
.is-dropdown-submenu-parent {z-index:2;}
.is-dropdown-submenu {background-color:#2B2D2E; border:none; text-transform: none;}
.is-dropdown-submenu a {text-transform: none;}
.drilldown .is-drilldown-submenu {background:#2B2D2E; border:none;}
.drilldown a {background-color:#2B2D2E;}
.menu .active > a {background:rgba(255, 255, 255, 0.2); color:#FFFFFF;}

.input-group-rounded .input-group-field {
  border-radius: 5000px 0 0 5000px;
  padding-left: 1rem;
}

.input-group-rounded .input-group-button .button {
  border-radius: 0 5000px 5000px 0;
  font-size: 0.8rem;
}

.sidepad {padding-left:2rem; padding-right:2rem;}
.navPad {padding:1rem;}
.logo {margin-top:2rem; background-color:#1D1D1D; padding:1rem 1rem 1rem 2rem;}
.hp3boxes {padding:2.5rem 2rem;}
.hp3boxesPaleGrey {background-color:#EEEEEE;}
.hp3boxesDarkGrey {background-color:#E2E2E2;}


.h1_banner {color:#333333; text-shadow: 2px 2px 2px rgba(255, 255, 255, 1); text-align:right; font-weight:400; font-size:2.7rem; margin-bottom:1.5rem;}
.h2_videos {font-size:2.7rem;}
.h2_news {font-size:3rem; font-weight:100; color:#FFF; margin-top:4rem;}
.h3_footer {color:#FFF; margin:0.6rem 0 1.3rem 0; text-transform:uppercase; font-size:1.3rem;}

hr.icon { 
    background: url('/images/logo-h2-icon.png') no-repeat top center;
    background-size: contain;
    display: block;
    height: 60px;
    border: 0;
    position: relative;
	width:90%;
}
hr.icon:before,
hr.icon:after {
    content: '';
    display: block;
    position: absolute;
    background: #d7d7d7;
    height: 2px;
    top: 27px;
}
hr.icon:before {
    left: 0;
    right: 50%;
    margin-right: 45px;
}
hr.icon:after {
    right: 0;
    left: 50%;
    margin-left: 45px;
}
.noshade {border: 1px solid rgb(128, 128, 128);}

.marketing-site-hero {
  background: url("/images/banner_homepage.jpg") top right no-repeat;  min-height: 60vh;  background-size: cover;  border-bottom:solid 7px #555555;
  /*display: -webkit-flex;  display: -ms-flexbox;  display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;*/
}

.marketing-site-hero-small {
  background: url("/images/banner_homepage.jpg") top right no-repeat;  min-height: 35vh;  background-size: cover; background-position:center center;  border-bottom:solid 7px #3587DB;
}

.marketing-site-hero-content {max-width: 75rem;  margin: 3rem auto 0 auto;  padding-left: 30%;  padding-right: 5%;  text-align:right;}
.marketing-site-hero-content .bannerButton {border:solid 1px #FFF;}
.marketing-site-hero-content a:link, .marketing-site-hero-content a:visited {
	font-family:'Roboto', sans-serif, Tahoma; font-weight:100; font-size:1.2rem; letter-spacing:0.15rem; padding:0.5rem 1rem; color:#FFF; }
.marketing-site-hero-content a:hover {text-decoration:none; background-color:rgba(255, 255, 255, 0.2); 
	-webkit-transition: background-color 1s;
	-moz-transition: background-color 1s;
	-o-transition: background-color 1s;
	-ms-transition: background-color 1s;
	transition: background-color 1s;
}



.hpSectorsWrapper {margin:0 1rem;}
.hpSectorsTitle {background:#3587DB; padding:1.5rem 0.3rem; color:#FFF;}
.hpSectorsIcon {padding:2rem;}
.hpSectorsContent { padding:0 0.5rem}
.hpSectorsContent p {color:#FFF;}

.greybar {background:#303030; padding:2.5rem 0;}
.greybar p, .greybar h2, .greybar a:link, .greybar a:visited {color:#FFFFFF;}
.greybar a:hover { text-decoration:none; color:#FFFFFF;}
.greybar img {padding:1.5rem 0.5rem}

.bluebar {background:#3587DB; padding:2.5rem 0;}
.bluebar p, .bluebar h2, .bluebar a:link, .bluebar a:visited {color:#FFFFFF;}
.bluebar a:hover { text-decoration:none; color:#FFFFFF;}
.bluebar img {padding:1.5rem 0.5rem}

.newsContainer {background-color:#5CA1D4; background-image:url(/images/bg-news.png); background-repeat:no-repeat; background-position:top 1rem left 1rem;}
.newsTitle {font-family:'Roboto', sans-serif, Tahoma; font-size:1.1rem;}
.newsTitle a:hover { text-decoration:none; color:#CCC;}
.newsTitleReadMore {font-family:'Roboto', sans-serif, Tahoma; font-size:1.1rem; font-weight:100; text-transform:uppercase; margin:0.5rem 0;}
.newsTitleReadMore a:link, .newsTitleReadMore a:visited {background-color:#34719E; color:#FFF; padding:0.3rem 0.8rem; border:solid 1px #FFF; border-radius:5px; }
.newsTitleReadMore a:hover { text-decoration:none;}


/* ==========  PRODUCTS  =========== */

.productList {padding:1.5rem 0;}
.product-image-gallery {background-color: #fefefe; padding: 1.5rem; padding-top:0;}
.productPrice {color:#E54B00; font-size:2rem;}
.productSalePrice {font-size:1.5rem;}
.bgFeatured {background-color:#E0E0E0;}
.tabs-title>a {font-size:1rem;}
.trustHeading {font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; font-weight: bold; font-size: 0.9rem;}
.trustTags {font-size:0.9rem;}

.card-user-profile {
  position: relative;
  z-index: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;

  border: solid 1px #B5B5B5;
  border-radius: 10px;
  background: #fefefe;
  box-shadow: none;
  overflow: hidden;
  color: #0a0a0a;
  margin:1.5rem 1rem;
  margin-bottom: 1rem;
}

.card-user-profile > :last-child {
  margin-bottom: 0;
}

.card-user-profile:hover .card-user-profile-img {
  opacity: 1;
}

.card-user-profile-content {
  position: relative;
}

.card-user-profile-content::before {
  position: absolute;
  content: '';
  top: -3.4375rem;
  left: -1.875rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.4375rem 0 0 31.25rem;
  z-index: 0;
  border-color: transparent transparent transparent #fefefe;
}

.card-user-profile-actions {
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding: 1rem;
  background: #e6e6e6;
  background: #fefefe;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.card-user-profile-actions > :last-child {
  margin-bottom: 0;
}

.card-user-profile-img {
  max-width: 100%;
  opacity: 0.85;
  transition: all 0.25s ease;
}

.card-user-profile-avatar {
  position: absolute;
  bottom: 100%;
  left: 1rem;
  z-index: 2;
  max-width: 5.625rem;
}

.card-user-profile-avatar img {
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
}

.card-user-profile-name {
  margin-bottom: 0;
  font-weight: 300;
  font-size: 1.5rem;
}

.card-user-profile-button {
  margin-bottom: 0;
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}

.card-user-profile-button + .card-user-profile-button {
  margin-left: 1rem;
}

.card-user-profile-info {
  font-size: 0.875rem;
  letter-spacing: 1px;
  opacity: 0.8;
}


.newsletter-subscribe {
  background: #fefefe;
  height: 200px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1rem;
}

.newsletter-subscribe .input-group-field {
  border-radius: 5000px 0 0 5000px;
  position: relative;
  -webkit-transform: translateX(0.5rem);
      -ms-transform: translateX(0.5rem);
          transform: translateX(0.5rem);
}

.newsletter-subscribe .input-group {
  margin-bottom: 0;
}

.newsletter-subscribe .newsletter-subscribe-inner {
  text-align: center;
}

.newsletter-subscribe .input-group-button .button {
  border-radius: 5000px;
  position: relative;
  -webkit-transform: translateX(-0.5rem);
      -ms-transform: translateX(-0.5rem);
          transform: translateX(-0.5rem);
  min-width: 15vw;
}

video 
{
    width: 100%;
    height: auto;
}




.footer {padding:2rem 0; background: #3587DB /*url("/images/bg-navigation.png") top right no-repeat;  background-size: cover; background-position:center center*/; color:#CCCCCC;}
.footer a:link, .footer a:visited {color:#FFFFFF;}
.footer li {color:#FFFFFF;}

.footer ul {list-style-type:none; margin: 0; padding: 0;}

.copyright {background:#202020; padding:1.5rem 0; color:#FFF; font-family:'Roboto', sans-serif, Tahoma; font-size:0.8rem; font-weight:100; text-transform:uppercase;}

/* Small screens */
@media screen and (max-width: 39.9375em) {
	h1 {font-size:1.7rem;}
	h2 {font-size:1.5rem;}
	h3 {font-size:1.2rem;}
	.h1_banner {font-size:1.7rem;}
	.h2_videos {font-size:1.7rem;}
	.h2_news {font-size:2.2rem; margin-top:1rem;}
	.marketing-site-hero {min-height:40vh;}	
	.marketing-site-hero-content {padding-left: 5%; margin: 1rem auto 0 auto;}
	.hp3boxes {padding:1.5rem;}
	.hpQuotesHeading {font-size:1.1rem;}
	#owl-news-carousel {margin:2rem 0;}
	.newsTitle {font-size:1rem; text-align:center;}
	.newsTitleReadMore {text-align:center;}
	.separator {min-height:200px;}
}

/* Medium screens */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

	h1 {font-size:2.1rem;}
	h2 {font-size:1.7rem;}
	h3 {font-size:1.3rem;}
	.h1_banner {font-size:2.2rem;}
	.h2_videos {font-size:2rem;}
	.h2_news {font-size:2.5rem; margin-top:3rem;}
	.menu>li>a {padding:1rem 0.5rem; letter-spacing:normal; font-size:0.95rem;}
	.marketing-site-hero {background-position: center center; min-height:45vh;}
	.marketing-site-hero-content {padding-left: 40%; margin: 3rem auto 0 auto;}
	.newsTitle {font-size:1rem;}
	
	.newsletter-subscribe {padding: 0 3rem;}

} /* min-width 641px and max-width