body {
  font: lighter 62.5%/1 "Open sans", "Helvetica Neue", helvetica, arial, sans-serif;
  background: #ffffff;
  color: #676767;
  text-rendering: optimizeLegibility; 
}



/* Standard CTA transition */
p, input, button, label {
  font-size: 1.8em; }

p label, p input, p button {
  font-size: 1em; }

img {
  max-width: 100%;
  width: auto; }

.primary ul, .primary ol {
  font-size: 1.8em; }

.primary ul ul, .primary ul ol, .primary ol ol, .primary ol ul {
  font-size: 1em; }

.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }

a {
  color: black; }
.megamenu a, .megamenu a:hover { text-decoration:none;}
/*   ============
    IMPORTING OTHER SASS FILES
  ================   */
nav {
  height: 5.9em;
  z-index: 99999; }
  nav img {
    max-width: 7em;
   }

nav ul {
  margin-left: 2em;
  font-weight: 300; }
  nav ul li {
    margin-right: 1em; }
    nav ul li a {
      font-family: 'Open sans', sans-serif;
      color: #ffffff;
      text-transform: uppercase;
      padding-left: .8em;
      padding-right: .8em;
      font-size: 1.477em;
      font-weight: 600; }

.navbg {
  background: #f6f6f6; }

.register {
  text-transform: uppercase; }

  .register a {
    color: #010326;
    font-size: 1.3em;
    background: #ffd200;
    padding: .8em 1em;
    font-family: 'Open sans', sans-serif; }

    .Spackaging .register a {
      background: #ffd200;
    }


.login {
  padding-left: 1em; }
  .login a {
    color: #0198f1;
    font-size: 1.3em;
    text-transform: uppercase;
    margin-right: .6em; }

nav .container {
  padding-left: 0; }

nav .mr-auto {
  margin-left: 0;
  margin-right:0.5em !important; }

/*.ctanav {
  position: absolute;
  right: 0; }*/

nav .fa-search {
  font-size: 1.7em;
  padding-left: .6em;
  color: #797878; }

.webinar img {
  max-width: 8em;
  margin: 2em 0;
  margin-left: -1em; }

.webinar-cta {
  margin-top: 2em;
  display: block;
  font-size: 1.6em;
  color: #075397 !important;
  font-weight: 600; }

.inputnav {
  display: inline-block; }

.topnav {
  background: white;
  z-index: 99999;
  position: relative;
  padding-bottom: 1em; }

nav input {
 /* margin: .7em 0;
  width: 17em;
  padding: .5em;*/ 
  border: none;
  background: rgba(255, 255, 255, 0.22);
  outline: none;
  padding-left: 0.8em;
  font-size: 1.4em;
  font-family: FontAwesome, 'Open sans', sans-serif; }

nav input::placeholder {
  color: #a8a4a4; }

nav input:focus {
  background: white;
  transition: 0.2s; }

#navbarSupportedContent {
 /* position: relative;*/ }

.formcn {
  font-family: "FontAwesome";
  background: #d6d7d7; }

.webinar-cta-p {
  font-size: 0.7em;
  margin-top: .3em;
  display: block;
  line-height: 1.4;
  font-weight: 400; }

.mobileicon img {
  max-width: 7em;
  margin-top: 2em; }

.logo img {
  max-width: 23em;
  margin-top: 3em;
  margin-left: -2em; }

#row3 .medium_box {
  margin-bottom: 1em; }

.mobilemenu {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  z-index: 999999;
  padding-top: 60px; left:-24px; }

nav.mobilemenu ul li a {
  padding: 8px 8px 15px 15px;
  text-decoration: none;
  font-size: 16px;
  color: #000000 !important;
  display: block;
  transition: 0.3s;
  border-left: 1px solid #e6e6e6;
  margin-left: .5em;
  font-weight: 400;
  font-family: 'Helvetica Neue', Arial; }

nav.mobilemenu ul li a:hover {
  color: #f1f1f1; }

.mobilemenu .closebtn {
  position: absolute;
  top: 0.5em;
  right: 7px;
  font-size: 36px;
  margin-left: 50px;
  border-left: none;
  color: black; }

.mobilemenuicon {
  position: absolute;
  z-index: 999999;
  left: .5em;
  top: .6em;
  font-size: 33px;
  cursor: pointer;
  font-weight: bold;
  color: #0285ff; }

#mobilemenu img {
  max-width: 5em;
  text-align: center;
  position: relative;
 min-width: 28em;
  padding: 0 7em;
  margin-bottom: 3em;
  margin-top: -4.5em;
  padding-left: 2em;
 /* display: none;*/
   }

.mobile-menu-cta {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: none; }
  .mobile-menu-cta a {
    text-align: center;
    margin-left: 0;
    font-size: 1.7em;
    color: black;
    font-weight: 600;
    padding: 1em;
    text-transform: uppercase;}

.mobilectashow {
  display: block; }

.mobile-menu-cta a:first-of-type {
  background: #ffd200; }

.mobilesearch {
  position: absolute;
  right: .7em;
  top: .6em;
  font-size: 2.5em !important;
  z-index: 999999;
  color: #353535;
  padding: .2em;
  border-radius: 100%;  }

/* article.scss Article / Single Post */
.article-background {
  content: '';
  background: url("../img/data_background.png") no-repeat;
  background-size: 100%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 17em;
  height: 80em;
  opacity: 0.2;
  z-index: -9; }

main {
  overflow: hidden; }

.entry-header {
  padding-top: 6em !important;
  padding-bottom: 8em !important;
  background: rgba(0, 0, 0, 0.1);
  background: #010324;
  position: relative;
  transition: background 1.5s ease-in-out; }

.loaded .entry-header {
  background: rgba(0, 0, 0, 0.2); }

.article-date-col {
  max-width: 14%;
  flex: 0 0 11%; }

.entry-header .article-date/*, .entry-header .article-author */{
  opacity: 0.2;
  transition: opacity 0.5s ease-in-out; }

.entry-header .row:hover .article-date, .entry-header .row:hover .article-category, .entry-header .row:hover .article-author {
  opacity: 1; }

.category-content .article-list li .article-category li {
  display: inline-block;
  padding: 0;
  margin: 0 0.5em 0 0;
}

.analysis-date-home .article-date {
			display: inline-block;
			font: lighter 1.4em "Open Sans";
			text-transform: uppercase;
			padding: 0.3em 0.5em;
			background: #ebebeb;
}

.entry-header .article-date {
  text-transform: uppercase;
  font-weight: lighter;
  font-size: 1.6em;
  border-radius: 100%;
  width: 5em;
  height: 5em;
  background: #010425;
  color: white;
  text-align: center;
  padding: 0.8em 0 0 0; }

.entry-header .article-date b {
  font-size: 1.8em;
  font-weight: normal;
  display: block; }

.entry-header .article-date small {
  display: block;
  font-size: 0.7em;
  letter-spacing: 0.15em;
  opacity: 0.5; }

.article-category a, .entry-content .promo h3, .company-mentions h3 {
  background: #010426;
  color: white !important;
  padding: 0.5em 0.5em;
  transition: all 0.4s ease-in-out;
  display: inline-block;
  margin: 0 0 0.25em 0;
  text-transform: uppercase;
  font-weight: lighter;
  font-size: 1.2em;
  letter-spacing: 0.1em; }

.article-category a:hover {
  background: #0198f1; }

.entry-header h1 {
  margin: 0 0 1em 0;
  line-height: 1.5;
  transition: margin 0.8s ease-in-out; }

.entry-header h1 b {
  background: #010324;
  color: white;
  letter-spacing: -0.05em; }

.entry-header p {
  font-size: 2.4em;
  line-height: 1.5;
  font-weight: lighter; }

.companies-mentioned {
  text-align: left;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; }

.companies-mentioned .container {
  background: white !important;
  border-bottom: 1px solid #e6e6e6; }

.companies-mentioned .row {
  padding: 2em 0px;
  margin: 0; }

.companies-mentioned h2 {
  font-size: 1em;
  text-transform: uppercase;
  padding-right: 2em;
  margin: 0; }

.companies-mentioned ul.row {
  border-top: none;
  border-bottom: none;
  padding: 0;
  margin: 0 -25px;
  font-size: 1em; }

.companies-mentioned ul.row li {
  font-size: 1.4em; }

.companies-mentioned ul.row li a {
  text-decoration: underline;
  font-size: .9em;
  font-weight: normal; }

.companies-mentioned ul.row img {
  height: 2em;
  width: auto;
  display: block;
  margin: 0 0 0.5em 0; }

.article {
  background: white;
  padding: 4em;
  position: relative; }

.share {
  font-size: 1.6em;
  font-weight: lighter;
  letter-spacing: 0.1em;
  position: relative;
  display: inline-block;  }

.share strong {
  font-size: 3.3em;
  letter-spacing: 0em;
  font-weight: lighter;
  display: block; }

.share .share-button, .share-buttons li {
  position: relative;
  cursor: pointer; }

 .share-buttons {
  /*padding-left: 0.38em; background: white;  width: 7.8em;*/  

   }

.primary .share-buttons {
  font-size: 1em; }

/*.project-single-page .share .share-buttons li {
	opacity: 1;
	visibility: visible;
	z-index: 9;
	color: white;
	background: #2daae4;
	transition: opacity 0.4s ease-in-out;
	margin: .6em 3em;
	width: 6em;
	height: 3em;
	padding-top: .76em;
	font-size: 1.2em;
}*/
.share .share-buttons li {
  opacity: 1;
  visibility: visible;
  z-index: 9;
  transition: opacity 0.8s ease-in-out, top 0.4s ease-in-out;
  font-size: .7em;
  width: 4em;
  height: 4em;
  margin-bottom: 1em;
  text-indent: -5000px;
  overflow: hidden;
  text-align: left;
  position: relative; }

.share .share-buttons li a {
  color: white;
  background: #2daae4;
  border-radius: 2em;
  width: 4em;
  height: 4em;
  text-align: center;
  display: block;
  transition: all 0.4s ease-in-out;
  position: relative; }

.share .share-buttons li a:hover {
  background: #333; }

.share .share-buttons li a:after {
  content: "\f099";
  font: 2em/2em fontawesome;
  color: white;
  position: absolute;
  right: 0.5em;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  text-indent: 0; }

.share .share-buttons li:nth-of-type(2) {
  transition: opacity 1s ease-in-out, top 1.4s ease-in-out; }

.share .share-buttons li:nth-of-type(2) a {
  transition: all 0.4s ease-in-out;
  background: #3763a2; }

.share .share-buttons li:nth-of-type(2) a:hover {
  background: #333; }

.share .share-buttons li:nth-of-type(2) a:after {
  content: "\f09a"; }

.share .share-buttons li:nth-of-type(3) {
  transition: opacity 0.3s ease-in-out, margin 0.5s ease-in-out; }

.share .share-buttons li:nth-of-type(3) a {
  transition: all 0.4s ease-in-out;
  background: #1261a6; }

.share .share-buttons li:nth-of-type(3) a:hover {
  background: #333; }

.share .share-buttons li:nth-of-type(3) a:after {
  content: "\f0e1"; }

/*.start-reached .share .share-buttons li, .project .share .share-buttons li {
	opacity: 1;
	top: 0;
}*/
.start-reached .share .share-buttons {
  position: fixed;
  top: 1em;
  z-index: 999;
  padding: 2em 2em 1em 0;
  width: 5em; }

.start-reached .share .share-buttons:before {
  content: '';
  position: absolute;
  left: 0;
  top: -9em;
  right: 0;
  height: 10em;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */ }

.start-reached .share .share-buttons:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -10em;
  right: 0;
  height: 10em;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
  background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
  /* IE6-9 */ }

.share-content-reached .share .share-buttons {
  position: absolute;
  bottom: 0em;
  top: auto; }

.share-content-reached .share .share-buttons:after {
  display: none; }
.category-content .article-list .share  { margin-top: 5em; }
.category-content .article-list .share .share {
  margin-top: 1em;  }
  
  .share-buttons {    
    width: 2.8em;
  background: white;}
  
.category-content .article-list .share {  margin-top: 1em; }
.category-content .article-list .share .share-button {
  background: #0679ff;
  width: 5em;
  font-size: 1.6em;
  padding: 0 0.5em;
  border-radius: 0.2em;
  color: white;
  position: relative; }

.category-content .article-list .share .share-button:after {
  content: "\f067";
  font: 1em fontawesome;
  position: absolute;
  right: 0.5em;
  top: 50%;
  margin-top: -0.5em;
  height: 1em; }

.category-content .article-list .share .share-buttons li {
  opacity: 0;
  visibility: hidden;
  z-index: -999;
  margin-top: 0em;
  padding: 0;
  text-align: center;
  width: 7em;
  font-size: 1.1em;
  margin: 0.5em 0 0 0; }


.category-content .article-list .share .share-buttons li a {
  margin: 0 auto; }

.category.share-open .share .share-buttons li {
  opacity: 1;
  visibility: visible;
  z-index: 999; }

.share-open .category-content .article-list .share .share-button:after {
  content: '-';
  font: 1.4em "Open Sans", helvetica, arial, sans-serif; }

/* Entry Content */
.entry-content p, .entry-content ul, .entry-content ol {
  font-size: 1.8em;
  line-height: 1.65;
  font-weight: lighter; }
/*
.entry-content p:first-of-type {
  font-size: 2.1em;
  margin-bottom: 2em; }
*/
.entry-content p:first-of-type:first-letter {
  float: left;
  font-size: 2.7em;
  padding: 0.1em 0.2em;
  font-weight: bold;
  color: #010326;
  line-height: 0.8;
  border-radius: 0.02em;
  margin-left: -12px ;
  margin-right: -2px !important ;
  background: none ;
  margin-top: 2px ;}

/* Don't show shadows when selecting text */
::-moz-selection {
  background: #5af;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #5af;
  color: #fff;
  text-shadow: none; }

.entry-content div p:first-of-type:first-letter, .entry-content blockquote p:first-of-type:first-letter, .entry-content figure p:first-of-type:first-letter {
  float: none;
  font-size: inherit;
  padding: 0;
  margin: 0;
  font-weight: inherit;
  color: inherit;
  background: none;
  line-height: inherit;
  border-radius: none; }

.start-reached .entry-content p:first-of-type:first-letter {
  animation-duration: 1s;
  animation-iteration-count: 3;
  animation-name: highlight-first-letter; }

@keyframes highlight-first-letter {
  0% {
    background-color: #d7d7da; }
  50% {
    background-color: #007bff; }
  100% {
    background-color: #d7d7da; } }
figure.featured-image {
  margin: 1em 0 3em 0; }

figure.featured-image p:first-of-type {
  color: #888;
  margin: 0.5em 0 0 0;
  font-size: 1.4em;
  position: relative;
  padding-left: 2em; }

figure.featured-image p:first-of-type:before {
  content: "\f030";
  font: 1.2em fontawesome;
  position: absolute;
  left: 0;
  height: 1em;
  margin-top: -0.5em;
  color: #999;
  top: 50%; }

.email-capture {
  background: #010324;
  padding: 2em;
  border-radius: 0.3em;
  margin: 0 0 3em 0;
  transition: all 0.8s ease-in-out; }

.entry-content .email-capture p:first-of-type, .email-capture label {
  color: white; }

.entry-content .email-capture p:first-of-type {
  width: 40%;
  float: left;
  font-size: 1.4em;
  margin: 0; }

.entry-content .email-capture form {
  width: 60%;
  float: right; }

.entry-content .email-capture form input {
  width: 70%;
  display: inline-block;
  float: none;
  border: none;
  font-size: 1.4em;
  background: rgba(255, 255, 255, 1);
  box-shadow: inset 0.05em 0.05em 0.2em 0 rgba(0, 0, 0, 0.5); }

.entry-content .email-capture form input[type="submit"] {
  background: #f8d448;
  border-radius: 0.2em;
  width: 28%;
  box-shadow: none;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
  padding: 0.5em; 
  margin-top:-0.4em; 
}
.SPackaging .entry-content .email-capture form input[type="submit"] {
  background: #0086ff;
  color: white;
}

.email-capture-reached .email-capture {
  background: #007bff; }

.entry-content .mpu {
  margin: 2em 2em 1em 0;
  float: left; }

.entry-content blockquote {
  position: relative;
  padding-top: 1em;
  margin: 2.5em 0 0 0; }

.entry-content blockquote:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 5em;
  height: 0.6em;
  display: block;
  background: #ededed; }

.entry-content blockquote p, .entry-content blockquote p:first-of-type {
  color: #444;
  margin-bottom: 1em; }

.entry-content blockquote cite {
  display: block;
  color: #777;
  font-weight: normal;
  font-size: 70%; }

.entry-content blockquote.pullquote {
  float: left;
  width: 60%;
  position: relative;
  padding-top: 2em;
  margin-top: 2em;
  margin-right: 2em; }

.entry-content blockquote.pullquote:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 5em;
  height: 0.6em;
  display: block;
  background: #010425; }

.entry-content blockquote.pullquote p {
  font-weight: bold;
  color: #010425;
  line-height: 1.4;
  margin: 0; }

/* Lists */
.entry-content ul {
  list-style: disc inside; }

.entry-content ul, .entry-content ol {
  margin: 1em 0 2em 0;
  padding-left: 2em; }

.entry-content ul ul, .entry-content ul ol, .entry-content ol ol, .entry-content ol ul {
  font-size: 1em;
  margin: 0.5em 0 0.5em 2em; }

/* Article text */
.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5 {
  margin: 1em 0 0.5em 0;
  font-weight: bold;
  color: #010324; }

.entry-content a {
  text-decoration: underline; }

/* In article internal promo */
.entry-content .promo {
  margin-top: 5em;
  margin-bottom: 4em;
  margin: 4em 3em 3em 0;
  width: 60%;
  float: left; }

.entry-content .whitepaper-promo {
  position: relative; }

.entry-content .whitepaper-promo:before {
  content: "\f15c";
  font: 7em fontawesome;
  position: absolute;
  left: -1.2em;
  top: 0.15em;
  color: #e4e4e4; }

.entry-content .promo h3 {
  font-size: 1.4em;
  background: none;
  padding-left: 0;
  display: block;
}

.entry-content .promo h3 small {
  color: #919191; }

.entry-content .promo p:first-of-type {
  margin: 0 0 0.5em 0;
  font-weight: bold;
  color: #010324;
  font-size: 1.8em; }

.entry-content .promo p b {
  background: #010324;
  color: white; }

.entry-content .promo .text-cta a {
  font-weight: bold;
  color: #3a89fc; }

/* Article footer. Related News. Share Content */
.share-content {
  background: white;
  border: solid 1px #ebebeb;
  padding: 3em;
  margin-top: 3em;
  overflow: hidden;
  position: relative; }

.share-content:after {
  content: '';
  background: url("/energy/wp-content/uploads/sites/3/2018/02/send_content.gif") no-repeat;
  background-size: 100%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40%; }

.entry-content .share-content h3 {
  font-size: 2.1em;
  width: 70%;
  position: relative;
  z-index: 9;
  margin: 0 0 0.5em 0; }

.entry-content .share-content p, .entry-content .share-content p:first-of-type {
  margin: 1em 0;
  width: 70%;
  font-size: 1.6em;
  position: relative;
  z-index: 9; }

.share-content form {
  width: 70%;
  position: relative;
  z-index: 9; }

.share-content input {
  display: inline-block;
  background: #ebebeb;
  padding: 0.5em;
  border: none;
  width: 65%;
  float: none;
  box-shadow: inset 0.2em 0.2em 0.5em 0 rgba(0, 0, 0, 0.1); }

.share-content input[type="submit"] {
  background: #010324;
  padding: 0.65em 0em;
  cursor: pointer;
  color: #f8d348;
  border-radius: 0;
  width: 33%;
  text-align: center; }

.related {
  margin: 3em 0;
  padding-top: 3em;
  border-top: solid 1px #999;
  position: relative; }

/*.related:before {
	content: '';
	display: block;
	position: absolute;
	left: -5000px;
	width: 5000px;
	top: 0;
	bottom: 0;
	background: #f7f7f7;
}*/
.related h3 {
  margin: 0 0 2em 0;
  font-size: 1.6em;
  text-transform: uppercase;
  font-weight: bold;
  color: black; }

.related .container {
  padding: 0 1em; }

.related ul {
  padding-right: 2em;
  margin: 0;
  list-style: none; }

.related li article {
  background: white;
  padding: 2em;
  box-shadow: 0.1em 0.1em 0.3em rgba(0, 0, 0, 0.2); }

.related li .col-md-8 {
  padding-left: 0; }

.related li h4 {
  font-size: 1.6em;
  margin: 0; }

.related-videos {
  padding: 3em 0;
  margin-top: 2em;
  position: relative;
  border-top: solid 1px #999; }

/*.related-videos:before {
	content: '';
	display: block;
	position: absolute;
	left: -5000px;
	width: 5000px;
	top: 0;
	bottom: 0;
	background: #222;
}*/
.related-videos li h4 a {
  color: white; }

/* Article sidebar */
.related-headline {
  background: #010324;
  box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.1);
  margin: 6em 0 3em 0;
  opacity: 0;
  transition: all 0.7s ease-in-out; }

.headline-reached .related-headline {
  background: #010324;
  margin: 0em 0 3em 0;
  opacity: 1; }

.related-headline h2 {
  color: white;
  font: lighter 2.4em 'Open sans', "Helvetica Neue", helvetica, arial, sans-serif;
  padding: 0.75em 1.25em;
  margin: 0; }

.related-headline a {
  display: block;
  padding: 2em;
  background: rgba(255, 255, 255, 0.1);
  color: white; }

.related-headline a img {
  float: left;
  width: 35%; }

.related-headline a span {
  display: block;
  width: 60%;
  float: right;
  font-size: 1.6em;
  line-height: 1.4;
  font-weight: bold; }

.related-headline p {
  font-size: 1.8em;
  font-weight: lighter;
  line-height: 1.5; }

.related-headline p a {
  color: white;
  text-decoration: underline; }

.sidebar .sc {
  width: 300px;
  max-width: 100%;
  margin: 0 auto 3em auto; }

.sc h3, .sc h2 {
  font: 1.6em/1 "Open Source", helvetica, arial, sans-serif;
  background: #010425;
  color: white;
  padding: 1em 1em 0.9em 1em;
  border-radius: 0.15em;
  position: relative; }

.sc h3:after, .sc h2:after {
  content: "\f0d7";
  font: 1em fontawesome;
  position: absolute;
  left: 1em;
  bottom: -0.5em;
  color: #010426; }

/* Guided toura nd sidebar timeline */
.sidebar .timeline {
  position: relative; }

.sidebar .timeline li {
  background: white; }

.timeline-tour-open .sidebar .timeline li:nth-of-type(5) {
  animation-name: highlight1;
  animation-duration: 2s; }

.timeline-tour-open .sidebar .timeline li:nth-of-type(4) {
  animation-duration: 2s;
  animation-name: highlight2; }

.timeline-tour-open .sidebar .timeline li:nth-of-type(3) {
  animation-duration: 2s;
  animation-name: highlight3; }

.timeline-tour-open .sidebar .timeline li:nth-of-type(2) {
  animation-duration: 2s;
  animation-name: highlight4; }

.timeline-tour-open .sidebar .timeline li:nth-of-type(1) {
  animation-duration: 2s;
  animation-name: highlight5; }

/* The animation code */
@keyframes highlight1 {
  0% {
    background-color: white; }
  10% {
    background-color: #010324; }
  100% {
    background-color: white; } }
@keyframes highlight2 {
  0% {
    background-color: white; }
  30% {
    background-color: #010324; }
  100% {
    background-color: white; } }
@keyframes highlight3 {
  0% {
    background-color: white; }
  50% {
    background-color: #010324; }
  100% {
    background-color: white; } }
@keyframes highlight4 {
  0% {
    background-color: white; }
  70% {
    background-color: #010324; }
  100% {
    background-color: white; } }
@keyframes highlight5 {
  0% {
    background-color: white; }
  90% {
    background-color: #010324; }
  100% {
    background-color: white; } }
.sidebar .sc h2 {
  font-size: 3em;
  padding: 0.8em 0.8em 0.7em 0.8em;
  background: #010425;
  color: white;
  border-radius: 0.1em;
  position: relative; }

.sidebar .sc h2 small {
  display: inline-block;
  text-transform: uppercase;
  padding: 0.5em;
  border: solid 1px rgba(255, 255, 255, 0.5);
  letter-spacing: 0.15em;
  margin: 0 0 0.5em 0;
  font-size: 50%; }

.sidebar .sc h2 strong {
  display: block;
  font-weight: normal; }

.sidebar .timeline .article-date {
  width: 4em;
  height: 4em;
  border-radius: 4em;
  background: #010326;
  float: left;
  text-align: center;
  color: white;
  font-size: 0.7em;
  margin-right: 1em;
  padding-top: 0.8em;
  text-transform: uppercase;
  line-height: 1.4em; }

.sidebar .timeline .article-date strong {
  display: block;
  font-size: 150%; }

.guided-tour {
  padding: 3em 3em 3em 8em;
  box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.3);
  position: absolute;
  left: -46em;
  bottom: 0%;
  max-width: 44em;
  opacity: 0;
  margin-top: 3em;
  visibility: hidden;
  z-index: -999;
  background: #010327;
  transition: opacity 0.4s ease-in-out, bottom 0.4s ease-in-out; }

.guided-tour:after {
  content: '';
  position: absolute;
  right: -2em;
  top: 2em;
  border-left: solid 2em #010327;
  border-top: solid 2em transparent;
  border-bottom: solid 2em transparent; }

.guided-tour:before {
  content: "\f25a";
  font: 3em fontawesome;
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  color: white;
  opacity: 0.5; }

.guided-tour h4, .guided-tour p {
  color: white; }

.guided-tour h4 small {
  display: block;
  color: #007bff;
  font-size: 60%;
  margin-bottom: 0.2em; }

.guided-tour p {
  margin-top: 1.5em;
  line-height: 1.5; }

.guided-tour .close {
  position: absolute;
  right: 0;
  top: 0;
  width: 2em;
  height: 2em;
  text-indent: -5000px;
  overflow: hidden;
  cursor: pointer; }

.guided-tour .close:after {
  content: "\f00d";
  font: 1em/2em fontawesome;
  color: white;
  text-indent: 0;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }

.timeline-tour-open .guided-tour {
  opacity: 1;
  bottom: 25%;
  visibility: visible;
  z-index: 999; }

.timeline-closed .guided-tour {
  opacity: 0;
  margin-top: 0;
  visibility: hidden;
  z-index: -999; }

.sidebar .timeline .follow {
  background: #0086ff;
  padding: 2em;
  position: relative; }

.sidebar .timeline .follow p {
  color: white; }

.sidebar .timeline .follow:before {
  content: '';
  position: absolute;
  top: -1em;
  left: 2em;
  border-bottom: solid 1em #0086ff;
  border-left: solid 1em transparent;
  border-right: solid 1em transparent; }

.project-single-page .sc.suppliers {
  max-width: 300px;
  margin: 0 auto;
  margin-bottom: 2em; }

.mpu {
  text-align: center;
  margin-bottom: 3em; }

.mpu img {
  width: auto; }

#sticky-mpu {
  width: 300px;
  margin: 0 auto; }

.banner-fixed .sticky-mpu {
  position: fixed;
  top: 50px; }

.related-press-releases {
  width: 30em;
  margin: 0 auto 3em; }

.secondary-article-list {
  font-size: 1.8em;
  line-height: 1.4; }

.secondary-article-list li {
  position: relative;
  padding-left: 4em;
  padding: 1em 0 1em 0;
  border-bottom: solid 1px #ebebeb; }

.press-release-list li {
  padding: 1em 0 1em 0em; }

/*.press-release-list li:before {
	content: "\f15c";
    font: 2.4em fontawesome;
    position: absolute;
    left: 0em;
    top: 0.5em;
    color: #e4e4e4;
}*/
.secondary-article-list li img {
  float: left;
  width: 100%; }

.secondary-article-list li b {
  float: right;
  width: 70%; }

.timeline li b {
  width: 77%; }

.press-release-list li b {
  float: none;
  width: 100%; }

.company-mentions {
  width: 300px;
  margin: 0 auto 3em auto;
  background: #f8d448;
  padding: 2em;
  position: relative; }

.company-mentions:before {
  content: '';
  position: absolute;
  left: -2em;
  top: 2em;
  border-right: solid 2em #f8d448;
  border-top: solid 2em transparent;
  border-bottom: solid 2em transparent; }

.company-mentions h3 {
  background: black;
  color: white;
  margin: 0 0 1em 0;
  font-size: 1.6em; }

.company-mentions p {
  line-height: 1.5; }

.company-mentions li {
  margin-top: 2em; }

.company-mentions li img {
  float: left;
  width: 35%;
  margin: 0 1em 0 0; }

.company-mentions li b {
  font-size: 1.6em; }

.popular {
  width: 300px;
  margin: 0 auto;
  max-width: 100%; }

.popular ol {
  font-size: 1.6em;
  line-height: 1.4;
  list-style: none;
  padding: 0; }

.popular li {
  margin: 1em 0 0 0; }

/*.popular li a */ .popular li {
  background: #f2f2f4;
  padding: 1em 1em 1em 5em;
  font-weight: lighter;
  display: block;
  transition: all 0.4s ease-in-out;
  position: relative;
  min-height: 6em; }

/*.popular li:first-of-type a*/ .popular li:first-of-type  {
  background: #010324;
  color: white;
  /*box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2);*/ }

.popular li:first-of-type a:before  {
 /* color: #3a89fc;*/ color:#fff; }

.popular li a:before {
  content: "1";
  font: 5em/1 "Open Sans";
  position: absolute;
  color: #d1d2e0;
  left: 0.2em;
  /*top: -0.2em;*/
  top:6%;
  transition: all 0.4s ease-in-out; }

.popular li a:hover {
 background: #c6c6d4; }
.mostread .popular li a:hover {
 background: transparent; } 
 
.popular li a:hover:before {
  color: #3a89fc; }
  
.mostread .popular li a:hover:before {
  color: #fff; }

.popular li:nth-of-type(2) a:before {
  content: "2"; }

.popular li:nth-of-type(3) a:before {
  content: "3"; }

.popular li:nth-of-type(4) a:before {
  content: "4"; }

.popular li:nth-of-type(5) a:before {
  content: "5"; }

.article-header {
  padding-top: 12em;
  position: relative; }
  .article-header:before {
    content: '';
    background: url("../img/data_background.png") no-repeat;
    background-size: 100%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.6;
    height: 60em; }
  .article-header .article-date {
    text-transform: uppercase;
    font-weight: lighter;
    font-size: 1.6em;
    border-radius: 100%;
    width: 4em;
    height: 4em;
    background: #f6f6f6;
    text-align: center;
    padding: 1em 0 0 0; }
    .article-header .article-date b {
      font-size: 1.8em;
      font-weight: normal; }
  .article-header .article-category a {
    background: #f8d348;
    color: #010324;
    padding: 0.2em 0.5em;
    transition: all 0.4s ease-in-out;
    display: inline-block;
    margin: 0 0 0.5em 0;
    text-transform: uppercase;
    font-weight: lighter;
    font-size: 1.6em; }
  .article-header h1 {
    margin: 0 0 1em 0; }
    .article-header h1 b {
      background: #010324;
      color: white; }
  .article-header p {
    font-size: 2.4em;
    line-height: 1.5;
    font-weight: lighter; }

.entry-content p {
  font-size: 1.8em;
  line-height: 1.5;
  font-weight: lighter; }

.related-headline {
  background: #010326;
  box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.1);
  margin: 0 0 3em 0; }
  .related-headline h2 {
    color: white;
    font: lighter 2.4em "Open sans", "Helvetica Neue", helvetica, arial, sans-serif;
    padding: 1.25em; }
  .related-headline p {
    font-size: 1.8em;
    padding: 1.667em;
    background: rgba(255, 255, 255, 0.1); }

/* in tablet and small laptops */
@media (max-width: 992px) {
  /* Site header */
  .mputop {
    display: none; }
    .hlistnews {
      border-top: 1px solid #919191;
      margin-top: 2em;
    }
    .home .thenews h3 {
      margin: 1em 0;
      min-height: 0;
    }
  .site-header .header-ctas {
    padding: 0; }

  .site-header .col-md-4.site-logo {
   padding: 1em 0;
text-align: center;
margin: 0 auto;
top: 0.5em;
position: absolute;
left: 1%;}

  .webinar-cta2, .newsletter-cta {
    display: none; }

  /* Home page */
  .home section {
    padding: 3em !important; }

  #latest-news .col-lg-8, #latest-news .col-lg-4 {
    width: 100%; }

  .home #latest-news .col-lg-8 {
    padding-left: 0;
    padding-right: 0; }

  .big_title {
    width: 75% !important; }

  .news-box-medium .article-category {
    display: none; }

  #row2 .col-lg-4 {
    width: 100%;
    float: none;
    padding-left: 0; }

  .col-lg-4 hr {
    display: none; }

  .home .thenews h3 {
    margin: 1.5em 0; }

  #row4 .col-lg-6 {
    max-width: 100%; }

  .home .col-lg-4.mostread {
    width: 100%;
    float: none;
    padding-right: 1em;
    padding-left: 1em; }

  .logo img {
    margin-left: 0;
    max-width: 18em;
    margin-top: 1.5em; }

  .industryop {
    margin-left: .6em; }

  .industryop img {
    max-width: 36em;
    margin-top: .6em;
    margin-left: -1em;
    position: absolute;
    top: -2.4em;
    overflow: hidden; }

  .headersf {
    height: 47em !important;
    position: relative; }

  .sfcard {
    margin-top: 1em !important;
    padding-top: 0 !important; }

  .company_name {
    margin-top: 0.3em; }

  .sf-navigation, .sf-navigation-sticky, .sf-navigation-fixed {
    display: none !important; }

  .site-header {
    background: white !important;
    height: 7em;
  }
  .sf-latest {
    margin-top: 1em; }

  .fulld {
    border: 1px solid black !important; }
    .fulld a {
      color: black !important; }

  .sf-about-small {
    color: black;
    font-size: 1.5em !important;
    margin-top: 1em; }

  .sf-navigation-mobile {
    display: block !important;
    position: absolute;
    width: 100%;
    left: 0; }

  .m-col {
    padding: 0 1.4em !important;
    margin-top: 3em;
    margin-bottom: 2em; }

  .product-title {
    padding: .6em .4em !important;
    font-size: 1.5em !important; }

  .sf-head-card {
    width: 100% !important;
    margin-bottom: 1.5em; }

  .sf-single-page .small_header_sf {
    display: block !important; }

  .single-product-title h1 {
    font-size: 24px !important;
    line-height: 28px !important; }

  .container.header-singleproduct {
    padding: 0 !important;
    padding-bottom: 1em !important;
    margin-top: 2em; }

  .img-sf-single {
    max-width: 100% !important;
    margin-left: 0 !important; }

  .content_single_pr {
    padding: 0; }

  .content_single_pr .share-pr {
    border-radius: 0;
    padding-left: 1.2em;
    margin-top: .5em;
    padding-top: 15px;
    padding-bottom: 15px; }

  .copy-link {
    margin-left: 0 !important; }

  .product-description p {
    margin-top: 0.5em !important;
    margin-right: 1em !important;
    padding-left: 1em !important;
    font-size: 17px !important;
    line-height: 26px !important;
    font-weight: 400 !important; }
	

  .share-pr .fa {
    font-size: 1.2em; }

  .product-description p:first-of-type {
    margin-left: 0 !important; }

  .single-product-title {
    padding-left: 3.5em; }

  .sf-single-page .headersf {
    display: none; }

  .sf-card-body {
    display: inline-table;
    width: 96% !important;
    vertical-align: middle; }

  .mostread {
    padding-right: 0;
    margin-top: 3em; }

  .number {
    margin-right: 0.3em; }

  #row3 .medium_box {
    margin-bottom: 1em;
    margin-left: 1em;
    margin-left: 0 !important;
    margin-top: 2em;
    padding-left: 0; }

  .videos-feature .video-grid {
    padding-left: 0; }

  .topnav .webinars-promo {
    display: none; }

  .topnav .newsletter-promo {
    display: none; }

  .site-logo img {
    margin: 1em auto 0 auto !important;
    width: 12em !important; }

  .projectheader {
    max-width: 36em !important;
    margin-left: -1em; }

  .navbar {
    display: none; }

	
  .main_news_pr img {
    max-width: 19em !important; }

  .medium_box {
    display: inline-flex;
    margin-left: 1em !important; }

  .main_news_pr {
    min-height: 14em !important; }

  #row4 .col-lg-6 {
    max-width: 100% !important;
    margin-bottom: 3em; }

  #row4 .img-cont {
    width: 15% !important; }

  .industryop:before {
    width: 98% !important;
    margin-left: 0 !important; }

  .headermr {
    min-height: 12em !important; }

  .news-box-big {
    position: relative; }

  #row3 .news-box-medium {
    background: white !important;
    padding-right: 1.9em; }

  .addcompanypage .col-lg-4 img {
    margin-right: 0;
    margin-left: 0; }

  .add-company-cta h2 {
    margin-left: 0;
    margin-top: 0.5em; }

  .single-date {
    position: absolute;
    left: -2em;
    float: left;
    transform: scale(0.6);
    transform-origin: 3% 27%; }

  .send_page_header {
    margin-left: -8px !important;
    padding-top: 1.5em !important; }

  span.copy-link input {
    width: 73%;
    margin-left: -1em;
    margin-top: .5em; }

  .share {
    padding: 0 !important; }

  .share-single-pr ul {
    float: left;
    padding: 0em 1em 0em 0.5em;
    margin-top: 0 !important;
    position: relative !important; }

  .single-pr-header {
    margin-right: 1em !important; } 
	
	}
@media (max-width: 600px) {
  .home section {
    padding: 3em 1em !important; }

  .home #latest-news .col-lg-8 {
    margin-bottom: 3em;
    padding-left: 15px;
    padding-right: 15px; }

  .news-box-big {
    min-height: 600px;
    max-height: auto; }

  .news-box-big .big_title {
    bottom: 0;
    left: 0;
    right: 0;
    width: 100% !important; } }
@media (min-width: 600px) and (max-width: 992px) {
  .home #latest-news .news-box-medium, #row3 .news-box-medium {
    width: 48%;
    float: left;
    padding: 0;
    background: none; }

  .home #latest-news .news-med-bot, .hlistnews, #row2 .news-box-medium {
    float: right;
    width: 48%; }

  .news-med-top:before, .news-med-bot:before {
    display: none !important; }

  .hlistnews {
    padding-right: 3em; }

  .col-lg-4.col3.news {
    padding-left: 0;
    padding-right: 0;
    margin: 3em 0 0 0; }

  .news-med-bot {
    float: right;
    padding-left: 1em;
    padding-right: 0; }

  .spotlight-feature .medium_box {
    width: 50%;
    float: left; }

  .spotlight-feature .newsletter-box {
    float: right;
    width: 50%; }

  .energyrow .col-lg-4 {
    width: 50%;
    float: left; } }
@media (max-width: 700px) {
  #energy-section .col-lg-6 {
    width: 100%;
    float: none; }

  .az-heading {
    font-size: 3.6em; } }
@media (max-width: 1000px) {
  .entry-content .promo {
    width: 100%;
    float: none;
    margin: 2em 0; }

  .category-content {
    width: 100%;
    max-width: 100%;
    flex: none;
    -ms-flex: none; }

  .category-content ul {
    padding-left: 2em;
    padding-right: 2em; } }
@media (max-width: 500px) {
  .entry-header h1 {
    font-size: 3em; }

  .entry-content blockquote.pullquote {
    width: 100%;
    float: none;
    margin: 3em 0; }

  .share-content:after {
    display: none; }

  .share-content form, .entry-content .share-content h3, .entry-content .share-content p {
    width: 100%; }

  .share-content form input, .share-content form input[type="submit"] {
    width: 100%;
    float: none;
    margin-top: 0.5em; } }
@media (max-width: 380px) {
  .single .entry-header:before {
    background: url(../img/data_background.png) no-repeat 13% 28%;
    background-size: 200%;
    opacity: 0.3; }

  .entry-header {
    padding-top: 4em; }

  .entry-header h1 {
    font-size: 2.4em; } }
@media (min-width: 1280px) {
  .entry-content blockquote.pullquote, .entry-content .mpu, .entry-content .promo {
    margin-left: -12em;
    margin-right: 2em; } }
@media (min-width: 500px) and (max-width: 1190px) {
  #latest-news {
    padding: 4em 2em; }

  .news-box-big {
    min-height: 47.2em;
    max-height: 47.2em; }

  .news-med-top {
    margin-bottom: 3em; } }
@media (max-width: 1350px) {
  /*.related {
  	padding-left: 2em;
  	padding-right: 2em;
  }
  .related-headline {
  	margin: -10em -6em 3em 4em;
  	box-shadow: -0.1em -0.1em 3em 0 rgba(0,0,0,0.2);
  }
  	.related-headline:before {
  	    left: 7.5em;
  	    top: -13em;
  	}*/
  .entry-header h1 {
    font-size: 3.6em; }
 }
@media (min-width: 1860px) {
  .entry-header:before {
    top: -25em; } }
/* Home page: Small laptops / large tablets */
@media (min-width: 992px) and (max-width: 1180px) {
  .latest-news {
    padding-bottom: 2em; }

  .home .col-lg-8.news {
    padding-right: 0; } }
@media (max-width: 1300px) {
  .home #energy-section .azcta {
    position: static;
    transform: none;
    margin: 0; } }
@media (min-width: 992px) {
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 46%; }

  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; } }
@media (min-width: 992px) and (max-width: 1400px) {
  .container {
    max-width: 1160px; }

  body {
    font: 58.5%/1 'Open sans', "Helvetica Neue", helvetica, arial, sans-serif;
    background: #fff; } }
@media (min-width: 1200px) {
  .container {
    max-width: 1160px; } }
.projectsec .big_title .title {
  font-size: 2.5em; }

.second-row {
  padding-top: 4em;
  position: relative; }

.row3 .container {
  padding-left: 0; }

@media (min-width: 992px) {
  .col-lg-12 {
    padding: 0; }

  .col-lg-6 {
    padding: 0; } }
@media (min-width: 992px) {
  .mobilemenuicon {
    display: none; }

  .mobilesearch {
    display: none !important; } 
	
	.navbar-light .navbar-nav .nav-link {
  color: rgb(255, 255, 255); padding-right: .4rem;
padding-left: .4rem;  padding-bottom: 1.0em;
padding-top: 1.0em;
}
	
	}
@media (max-width: 360px) {
  .standard-form section {
    border: none;
    padding: 0;
    box-shadow: none; }

  .standard-form .extra-checkbox label {
    width: 10%;
    float: left; }

  .standard-form .extra-checkbox label {
    width: 90%;
    float: right;
    margin: 0; } }
@media (min-width: 1024px) {
  form p {
    clear: both; }

  form label {
   /* width: 37%;*/
   width:100%;
    float: left; }

  form input, form .select {
    width: 60%;
    float: right; }

  form .select select {
    width: 100%; }

  .full-width-form-row label, .full-width-form-row .select {
    float: none;
    width: 100%;
    margin: 0 0 0.5em;
    display: block; } }
@media (min-width: 576px) and (max-width: 767px) {
  .container {
    max-width: 100%; } }
@media (max-width: 768px) {
  .single .entry-header {
    padding-bottom: 16em;
    padding-left: 2em;
    padding-right: 2em; }

  .companies-mentioned h2 {
    margin: 0 0 3em 0; } }
@media (min-width: 768px) and (max-width: 1024px) {
  .container {
    max-width: 100%; } }
@media (min-width: 870px) and (max-width: 1000px) {
  /* Changing column widths so sidebar mpu fits in the sidebar */
  .primary {
    -ms-flex: 0 0 62%;
    flex: 0 0 62%;
    max-width: 62%; }

  /*.entry-content {
  	-ms-flex: 0 0 45%;
      flex: 0 0 45%;
      max-width: 45%;
  }*/
  .sidebar {
    -ms-flex: 0 0 38%;
    flex: 0 0 38%;
    max-width: 38%; } }
@media (min-width: 740px) and (max-width: 870px) {
  .entry-header {
    padding-top: 6em; }

  .primary {
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%; }

  .share {
    display: none; }

  .entry-content {
    -ms-flex: 100;
    flex: 100;
    max-width: 100%; }

  .sidebar {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%; } }
@media (max-width: 870px) {
  .single .entry-header {
    padding-left: 2em;
    padding-right: 2em; }

  .headline-col {
    -ms-flex: none;
    flex: none;
    max-width: 100%; }

  .single .entry-header .article-date {
    color: #010324;
    width: 8em;
    position: relative;
    bottom: -1.95em; }

  .entry-header .article-category {
    margin-left: 12.25em; }

  .single .entry-header h1, .project .entry-header h1 {
    font-size: 3.6em; }

  /* Losing the left column at this width */
  .article-date-col, .share {
    -ms-flex: none;
    flex: none;
    max-width: 100%; }

  .entry-header .article-date, .entry-header .article-category a {
    font-size: 1.4em; }

  .entry-header .article-date {
    width: 8em;
    height: auto;
    background: #ededed;
    border-radius: 0;
    padding: 0.5em; }

  .entry-header .article-date b, .entry-header .article-date small {
    display: inline;
    font-weight: lighter;
    font-size: 1em; }

  .companies-mentioned .container {
    padding-left: 2.3em;
    padding-right: 2.3em; }

  .companies-mentioned ul.row {
    margin: 0 -15px; }

  .share {
    margin: 0;
    font-size: 1.4em;
    position: fixed;
    bottom: -2em;
    left: 0;
    right: 0;
    top: auto;
    opacity: 0;
    z-index: -999;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    width: 100%; }

  .start-reached .share {
    background: none;
    padding: 0; }

  .start-reached .share .share-buttons {
    position: static;
    display: block;
    text-align: center;
    width: 100%;
    background: none;
    padding: 1em;
    background: rgba(0, 0, 0, 0.7); }

  .start-reached .share .share-buttons:before {
    display: none; }

  .share .share-buttons li {
    display: inline-block;
    margin: 0 0.5em; }

  .start-reached .share {
    bottom: 0;
    opacity: 1;
    z-index: 9999;
    visibility: visible; }

  .entry-content p, .entry-content ul, .entry-content ol {
    font-size: 1.6em; }

  .entry-content p:first-of-type {
    font-size: 2.1em; } }
@media (max-width: 739px) {
  .single .entry-header:before {
    background: url(../img/data_background.png) no-repeat 20% 0;
    background-size: 140%; }

  .entry-header h1 {
    font-size: 3em; }

  .entry-content p:first-of-type {
    font-size: 1.9em; }

  .sidebar {
    margin-top: 3em; }

  .popular, .company-mentions {
    width: 100%; }}
@media (min-width: 600px) and (max-width: 990px) {
  .news-med-top, .news-med-bot {
    width: 50%;
    float: left;
    padding: 2em 1em 0 0;
    background: none; }

  .news-med-top:before, .news-med-bot:before {
    display: none !important; }

  .news-med-bot {
    float: right;
    padding-left: 1em;
    padding-right: 0; }

  .spotlight-feature .medium_box {
    width: 50%;
    float: left; }

  .spotlight-feature .newsletter-box {
    float: right;
    width: 50%; } }
@media (max-width: 990px) {
  .col-lg-4 hr {
    display: none; }

  .home .thenews h3 {
    margin: 1.5em 0; }

  #row4 .col-lg-6 {
    max-width: 100%; } }
@media (max-width: 1000px) {
  .entry-content .promo {
    width: 100%;
    float: none;
    margin: 2em 0; }

  .category-content {
    width: 100%;
    max-width: 100%;
    flex: none;
    -ms-flex: none; }

  .category-content ul {
    padding-left: 2em;
    padding-right: 2em; } }
@media (max-width: 500px) {
  .entry-header h1 {
    font-size: 3em; }

  .entry-content blockquote.pullquote {
    width: 100%;
    float: none;
    margin: 3em 0; }

  .share-content:after {
    display: none; }

  .share-content form, .entry-content .share-content h3, .entry-content .share-content p {
    width: 100%; }

  .share-content form input, .share-content form input[type="submit"] {
    width: 100%;
    float: none;
    margin-top: 0.5em; } }
@media (max-width: 380px) {
  .single .entry-header:before {
    background: url(../img/data_background.png) no-repeat 13% 28%;
    background-size: 200%;
    opacity: 0.3; }

  .entry-header {
    padding-top: 4em; }

  .entry-header h1 {
    font-size: 2.4em; } }
@media (min-width: 1280px) {
  .entry-content blockquote.pullquote, .entry-content .mpu, .entry-content .promo {
    margin-left: -12em;
    margin-right: 2em; } }
@media (max-width: 1350px) {
  /*.related {
  	padding-left: 2em;
  	padding-right: 2em;
  }
  .related-headline {
  	margin: -10em -6em 3em 4em;
  	box-shadow: -0.1em -0.1em 3em 0 rgba(0,0,0,0.2);
  }
  	.related-headline:before {
  	    left: 7.5em;
  	    top: -13em;
  	}*/
  .entry-header h1 {
    font-size: 3.6em; }
 }
@media (min-width: 1860px) {
  .entry-header:before {
    top: -25em; } }
@media (max-width: 560px) {
  .category-content .article-list li.featured-article .article-text {
    position: static;
    width: 100%;
    margin: 0;
    padding: 3em 0 0 0; }

  .category-content .article-list li.featured-article .article-text h2 {
    font-size: 2.4em; } }
@media (max-width: 768px) {
  .category-content .article-list li .article-image {
    margin-bottom: 2em; } }
@media (max-width: 870px) {
  .follow-category-cta {
    margin-top: 2em;
    padding: 0;
    border: none; }

/*.follow-category-cta p, .follow-category-cta div {
    display: none; }
*/ 
  .whitepaper-download .entry-header .row {
    background: none; }

  .whitepaper-cover-col {
    display: none; } }
@media (max-width: 1280px) {
  .big_title .title {
    font-size: 2.4em; } }
@media (max-width: 1024px) {
  .big_title .title {
    font-size: 2.1em !important; } }
@media (max-width: 1600px) {
  .category .article-list li:first-of-type .article-date {
    margin-top: 7em; }
 }
@media (max-width: 599px) {
  .advertise-header, .storefront-enquiry {
    min-height: 0;
    padding: 8em 0 0 0; }

  .advertise-header .col-md-5, .storefront-enquiry .col-md-5 {
    max-width: 100%;
    flex: 0 0 100%; }

  .advertise-header img, .storefront-enquiry img, .annotation {
    display: none; }

  .advertising-contacts {
    margin: 3em 0 0 0 !important;
    padding-top: 1em; } }
@media (max-width: 460px) {
  .advertising-contacts form input, .advertising-contacts form button, .advertising-contacts form input.button {
    width: 100%;
    float: none; }

  .advertising-contacts:before {
    top: 0;
    bottom: 0;
    left: -50px;
    right: -50px; } }
@media (min-width: 600px) and (max-width: 1024px) {
  .advertise-header {
    min-height: 66em;
    padding-bottom: 0; }

  .advertise-intro {
    flex: 0 0 60%;
    max-width: 60%;
    position: static; }

  .advertise-intro .advertising-contacts {
    padding: 3em;
  /*  position: absolute;
    left: 0;
    right: 0;
    bottom: 0;*/
    margin-bottom: 0; }

  .advertise-header img {
    width: 40%; } }
@media (min-width: 1024px) and (max-width: 1280px) {
  .advertise-header img {
    width: 58%; } }
@media (max-width: 1000px) {
  .category-content {
    width: 100%; } }
@media (max-width: 767px) {
  .category-header {
    padding: 5em 1em 3em 1em; }

  .category-header h1 {
    font-size: 3em; }

  .search-box {
    background: none;
    box-shadow: none;
    padding: 0; }

  .search-box .col-md-2 {
    display: none; }

  .browse-sort label {
    text-align: left; }

  .browse-by-category, .sort-by {
    margin-bottom: 2em; }

  .a-z {
    margin-top: 0; }

  .a-z li {
    width: 14%; }

  .a-z li a {
    padding: 1em; } }
@media (max-width: 360px) {
  .browse-sort .select, .browse-sort label {
    width: 100%;
    float: none; }

  .search-box input[type="submit"] {
    font-size: 1.2em;
    padding: 1.4em 0;
    position: relative;
    top: -0.25em;
    border-radius: 0; }

  .category-content .article-list li.whitepaper {
    padding-left: 0; }

  .category-content .article-list li.whitepaper:before {
    display: none; } }
@media (max-width: 460px) {
  .whitepaper-download .entry-header h1 {
    font-size: 2.4em; } }
@media (max-width: 870px) {
  .company-logo-col {
    margin-bottom: 2em;
    width: 14em; }

  .whitepaper-details .share {
    background: rgba(0, 0, 0, 0.1);
    padding: 0.5em 2em 1em 2em; } }
@media (min-width: 400px) and (max-width: 870px) {
  .company-logo-col {
    margin-bottom: 2em; }

  .whitepaper-details .container {
    padding: 0 3em; }

  .whitepaper-details .share {
    padding-top: 0;
    margin-bottom: 0; } }
@media (max-width: 768px) {
  .search-refinements {
    margin-bottom: 3em; }

  .search-refinements-toggle {
    position: relative;
    cursor: pointer; }

  .search-refinements-toggle:after {
    content: "\f067";
    font: 1em fontawesome;
    position: absolute;
    right: 0.5em; }

  .search-refinements div {
    opacity: 0;
    visibility: hidden;
    height: 1px;
    z-index: -999;
    overflow: hidden;
    transition: height 0.4s ease-in-out, opacity 0.4s ease-in-out; }

  .search-refinements-open .search-refinements div {
    opacity: 1;
    visibility: visible;
    height: auto;
    z-index: 999;
    overflow: visible; } }
@media (max-width: 1024px) {
  .category-header h1 {
    font-size: 3em; } }
@media (max-width: 870px) {
  .entry-header h1 {
    margin-bottom: 1em; } }
@media (min-width: 1280px) {
  .gallery {
    margin-left: -10em; } }
@media (max-width: 640px) {
  .news-box-big {
    width: 100% !important;
    margin: 0 !important;
    max-height: 108em; }

  .news-box-big img {
    min-width: 0; }

  .big_title {
    position: static;
    margin: 2em 0 0 0;
    padding: 2em 0 0 0; } }
@media (max-width: 990px) {
  #latest-news .news {
    position: relative;
    z-index: 9999; } }
@media (min-width: 1600px) {
  .container {
    max-width: 1340px; } }
/*
@media (min-width: 870px) {
	.headline-col {
		padding-left: 5em;
	}
}
*/
@media (max-height: 750px) {
  .mputop {
    position: relative; }

  .site-header {
    box-shadow: 0 0 2em 0 rgba(0, 0, 0, 0.1); }

  .header-ctas {
    padding: 1em 2em 0 2em; }

  .header-cta small {
    visibility: hidden;
    position: absolute;
    bottom: -1em;
    opacity: 0;
    padding: 1em;
    background: #010425;
    color: white;
    transition: all 0.4s ease-in-out;
    width: 25em;
    text-align: left; }

  .newsletter-cta small {
    right: 0; }

  .header-cta small:before {
    content: '';
    position: absolute;
    top: -1em;
    left: 2em;
    border-bottom: solid 1em #010425;
    border-left: solid 1em transparent;
    border-right: solid 1em transparent; }

  .header-cta:hover small {
    opacity: 1;
    visibility: visible;
   /* bottom: -3em;*/bottom:0;
    z-index: 9999; }

  .header-cta img {
    width: 3em;
    margin: -0.5em 1em 0 0; }

  .newsletter-cta img {
    margin: -1em 0 0 1em; }

  .site-logo img {
    margin: 1em auto 0 auto;
    width: 14em; }

  #navbarSupportedContent {
    margin: 0;
    padding: 2em 0; }

  .navbg {
    z-index: 999;
    padding: 0;
    height: auto; position: inherit; }

  .entry-header {
    padding-top: 3em; }

  .entry-header h1 {
    font-size: 3.5em;
    margin-bottom: 3em; }

  .entry-header .article-date {
    font-size: 1.4em; }

  .entry-header .article-category a {
    font-size: 1.4em; } }
@media (max-height: 600px) {
  .header-ctas {
    /* display: none;  */    
  }

  .navbar .container {
    padding-left: 18em;
    max-width: 100%; }

  .nav-link {
    padding: 0em 1em; } }
.entry-header .continue {
  display: none; }

@media (min-height: 960px) {
  .single .entry-header, .project .entry-header {
    padding: 14% 0 12% 0;
    height: auto; }

  .single .entry-header h1, .project .entry-header h1 {
    font-size: 4.6em;
    margin: 0 0 0.4em 0; }

  .entry-header .continue {
    display: block;
    margin: 3em 0 0 0; }

  .entry-header .continue a {
    padding: 1em 4em .9em 1em;
    text-align: left;
    position: relative;
    animation-name: continue;
    animation-duration: 2s;
    animation-iteration-count: infinite; }

  .entry-header .continue a:after {
    content: "\f107";
    font: 1em fontawesome;
    position: absolute;
    right: 1em;
    top: 50%;
    height: 1em;
    margin-top: -0.5em;
    animation-name: continue;
    animation-duration: 2s;
    animation-iteration-count: infinite; }

  @keyframes continue {
    0% {
      background-color: #010326; }
    50% {
      background-color: #007bff; }
    100% {
      background-color: #010326; } }
  .related-headline {
    margin-top: 7em; }

  .related-headline:before {
    margin-top: 7em; }

  .headline-reached .related-headline {
    margin-top: 0em; }

  .headline-reached .related-headline:before {
    margin-top: 0em; } }
@media (max-width: 768px) {
  .header-cta {
    display: none; } }


.Spackaging .navbg {
  background: #F3F3F3; }
  .Spackaging .navbg a {
    color: black !important; }

.Spackaging .resource_panel .main_cat {
  color: #F3F3F3; }

.Spackaging .button a, .Spackaging button.button {
  background: #e3e3e3 !important;
  color: #000 !important;
  font-weight: 600; }

.Spackaging .industry-overview {
  background: #F3F3F3; }

.Spackaging #row2:after {
    background: #2f2949;}

.Spackaging #row2 {
  background:  #2f2949; }

.Spackaging #row2 a {
    color: white;}

.Spackaging #row2 .popular a {
  color: #fff; }
  
  .Spackaging .big_title .title {
    color: white; }

.Spackaging .medium_title {
  background: #F3F3F3 !important; }
  .Spackaging .medium_title .title {
    color: black !important; }

.Spackaging #latest-news .medium_title .title {
  color: black !important; }

.Spackaging #row2 .medium_title {
  background: white !important; }

.Spackaging .reached-row2 #row2 .popular li a {
  color: white; }

  .Spackaging #row2 .news-box-medium .article-category ul li a {
    background: #e3e3e3 !important;
}

.Spackaging #row2 .hlistnews .article-category a {
  background: #e3e3e3;
}

.Spackaging #row2 .medium_title .title {
  color: black !important; }
  .Spackaging #row2 .news-box-medium .article-category ul li a {
    color: #000 !important;
}
.Spackaging #row2 .heading-section span {
  color: #ffffff;
  background: #2f2949;
  font-weight: 600;
  margin-left: -1em; }

.Spackaging #row4 {
  background: #2f2949;
  padding: 0 0 3em 0; }

.Spackaging #latest-news .news-box-medium:hover {
  box-shadow: 0 0 0.3em 0 rgba(0, 0, 0, 0.2); }

.Spackaging .big_title .title a {
    color: white;
}
.Spackaging .title a {
  color: white;
}
.Spackaging .big_title p, .news-box-big:hover p {
  color: rgba(0, 0, 0, 0.8) !important;
}
.Spackaging .big_title p, .news-box-big:hover p {
  font-size: 1.6em;
  color: rgba(0, 0, 0, 0.8);
}
/* .Spackaging #row2 .popular li:first-of-type a {
  background: #800020 !important;
  color: black !important;
  font-weight: 600; } */

  .Spackaging .popular li a:hover:before {
    color: #2f2949;
}

.Spackaging .reached-row2 #row2 .popular li:first-of-type {
    background: #000000;
}
.Spackaging #row3 .medium_title {
  background: #ffffff !important; }

.Spackaging #row3 .news-box-medium .article-category ul li a {
  background: #e3e3e3;
  color: #000 !important; }

.Spackaging #row3 .thenews .article-category ul li a {
  background: #e3e3e3;
  color: #000 !important; }

.Spackaging #row3 .spotlight-feature .article-category ul li a {
  background: #010322;
  color: #fff !important; }

.Spackaging .mputop {
  background: #eaeaea; }

.Spackaging .news-box-medium .article-category ul li a, .Spackaging .news-box-big .article-category ul li a {
  background: #665272;;
  color: white !important;
   }

.Spackaging .big_title p, .news-box-big:hover p {
  color: black; }


.Spackaging .big_title:before {
  background: #800020; }

.Spackaging span.data {
  color: white !important; }

.Spackaging #row2 span.data {
  color: white !important; }

.Spackaging .loaded #latest-news h1:before {
  left: 20%;
  right: 20%;
  background: black; }

.Spackaging .reached-row2 #row2 .popular li a {
  background: #000000 !important; }

.Spackaging nav .fa-search {
  color: black; }

.Spackaging .article-category a, .Spackaging .company-mentions h3 {
  background: #800020;
  color: black;
  font-weight: bold; }

.Spackaging .header-cta strong {
  color: black; }

.Spackaging .header-cta small {
  color: black; }

.Spackaging .header-cta img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }

.Spackaging #row4 .medium_h4:before {
  color: #f1eded; }

.Spackaging #row4 .heading-section span, #row4 a {
  color: white;
  transition: all 0.4s ease-in-out;
  font-weight: 600; }

.Spackaging .reached-row2 #row2 .popular li a {
  color: white;
}
.Spackaging .reached-row2 #row2 .popular li:first-of-type {
  background: #800020;
 }
  .Spackaging .reached-row2 #row2 .popular li:first-of-type a {
    color: white;
  }

.Spackaging .heading-section:before {
  border-top: 1px solid #800020; }


  
.Sfinance .news-box-big .article-category li {
  background: #08ae92; }

.Sfinance .navbg {
  background: #F3F3F3; }
  .Sfinance .navbg a {
    color: black !important; }

.Sfinance .resource_panel .main_cat {
  color: #F3F3F3; }

.Sfinance .button a, .Sfinance button.button {
  background: #08ae92 !important;
  color: #fff !important;
  font-weight: 600; }

.Sfinance .industry-overview {
  background: #F3F3F3; }

.Sfinance #row2:after {
  background: #ffffff; }

.Sfinance #row2 {
  background: #ffffff; }

.Sfinance footer {
  background: #F3F3F3; }

.Sfinance .big_title {
  background: #F3F3F3; }
  .Sfinance .big_title .title {
    color: black; }

.Sfinance .medium_title {
  background: #F3F3F3 !important; }
  .Sfinance .medium_title .title {
    color: black !important; }

.Sfinance #row2 .medium_title {
  background: #ffffff !important; }

.Sfinance #row2 .news-box-medium .article-category ul li a {
  background: #08ae92 !important;
  color: white !important; }

.Sfinance #row2 a {
  color: black !important; }

.Sfinance #row2 .hlistnews .article-category a {
  background: #08ae92;
  color: white !important; }

.Sfinance #row2 .medium_title .title {
  color: black !important; }

.Sfinance .reached-row2 #row2 .popular li a {
  color: white !important; }

.Sfinance #row4 {
  background: #08ae92;
  padding: 0 0 3em 0; }

.Sfinance #row2 .heading-section span {
  color: #08ae92;
  background: white;
  margin-left: -1em;
  font-weight: 600; }

.Sfinance #latest-news {
  background: #F3F3F3; }

.Sfinance #latest-news .news-box-medium:hover {
  box-shadow: 0 0 0.3em 0 rgba(0, 0, 0, 0.2); }

.Sfinance #row2 .popular li:first-of-type a {
  background: #08ae92 !important;
  color: black !important;
  font-weight: 600; }

.Sfinance .popular li a:hover:before {
  color: #08ae92; }

.Sfinance #row2 .popular li a {
  background: #000 !important;
  color: white !important; }

.Sfinance #row3 .medium_title {
  background: #ffffff !important; }

.Sfinance #row3 .news-box-medium .article-category ul li a {
  background: #08ae92;
  color: white !important; }

.Sfinance #row3 .thenews .article-category ul li a {
  background: #08ae92;
  color: white !important; }

.Sfinance #row3 .spotlight-feature .article-category ul li a {
  background: #08ae92;
  color: white !important; }

.Sfinance .mputop {
  background: #eaeaea; }

.Sfinance .news-box-medium .article-category ul li a, .Sfinance .news-box-big .article-category ul li a {
  background: #08ae92;
  color: white !important; }

.Sfinance .big_title p, .Sfinance .news-box-big:hover p {
  color: black; }

.Sfinance #latest-news h1 span {
  background: #F3F3F3;
  color: black; }

.Sfinance #latest-news .energy-spheres {
  background: none; }

.Sfinance .big_title:before {
  background: #08ae92; }

.Sfinance span.data {
  color: black !important; }

.Sfinance #row2 span.data {
  color: white !important; }

.Sfinance .loaded #latest-news h1:before {
  left: 20%;
  right: 20%;
  background: black; }

.Sfinance nav .fa-search {
  color: black; }

.Sfinance .article-category a, .Sfinance .entry-content .promo h3, .Sfinance .company-mentions h3 {
  background: #08ae92;
  color: black;
  font-weight: bold; }

.Sfinance .entry-header ul li a {
  color: white; }

.Sfinance .header-cta strong {
  color: black; }

.Sfinance .header-cta small {
  color: black; }

.Sfinance .header-cta img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }

.Sfinance .reached-row2 .popular li a {
  background: #000000 !important; }

.Sfinance #row4 .medium_h4:before {
  color: #054e42; }

.Sfinance .reached-row2 #row2 .popular li:first-of-type a {
  background: #08ae92 !important; }

.Sfinance .reached-row2 #row2 .popular li a {
  background: #000000; }

.Sfinance .heading-section:before {
  border-top: 1px solid #08ae92; }

.Sfinance .li-footer li a, .Sfinance .li-footer li a {
  color: black;
  font-weight: 600; }

.Shospitality .navbg {
  background: #F3F3F3; }
  .Shospitality .navbg a {
    color: black !important; }

.Shospitality .resource_panel .main_cat {
  color: #F3F3F3; }

.Shospitality .button a, .Shospitality button.button {
  background: #0d979e !important;
  color: #fff !important;
  font-weight: 600; }

.Shospitality .industry-overview {
  background: #F3F3F3; }

.Shospitality #row2:after {
  background: #ffffff; }

.Shospitality #row2 {
  background: #ffffff; }

.Shospitality footer {
  background: #F3F3F3; }

.Sfinance .big_title {
  background: #F3F3F3; }
  .Sfinance .big_title .title {
    color: black; }

.Shospitality .medium_title {
  background: #F3F3F3 !important; }
  .Shospitality .medium_title .title {
    color: black !important; }

.Shospitality #row2 .medium_title {
  background: #ffffff !important; }

.Shospitality #row2 .news-box-medium .article-category ul li a {
  background: #0d979e !important;
  color: white !important; }

.Shospitality #row2 a {
  color: black !important; }

.Shospitality #row2 .hlistnews .article-category a {
  background: #0d979e;
  color: white !important; }

.Shospitality #row2 .medium_title .title {
  color: black !important; }

.Shospitality .reached-row2 #row2 .popular li a {
  color: white !important; }

.Shospitality #row4 {
  background: #0d979e;
  padding: 0 0 3em 0; }

.Shospitality #row2 .heading-section span {
  color: #0d979e;
  background: white;
  margin-left: -1em;
  font-weight: 600; }

.Shospitality #latest-news {
  background: #F3F3F3; }

.Shospitality #latest-news .news-box-medium:hover {
  box-shadow: 0 0 0.3em 0 rgba(0, 0, 0, 0.2); }

.Shospitality #row2 .popular li:first-of-type a {
  background: #0d979e !important;
  color: white !important;
  font-weight: 600; }

.Shospitality .popular li a:hover:before {
  color: #0d979e; }

.Shospitality #row2 .popular li a {
  background: #000 !important;
  color: white !important; }

.Shospitality #row3 .medium_title {
  background: #ffffff !important; }

.Shospitality #row3 .news-box-medium .article-category ul li a {
  background: #0d979e;
  color: white !important; }

.Shospitality #row3 .thenews .article-category ul li a {
  background: #0d979e;
  color: white !important; }

.Shospitality #row3 .spotlight-feature .article-category ul li a {
  background: #0d979e;
  color: white !important; }

.Shospitality .mputop {
  background: #eaeaea; }

.Shospitality .news-box-medium .article-category ul li a, .Shospitality .news-box-big .article-category ul li a {
  color: white !important; }

.Shospitality .big_title p, .Shospitality .news-box-big:hover p {
  color: black !important; }

.Shospitality #latest-news h1 span {
  background: #F3F3F3;
  color: black; }

.Shospitality #latest-news .energy-spheres {
  background: none; }

.Shospitality .big_title:before {
  background: #0d979e; }

.Shospitality span.data {
  color: black !important; }

.Shospitality #row2 span.data {
  color: white !important; }

.SfinShospitalityance .loaded #latest-news h1:before {
  left: 20%;
  right: 20%;
  background: black; }

.Shospitality nav .fa-search {
  color: black; }

.Shospitality .article-category a, .Shospitality .entry-content .promo h3, .Shospitality .company-mentions h3 {
  background: #0d979e;
  color: black;
  font-weight: bold; }

.Shospitality .entry-header ul li a {
  color: white; }

.Shospitality .header-cta strong {
  color: black; }

.Shospitality .header-cta small {
  color: black; }

.Shospitality .header-cta img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }

.Shospitality .reached-row2 .popular li a {
  background: #000000 !important; }

.Shospitality #row4 .medium_h4:before {
  color: #9bdad0; }

.Shospitality .reached-row2 #row2 .popular li:first-of-type a {
  background: #0d979e !important; }

.Shospitality .reached-row2 #row2 .popular li a {
  background: #000000; }

.Shospitality .heading-section:before {
  border-top: 1px solid #0d979e; }

.Shospitality .li-footer li a {
  color: black;
  font-weight: 600; }

.Shospitality .big_title {
  padding: 3em;
  background: #f3f3f3;
  left: -3em; }

.Shospitality .big_title .title {
  margin-top: .2em;
  color: black; }

.Shospitality .news-box-medium .article-category ul li a, .Shospitality .news-box-big .article-category ul li a {
  color: white !important;
  background: #0d979e;
  font-weight: bold;
  font-size: 1.1em !important; }

.Shospitality #row4 .heading-section span, #row4 a {
  color: white !important; }

.Sleadership .navbg {
  background: #F3F3F3; }
  .Sleadership .navbg a {
    color: black !important; }

.Sleadership .resource_panel .main_cat {
  color: #F3F3F3; }

.Sleadership .button a, .Sleadership button.button {
  background: #9e0d0d !important;
  color: #fff !important;
  font-weight: 600; }

.Sleadership .industry-overview {
  background: #F3F3F3; }

.Sleadership #row2:after {
  background: #ffffff; }

.Sleadership #row2 {
  background: #ffffff; }

.Sleadership footer {
  background: #F3F3F3; }

.Sfinance .big_title {
  background: #F3F3F3; }
  .Sfinance .big_title .title {
    color: black; }

.Sleadership .medium_title {
  background: #F3F3F3 !important; }
  .Sleadership .medium_title .title {
    color: black !important; }

.Sleadership #row2 .medium_title {
  background: #ffffff !important; }

.Sleadership #row2 .news-box-medium .article-category ul li a {
  background: #9e0d0d !important;
  color: white !important; }

.Sleadership #row2 a {
  color: black !important; }

.Sleadership #row2 .hlistnews .article-category a {
  background: #9e0d0d;
  color: white !important; }

.Sleadership #row2 .medium_title .title {
  color: black !important; }

.Sleadership .reached-row2 #row2 .popular li a {
  color: white !important; }

.Sleadership #row4 {
  background: #9e0d0d;
  padding: 0 0 3em 0; }

.Sleadership #row2 .heading-section span {
  color: #9e0d0d;
  background: white;
  margin-left: -1em;
  font-weight: 600; }

.Sleadership #latest-news {
  background: #F3F3F3; }

.Sleadership #latest-news .news-box-medium:hover {
  box-shadow: 0 0 0.3em 0 rgba(0, 0, 0, 0.2); }

.Sleadership #row2 .popular li:first-of-type a {
  background: #9e0d0d !important;
  color: white !important;
  font-weight: 600; }

.Sleadership .popular li a:hover:before {
  color: #9e0d0d; }

.Sleadership #row2 .popular li a {
  background: #000 !important;
  color: white !important; }

.Sleadership #row3 .medium_title {
  background: #ffffff !important; }

.Sleadership #row3 .news-box-medium .article-category ul li a {
  background: #9e0d0d;
  color: white !important; }

.Sleadership #row3 .thenews .article-category ul li a {
  background: #9e0d0d;
  color: white !important; }

.Sleadership #row3 .spotlight-feature .article-category ul li a {
  background: #9e0d0d;
  color: white !important; }

.Sleadership .mputop {
  background: #eaeaea; }

.Sleadership .news-box-medium .article-category ul li a, .Sleadership .news-box-big .article-category ul li a {
  color: white !important; }

.Sleadership .big_title p, .Sleadership .news-box-big:hover p {
  color: black !important; }

.Sleadership #latest-news h1 span {
  background: #F3F3F3;
  color: black; }

.Sleadership #latest-news .energy-spheres {
  background: none; }

.Sleadership .big_title:before {
  background: #9e0d0d; }

.Sleadership span.data {
  color: black !important; }

.Sleadership #row2 span.data {
  color: white !important; }

.SfinSleadershipance .loaded #latest-news h1:before {
  left: 20%;
  right: 20%;
  background: black; }

.Sleadership nav .fa-search {
  color: black; }

.Sleadership .article-category a, .Sleadership .entry-content .promo h3, .Sleadership .company-mentions h3 {
  background: #9e0d0d;
  color: black;
  font-weight: bold; }

.Sleadership .entry-header ul li a {
  color: white; }

.Sleadership .header-cta strong {
  color: black; }

.Sleadership .header-cta small {
  color: black; }

.Sleadership .header-cta img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }

.Sleadership .reached-row2 .popular li a {
  background: #000000 !important; }

.Sleadership #row4 .medium_h4:before {
  color: #270000; }

.Sleadership .reached-row2 #row2 .popular li:first-of-type a {
  background: #9e0d0d !important; }

.Sleadership .reached-row2 #row2 .popular li a {
  background: #000000; }

.Sleadership .heading-section:before {
  border-top: 1px solid #9e0d0d; }

.Sleadership .li-footer li a {
  color: black;
  font-weight: 600; }

.Sleadership .big_title {
  padding: 3em;
  background: #f3f3f3;
  left: -3em; }

.Sleadership .big_title .title {
  margin-top: .2em;
  color: black; }

.Sleadership .news-box-medium .article-category ul li a, .Sleadership .news-box-big .article-category ul li a {
  color: white !important;
  background: #9e0d0d;
  font-weight: bold;
  font-size: 1.1em !important; }

.Sleadership #row4 .heading-section span, #row4 a {
  color: white !important; }

.Sfinance2 .navbg {
  background: #0D9076; }

.Sfinance2 #latest-news {
  background: #0D9076; }

.Sfinance2 .mputop {
  background: #001f19; }

.Sfinance2 .big_title {
  background: #0D9076; }

.Sfinance2 .medium_title {
  background: #0D9076 !important; }
  
  
  

  
  
	
/*   ============
        HOME PAGE
  ================   */
.cuttingimage {
  overflow: hidden;
  width: 100%;
  height: 100%; }

.news-box-big {
  position: relative;
  width: 100%;
  min-height: 45.2em;
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-height: 45.2em;
  padding: 0;
  transition: 0.5s;
  overflow: hidden; }
  .news-box-big img {
    max-width: 100%;
    margin-top: -3em;
    width: auto;
    /*max-height: 100%;*/
    min-width: 86em;
    margin-left: -3em; }

.big_title {
  position: absolute;
  padding: .7em 1.7em;
  font-family: "Open sans", sans-serif;
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: -0.2em !important;
  text-align: left;
  margin: 0 2em;
  background: #ffffff;
  color: black;
  border-top: 1em solid transparent;
  cursor: pointer;
  margin-left: 0;
  width: 65%;
  bottom: 0;
  z-index: 9999; }
  .big_title p {
    position: relative;
    color: #212121;
    z-index: 9999;
    padding: .1em;
    line-height: 1.8;
    font-weight: 400;
    font-size: 1.3em;
    font-family: "Open sans", sans-serif;
    text-align: left;
    left: 0;
    margin-bottom: 0.6em;
    padding-top: 1em;
    padding-right: 2em; }

span.data {
  margin-left: 1em; }

.big_title .title {
  font-size: 2.6em;
  font-weight: 700;
  line-height: 1.2;
  margin-top: .5em; }

a.nav-link:after {
  content: "\f0d7";
  font-family: fontawesome;
  padding-left: .4em; }

/* Home page article catgory links */
.news-box-medium .article-category ul,
.news-box-big .article-category ul {
  font-size: 0.8em; }

.news-box-medium .article-category ul li a,
.news-box-big .article-category ul li a{
  color: black !important;
  background: #b5eaf5;
  font-weight: bold;
  font-size: 1.1em !important; }

.news-box-medium span.data,
.news-box-big .article-category ul li a {
  margin: 0; }

.news-box-big:hover .label:before {
  width: 100%;
  transition: 0.5s; }

.news-box-medium:hover .label:before {
  width: 100%;
  transition: 0.5s; }

.label:hover {
  color: #ffd200; }

.twitter_box {
  margin-left: 3em;
  background: #eaeaea;
  min-height: 21em; }

.news-box-medium {
  position: relative;
  width: 100%;
  min-height: 22em;
  overflow: hidden;
  max-height: 22em;
  margin-bottom: 1.5em; }
  .news-box-medium img {
    max-height: 45em;
    max-width: 100%;
   /* min-width: 44em;*/
    margin-left: -10%;
    margin-top: 0%;
    position: relative;
    z-index: 999; }

.medium_title .title {
  position: relative;
  z-index: 999;
  bottom: 0;
  color: black;
  font-family: "Open sans", sans-serif;
  font-weight: 700;
  padding: .8em;
  font-size: 1.6em;
  line-height: 1.3;
  margin-top: -4em;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1em;
  padding-top: 5.1em;
  padding-left: 0; }
.title a{color: #ffffff;}
.storefrontcontent .title a{color: #000;}
.viewmore {
  position: absolute;
  right: 2em;
  bottom: -1em;
  background: #000126; }
  .viewmore a {
    color: white; }

.medium_title .label {
  position: relative;
  z-index: 9999;
  color: #006dd8;
  font-size: 12px;
  text-transform: uppercase;
  padding: 0.4em 0em;
  font-weight: 300;
  font-family: "Open sans", sans-serif;
  letter-spacing: 1px; }

.megamenu_analysis {
  display: none; }

.megamenu_analysis_show {
  display: block; }

.megamenu_hide {
  display: none; }

.arrow-up:after {
  content: '\f106' !important; }

.bordertop {
  border-top: 1em solid #ffd200;
  transition: 0.5s; }

.megamenusecond {
  display: none; }

.megamenusecond-show {
  display: block !important; }

.megamenusecond-hide {
  display: none; }

.medium_title {
  position: absolute;
  z-index: 999;
  padding: .7em 1.7em;
  font-family: "Open sans", sans-serif;
  font-weight: 300;
  line-height: 1.4;
  text-align: left;
  background: rgba(255, 255, 255, 0.8);
  color: black;
  border-top: 1em solid transparent;
  cursor: pointer;
  margin-left: 0;
  padding-top: 0;
  bottom: 0;
  z-index: 9999;
  width: 70%; }

.newsletter-box {
  min-height: 14em;
  width: 100%;
  background: #010324;
  text-align: center;
  position: relative;
  overflow: hidden;
  color: white;
  z-index: 999;
  margin-left: 1em;
  margin-top: 2em; }
  .newsletter-box h4 {
    padding-top: 1em;
    text-transform: uppercase;
    font-size: 1.8em;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    position: relative;
    z-index: 999;
    text-align: left;
    margin-left: 1.2em; }
  .newsletter-box .strong {
    font-weight: 700; }

.ctanewsl {
  font-size: 1.2em;
  text-align: left;
  margin: 1.8em;
  font-weight: 300;
  line-height: 1.2;
  margin-top: 0.5em;
  margin-bottom: 2em; }

.newsletter-box button, .newsletter-box input.btn  {
  background: #ffd200;
  color: black;
  border: none;
  padding-left: 1.5em;
  padding-right: 1.5em;
  border-radius: 0;
  cursor: pointer;  width:100%;}
  .newsletter-box button:hover, .newsletter-box input.btn:hover {
    color: black;
    background-color: #fbe064;
    border-color: #6c757d; }

span.join {
  position: relative;
  padding: .88em 2em;
  background: #ffd203;
  color: #000126;
  text-transform: uppercase;
  font-size: 1.2em; }

.second-row .col-lg-6 .news-box-big {
  position: relative;
  width: 100%;
  min-height: 22.4em;
  overflow: hidden;
  max-height: 22.4em; }

.second-row .news-box-medium {
  min-height: 18em;
  max-height: 18em; }

.cr {
  margin-top: 2em; }

.cl {
  margin-top: 2em; }

.cr h2,
.cl h2 {
  font-size: 1.4em;
  line-height: 1.44;
  border-bottom: 1px solid #dadada;
  width: 95%;
  cursor: pointer;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
  padding: 2em .8em;
  margin-left: 1em; }

.project-row {
  margin: 0;
  margin-top: 1.5em; }

.mputop {
  text-align: center;
  margin-bottom: -2em;
  background: #010321;
  padding: 1em 0px 3em 0em; }

.related-main h5 {
  font-size: 1.3em; }

.related-main ul {
  padding-left: 1em;
  margin-top: 3em; }

.third-row {
  margin-top: 2em; }
  .third-row h2 {
    font-size: 1.4em;
    line-height: 1.5;
    padding: 1em;
    border-bottom: 1px solid #dadada;
    width: 90%;
    cursor: pointer;
    margin-top: 0;
    margin-left: 1em; }
    .third-row h2:hover {
      background: #e8e8e8; }

.az-resource {
  margin-top: 5em;
  min-height: 40em;
  background: red;
  background-image: url("https://preview.ibb.co/c8sQvw/compelobg.png");
  background-position: center;
  background-size: cover;
  position: relative; }

.az-resource h2 {
  padding-top: 2em;
  color: white;
  font-family: "Open sans", sans-serif;
  text-transform: uppercase;
  font-size: 3.4em; }

.az-resource p {
  margin-top: 2em;
  color: white;
  font-family: "Open sans", sans-serif;
  font-size: 1.9em;
  font-weight: 300; }

.az-resource input {
  margin-top: 1.5em;
  border-radius: 2em;
  padding: 1em;
  font-family: "Montserrat", sans-serif;
  font-size: 1.2em;
  border: none;
  outline: none;
  min-width: 20em;
  font-weight: 300; }

.resource_panel {
  min-height: 20em;
  background: white;
  margin-top: 10em;
  border-top: 1em solid #0286ff;
  background: #f8f8f8;
  padding: 0; }
  .resource_panel .main_cat {
    margin-top: 2em;
    margin-left: 1em;
    font-family: "Montserrat", Sans-serif;
    text-transform: uppercase;
    font-size: 1.3em;
    margin-bottom: 1em;
    font-weight: 600;
    padding-bottom: 1.5em;
    color: #010326; }

.resource_panel ul {
  margin: 0;
  padding: 0 1.6em;
  cursor: pointer;
  padding-bottom: 2em; }
  .resource_panel ul li {
    list-style-type: none;
    padding: 0.5em 0;
    font-size: 1.2em;
    border-bottom: 1px solid #eaeaea;
    font-family: "Montserrat", sans-serif; }
    .resource_panel ul li:hover {
      background: white;
      transition: 0.2s;
      padding-left: 1em; }

.azslider {
  min-height: 20em;
  padding-top: 5em;
  background: white;
  margin: 0;
  text-align: center; }
  .azslider img {
    max-width: 15em; }

.slick-prev {
  position: absolute;
  left: -3em;
  bottom: 9em; }

.slick-next {
  position: absolute;
  right: -3em;
  bottom: 9em; }

.slick-prev:before,
.slick-next:before {
  font-family: FontAwesome;
  font-size: 40px;
  line-height: 1;
  color: black;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev:before {
  content: "\f053"; }

[dir="rtl"] .slick-prev:before {
  content: "\f054"; }

[dir="rtl"] .slick-next {
  left: -10px;
  top: 70px;
  right: auto; }

.slick-next:before {
  content: "\f054"; }

[dir="rtl"] .slick-next:before {
  content: "\f053"; }

#row2 {
  margin-top: 5em; }

#row3 {
  margin-top: 0em; }

.projecthome {
  background: transparent;
  min-height: 32em;
  background-image: url("../img/dottedbg.png");
  background-repeat: no-repeat; }
  .projecthome img {
    max-width: 42em;
    position: relative; }

.main_news_pr {
  min-height: 16em;
  margin-bottom: 1em; }

.main_news_pr img {
  max-width: 22em;
  height: auto;
  max-height: 18em;
  padding: 1em;
  padding-top: 0;
  display: inline;
  float: left;
  position: relative;
  margin-right: .3em; }

.medium_img_pr {
  float: left;
  margin-right: 1em;
  max-width: 10em !important; }

.medium_box {
  display: inline-flex;
  margin-left: 2.6em; }

.img-cont {
  width: 30%;
  overflow: hidden; }

.medium_h4 {
  font-size: 1.5em;
  font-weight: 600;
  width: 60%;
  margin-left: .6em; }

.medium_h4 {
  font-size: 1.5em;
  font-weight: 600; }

.main_news_pr h4 {
  display: inline;
  font-weight: 600;
  position: relative;
  font-size: 1.8em; }

.projecthome:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffffa1; }

.industryop:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(48, 154, 253, 0.08);
  width: 92%;
  margin-left: 1.6em;
  height: 90.5%; }

.industryop {
  overflow: hidden; }

.industryop img {
  max-width: 38em;
  margin-top: .6em;
  position: absolute;
  top: -2.4em;
  margin-left: -.6em; }

.projectheader {
  top: -3em; }

.opinion_standout h3 {
  position: relative;
  margin: 1em 0;
  padding: 0 2em;
  text-align: center;
  font-size: 1.8em;
  font-weight: 300;
  color: #4a4a4a;
  margin-top: 2em; }

.opinion_standout h3:before {
  content: '"';
  position: absolute;
  font-size: 2em;
  margin-left: -.7em;
  margin-top: -.2em; }

.opinion_standout h3:after {
  content: '"';
  position: absolute;
  right: 1.1em;
  font-size: 2em;
  bottom: -.9em; }

.opinion {
  display: inline-table;
  margin: 1em 0;
  margin-bottom: 2em; }
  .opinion h4 {
    display: table-cell;
    vertical-align: top;
    font-size: 1.5em;
    padding-left: 1em;
    font-weight: 600;
    position: relative;
    z-index: 99999;
    color: black;
    padding-right: 1em; }

.listopinion {
  margin: 4em 2em 1em 2em; }

.date {
  color: #0285ff;
  font-size: 1.7em;
  font-weight: 600;
  letter-spacing: 2px; }

.month {
  display: block;
  text-transform: uppercase;
  color: black;
  font-size: .7em;
  font-weight: 300;
  margin-top: .2em; }

.mostread {
  padding-left: 0; }

.mostread img {
  max-width: 27.6em;
  position: absolute;
  top: -1em;
  left: 0; }

.headermr {
  position: relative;
  min-height: 8em; }

.mostread h4 {
  font-size: 2.6em;
  font-weight: 300;
  margin-top: -0.6em;
  margin-left: .5em;
  color: black;
  font-family: Georgia; }

.mr1 {
  display: inline-flex;
  background: #000226;
  color: white;
  margin-top: 1em; }

.mr2 {
  display: inline-flex;
  background: #f2f2f4;
  color: black;
  margin-top: 1em; }
  .mr2 .number {
    color: #d1d2e0; }

.number {
  font-size: 10em;
  margin-right: .4em;
  color: #0089ff;
  margin-top: -.23em;
  font-weight: 600;
  padding-left: .1em; }

.col-lg-5.projecthome {
  padding-left: 7px;
  padding-top: 1em; }

.industryop {
  background-image: none;
  padding-top: 1em; }

.mostread h3 {
  font-size: 1.6em;
  padding: 1em 0.3em; }

.heading-section:before {
  border-top: 1px solid #0285ff;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 0.7em;
  left: 0;
  right: 0;
  bottom: 0;
  width: 95%;
  z-index: -1; }

.heading-section {
  margin-bottom: .5em;
  margin-top: .5em; }

.heading-section span {
  background: #fff;
  padding: 0 15px;
  color: #000000;
  margin-left: .2em;
  font-size: .9em;
  font-family: 'Georfgia', serif; }

.thenews h3 {
  font-size: 1.3em;
  margin: 2em 0 0.5em 0;
  position: relative;
  line-height: 1.6;
  margin-right: 2.5em; }

.thenews h3:before {
  content: "-";
  font-family: 'Open sans', sans-serif;
  font-weight: normal;
  text-decoration: inherit;
  color: #000000;
  font-size: 25px;
  padding-right: 0.1em;
  position: absolute;
  top: -10px;
  left: -18px; }

.thenews h3 a:hover {
  text-decoration: underline; }

.thenews .article-category ul {
  font-size: 0.8em; }

#row3 .medium_box {
  margin-bottom: 1em;
  margin-left: 1em; }

#row3 .medium_h4 {
  line-height: 1.6;
  margin-left: .2em; }

#row3 .col-lg-4 {
  padding-right: 0; }

#row4 .col-lg-6 {
  max-width: 50%; }

#row4 img {
  max-width: 2.5em !important; }

#row4 .img-cont {
  width: 11%; }

#row4 .medium_h4 {
  width: 73%;
  margin-top: -.3em;
  margin-bottom: 2em; }

#row4 .heading-section {
  margin-left: 0;
  margin-bottom: 1.5em;
  margin-top: 1em; }

#row4 a {
  font-weight: 400;
  line-height: 1.4; }

.video-container {
  min-height: 19em;
  background: #313131;
  margin: 0 1em; }

.video-section h4 {
  text-align: center;
  font-size: 1.5em;
  margin-top: 1em; }

.az-heading {
  font-size: 3.1em;
  margin: 1em 0;
  font-weight: 700;
  color: #02b5ff; }

.inputaz {
  margin-top: 3em; }

#energy-section .mpu {
  max-width: 300px;
  min-width: 300px; }

.box1,
.box2,
.box3,
.box4,
.box5,
.box6 {
  min-height: 24em;
  background: #eeeced;
  margin-bottom: 2em; }

.energyrow {
  margin-left: -3em; }

#energy-section .inputaz button {
  background: #010226;
  color: #ffd200;
  border-radius: 0;
  border: none;
  font-weight: 300;
  cursor: pointer; }

.box2,
.box5 {
  background: #f9f9f9; }

h2.main_cat {
  padding: 15px;
  font-size: 1.8em;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif; }

#energy-section ul {
  list-style-type: none !important;
  font-size: 1.4em;
  padding-left: 1em; }

#energy-section li {
  margin: 1.4em 0; }

#energy-section li {
  margin: 1em 0;
  width: 90%;
  padding-bottom: 1em;
  font-size: .9em;
  padding-left: 1em;
  border-left: 1px solid #BBBBBD;
  margin-top: 0em;
  margin-bottom: 0;
  padding-top: 1em;
font-weight: 400;   }

#energy-section .col-lg-6 {
  max-width: 49%; }

#energy-section li:hover {
  transition: .2s;
  cursor: pointer;
  border-left: 2px solid;
  padding-left: 2em;
  font-weight: 600; }

#row2 .medium_box {
  margin-bottom: 3em; }

#row4 {
  margin-bottom: 4em;
  margin-top: 1em;
  margin-bottom: 4em;
  margin-top: 1em;
  background: #304352;
  background: -webkit-linear-gradient(to top, #f1f8f9, #ffffff);
  background: linear-gradient(to top, #f1f8f9, #ffffff);
  position: relative; }

#row4 .heading-section span {
  background: transparent !important; }

.megamenu {
  display: none;
  opacity: 1;
  position: absolute;
  width: 100%;
  background: white;
  min-height: 31em;
  z-index: 9999999;
  transition: all 0.5s;
  left: 0;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

 }

.megamenuopen {
  display: none;
  position: absolute;
  width: 100%;
  background: white;
  min-height: 31em;
  z-index: 9999999;
  transition: all 0.5s;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }


.megamenu_title {
  margin-top: 1em;
  margin-bottom: 1em;
  font-family: 'open sans', sans-serif;
  font-weight: 300; }

.megamenu ul {
  margin-left: 0;
  padding-left: 0; }
  .megamenu ul li {
    position: relative;
    list-style-type: none;
    padding: 1em;
    background: #f3f3f3;
    margin-bottom: 0.2em;
    font-weight: 300;
    cursor: pointer;
    /*font-size: 1.5em; */}

    .megamenu ul > li:hover:after{      
      content: "\f105";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      color: #f8d348;
      font-size: 18px;
      margin-top: .2em;
      right: 1em;
      position: absolute;
      top: 10px;
    }
    .megamenu ul li:hover {
      /* background: white; */
      background: #484d54 !important;
      /* transition: 0.2s; */
      padding-left: 1em;
     }
   .megamenu ul li a:hover {     
      color: #FFF !important;
   }

.activeli a:after, .activeli a:hover:after {
  content: "\f105";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  /*--adjust as necessary--*/
  color: #f8d348;
  font-size: 18px;
  margin-top: .2em;
  right: 1em;
  position: absolute; z-index:99;
  top: 10px;  }

.megamenusecond {
  background: #f3f3f3;
  min-height: 19em !important; }

.logomenu {
  display: inline-block;
  max-width: 12em;
  margin: 2em 0;
  max-height: 5em;
  opacity: 0.6; }
  .logomenu:hover {
    opacity: 1;
    cursor: pointer; }

.megamenu_news {
  padding: 1em 0;
  border-bottom: 1px solid #dadada;
  font-weight: 400;
  cursor: pointer;
  font-size: 1.5em;
  line-height: 1.2; }
  .megamenu_news:hover {
    padding-left: 1em;
    transition: 0.2s; }

.readmore {
  margin-top: 3em;
  background: #ffd203;
  width: 11em;
  text-align: center;
  text-transform: uppercase;
  padding: 1em;
  font-size: 1.2em;
  margin-bottom: 2em; }

.t2 {
  margin-bottom: 0;
  padding-bottom: 0.8em; }

.social-icons {
  display: inline-block;
  margin-right: 3em;
  vertical-align: middle; }
  .social-icons .fa {
    color: #8a8a8a;
    padding: 0 .4em;
    font-size: 1.7em; }

.news-box-big:hover p {
  color: black;
  position: relative; }

.news-box-big:hover .overlay {
  opacity: 0;
  transition: 0.5s; }

.news-box-big:hover .gradient {
  opacity: 0;
  transition: 0.5s; }

.news-box-medium:hover .overlay {
  opacity: 0;
  transition: 0.5s; }

.news-box-medium:hover .gradient {
  opacity: 0;
  transition: 0.5s; }

.gradient {
  background: #d3959b;
  background: -webkit-linear-gradient(to top, #010226, rgba(255, 248, 19, 0.21));
  background: linear-gradient(135deg, rgba(3, 48, 94, 0.35) 0%, rgba(40, 145, 160, 0.11) 50%, rgba(255, 101, 100, 0) 100%), linear-gradient(45deg, rgba(40, 0, 215, 0) 0%, rgba(40, 0, 215, 0) 50%, rgba(28, 26, 8, 0.55) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%; }

#latest-news .col-lg-8 {
  padding-right: 0;
  padding-left: 0; }

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: #3a6186;
  background: -webkit-linear-gradient(to right, rgba(37, 77, 137, 0.4), rgba(255, 255, 255, 0.13));
  background: linear-gradient(to right, rgba(37, 77, 137, 0.4), rgba(255, 255, 255, 0.13));
  width: 100%;
  height: 100%;
  transition: 0.2s all; }

.label {
  position: relative;
  z-index: 9999;
  color: #006dd8;
  font-size: 12px;
  text-transform: uppercase;
  padding: 0.4em 0em;
  font-weight: 300;
  font-family: "Open sans", sans-serif;
  letter-spacing: 1px; }

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  *zoom: 1; }

.button a,button.button,input.button {
  background: #010326;
  font-size: 1.6em;
  color: #ffd200;
  padding: 1em 2em .9em 2em;
  font-family: 'Open sans', sans-serif;
  transition: all 0.4s ease-in-out;
  display: inline-block;
  text-transform: uppercase;
  cursor: pointer; }

.button a:hover,button.button:hover,input.button:hover {
  background: #0198f1; }

.text-cta a {
  font-size: 1.6em;
  text-decoration: underline; }

.mputop {
  padding: 1em 0px 1em 0em;
  border-bottom: solid 1px #ebebeb; }

.site-header {
  background: rgba(255, 255, 255, 0.95); }

.header-ctas {
  padding: 3em 15px 1em 15px; } 

.header-cta a {
  color: #0086ff;
  font-size: 1.4em;
  padding: 1em 0 0 0;
  display: block;
  line-height: 1.5; }

.header-cta img {
  float: left;
  display: block;
  width: 7em;
  margin: -1.5em 2em 0 0; }

.header-cta strong {
  display: block;
  font-weight: lighter;
  font-size: 1.2em;
  margin-bottom: 0.1em; }

.site-logo {
  text-align: center; }

.site-logo img {
  width: 20em;
  margin: 2em auto; }

.newsletter-cta {
  text-align: right; }

.newsletter-cta img {
  float: right;
  margin: -2em 0 0 2em;
  width: 6em; }

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

/*   ============
        FORMS
  ================   */
form p {
  margin: 0;
  /* min-height: 4em; */
  min-height: 2em !important;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  padding-top: 0.5em; }

.mprof a{
      margin-left: 20px;
}
p.mprof {
    border-top: none;
}
input,
select,
textarea,
button {
  max-width: 100%; }

input,
textarea {
  padding: 0.5em;
  border: solid 0.2em #d2d2d8;
  transition: all 0.4s ease-in-out; }

input:focus,
textarea:focus {
  border: solid 0.2em #a4a3aa;
  box-shadow: inset 0 0 0.5em 0 rgba(0, 0, 0, 0.2); }

.select {
  position: relative;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 0.3em;
  /*box-shadow: 0.05em 0.05em 0.3em 0 rgba(0, 0, 0, 0.2);*/
  height: 2.5em; }

.select:after {
  content: "\f107";
  font: 1em/1 fontawesome;
  color: black;
  position: absolute;
  right: 0.5em;
  top: 50%;
  height: 1em;
  margin-top: -0.5em; }

.select select {
  outline: none;
  -webkit-appearance: none;
  display: block;
  padding: 0.3em 2em 0.3em 0.7em;
  margin: 0;
  width: 100%;
  transition: border-color 0.2s;
  font-size: 1.8em;
  background: none;
  color: #555; border:0; }

p .select:after {
  font: 1em/1 fontawesome; }

p .select select {
  font-size: 1em; }

.extra-checkbox {
  margin-bottom: 1em; }

.extra-checkbox p {
  font-size: 1.4em;
  margin: 0; }

input[type="checkbox"] {
  float: left;
  margin: 0.1em 0.1em 0.3em 0;
  width: 1em; }
.searchandfilter li { width:100%;}
.standard-form section {
  margin-bottom: 3em;
  padding: 3em;
  box-shadow: 0.1em 0.1em 0.3em rgba(0, 0, 0, 0.2); }

.standard-form p {
  border: none; }

.standard-form label {
  display: block;
  margin: 1em 0 0.5em 0; }

.standard-form input[type="text"],
.standard-form input[type="email"],
.standard-form input[type="number"],
.standard-form textarea,
.standard-form .select {
  width: 100%;
  display: block;
 background: rgba(255, 255, 255, 0.8); }
.standard-form textarea{border: solid 0.2em #d2d2d8;}
.standard-form input[type="text"]:focus,
.standard-form input[type="email"]:focus,
.standard-form input[type="number"]:focus,
.standard-form textarea:focus,
.standard-form .select:focus,
.standard-form select:focus {
  background: white; }
.standard-form span.wpcf7-list-item{margin: 0px;}
.standard-form input[type="submit"] {
  border: none;
  background: #010322;
  width: auto;
  float: none;
  color: white;
  box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.2);
  margin: 2em 0 0 0;
  padding: 0.7em 3em;
  border-radius: 0.2em;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out; }


.standard-form .extra-checkbox input[type="checkbox"] {
  margin: 0.3em 0.5em 0 0; }

.standard-form .extra-checkbox label {
  width: 5%;
  float: left; }

.standard-form .extra-checkbox label {
  width: 95%;
  float: right;
  margin: 0; }

.tab-content .standard-form .select{height: 2.68em;}
/* Category / Archive / Tag */
.category-header {
  padding: 5em 0;
  text-align: center;
  background: #030530;
  margin-bottom: 3em; 
  position:relative;max-width: 1280px;
    margin: auto;
  }
.tab-content .standard-form label {
    display: block;
    margin: .5em 0 0.5em 0;
    width: 100%;
}
.category-header h1 {
  font-size: 6em;
  color: white;
  letter-spacing: -0.09em; }

.category-header p {
  color: white; }

.category .timeline li {
  margin-bottom: -15px; }

.category .article-date {
    display: inline-block;
    font-size: 1.4em;
    text-transform: uppercase;
}
.category .article-list li .article-categories li {
  padding: 0;
  margin: 0; }

.category .category-content .article-list li h2 {
  margin: 0 0 1em 0;
  font-size: 2.1em; }

.category .category-content .article-list li h2 a {
  line-height: 1.4; }

.category .timeline li article {
  box-shadow: 0.1em 0.1em 0.3em 0 rgba(0, 0, 0, 0.2);
  padding: 3em;
  border-radius: 0.3em;
  border: none;
  transition: all 0.4s ease-in-out; }

.category .timeline li:hover article {
  box-shadow: 0.1em 0.1em 2em 0 rgba(0, 0, 0, 0.2); }

.news-header {
  text-align: left; }

.news-header h1 {
  font-size: 4em;
  letter-spacing: -0.03em;
  margin: 0; }

.meta-data ul {
  list-style: none;
  margin: 1em 0 0 0;
  font-size: 1.4em;
  color: white; }

.meta-data ul li {
  display: inline-block;
  margin: 0 1em 1em 0;
  position: relative;
  padding-left: 2em; }

.meta-data ul li:first-of-type {
  display: block; }

.meta-data ul li:first-of-type:before {
  content: "\f017";
  font: 1em fontawesome;
  position: absolute;
  left: 0;
  color: white; }

.meta-data ul li:nth-of-type(2):before {
  content: "\f201";
  font: 1em fontawesome;
  position: absolute;
  left: 0;
  color: white; }

.follow-category-cta {
  border-left: solid 1px white;
  padding-left: 2em; }

.follow-category-cta h3 {
  padding-left: 1.3em;
  font-size: 2.1em;
  position: relative;
  color: #ffd300; }

.follow-category-cta h3:before {
  content: "\f055";
  font: 0.85em fontawesome;
  position: absolute;
  left: 0;
  top: 0.1em; }

.follow-category-cta p {
  font-size: 1.4em; }

.category-content ul.article-list {
  font-size: 1em; }

.category-content .article-grid li {
  background: none;
  max-height: 36em; }

.category-content .article-grid li .article-image img {
  width: 100%; }

.category-content .article-grid li h2 {
  font-size: 2.4em;
  margin-top: -5em; }

.primary .category-content .article-list {
  font-size: 1em; }

.category-content .article-list li {
  padding: 2em 0;
  margin-bottom: 2em;
  }

.category-content .article-list li.featured-article {
  padding-top: 0;
  position: relative;
  padding-bottom: 0;
  border-bottom: none; }

.featured-article:after {
  content: "Latest";
  font: bold 1.8em/1 "Open Sans", helvetica, arial, sans-serif;
  position: absolute;
  right: 0;
  top: 0;
  background: white;
  padding: 1em 1em 1em 3em;
  text-transform: uppercase;
  z-index: 99; }

.featured-article:before {
  content: "\f111";
  font: 1.4em/1 fontawesome;
  position: absolute;
  right: 7.5em;
  top: 1.4em;
  z-index: 999;
  animation-name: pulse;
  animation-duration: 1s;
  animation-iteration-count: 10; }

@keyframes pulse {
  from {
    color: #ffd300; }
  to {
    color: white; } }
.category-content .article-list li .article-categories li {
  padding: 0; }

.category-content .article-list li.featured-article .article-text p {
  margin: 0;
  font-size: 1.6em; }

.category-content .article-list li.featured-article:hover .article-text {
  background: white; }

.category-content .article-list li .article-image img {
  width: 100%;
  position: relative;
  z-index: 999; }

.category-content .article-list li .article-category {
  display: inline-block;
  margin-right: 1em;
  font-size: 0.85em; }

.article-list li .article-date {
  display: inline-block;
  font: lighter 1.4em "Open Sans";
  text-transform: uppercase;
  padding: 0.3em 0.5em;
  background: #ebebeb; }

.category-content .article-list li h2 {
  font-size: 3em;
  margin: .5em 0; }

.category-content .article-list li p {
  margin: 1em 0 0 0;
  line-height: 1.4;
  font-size: 1.6em; }

/* Sub categories list */
.sub-categories {
  font-size: 1.8em; }

.sub-categories li {
  padding: 1em;
  position: relative; }

.sub-categories li a {
  display: block;
  padding: 2em;
  box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease-in-out;
  min-height: 7em;
  line-height: 1.5; }

.sub-categories li a:hover {
  box-shadow: 0 0 0.2em 0 rgba(0, 0, 0, 0.4); }

.sub-categories li:nth-of-type(3n+1) {
  clear: left; }

.sub-categories li small {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  width: 3em;
  height: 3em;
  line-height: 3em;
  text-align: center;
  background: #000226;
  color: white;
  display: block; }

.category .sidebar .industry-opinion,
.category .sidebar .suppliers,
.category .sidebar .related-press-releases {
  width: 300px;
  margin: 0 auto 3em auto; }

/* Specific category listing types */
/* Projects list */
.projects-header {
  background: #1981b0;
  background: -moz-linear-gradient(45deg, #1981b0 0%, #10236d 50%, #1981b0 100%);
  background: -webkit-linear-gradient(45deg, #1981b0 0%, #10236d 50%, #1981b0 100%);
  background: linear-gradient(45deg, #1981b0 0%, #10236d 50%, #1981b0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1981b0', endColorstr='#1981b0', GradientType=1); }

.category-content .article-list li.project,
.category-content .article-list li.whitepaper {
  padding-left: 5em;
  position: relative; }

.category-content .article-list li.project:before {
  content: "\f085";
  font: 3em/2em fontawesome;
  position: absolute;
  left: 0;
  top: 0.65em;
  width: 1.4em;
  height: 2em;
  border-top: solid 0.2em #1982b0;
  color: #1982b0;
  text-align: center; }

.category-content .article-list li.project .article-image a {
  display: block;
  border: solid 0.7em #1981b0;
  transition: all 0.4s ease-in-out; }

.category-content .article-list li.project:hover .article-image a {
  border: solid 0.7em #000; }

/* Quick nav */
.quick-nav p,
.quick-nav ul,
.quick-nav ul li {
  display: inline-block;
  margin: 0;
  font-size: 1.8em; }

.quick-nav ul li {
  margin: 0 0 0 1em;
  font-size: 1em; }

.quick-nav ul li a {
  color: white;
  text-decoration: underline; }

.quick-nav ul li a:hover {
  text-decoration: none; }

.whitepapers-a-z .a-z {
  margin-top: 1em; }

.whitepapers-a-z .quick-nav {
  margin: 3em 0 0 0;
  text-align: center;
  width: 100%; }

.whitepapers-a-z .letter ul li h3 {
  font-size: 2.4em; }

.whitepapers-a-z .letter ul li p {
  font-size: 1.6em; }

/* Whitepaper listings */
.category-content .article-list li.whitepaper {
  padding-left: 7em; }

.category-content .article-list li.whitepaper:before {
  content: "\f0f6";
  font: 5em fontawesome;
  color: #ccc;
  font-size: 6em;
  border-top: none;
  padding: 0;
  text-align: left;
  position: absolute;
  left: 0; }

.article-author {
  display: inline-block;
  font-size: 1.6em;
  margin: -1em 0 2em 0em;
  background: rgba(255, 255, 255, 0.8);
  padding: 0.5em;
  font-weight: normal; }

.primary ul.item-grid {
  margin: 0 -1.8em;
  font-size: 1em; }
  
.item-grid li {
  padding: 1em; }
  
.item-grid li.whitepaper {
  padding: 1em; display: flex; flex: 33%; max-width: 33.3%;}

  @media (max-width: 768px) {
.item-grid li.whitepaper {
  flex: 50%; max-width: 50%;}  
  }
  @media (max-width: 480px) {.item-grid li.whitepaper {
  flex: 100%; max-width: 60%;}    }
  
  @media (max-width: 360px) {.item-grid li.whitepaper {
  flex: 100%; max-width: 90%;}    }
  
 
  
.item-grid li article {
  padding: 1.5em 1.5em 8em 1.5em;
  box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease-in-out;
  position: relative;
  top: 0;
  border-radius: 0.2em;   }
  
.item-grid li.whitepaper article{  width:100%;}
   
.whitepaper article .button {
    position: static;
    width: 91%;  
    bottom: 2em;
}

.item-grid li article:hover {
  box-shadow: 0 0 0.3em 0 rgba(0, 0, 0, 0.4);
  top: -5px; }

.item-grid li .company-logo {
  height: 6em;
  margin: 0 0 3em 0; }
.featured.whitepaper .company-logo{height: 3em;}
.item-grid li .company-logo img {
  max-height: 4em;
  width: auto; }

.item-grid li h2 {
  font-size: 2.1em; }

.item-grid li p {
  font-size: 1.4em;
  line-height: 1.5;
  margin-top: 2em; }

.item-grid li .button a {
  margin: 1em auto 0 auto;
  padding: 1em 2em .9em 1em;
  display: block;
  width: 70%;
  position: relative;
  border-radius: 0.2em;
  color: white;
  box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.1);  font-size: 1.3em;}

.item-grid li .button a:after {
  content: "\f054";
  font: 1em/1em fontawesome;
  position: absolute;
  right: 0.8em;
  top: 50%;
  height: 1em;
  margin-top: -0.45em; }

.pagination {
  margin: 3em 0;
  text-align: center; display:block;}

.pagination ul {
  width: 100%; }

.pagination li {
  display: inline-block;
  margin: 0 0.5em;
  border: none; }

.pagination li:last-of-type a {
  position: relative;
  text-indent: -5000px;
  overflow: hidden;
  top: 1.1em;
  transition: all 0.4s ease-in-out; }

.pagination li:last-of-type a:hover {
  background: #0198f1; }

.pagination li:last-of-type a:after {
  content: "\f101";
  font: 1em/3em fontawesome;
  text-align: center;
  text-indent: 0;
  color: white;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }

.pagination li a {
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3em;
  background: #000226;
  color: white;
  font-weight: bold; }

/* About whitepapers */
.about-whitepapers {
  padding: 5em 4em 0 4em;
  text-align: center;
  background: black;
  position: relative; }

.about-whitepapers:before {
  content: '';
  background: url("http://www.compelo.com/media/images/slider/01.jpg") no-repeat;
  background-size: 100%;
  opacity: 0.3;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }

.about-whitepapers h2 {
  letter-spacing: -5px;
  padding-top: 0px;
  margin-top: 0px;
  line-height: 40%;
  font-size: 60pt;
  font-weight: bolder;
  padding-bottom: 50px;
  border-bottom: 3px solid #0087ff;
  text-transform: uppercase;
  font-weight: bold;
  width: 400px;
  margin: 0 auto;
  color: white;
  position: relative; }

.about-whitepapers h2 small {
  font-size: 30%;
  letter-spacing: 0.3em;
  line-height: 2.5; }

.about-whitepapers h4.abtit{

      color: #0087ff;
    text-align: left;
    max-width: 1000px;
    margin: 0px auto;
    font-size: 1.7rem;
}
.about-whitepapers ul {
    width: 100%;
    max-width: 1000px;
    text-align: left;
    margin: 0px auto;
    padding-top: 22px;
}
.about-whitepapers ul li {
    color: white;
    width: 1000px;
    max-width: 97%;
    margin: 1em auto;
    text-align: left;
    line-height: 1;
    font-size: 1.4em;
    position: relative;
    list-style: square;
    margin-left: 3%;
}
.about-whitepapers p {
  color: white;
  width: 1000px;
  max-width: 100%;
  margin: 1em auto;
  text-align: left;
  line-height: 1.5;
  font-size: 1.6em;
  position: relative; }
.about-whitepapers p em{font-weight: bold;
    margin-bottom: 9px;
    float: left;
    width: 100%;}
.about-whitepapers .newsletter-box {
  background: rgba(0, 0, 0, 0.5);
  padding: 4em;
  margin: 0;
  text-align: left; }

.about-whitepapers .newsletter-box h4,
.about-whitepapers .newsletter-box p {
  margin: 0;
  padding: 0; }

.about-whitepapers .newsletter-box p {
  font-size: 1.4em; }

/* Whitepaper Download / Lead Capture */
.whitepaper-details {
  box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.1); }

.whitepaper-details .share {
  padding-top: 2em; }

.whitepaper-details .entry-content {
  padding-top: 3em; }

.whitepaper-download .entry-header .row {
  padding: 3em 2em; }

.whitepaper-download .entry-header h1 {
  font-size: 3em;
  margin-bottom: 0.5em; }

.whitepaper-download .entry-header .row .col-md-2,
.whitepaper-download .entry-header .row .col-md-10 {
  padding: 2em; }

.whitepaper-download .entry-header .row .col-md-2 {
  padding-right: 2em; }

.whitepaper-download .entry-header .row .col-md-10 {
  padding-left: 1em;
  padding-bottom: 3em; }

.whitepaper-download .entry-header .row .col-md-10 h1 {
  margin-bottom: 0.5em; }

.whitepaper-cover-col {
  position: relative;
  padding-left: 4em; }

.whitepaper-cover-col:before {
  content: '';
  width: 1px;
  height: 500px; }

.whitepaper-cover {
  width: 17em;
  height: 21em;
  box-shadow: 0 0 2em 0 rgba(0, 0, 0, 0.2);
  padding: 2em;
  position: relative;
  margin: 0 auto;
  left: 1.5em; }

.whitepaper-cover img {
  max-height: 4em;
  width: auto;
  display: block;
  margin: auto; }

.whitepaper-cover small {
  position: absolute;
  bottom: 0em;
  font-size: 1.2em;
  right: 0em;
  left: 0em;
  background: #010321;
  color: white;
  padding: 2em;
  line-height: 1.4;
  font-weight: lighter; }

.whitepaper-cover-image {
  max-width: 150px; }

.lead-capture-form {
  background: #f8d448;
  padding: 3em;
  margin: 0 -2em 0 0;
  position: relative; }

.lead-capture-form:after {
  content: '';
  position: absolute;
  right: -5000px;
  width: 5000px;
  top: 0;
  bottom: 0;
  display: block;
  background: #f8d448; }

.lead-capture-form h2 {
  font-size: 1.8em;
  margin: -1.65em -1.65em 3em;
  padding: 1.5em 2em;
  background: #010321;
  text-transform: uppercase;
  font-weight: bold;
  color: white;
  position: relative;
  text-align: center; }

.lead-capture-form h2:before {
  content: '';
  position: absolute;
  right: -5000px;
  width: 5000px;
  top: 0;
  bottom: 0;
  display: block;
  background: #010321;
  z-index: 9; }

.lead-capture-form h2:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1em;
  margin-left: -1em;
  border-top: solid 1em #010321;
  border-left: solid 1em transparent;
  border-right: solid 1em transparent; }

.lead-capture-form p label {
  margin: 0; }

.lead-apture-form input {
  border: solid 3px #ddbc33; }

.lead-apture-form input:focus {
  border: solid 3px #222; }

.lead-capture-form input[type="submit"] {
  margin: 3em 0 0 0;
  float: none;
  display: block;
  width: 100%;
  border: none;
  background: #010321;
  font-size: 1em;
  text-align: center;
  padding: 0.75em;
  border-radius: 0.3em;
  box-shadow: 0 0 0.7em 0 rgba(0, 0, 0, 0.2);
  border-top: solid 1px white;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease-in-out;
  cursor: pointer; }

.lead-capture-form input[type="submit"]:hover {
  background: #007bff; }

/* Advertise page */
.advertise-header,
.storefront-enquiry {
  position: relative;
  min-height: 50em;
  padding: 8em 0; }

.advertise-header h1,
.storefront-enquiry h2 {
  margin: 0 0 1em 0; }

.advertise-header p,
.storefront-enquiry p {
  line-height: 1.5; }

.advertise-header h3 {
  font-size: 2.1em;
  font-weight: bold; }

.advertising-contacts {
  background: rgba(0, 0, 0, 0.05);
  position: relative;
  margin: 4em 0;
  padding: 3em 3em 3em 0em; }

.advertising-contacts:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -5000px;
  width: 5000px;
  background: rgba(0, 0, 0, 0.05); }

.advertising-contacts h3 {
  font-weight: normal;
  font-size: 1.8em;
  margin: 0; }

.advertising-contacts p {
  margin: 0em 0 0 0;
  font-size: 1.6em; border:0; } 

.advertising-contacts form {
  margin-top: 3em; }

.advertising-contacts form input {
  width: 60%;
  float: left; }

.advertising-contacts form button, .advertising-contacts form input.button {
  width: 39%;
  float: right;
  font-size: 1.2em;
  padding: 1.15em 1em;
  border-radius: 0.3em;
  border: none;
  border-top: solid 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0.2em 0 rgba(0, 0, 0, 0.5); }

.advertising-contacts form input.button { padding:0.4em 1em}
.advertising-contacts span.wpcf7-not-valid-tip, .container span.wpcf7-not-valid-tip { font-size:0.8em;}
.advertising-contacts .wpcf7-form-control-wrap { display:block;}
.advertising-contacts  .wpcf7-not-valid-tip {display: inline !important; position: absolute; left: 0;   bottom: 0;}
.advertising-contacts  form p {padding-top:1.5em } 
.advertising-contacts  div.wpcf7-validation-errors { display:none; border:0;}
.advertising-contacts p small {
  display: block;
  opacity: 0.6; }
.recaptcha span.wpcf7-not-valid-tip{ font-size:1.5em;}
.advertise-header img,
.storefront-enquiry img {
  position: absolute;
  width: 50%;
  right: 0;
  top: 8em; }
 
.contacts {
  padding: 5em 0; }

.storefront-enquiry {
  background: #010324;
  border-bottom: solid 1em #0086ff; }

.storefront-enquiry h2,
.storefront-enquiry p {
  color: white; }

.storefront-enquiry img {
  width: 43%;
  top: 10%;
  z-index: 0;
  box-shadow: 0 0 4em 0 rgba(0, 0, 0, 0.4); }

.storefront-enquiry .advertising-contacts {
  background: rgba(255, 255, 255, 0.05); }

.storefront-enquiry .advertising-contacts:before {
  background: rgba(255, 255, 255, 0.05); }

.storefront-enquiry .advertising-contacts h3,
.storefront-enquiry .advertising-contacts a {
  color: white; }

.storefront-enquiry .advertising-contacts p {
  margin-bottom: 2em; }

.storefront-enquiry .advertising-contacts .button a {
  background: white;
  color: #010324; }

.annotation {
  position: absolute;
  left: 57%;
  bottom: 7em;
  width: 30%;
  font-size: 0.8em;
  background: #010324;
  padding: 3em;
  margin-left: -3em;
  opacity: 0;
  transition: all 0.8s ease-in-out; }

.annotation:before {
  content: '';
  background: url("../img/arrow_up.png") no-repeat;
  background-size: 100%;
  width: 18em;
  height: 27em;
  top: -20em;
  right: -15em;
  position: absolute;
  display: block;
  z-index: 9999; }

.annotation h3,
.annotation p {
  color: white; }

.annotation h3 {
  font-size: 2.4em; }

.storefront-enquiry-reached .annotation {
  bottom: 13em;
  opacity: 1; }

.advertise-page {
  background: white;
  position: relative;
}
.advertise-page .newsletter-box {
  margin: 0;
  text-align: left;
  padding: 5em 0;
  background: #12143c; }

.advertise-page .newsletter-box h4 {
  margin: 0 0 1em 0; }

.advertise-page .newsletter-box .input-group {
  padding-top: 4em; }

/* Site footer */
/*.site-footer {
  height: 25em; }*/
.site-footer{height: auto; min-height: 25em;}
/* Company A-Z */
.search-box {
  margin: 3em 0;
  padding: 3em;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.5em;
  box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.5); }

.search-box h2 {
  color: white;
  margin: 0;
  font-size: 1.8em;
  text-align: left;
  padding: 0.8em; }

.search-box .select {
  height: 4.5em; }

.search-box input[type="search"] {
  display: inline-block;
  padding: 0.5em;
  width: 75% !important; }

.search-box input[type="submit"] {
  display: inline-block;
  width: 24%;
  background: #ffd300;
  border: none;
  padding: 0.68em 0.75em;
  margin-left: 0.2em;
  cursor: pointer;
  transition: all 0.4s ease-in-out; }

.search-box input[type="submit"]:hover {
  background: #0198f1; }

.sort-by {
  padding: 6.3em 0 0 0; }

.sort-by label {
  display: inline-block;
  width: 30%;
  color: white;
  margin: 0;
  margin-top: 0.8em; }

.sort-by .select {
  display: inline-block;
  width: 67%;
  height: 4.5em; }
.page-template-company-az .sort-by .select {
    width: 90%;
    height: 3.5em;}
.a-z {
  font-size: 2.4em;
  width: 100%;
  margin: 0.6em 0 0 0;
  text-transform: uppercase; }

.a-z li {
  float: left;
  width: 3.7%;
  text-align: center; }

.a-z li a {
  display: block;
  color: white; }

.leaderboard {
  background: #f7f7f7;
  padding: 2em 0;
  text-align: center;
  margin: -3em 0 3em 0; }

.browse h2,
.latest-suppliers h2,
#company-a-z {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 2.1em;
  margin-bottom: 1.5em;
  padding-top: 0.5em;
  color: #010321;
  border-top: solid 0.3em #010324; }

#company-a-z {
  margin-top: 3em; }

.categories ul h3 {
  font-size: 1.2em; }

.categories ul ul {
  margin: 0;
  font-size: 0.9em; }

.categories ul li a {
  display: block;
  padding: 0.5em 0;
  border-bottom: solid 1px #ccc;
  transition: all 0.4s ease-in-out; }

.categories ul li a:hover {
  border-bottom: solid 1px #999; }

.categories ul ul li a {
  border-bottom: solid 1px #ebebeb; }

.latest-suppliers {
  margin-top: 4em; }

.primary ul.item-grid.supplier-grid {
  font-size: 1.4em; }

.supplier-grid article {
  border-top: solid 0.3em #010324; }

.supplier-grid article h3 {
  font-size: 1em; }

.supplier-grid article p {
  font-size: 0.8em;
  margin: 0; }

.primary ul.item-grid.video-grid li article,
ul.item-grid.video-grid li article {
  padding: 0;
  border: none;
  border-radius: 0.2em;
  overflow: hidden; }

.primary ul.item-grid.video-grid li article .video-thumbnail,
ul.item-grid.video-grid li article .video-thumbnail {
  overflow: hidden; }

.primary ul.item-grid.video-grid li article .video-thumbnail img,
ul.item-grid.video-grid li article .video-thumbnail img {
  transition: all 0.3s ease-in-out; }

.primary ul.item-grid.video-grid li article h3,
ul.item-grid.video-grid li article h3 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  text-transform: none;
  font-weight: normal;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.8+100 */
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000', GradientType=0);
  /* IE6-9 */ }

.home ul.item-grid.video-grid li article h3 {
  font-size: 1.6em; }

.home ul.item-grid.video-grid li article h3 a span {
  position: absolute;
  bottom: 1em;
  left: 1em;
  display: block; }

.primary ul.item-grid.video-grid li article h3 a,
ul.item-grid.video-grid li article h3 a {
  color: white;
  display: block;
  position: absolute;
  z-index: 999;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }

.primary ul.item-grid.video-grid li article h3 a:before,
ul.item-grid.video-grid li article h3 a:before { 
	content: "\f144";
	font: 3em/2em fontawesome;
	position: absolute;
	left: 50%;
	width: 2em;
	margin-left: -1em;
	top: 50%;
	height: 2em;
	margin-top: -1em;
	z-index: -9;
	text-align: center;
	opacity: 0.6;
	transition: all 0.4s ease-in-out;
}

.primary ul.item-grid.video-grid li article h3 a:hover:before {
	opacity: 1; 
}
.primary ul.item-grid.video-grid li h3 a:before,
ul.item-grid.video-grid li h3 a:before {
content: " "; 
font: 3em/2em fontawesome;
position: absolute;
left: 21%;
width: 94%;
margin-left: -1em;
top: 24%;
height: 2.6em;
margin-top: -1em;
z-index: 9999;
text-align: center;
opacity: 0.6;
transition: all 0.4s ease-in-out; }

.primary ul.item-grid.video-grid li h3 a:hover:before  {
  opacity: 1; }

.primary ul.item-grid.video-grid li article h3 span {
  position: absolute;
  bottom: 1em;
  left: 1em;
  right: 1em;
  display: block;
  font-size: 1em; }

.primary ul.item-grid.video-grid li .article-category,
ul.item-grid.video-grid li .article-category {
  margin-top: 1em;
  font-size: 1.4em; }

.primary ul.item-grid.video-grid li .article-category a,
ul.item-grid.video-grid li .article-category a {
  background: none;
  font-size: 1em;
  text-transform: none;
  padding: 0;
  color: #666; }

.primary ul.item-grid.video-grid li .company-name a,
ul.item-grid.video-grid li .company-name a {
  font-size: 1.2em;
  color: #999; }

.letter {
  margin-bottom: 5em;
  border-top: solid 5px #010324;
  padding-top: 2em; }

.letter h2 {
  font-size: 6em;
  font-weight: bold;
  float: left;
  width: 50%;
  margin-bottom: 0.5em; }

.letter .back-to-top {
  font-size: 1.8em;
  float: right;
  width: 50%;
  text-align: right; }

/*.letter .article-category {
  font-size: 0.7em; }

.letter ul {
  font-size: 1em; }
*/
.letter ul li {
  border-bottom: solid 1px #ebebeb;
  margin-bottom: 2em; }

.letter ul li p {
  font-size: 2.4em; }

/* Search Results Page */
.search-col h2 {
  font-size: 1.8em;
  margin: 0 0 1em 0;
  background: #0086ff;
  padding: 0.5em;
  color: white; }

.search-col h3,
.number-of-results, .searchandfilter ul li h4 {
  font-size: 1.6em;
  margin: 1em 0 1em 0;
  background: #ebebeb;
  padding: 0.5em; }

.search-refinement ul {
  font-size: 1.4em; }

.search-refinement li {
  position: relative;
  padding: 0.5em 0;
  border-bottom: solid 1px #ebebeb;
  cursor: pointer;
  transition: all 0.4s ease-in-out; }

.search-refinement li:hover {
  border-bottom: solid 1px #ccc; }

.search-refinement li span {
  position: absolute;
  right: 0;
  top: 0;
  width: 2em;
  height: 2em;
  display: block; }

.search-refinement ul ul {
  font-size: 1em;
  display: none;
  transition: opacity 0.4s ease-in-out;
  margin-top: 1em;
  background: #f7f7f7;
  padding: 1em; }

.search-refinement ul ul li:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none; }

/* Open menu */
.search-refinement ul li.open ul {
  display: block; }

.current-refinements li span,
.search-refinement li span i,
.search-refinement li span b {
  text-indent: -5000px;
  overflow: hidden;
  cursor: pointer; }

.current-refinements li span:before,
.search-refinement li span i:before,
.search-refinement li span b:before {
  content: "\f00d";
  font: 1em/2em fontawesome;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  text-indent: 0; }

.search-refinement ul li.open span i {
  display: none; }

.search-refinement ul li.open span b {
  display: block; }

.search-refinement ul li.open span b:before {
  content: "\f068"; }

.number-of-results p {
  margin: 0;
  font-size: 1em; }

.search-results-list li {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: solid 1px #333;
  transition: all 0.4s ease-in-out; }

.search-results-list li:hover {
  border-bottom: solid 1px #000; }

.search-results-list li h3 {
  padding: 0;
  background: none;
  margin: 0;
  /*font-size: 2.4em;*/ font-size: 1.6em;
line-height: 1.4em; }

.search-results-list li .article-date,
.search-results-list li .article-category {
   display: inline-block;
  margin: 1em 1em 0 0; }

.search-results-list li .article-category a,
.search-results-list li .article-date {
  font-size: 0.8em !important; }
.searchandfilter label {   width: 100%;}
/* Maximize */
.search-refinement li span i {
  display: inline-block; }

.search-refinement li span i:before {
  content: "\f067"; }

/* Minimize */
.search-refinement li span b {
  display: none; }

.search-refinement li span b:before {
  content: "\f068"; }

.supplier-recommendations li img {
  float: right; }

.supplier-recommendations li b {
  float: left; }

/* Project */
.mputop {
  position: relative;
  z-index: 99; }

.project main {
  padding-top: 4em; }

.project-header {
  background: black;
  overflow: hidden; }
  
 .entry-header.project-header {padding-bottom:0 !important;}

.project-header .row {
  position: relative;
  z-index: 99; }

.project-background {
  background: url("../img/blueprint.jpg") no-repeat;
  background-size: 100%;
  height: 1500px;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0.8;
  position: absolute; }

.large-feature-image img {
  width: 100%; }

.key-details {
  padding-top: 2em;
  padding-bottom: 3em;
  background: #010321;
  /*position: absolute;*/
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.8; }

.key-details h2 {
  font: 1.6em "Open Sans";
  right: 6em;
  text-transform: uppercase;
  top: 1em;
  text-align: right;
  color: white; }

.key-details:after {
  content: "\f085";
  font: 4em fontawesome;
  position: absolute;
  right: 1em;
  top: 0.5em; }

.key-details ul {
  /*max-height: 9em;
  overflow: hidden;*/
  transition: all 0.4s ease-in-out;
  width: 90%; }

.key-details li {
  margin-bottom: 2em; }
/*
.key-details ul li:nth-of-type(5),
.key-details ul li:nth-of-type(6),
.key-details ul li:nth-of-type(7),
.key-details ul li:nth-of-type(8),
.key-details ul li:nth-of-type(9),
.key-details ul li:nth-of-type(10),
.key-details ul li:nth-of-type(11),
.key-details ul li:nth-of-type(12),
.key-details ul li:nth-of-type(13),
.key-details ul li:nth-of-type(14),
.key-details ul li:nth-of-type(15),
.key-details ul li:nth-of-type(16) {
  display: none; }
*/
.key-details h3 {
  font-size: 1.8em;
  color: white;
  font-weight: bold; }

.key-details p {
  font-size: 1.6em;
  background: white;
  display: inline-block;
  color: #010321;
  padding: 0.3em; }

.key-details-toggle {
  font-size: 1.6em;
  cursor: pointer;
  text-decoration: underline; }

.key-details-toggle a {
  color: white; }

.key-details-toggle i {
  display: none; }

.key-details-open .key-details ul {
  max-height: 20em; }

.key-details-open .key-details ul li:nth-of-type(5),
.key-details-open .key-details ul li:nth-of-type(6),
.key-details-open .key-details ul li:nth-of-type(7),
.key-details-open .key-details ul li:nth-of-type(8),
.key-details-open .key-details ul li:nth-of-type(9),
.key-details-open .key-details ul li:nth-of-type(10),
.key-details-open .key-details ul li:nth-of-type(11),
.key-details-open .key-details ul li:nth-of-type(12),
.key-details-open .key-details ul li:nth-of-type(13),
.key-details-open .key-details ul li:nth-of-type(14),
.key-details-open .key-details ul li:nth-of-type(15),
.key-details-open .key-details ul li:nth-of-type(16) {
  display: block; }

.key-details-open .key-details-toggle i {
  display: inline;
  font-style: normal; }

.key-details-open .key-details-toggle b {
  display: none; }

/*.entry-content p:first-of-type {
                  	background: rgba(255,255,255,0.7);
                  }*/
.gallery {
  box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2);
  border-radius: 0.3em;
  padding: 2em;
  margin: 2em 0 3em 0; }

.gallery h2 {
  margin-top: 0;
  position: relative;
  padding-left: 1em;
  font-size: 1.8em;
  text-transform: uppercase; }

.gallery h2:before {
  content: "\f030";
  font: 0.7em fontawesome;
  position: absolute;
  left: 0;
  bottom: 0.2em;
  color: #ccc; }

.gallery ul {
  list-style: none;
  padding: 0;
  margin: 0 -10px; }

.gallery li {
  clear: none;
  padding: 5px; }

.gallery li:nth-of-type(3n+1) {
  clear: left; }

.gallery li img {
  width: 100%; }

/* Login */
.headersf h1,
.headersf p {
  color: white;
  position: relative;
  padding-top: 2em; }

#login {
  width: 30em;
  height: 57em;
  margin-top: 20px;
  margin-left: 0;
  padding: 3em;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -30em 0 0 -15em;
  z-index: 9999; }

.login-page:before {
  content: '';
  background: url("../img/data_background.png") no-repeat;
  background-size: 100%;
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: 50%;
  height: 80em;
  margin-top: -36em;
  opacity: 0.6;
  z-index: 0; }

#login h1 {
  text-align: center;
  margin: 0; }

#login h1 a {
  display: block;
  margin: 0 auto 1em auto; }

#login h1 img {
  width: 5em;
  display: block;
  margin: 0 auto; }

#login p {
  border: none; }

#login label,
#login input {
  width: 100%;
  display: block; }

#login input {
  margin-top: 0.3em; }

#login .captcha {
  margin: 4em -3.4em 0.5em -3.4em;
  padding: 2em 2.7em 4em 2.7em;
  background: #010324;
  font-size: 0.8em;
  color: white; }

#login .captcha p {
  padding: 0;
  min-height: 2.5em;
  color: white; }

#login .captcha strong {
  font-size: 1.6em; }

#login .captcha input[type="text"] {
  display: inline;
  width: 60%;
  font-size: 1em;
  position: relative;
  top: -1em; }

#login .forgetmenot {
  min-height: 0; }

#login .forgetmenot input {
  display: inline-block;
  width: auto;
  position: relative;
  top: -0.2em; }

#login input[type="submit"] {
  text-align: center;
  background: orange;
  transition: all 0.4s ease-in-out;
  padding: 0.8em;
  border-radius: 2em;
  border: none;
  box-shadow: 0.05em 0.05em 0.5em 0 rgba(0, 0, 0, 0.2);
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
  cursor: pointer; }

#login input[type="submit"]:hover {
  background: #010324; }

.login-page a {
  font-size: 1em;
  text-transform: none; }

#login-page #nav,
#backtoblog {
  margin-top: 3em;
  font-size: 1.6em;
  text-align: center;
  min-height: 0; }

/* Home alterations */
.site-header,
.topnav.site-header {
  padding-bottom: 0; }

#navbarSupportedContent {
  margin: 0.5em 0 0 0; }

.nav-link {
  font-weight: normal; }

nav ul li a:hover {
  color: white; }

.add-company {
 /* position: absolute;
  right: 19%;*/ margin:0 2.2em;  } 

.add-company a {
  background: #047aff; }

.mputop {
  margin-bottom: 0;
  border-bottom: none; }

.site-logo {
  text-align: center;
  padding-bottom: 2em; }

  .site-logo img {
    margin: 1em auto 1em auto;
    width: 29em;
}

.header-promo {
  padding-top: 2em; }

.header-promo a {
  color: #0098f1; }

.header-promo span {
  font-size: 1.4em;
  display: inline-block;
  width: 65%;
  float: right; }

.header-promo span b {
  display: block;
  font-size: 1.4em;
  font-weight: normal;
  margin-bottom: 0.2em; }

.header-promo img {
  width: 26%;
  margin: -3em 1em 0 0;
  display: inline-block;
  float: left; }

.newsletter-promo {
  text-align: right; }

.newsletter-promo img {
  margin: -4.8em 0 0 1em;
  float: right;
  width: 21%; }

.newsletter-promo span {
  float: left;
  width: 68%; }

.navbg {
  border-top: solid 1px #ededed;
  border-bottom: solid 1px #ededed; }

nav ul li {
  margin-right: 0; }

.search-toggle {
  cursor: pointer; }

nav .fa-search {
  color: white; }

.search-form {
 /* position: fixed;
  visibility: hidden;
  z-index: -999;
  top: 0;
  bottom: 100%;*/
  left: 0;
  right: 0;
  background: #010324;
  transition: background 0.4s ease-in-out, bottom 0.4s ease-in-out; }

.search-form form{ 
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  background: #010324;
  padding: 10%;
  transition: background 0.8s ease-in-out, top 0.8s ease-in-out; }

.search-form form h2, .search-form-new form h2 {
  color: white;
  display: block;
  margin: 0 0 2em 0;
  font-size: 4em;
  width: 100%; }

.search-form form input[type="search"], .search-form form input, .search-form-new form input[type="search"], .search-form-new form input [type="text"] {
  margin: 0;
  font-size: 2.4em; }

.search-open .search-form {
  visibility: visible;
  z-index: 999;
  bottom: 0;
  background: #0198f1; }

.search-open .search-form form {
  bottom: 0;
  left: 0;
  right: 0;
  top: 20%;
  background: #010324; }
.search-open .search-toggle {
  position: fixed;
  right: 5%;
  top: 5%;
  width: 4em;
  height: 4em;
  padding: 0;
  background: #010324;
  z-index: 9999; }

.search-open .search-toggle:before {
  content: "\f00d";
  font: 2em fontawesome;
  color: white;
  width: 100%;
  text-align: center;
  line-height: 2em;
  display: block; }

  
.search-form-new { display:none;}
.b2b .search-form-new  { padding:1.3em 0em; position: relative;  transition: background 0.4s ease-in-out, bottom 0.4s ease-in-out;} 
.search-form-new  .row { max-width:45%; margin:auto;}
.search-form-new .container:before { width:auto; padding:0; content:"";}



.b2c .search-form-new  { padding:0em; position: relative;  left:0; right:0; margin-top: 0.2em; }
.b2c nav  .search-form-new  input { border:solid 0.2em #d2d2d8;  padding:0.6em;}
.b2c .search-form-new  .row {max-width:100%;}
.b2c .search-form-new button.button{padding:0.6em 2em .6em 2em; border:0;}
.b2c .search-wraper { width: 50%; margin-right: -33px;}

.b2c .search-form-new { display:block;}

c.search-form-new  { padding:1.3em 0em; position: absolute;   left:0; right:0; /*background: #010324;
  transition: background 0.4s ease-in-out, bottom 0.4s ease-in-out;bottom: -7.7em;*/ transition: background 0.4s ease-in-out, bottom 0.4s ease-in-out;} 



.active .search-form-new {
		display: block; visibility:visible; 
	}
.search-form form { position: absolute; padding:0;}
  
  
.medium_title .title {
  margin-bottom: 0; }

.projecthome {
  background: none; }

.opinion h4 {
  font-size: 1.6em; }

.industry-overview {
  padding-top: 2em;
  height: 100px;
  background: #010326;
  overflow: hidden; }

.industry-overview .row {
  padding-right: 15px;
  padding-left: 15px; }

.ticker {
  height: 240px;
  padding-top: 2em; }

#row2 {
  margin-top: 0;
  padding-top: 3em;
  padding-bottom: 6em;
  background: #26455d;
  position: relative; }

#row2 .container {
  z-index: 99;
  position: relative; }

#row2:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #26455d;
  transition: top 0.5s ease-in-out; }

.reached-row2 #row2:after {
  top: 100%; } 

#row2 .heading-section span {
  background: #26455d;
  color: #ffffff;
  font-weight: 600;
  z-index: 999;
  position: relative;}

#row2 .heading-section:before {
  border-top: solid 1px rgba(255, 255, 255, 0.4);
  z-index: 9; }

#row2 .medium_title {
  background: rgba(37, 65, 89, 0.84); }

#row2 a {
  color: white; }

#row2 .thenews h3:before {
 color: #000; }

#row2 .medium_title .title {
  color: white; }

/*#row2 .popular li a */ #row2 .popular li {
  background: #010321; }

 .Spackaging #row2 .popular li:first-of-type {
    background: #948392;
}

/*#row2 .popular li:first-of-type a:before*/  #row2 .popular li:first-of-type:before {
  color: white; }

/*#row2 .popular li a */#row2 .popular li {
  transition: all 2s ease-in-out;
  background: #3a89fc; }

#row2 .popular li:nth-of-type(5) a {
  transition: all 0.6s ease-in-out; }

#row2 .popular li:nth-of-type(4) a {
  transition: all 0.9s ease-in-out; }

#row2 .popular li:nth-of-type(3) a {
  transition: all 1.3s ease-in-out; }

#row2 .popular li:nth-of-type(2) a {
  transition: all 1.6s ease-in-out; }

/*.reached-row2 #row2 .popular li a */ .reached-row2 #row2 .popular li {
  background: #010321; }

/*.reached-row2 #row2 .popular li:first-of-type a */ .reached-row2 #row2 .popular li:first-of-type {
  background: #948392; }
  
  .Spackaging #row2 .popular li {
    transition: all 2s ease-in-out;
    background: #665272;
}

  

.navbg {
  background: #26455d;
  border: none; }

.single .navbg,
.category .navbg {
  padding: 0 1em !important;
  height: auto; }

.mputop {
  margin-bottom: 0;
  border-bottom: none;
  padding: 2em 0; }

#latest-news {
  padding: 4em 0;
  background: #193143;
  position: relative;
  overflow: hidden; }

#latest-news .row {
  z-index: 9;
  position: relative; }

#latest-news .energy-spheres {
  position: absolute;
  left: 0;
  top: -400px;
  right: 0;
  bottom: -400px;
  display: block;
  background: url("../img/energy-dots.png") repeat-y center center;
  background-size: 80%;
  opacity: 0.5;
  transition: opacity 2s ease-in-out, background-size 2s ease-in-out; }

.loaded #latest-news .energy-spheres {
  background-size: 100%;
  opacity: 0.1; }

#latest-news span.data,
#row2 span.data {
  color: white; }

#latest-news h1, #latest-news-new  h1 {
  display: block;
  width: 100%;
  text-transform: uppercase;
  color: white;
  font-size: 1.8em;
  text-align: center;
  margin: 0 0 2em 0;
  position: relative; }

#latest-news h1:before, #latest-news-new  h1:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  right: 50%;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  display: block;
  transition: all 4s ease-in-out; }

.loaded #latest-news h1:before, #latest-news-new  h1:before{
  left: 20%;
  right: 20%;
  background: rgba(255, 255, 255, 0.5); }

#latest-news h1 span, #latest-news-new  h1 span, #latest-news-new  h1 span {
  background: #010321;
  display: inline-block;
  padding: 0 1em;
  z-index: 9;
  position: relative; }

#latest-news .col-lg-8 {
  padding-left: 15px;
  padding-right: 15px; }

.news-box-big {
  overflow: visible !important; }

.heading-section:before {
  bottom: auto; }

.big_title {
  padding: 3em;
  background: rgba(38, 69, 93, 0.85);
 /* left: -3em; */}

.big_title .title {
  margin-top: .2em;
  color: white; }
.big_title .title a{color: white;}
.big_title p,
.news-box-big:hover p {
  font-size: 1.6em;
  color: rgba(255, 255, 255, 0.8); }

.big_title .button {
  margin-bottom: 2em; }

#latest-news .article-image {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }

#latest-news .medium_title h2 {
  color: white; }

.news-box-big img {
  margin: 0;
  width: 100%; }

.news-box-medium {
  position: relative;
  top: 0;
  transition: all 0.3s ease-in-out; }

#latest-news .news-box-medium:hover {
  box-shadow: 0 0 2em 0 rgba(0, 0, 0, 0.8); }

.medium_title {
  padding: 2em 2em 0 2em;
  border: none; }

.latest-news .medium_title h2.title {
  font-size: 1.8em;
  padding: 5em 0 0 0;
  color: white;
  margin-top: -5em; }

.news-box-big,
.medium-news {
  position: relative; }

.cuttingimage {
  overflow: visible; }

.big_title {
  transition: height 0.4s ease-in-out, box-shadow 1.3s ease-in-out;
  height: 16.5em;
  overflow: hidden;
   }

.big_title:before {
  content: '';
  position: absolute;
  top: -1em;
  left: 0;
  width: 0px;
  height: 0.4em;
  background: #0198F9;
  display: block;
  transition: all 1s ease-in-out; }

.big_title .article-category {
  display: inline-block; }

.news-box-big:hover {
  box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.4); }

.news-box-big:hover .big_title:before {
  width: 100%; }

.news-box-big:hover .big_title {
  height: 40em;
  box-shadow: 0 0 4em 0 rgba(0, 0, 0, 0.6);} 

.news-box-big:hover .big_title .button a {
  padding: 1em 4em .9em 1em;
  position: relative;
  margin-top: 2em;
  background: #0198f1; }

.news-box-big:hover .big_title .button a:hover {
  background: #ffd200;
  color: black; }

.news-box-big:hover .big_title .button a:after {
  content: "\f105";
  font: 1em fontawesome;
  position: absolute;
  right: 1em;
  color: black;
  top: 1.15em; }

.news-box-big .firstp {
  opacity: 0;
  transition: opacity 0.4s ease-in-out;  color: white;  }

.news-box-big:hover .firstp {
  opacity: 1; }

 
 
/*.news-box-big:before, .medium-news:before {
                        		content: '';
                        	    position: absolute;
                        	    left: 0;
                        	    top: 0;
                        	    right: 0;
                        	    bottom: 0;
                        	    display: block;
                        	    background: #0198f1;
                        	    background: -moz-linear-gradient(45deg, $yellow 0%, #010324 100%);
                        	    background: -webkit-linear-gradient(45deg, $yellow 0%,#010324 100%);
                        	    background: linear-gradient(45deg, $yellow 0%,#010324 100%);
                        	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0198f1', endColorstr='#010324',GradientType=1 );
                        	    opacity: 0.4;
                        	    z-index: 9999;
                        	}*/
.heading-section span {
  font-size: .5em;
  font-family: "Open Sans";
  text-transform: uppercase; }

.home .thenews h3 {
  font-size: 1.6em; }

#latest-news .medium_title {
  background: rgba(38, 69, 93, 0.85) }

.mostread {
  padding-left: 15px; }

.home .popular {
  width: 100%; }

.home .newsletter-box .container {
  padding: 0 2em; }

#row3 {
  position: relative;
  padding-bottom: 3em; }

#row3 .container {
  position: relative;
  z-index: 998; }

#row3 .col-lg-4 {
  padding-right: 15px; }

#row3 .medium_box {
  margin-left: 0;
  margin-bottom: 15px; }

.newsletter-box {
  margin-left: 0;
  margin-top: 3em;
  transition: margin 0.5s ease-in-out;
  transition-delay: 0.6s;
  overflow: visible; }

.newsletter-box:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 0.3em;
  width: 0;
  transition: all 0.8s ease-in-out;
  display: block;
  background: #ffd200; }

.newsletter-box:after {
  content: 'Stay in the loop';
  font: 1em "Open Sans", helvetica, arial, sans-serif;
  text-transform: uppercase;
  position: absolute;
  right: -2em;
  top: 0;
  padding: 0.5em;
  transition: all 0.4s ease-in-out;
  transition-delay: 0.8s;
  display: block;
  background: #ffd200;
  opacity: 0;
  color: #010327; }

.reached-row3 .newsletter-box:after {
  right: -5em;
  display: block;
  opacity: 1; }

.reached-row3 .newsletter-box:before {
  width: 100%; }

  #row4 {
    background: #26455d;
    padding: 0 0 3em 0;
}

#row4:before {
  background: none; }

#row4 .heading-section span,
#row4 a {
  color: white;
  transition: all 0.4s ease-in-out; }

#row4 a:hover {
  color: #ffd200; }

#row4 img {
  max-width: 100% !important; }

#row4 .medium_box {
  margin-left: 0; }

#row4 .medium_h4 {
  width: 100%;
  position: relative;
  padding-left: 3em;
  margin: 0 0 1em 0; }

#row4 .medium_h4:before {
  content: "\f1c1";
  font: 1.8em fontawesome;
  position: absolute;
  left: .4em;
  top: .1em;
  color: #07151f; }

#row4 .videos-feature .heading-section {
  margin-bottom: 1em;
  padding-left: 1.6em; }

.videos-feature .video-grid {
  padding-left: 7em; }

.news-box-medium img {
  margin-left: 0; }

.az-heading {
  font-size: 5em;
  color: #010225;
  margin: 0 0 1em 0; }

.inputaz {
  margin-top: 1em; }

.box1,
.box2,
.box3,
.box4,
.box5,
.box6 {
  background: none; }

footer {
  background: #010326; }

.news-box-big:hover img {
  filter: brightness(127%);
  transition: .2s; }

.news-box-medium:hover img {
  filter: brightness(127%);
  transition: .2s; }

#energy-section {
  position: relative; }
  #energy-section .col-lg-8 {
    padding-right: 0; }
  #energy-section #energy-section input {
    border: 2px solid #adadad; }
  #energy-section .azcta {
    position: absolute;
    transform: rotate(-90deg);
    top: 50%;
    font-size: 2em;
    margin-left: -13em;
    margin-top: 8em;
    color: #9e9e9e;
    font-weight: 900;
    letter-spacing: 1px; }

footer img {
  max-width: 100%;
  margin: 4.5em 0; }

.pr {
  padding-right: .5em; }

.pl {
  padding-left: .5em; }

.plr {
  padding-left: .5em;
  padding-right: .5em; }

.li-footer {
  list-style-type: none;
  margin: 7.5em 0; }

.li-footer li {
    margin: 2.5em 0;
    padding: 1em 0.8em;
    font-size: 1.3em;
    color: white;
    text-transform: uppercase;
}
  .li-footer li a {
    color: white; 
    padding: 0 !important;
    font-size: inherit !important;
    font-weight: normal;

  }

.headersf {
  height: 34em;
  position: relative; }

.headersf:before {
  background: url("../img/backgroundcompelo.png") no-repeat;
  background-size: cover;
  width: 100%;
  top: -35px;
  content: '';
  position: absolute;
  left: 0;
  height: 100%;
  background-repeat: no-repeat;
  background: #313468;
  background: -moz-linear-gradient(-45deg, #313468 0%, #142b19 51%, #1b1d3a 100%);
  background: -webkit-linear-gradient(-45deg, #313468 0%, #142b19 51%, #1b1d3a 100%);
  background: linear-gradient(135deg, #14152b 0%, #222b50 51%, #306a7d 100%);
  background-attachment: fixed; }

.sfcard {
  margin: 0 auto;
  margin-top: 3em;
  padding-top: 1em; }

.framer {
  height: 17em;
  background: white;
  white-space: nowrap;
  text-align: center;
  margin: 1em 0;
  border-radius: 1em; }

.sf-single-page .framer {
  height: 12em; }

.framer:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%; }

.sf-logo img {
  vertical-align: middle;
  max-height: 7em;
  max-width: 23em;
  /*height: 100%; */
  height: auto; }

.company_name {
  color: white;
  margin-top: 0.5em;
  font-weight: 600; }

.company_desc {
  color: white;
  font-size: 1.7em;
  margin-top: 0.9em; }

.hq-icon {
  max-width: 2.5em;
  margin-top: 1em;
  height: 1.9em;
  margin-left: 1em; }

.location {
  color: white;
  margin-top: 1em;
  margin-left: .5em;
  font-size: 1.4em; }

.follow {
  position: relative;
  z-index: 99998;
  display: block;
  margin-top: 2.7em; }
  .follow a {
    background: #ffd200;
    padding: .5em 5em;
    font-weight: 600;
    font-size: 1.1em; }

.sf-navigation {
  margin-top: 1.5em; }
  .sf-navigation ul {
    display: inline-block;
    margin-left: 0;
    width: 100%;
    padding-left: 0; }
    .sf-navigation ul li {
      display: inline-block;
      color: white;
      position: relative;
      z-index: 9;
      padding: 0 2.4em;
      height: 3em;
      padding-top: 1em; }
      .sf-navigation ul li a {
        color: white;
        font-size: 1.5em; }
		
	/*	.sf-navigation.sf-navigation-fixed ul li {color:#333 }*/

li.sf-active {
 color: black !important; 
  height: 4em !important;
  border-top: 3px solid #fbfbfd;  }
  .menu-content li.sf-active {padding:0.4em 0.5em 0.8em 0.5em !important; height: 2.3em !important;}
  .sf-active a {
    color: black; }

.sf-headl {
  font-size: 1.6em;
  color: black;
  font-weight: 700;
  margin-top: 1em;
  border-bottom: 1px solid #dedede;
  padding-bottom: 1em;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased; }

.sf-about-small {
  color: black;
  font-size: 1.3em;
  margin-top: 2em;
  line-height: 1.7;
  font-weight: 400;
  padding-right: 1em;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased; }

.m-col {
  padding: 0 3em; }

.sf-quickcontact {
  min-height: 20em;
  background: #F3F3F3;
  padding-top: .01em;
  padding-left: 2em;
  position: relative; }
  .sf-quickcontact input {
    width: 93%;
    margin: .5em 0;
    background: white;
    border: none;
    border-bottom: 1px solid white;
    font-size: 1.5em;
    padding: .5em 0.3em;
    font-weight: 300;
    position: relative; float:left;}

.sf-quickcontact:before {
  width: 100%;
  content: '';
  position: absolute;
  left: 0;
  height: 100%;
  background-repeat: no-repeat;
  background: #313468;
  background: -moz-linear-gradient(-45deg, #313468 0%, #142b19 51%, #1b1d3a 100%);
  background: -webkit-linear-gradient(-45deg, #313468 0%, #142b19 51%, #1b1d3a 100%);
  background: linear-gradient(135deg, #14152b 0%, #222b50 51%, #306a7d 100%);
  background-attachment: fixed; }

textarea {
  border: none;
  font-size: 1.5em;
  font-weight: 300;
  padding: 0.5em .3em;
  width: 93%;
  position: relative; }

.sf-quickcontact .sf-headl {
  color: white;
  border-bottom: none;
  position: relative; }

.sf-product {
  margin: 1em 0;
  background: #efefef;
  position: relative; }

.product-title {
  padding: .6em 1em;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1.6; }

.sf-quickcontact button {
  width: 93%;
  margin-top: 1em;
  margin-bottom: 2em;
  background: #ffd200;
  border: none;
  border-radius: 0;
  padding: 1em 0;
  font-size: 1em;
  font-weight: 600;
  letter-spacing: 3px;
  position: relative; }

#sf-latest {
  margin-top: 2em; }

.sf-navigation li:hover a {
  padding-bottom: .3em;
  border-bottom: 1em solid #f3f4f9;
  cursor: pointer; }

input:focus {
  outline: 0;
  border-bottom: 1px solid #b9b9b9; }

textarea:focus {
  outline: 0;
  border-bottom: 1px solid #b9b9b9; }

.sf-product .fa {
  display: none; }

.sf-product:hover .fa {
  position: absolute;
  right: 1em;
  opacity: .7;
  transition: .5s;
  display: block;
  top: 1em; }

span.fulld {
  position: relative;
  font-size: 1.1em;
  color: #6f6f6f;
  cursor: pointer;
  border: 1px solid gainsboro;
  padding: 1em;
  font-weight: 400;
  left: 0;
  text-align: center;
  display: block;
  margin-top: 1.4em;
  width: 40%; }
  span.fulld a {
    color: #949494; }

#sf-home2 {
  margin: 0 15px;
  background: white;
  padding: 2em 0; }
  #sf-home2 img {
    width: 100%; }

.video-thumb {
  position: relative;
  margin-bottom: 2em; }
  .video-thumb .fa {
    position: absolute;
    top: 0;
    text-align: center;
    left: 0;
    right: 0;
    margin-top: 15%;
    font-size: 6em;
    color: #ffffffe0; }

.video-thumb:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #010324; }

.video-title {
  font-size: 1.5em;
  font-weight: 600;
  color: black;
  position: absolute;
 background: white;
  padding: 1em;
  bottom: 0; z-index: 9;
line-height: 18px; opacity: 0.8; width: 100%;}


/*.item-grid .video-thumbnail .vjs-dock-shelf { display:none;} */
.twittericon {
  display: inline-block; }
  .twittericon img {
    display: inline-block;
    max-width: 2.5em;
    margin-left: 3em;
    opacity: .3;
    margin-bottom: 1.5em;
    position: absolute;
    top: 1em;
    right: 3em; }

.sf-tweet .avt {
  max-width: 10em;
  display: inline-block;
  background: white;
  top: 0;
  left: 0;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -moz-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
  margin-left: 1.5em;
  margin-bottom: 1em; }

.sf-tweet .avt img {
  width: 4em;
  padding-top: 1.7em;
  margin-left: 0.5em; }

.tweet_name {
  display: inline-block;
  height: 100%;
  vertical-align: top;
  font-weight: 600;
  font-size: 1.2em;
  margin-left: 1em;
  margin-top: 1em; }

.twitter-headl {
  display: inline-block;
  border-bottom: none;
  margin-bottom: -.6em;
  font-weight: 300; }

.sf-tweet {
  padding: 1em;
  background: #fbfbfb;
  margin: 1em 0; }
  .sf-tweet img {
    width: 100%; }

.sf-tweet-desc {
  font-size: 1.3em;
  padding: 0 .4em 1em 0.4em;
  line-height: 1.6;
  font-weight: 400;
  color: black; }

.sf-tweet:hover {
  background: #f6fbfd;
  transition: .3s all; }

.sf-whitepaper {
  margin: 1em 0;
  padding: 1.5em .5em;
  background: white;
  padding-bottom: 0;
  border-bottom: 2px solid #f3f3f3;
  margin-top: 0;
  padding-top: 1em;
  margin-bottom: 0.3em;
  padding-left: 1.7em; }

.sf-whitepaper-title {
  font-size: 1.5em;
  font-weight: 400; }

.sf-download-wp {
  color: #b5b5b5;
  margin-top: 1em;
  text-align: left;
  margin-bottom: 2em;
  font-weight: 600;
  text-decoration: underline; }

.sf-whitepaper-title {
  font-size: 1.3em;
  font-weight: 600;
  color: black;
  line-height: 1.5; }

#sf-footer {
  position: relative;
  margin-top: 3em;
  padding: 1em 0 2em 0; }

#sf-footer:before {
  width: 100%;
  content: '';
  position: absolute;
  left: 0;
  height: 100%;
  background-repeat: no-repeat;
  background: #313468;
  background: -moz-linear-gradient(-45deg, #313468 0%, #142b19 51%, #1b1d3a 100%);
  background: -webkit-linear-gradient(-45deg, #313468 0%, #142b19 51%, #1b1d3a 100%);
  background: linear-gradient(135deg, #14152b 0%, #222b50 51%, #306a7d 100%) !important;
  background-attachment: fixed; }

.round {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
  margin: 10px;
  border: 5px solid #ccc;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 100px;
  /* Firefox 1-3.6 */
  -moz-border-radius: 100px;
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 100px;
  margin-top: 4em; }

.num {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100px;
  height: 30px;
  text-align: center;
  font-size: 25px;
  line-height: 30px;
  color: #999;
  left: -3px; }

.stats-title {
  font-weight: 300;
  font-size: 2em;
  margin-bottom: .5em;
  color: #636363;
  margin-top: .5em; }

.about-description {
  font-size: 15px;
  line-height: 24px;
  margin-top: 2em;
  font-weight: 400;
  margin-right: 2em;
  color: #1d1d1d;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased; }
  .about-description h2 {
    color: black;
    margin-top: 2em;
    margin-bottom: 1em;
    position: relative;
    font-size: 1.7em;
    font-weight: 600;
    margin-left: 1em; }
  .about-description p {
    margin-left: 2em;
    font-size: 16px; }

.about-title {
  color: black;
  margin-bottom: 0.06em;
  padding-bottom: .5em;
  margin-left: .9em;
  font-size: 3.2em;
  font-weight: 600;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  border-bottom: 1px solid #f8f8f8; }

.about-description img {
  width: 100%;
  height: auto;
  margin: 2em 1em 1em 0em;
  border: .5rem solid whitesmoke;
  margin-left: -1em;
  max-width: 30em;
  float: left; }

.about-details {
  padding-bottom: 1em;
  font-size: 1.5em;
  font-weight: 400;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  padding-top: 1em;
  padding-left: 3em; }

.about-details a {
  color: #19426d; }

.specialties {
  margin-left: 3em;
  margin-right: 1em; }

.sector-detail {
  margin-left: .8em;
  font-weight: 600;
  font-size: 0.9em; }

.specialty-detail {
  color: black;
  font-weight: 600;
  font-size: .9em;
  margin-top: .1em; }

.sf-navigation.sf-navigation-fixed {
  display: block;
  position: fixed;
  top: 0;
  margin-top: 0;
  padding: 0;
  width: 100%;
  left: 0;
  z-index: 99;
  background: #ffffff !important;
  text-align: center;
  z-index: 9999999;
  font-size: .9em;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.09);
  height: 5.3em; }

.sf-navigation.sf-navigation-fixed ul {
  margin-bottom: 0; }

.sf-navigation.sf-navigation-fixed a, .sf-navigation.sf-navigation-fixed ul li  {
  color: black;
  font-size: 1.4em;
  font-weight: 400; }

.sf-navigation.sf-navigation-fixed .sf-active {
  height: 2.8em !important;
  border-top: 3px solid #ffd200;
  background: #ffd200; }

.sf-navigation-fixed li:hover {
  border-top: 3px solid #ffd200; }

.sf-navigation-fixed li:hover a, .sf-navigation.sf-navigation-fixed:hover {
  padding-bottom: .3em;
  border-bottom: none;
  cursor: pointer; }
.sf-card {
  display: table;
  width: 100%;
  margin: 1em 0;
  background: white;
  padding: 3em 0; }

@media screen and (min-width: 37.5em) {
  .sf-head-card {
    padding-right: 10px;
    width: 33.33%;
    display: inline-table; }
    .sf-head-card img {
      max-width: 100%; }

  .sf-card-body {
    display: inline-table !important;
    width: 63% !important;
    vertical-align: middle !important; } }
.sf-head-card {
  padding-right: 10px;
  width: 33.33%;
  display: inline-table;
  margin-right: 1em;
  padding-left: 1em; }
  .sf-head-card img {
    max-width: 100%; }

.sf-card-body {
  display: inline-table;
  width: 50%;
  vertical-align: middle; }

.sf-product-smalldesc {
  font-size: 1.5em;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  line-height: 21px;
  margin-top: 0.8em;
  margin-bottom: .62em;
  padding-bottom: .22em;
  border-bottom: 1px dotted #e9e9e9; }

.sf-prduct-card-desc {
  display: block;
  font-size: 1.3em;
  line-height: 20px;
  font-weight: 400;
  color: #616161;
  margin-top: 1em; }

.sf-product-title {
  font-weight: 800;
  font-size: 2.7em;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased; }

.product-page-title {
  margin-bottom: 0.5em;
  font-size: 1.3em;
  padding-bottom: 1em;
  background: white;
  color: #444444;
  margin-left: 0;
  padding: 1em; }

.more-about {
  position: relative;
  z-index: 999999;
  display: inline-block;
  margin-top: 2.7em; }
  .more-about span {
    background: none;
    padding: .5em 4em;
    font-weight: 600;
    font-size: 1.1em;
    z-index: 0;
    border: 1px solid #ebe8e8;
    color: #8c8b8b; }

.sf-card:hover .more-about span {
  background: #4c4c4c;
  border: 1px solid transparent;
  color: white; }

.sf-card:hover a {
  color: black; }

.brochure-avl i {
  padding-right: .3em; }

.brochure-avl {
  display: inline-block;
  position: relative;
  margin-left: 1em;
  border: 1px solid green;
  padding: .7em 2em;
  font-size: 1.1em;
  font-weight: 600;
  color: green;
  opacity: .6; }

.sf-card:hover .brochure-avl {
  opacity: 1;  }


.whitepaper-cover {
  width: 17em;
  height: 21em;
  box-shadow: 0 0 2em 0 rgba(0, 0, 0, 0.2);
  padding: 2em;
  position: relative;
  margin: 0 auto;
  left: 1.5em; }

.whitepaper-cover small {
  position: absolute;
  bottom: 0em;
  font-size: 1.2em;
  right: 0em;
  left: 0em;
  background: #010321;
  color: white;
  padding: 2em;
  line-height: 1.4;
  font-weight: lighter; }

.whitepaper-card .sf-head-card {
  vertical-align: middle; }

.pressrelease-card .sf-head-card {
  vertical-align: top; }

.pressrelease-card .sf-product-title {
  font-size: 2.1em;
  line-height: 25px; }

.pressrelease-card .sf-card-body {
  margin-left: 1em; }

.sf-card-foo {
  margin-top: 2em;
  font-size: 1.3em; }

.sf-pr-date {
  display: inline-block;
  margin-right: 1em;
  padding-right: 1em;
  border-right: 1px solid #ffd200;
  font-size: .9em; }

.sf-pr-category {
  display: inline-block;
  font-size: .9em; }

.sf-single-page .headersf {
  height: 19.5em;
  margin-bottom: -3em; }

.sf-single-page .sfcard {
  zoom: .95;
  -moz-transform: scale(0.95);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.95);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.95);
  -webkit-transform-origin: 0 0;
  transform: scale(0.95);
  transform-origin: 0 0;
  margin: 0 auto;
  margin-top: 1em;
  margin-left: 0;
  padding-bottom: 2em; }

.header-singleproduct img {
  max-width: 100%; }

.product-description {
  margin-top: 1em;
  padding-bottom: 3em;
  background: white;
  padding-top: 1em; }
  .product-description p {
    margin-top: 1em;
    margin-right: 2em;
    color: #3c3c3c;
    font-size: 1.6em;
    line-height: 1.65;
    font-weight: normal;
    padding-left: 2em; }

.single-product-title {
  margin-top: 1em;
  color: black; }

.header-singleproduct .brochure-avl {
  margin-left: 0;
  margin-top: 20px; }

.description,
.dwl-bro {
  font-size: 1.5em;
  font-weight: 800;
  color: black;
  padding: 1em 2em 0em 1em;
  display: block; }

.download-brochure {
  margin-top: 1em;
  padding-top: 24px;
  border-top: 1px solid lightgray;
  background: white;
  padding: 24px; }

.twitter-space {
  max-width: 89%;
  margin: 0 auto;
  margin-top: 2em; }

.video-up {
  padding: 0 1.3em;
  background: black;
  border-top: 1em solid #4e4e4e;
  padding-bottom: 1em;
  margin-left: 1em; }

.sf-video-title {
  font-size: 2.2em;
  color: white;
  margin-bottom: 1em;
  padding-top: 24px; }

.sf-video-by {
  font-size: 1.2em;
  color: white;
  margin-bottom: 1em; }

.sf-video-small {
  margin-top: 4em;
  background: #f5f5f5;
  border-top: none; }

.sf-video-small .sf-video-title {
  color: black;
  margin-bottom: 0; }

.sf-video-small .sf-video-by {
  color: black; }

.sf-navigation-sticky {
  display: none; }

.sf-navigation-sticky img {
  max-width: 100%;
  margin-top: .5em;
  max-height: 4em;
  margin-bottom: 1em; }

.sf-navigation-sticky ul {
  text-align: right; }

.sf-navigation-sticky li {
  padding: 0.7em 1em 0 1em !important;
  margin-top: .7em; }

.sf-description-video span {
  display: block;
  color: white;
  font-size: 1.2em;
  margin-bottom: 1em; }

.sf-description-video {
  font-size: 1.4em;
  color: #b3a9a9;
  line-height: 22px;
  padding-bottom: 1em;
  margin-top: 24px; }

.sf-single-video {
  background: black; }

.sf-single-video-title {
  margin-top: 2.4em;
  color: #333;
  padding-bottom: 1em;
  border-bottom: 1px solid #5b5858; }

.sf-single-video-description {
  font-size: 1.6em;
  margin: 2.4em 0;
  color: #afafaf;
  line-height: 26px; }

.single-pr-header .date {
  font-size: 1em;
  letter-spacing: 0;
  color: #777777;
  font-weight: 400; }

.single-pr-header {
  font-size: 1.25em;
  margin-top: 1em;
  margin-bottom: 0;
  display: inline-block;
  margin-right: .5em;
  color: #0285ff;
  font-weight: 400; }

.share-pr {
  font-size: 1.2em;
  font-weight: 600;
  color: white;
  text-transform: uppercase;
  margin: 2em 0;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-bottom: 0;
  padding-left: 1em;
  background: #2b4c67;
  background: -webkit-linear-gradient(135deg, #14152b 0%, #222b50 51%, #306a7d 100%);
  background: linear-gradient(135deg, #14152b 0%, #222b50 51%, #306a7d 100%);
  padding-left: 2.2em;
  border-radius: .3em; }

span.in-share {
  margin-left: .5em;
  margin-right: .9em;
  font-size: 1.6em;
  color: #ffffff; }

span.email-share {
  margin-right: 0.7em;
  font-size: 1.6em;
  opacity: .5;
  color: #fff; }

span.tw-share {
  font-size: 1.5em;
  margin-top: 2em;
  position: relative;
  top: .1em; }

span.copy-link input {
  font-size: 1.2em;
  margin-right: 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.14) !important;
  padding-bottom: .2em;
  padding-left: 0;
  padding-right: 0;
  background: transparent;
  color: #000000;
  padding: .8em 13px;
  text-decoration: none;
  white-space: nowrap;
  border: none; }

::-moz-selection {
  /* Code for Firefox */
  color: white;
  background: black; }

::selection {
  color: white;
  background: black; }

.copy-link i.fa.fa-link {
  margin-right: .5em;
  font-size: 1.2em;
  opacity: .5;
  padding: 0.3em;
  cursor: pointer; }

.single-product-title h1 {
  font-size: 38px;
  line-height: 46px;
  margin-right: 1em; }

.sf-single-page .sf-quickcontact {
  margin-top: 2em; }

.sf-single-page .company_name {
  margin-top: 1em;
  font-size: 2.3em; }

.sf-single-page .headersf .container {
  position: relative; }

.close_section {
  position: absolute;
  right: 2em;
  top: 2em;
  display: block;
  cursor: pointer; }
  .close_section img {
    max-width: 2.5em;
    opacity: .6; }

.section_closed {
  display: none; }

.margin_top_added {
  margin-top: 4em; }

.small_header_sf {
  display: none; }

.small_header_sf_display {
  display: block; }

.small_header_sf:before {
  content: '';
  height: 4em;
  z-index: 99999;
  width: 100%;
  position: absolute;
  background: #313468;
  background: -moz-linear-gradient(-45deg, #313468 0%, #142b19 51%, #1b1d3a 100%);
  background: -webkit-linear-gradient(-45deg, #313468 0%, #142b19 51%, #1b1d3a 100%);
  background: linear-gradient(135deg, #14152b 0%, #222b50 51%, #306a7d 100%); }

.more_about_company {
  position: relative;
  z-index: 99999;
  text-align: left;
  padding-top: 1em;
  color: white;
  font-size: 1.3em;
  margin-right: 1em; }
  .more_about_company a {
    color: #f8d348; }

.close_section:hover img {
  opacity: 1;
  transition: .5s; }

.img-sf-single {
  max-width: 30em;
  float: left;
  padding: 2em 2em 2em 0;
  margin-left: -2em; }

.video_page .framer {
  height: 10em;
  width: 10em;
  border-radius: 50%; }

.video_page .sf-logo img {
  max-width: 10em;
  max-height: 2em; }

.video_cta {
  margin-top: 2em;
  color: #b5b5b5;
  font-size: 12px; }

.company_name_cta a {
  color: #ffd200; }

span.copy-link {
  margin-left: 1.5em;
  bottom: .1em;
  position: relative; }

.sf-page  {
  background: #f5f5f5; }

.container.header-singleproduct {
  background: white;
  padding: 3em 1em;
  padding-left: 0;
  max-width: 1131px !important; }

.sf-page  .sf-active {
  background: #f5f5f5;
  font-weight: 400;
  padding: 1em 1.6em; }
  
.sf-page .tab-content { width:100%;}

.about-background {
  background: white;
  padding-top: 4em; }

.sf-page  .standard-form section {
  background: white; }

.storefrontcontent {
  padding-left: 30px;
  padding-right: 30px;
  }
  .storefrontcontent .row {
    background: white;
    margin: 00 15px;
  }
    .sf-latest {
      margin: 0 -45px;
    }

.sf-page .topnav {
  padding-bottom: 0; }

.dropdown-menu-m {
  background: #171a32;
  padding: 6px 13px;
  border-top: 1px solid #ffd200;
  z-index: 9999;
  position: relative;
  margin-top: 3em;
  padding-left: 2.7em;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.dropdown-menu-m .menu-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .25s ease-in-out; }

.dropdown-menu-m ul {
  list-style-type: none;
  padding: 0; }

.dropdown-menu-m a, .dropdown-menu-m ul li{ 
  display: block;
  padding: 10px;
  text-decoration: none;
  font-size: 17px;
  color: white;
  font-weight: 400; cursor: pointer;}

.dropdown-menu-m label {
  display: block;
  cursor: pointer;
  padding: 12px 0;
  margin-bottom: 0; }

.dropdown-menu-m input ~ label:before {
  font-family: "FontAwesome";
  content: "\f0c9";
  font-size: 30px;
  padding: 0 2px;
  border: 2px solid white;
  border-radius: 3px;
  color: white; }

.dropdown-menu-m input#menu {
  display: none; }

.dropdown-menu-m input:checked ~ label:before {
  font-family: "FontAwesome";
  content: "\f00d"; }

.dropdown-menu-m input:checked ~ .menu-content {
  max-height: 365px;
  padding-bottom: 2em; }

.sf-navigation-mobile {
  display: none; }

.browse_company {
  margin-left: 1em;
  color: white; }

.sf-navigation-mobile .sf-active, .sf-navigation-mobile li.sf-active {
  padding: 0; }
  .sf-navigation-mobile .sf-active a, .sf-navigation-mobile li.sf-active {
    font-weight: 800 !important; }

.content_single_pr {
  margin-top: 1em; }

.imageboxpr {
  max-height: 20em;
  overflow: hidden; }

.overflownone {
  overflow: inherit !important; }

.eventpage:before {
  height: 15em;
  background-image: url("https://images.unsplash.com/photo-1439337153520-7082a56a81f4?auto=format&fit=crop&w=1266&q=80");
  background-position: center center; }

.eventpage h1 {
  color: black !important;
  padding-top: 1em !important;
  font-size: 7em;
  font-weight: 900; }

header.headersf.eventpage {
  height: 19em !important; }

.single-event {
  background: white;
  margin: 1em 0;
  border: 1px solid lightgray;
  margin-bottom: 3em; }

.date_event {
  padding: 1em;
  position: relative;
  font-size: 1.3em;
  background: #f1f1f1;
  font-weight: bold;
  color: black;
  padding-left: 3em; }

.event_name {
  padding: 2em 1em;
  font-size: 1.5em;
  background: whitesmoke;
  color: black;
  font-weight: 600; }

.add-event {
  font-size: 2.5em;
  font-weight: 900;
  color: black; }

.submit_event_box {
  background: whitesmoke;
  height: 17em;
  margin-top: -1em; }

.submit_event_box span {
  font-size: 1.7em;
  padding: 1em;
  display: block;
  padding-top: 2em;
  font-weight: 600;
  color: black;
  line-height: 22px; }

.submit_event_box button {
  padding: 1em 3em;
  margin: 0 1em;
  background: #ffd200;
  border: none;
  font-size: 1.5em;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.fe_title {
  background: black;
  font-size: 1.4em;
  color: #ffd200;
  padding: .6em 2em; }

.featured-event .date_event {
  margin-top: .8em;
  background: #ffd200;
  padding: .8em 3em; }

.featured-event .event_name {
  background: white;
  margin-bottom: 0;
  font-size: 2.7em;
  margin-left: 0;
  padding-left: .5em;
  font-weight: 800;
  padding: 1.3em .5em; }

.featured-event .date_event {
  margin-top: .6em;
  background: #ffd200;
  font-size: 1.6em;
  padding-left: 3em; }

.date_event span:before {
  content: "\f073";
  font: 1em fontawesome;
  color: black;
  position: absolute;
  left: .8em;
  height: 1em; }

.org:before {
  content: "\f1ad";
  font: 1em fontawesome;
  color: #0b2d4c;
  position: absolute;
  left: 1.5em;
  height: 1em; }

.p-location:before {
  content: "\f041";
  font: 1em fontawesome;
  color: #0b2d4c;
  position: absolute;
  left: 1.5em;
  height: 1em; }

.contact-email:before {
  content: "\f0e0";
  font: 1em fontawesome;
  color: #0b2d4c;
  position: absolute;
  left: 1.5em;
  height: 1em; }

.contact-url:before {
  content: "\f08e";
  font: 1em fontawesome;
  color: #0b2d4c;
  position: absolute;
  left: 1.5em;
  height: 1em; }

.event-details li {
  font-size: 1.6em;
  padding: .8em 0;
  margin-left: 3em; }

.featured-event {
  margin-bottom: 3em;
  padding-bottom: 2em;
  border-bottom: 1px dotted; }

.browse_by_event {
  font-size: 3.5em;
  margin-bottom: 1em;
  color: black;
  font-weight: 900;
  border-bottom: 1px dotted; }

.month_event {
  font-size: 4em;
  color: black;
  margin-bottom: 0.6em; }

.events-nav li {
  font-size: .4em;
  display: inline-block;
  width: 5.5%;
  text-align: center;
  padding: .7em;
  float: left; min-width:3em; }

.events-nav ul.cf {
  display: block;
  text-align: center;
  margin-left: 0; }

.events-nav a {
  font-size: .9em !important;
  padding: 0 !important;
  margin: 0 !important;
  color:#000 !important;  }

.year.cf {
  margin-top: 0.6em; }

.submit_event_box button:hover {
  box-shadow: none;
  transition: all .5s;
  cursor: pointer; }

nav.events-nav {
  height: auto;
  margin-bottom: 1em; }

span.add-to-calendar:before {
  content: ''; }

span.add-to-calendar {
  font-size: 1em;
  position: absolute;
  right: 1em;
  color: white;
  background: #525252;
  padding: 1em 0 0 0;
  top: .5em; }

.eventspage .topnav {
  padding-bottom: 0; }

.sticky-mpu-event {
  text-align: center;
  margin-top: 2em; }

.sticky-mpu-event.banner-fixed {
  position: fixed;
  top: 1em; }

.sidebar-events {
  max-width: 300px;
  margin: 0 auto; }

.year.cf h3 {
  font-size: .5em; }

.contactpage h1 {
  font-size: 4.4em;
  padding-top: 1em !important;
  font-weight: 900; }

.contactpage .headersf {
  text-align: center; }

.contactpage .headersf p {
  padding: 2em 14%;
  line-height: 31px; }

.contactpage .headersf a {
  color: #ffd200; }

.general-enquries h2,
.advertising-enquries h2,
.existing-clients h2 {
  color: black;
  font-size: 3em;
  font-weight: 800; }

.general-enquries h3,
.advertising-enquries h3,
.existing-clients h3 {
  font-size: 1.7em;
  color: black;
  margin-top: 1em;
  font-weight: 600; }

.contactpage .headersf:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 89%;
  background: rgba(1, 22, 43, 0.86); }

.contactpage .headersf:before {
  background-image: url("https://images.pexels.com/photos/114797/pexels-photo-114797.jpeg?w=1260&h=750&dpr=2&auto=compress&cs=tinysrgb") !important;
  background-size: cover;
  width: 100%;
  top: -35px;
  content: '';
  position: absolute;
  left: 0;
  height: 100%;
  background-size: cover;
  background-attachment: fixed; }

.contactpage .headersf h1,
.headersf p {
  color: white;
  position: relative;
  padding-top: 2em;
  z-index: 9; }
  
  .headersf p {
  padding-top: 0em;
  }

.general-enquries .row {
  background: #f7f7f7;
  padding: 1em;
  margin-top: 2em;
  border-top: 1px dotted; }

.advertising-enquries .row {
  background: #f7f7f7;
  padding: 1em;
  margin-top: 2em;
  border-top: 1px dotted; }

.existing-clients .row {
  background: #f7f7f7;
  padding: 1em;
  margin-top: 2em;
  border-top: 1px dotted; }

.contact-page .standard-form h2 {
  margin: 0;
  margin-top: -1em;
  color: black;
  font-size: 3em;
  font-weight: 800; }

section.advertising-enquries {
  margin-top: 3em; }

section.existing-clients {
  margin-top: 3em; }

.contact-page p a {
  color: #6d6d6d; }

.contact-page p {
  font-size: 1.6em;
  font-weight: 400; }

.contact-page .standard-form section {
  box-shadow: -2px 4px 6px whitesmoke;
  overflow: auto; }

.contact-page .standard-form label,.contact-page form label {
  display: block;
  margin: 1em 0 0.5em 0; }

.contact-page form label {
  width: 52% !important; }

.contact-page .standard-form button{
  background: black;
  margin: 1.5em 0;
  padding: .8em;
  width: 100%;
  font-size: 1.6em;
  color: #ffd301;
  font-weight: 300; }

.one-col-page {
  background: white !important;
  margin-top: -7em !important;
  position: relative;
  padding-top: 5em !important;
  max-width: 1200px !important; }

.contact-page textarea {
  margin-top: 1em; }

.contact-page textarea {
  margin-top: 1em;
  border: solid 0.14em #d2d2d8; }

.tagline-cta {
  background-image: url("../img/pexels-photo-157039.jpeg");
  background-size: cover;
  background-position: center center;
  padding: 5em 0;
  background-attachment: fixed;
  color: white; }
  .tagline-cta h2 {
    font-size: 3.7em;
    font-weight: 300; }

.tagline-cta h4 {
  font-size: 23px;
  line-height: 32px;
  font-weight: 400;
  margin-top: 1em; }

.tagline-cta-button span {
  background: #ffd200;
  padding: 1em 5em;
  font-size: 1.4em;
  margin-top: 4em !important;
  display: block;
  width: 52%;
  margin: 0 auto;
  font-weight: 400; }

.contact-page .standard-form .select {
  box-shadow: none; }

.contact-page .standard-form select {
  box-shadow: none;
  border-radius: 0;
  border: 3px solid #d2d2d9; }

.contact-add-company select {
  box-shadow: none;
  border-radius: 0;
  border: 3px solid #d2d2d9; }

.contact-add-company .standard-form .select {
  box-shadow: none; }

.select:after {
  content: "\f107";
  font: 1em/1 fontawesome;
  color: #9b9b9c !important;
  position: absolute;
  right: 0.8em;
  top: 50%;
  height: 1.4em;
  margin-top: -0.5em;
  font-size: 1.8em !important; }

.addcompany-maincta {
  background-image: url("../img/pexels-photo-157039.jpeg");
  background-size: cover;
  background-position: center -15em;
  padding: 3.5em 0;
  background-attachment: fixed;
  color: white;
  margin-bottom: 1em; }
  .addcompany-maincta h1 {
    font-size: 6.7em;
    font-weight: 300; }

.addcompanypage .col-lg-4 img {
  max-width: 19em;
  margin: 2em;
  margin-right: -6em;
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
  animation-duration: 1s;
  transition: .5s; }

.addcompanypage .col-lg-4 img:hover {
  max-width: 22em;
  transition: .5s; }

.addcompanypage .standard-form section {
  margin-bottom: 0em; }

.add-company-cta h2 {
  margin-top: 1.5em;
  color: black;
  line-height: 53px;
  font-family: 'Opens sans', sans-serif;
  font-weight: 300;
  font-size: 4em;
  background-image: linear-gradient(to right, #1e2645, #cba800, #f7bf00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-left: 0.5em; }

.benefits {
  font-family: 'Helvetica neue', sans-serif;
  color: black; }

.benefits h3 {
  font-weight: 300;
  margin-top: 1em;
  line-height: 42px;
  font-size: 2.7em; }

.hlword {
  font-weight: 600; }

.benefits-numbers {
  max-width: 80%;
  margin: 0 auto;
  border-top: 1px solid;
  margin-top: 3em;
  padding: 2em 0;
  border-bottom: 1px solid;
  margin-bottom: 10em; }

.benefits-numbers h3 {
  display: inline-block;
  vertical-align: middle;
  color: #5a5a5a;
  font-size: 4em;
  font-weight: 600;
  margin-right: 0.5em; }

.benefits-numbers span {
  font-size: 2em;
  color: #5a5a5a; }

.contact-add-company {
  background: white;
  padding: 1em;
  margin-bottom: 2em !important;
  max-width: 80%;
  margin: 0 auto; }

.contact-add-company .standard-form label {
  margin: 0;
  margin-bottom: .5em;
  width: 52% !important; }

.contact-add-company section {
  box-shadow: none !important; }

.benefits-numbers .col-lg-6:first-of-type {
  border-right: 1px solid; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(50px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
section.bg-add-company {
  background-image: url("../img/city_road_lights.jpeg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  padding: 4em 0; }

.sec-col-form form {
  margin-top: 5.2em; }

.addheadline img {
  max-width: 6em;
  display: inline;
  margin-top: -2.9em;
  margin-left: 0; }

.addheadline {
  display: block;
  margin-bottom: .9em; }

.addheadline h2 {
  display: inline;
  margin-left: .3em; }

.addheadline img:hover {
  max-width: 6em; }

img {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.recaptcha img {
  max-width: 27em;
  margin-top: 2em; }

.submit-company span a {
  font-size: 1.6em;
  background: black;
  color: white;
  position: relative;
  display: block;
  text-align: center;
  padding: 1em; }

.submit-company span {
  margin-left: 1em;
  margin-top: 2em;
  position: relative;
  display: block;
  margin-bottom: 2em; }

.callus-section {
  max-width: 80%;
  margin: 0 auto; }
  .callus-section img {
    max-width: 7em;
    margin-top: 2em;
    margin-bottom: 2em; }

.callus h4 {
  margin-top: 2.5em;
  margin-left: 1em;
  color: #484848;
  font-size: 1.9em;
  font-weight: 300; }

.sf-page .navbg {
  height: 6em; margin-top:1em; }

.share-single-pr {
  float: left;
  padding: 0em 2em 1em 2em;
  font-size: 1.8em;
  margin-top: .6em; }

.header_single_page {
  background: white;
  padding: 2em 0 .5em 0; }

.send_page_header {
  margin-left: 3.6em;
  padding-top: 2em;
  padding-bottom: 1em;
  display: inline-block; }

.send_page_header .sendto {
  color: #777777;
  font-size: 1.2em;
  font-weight: 400;
  border-left: 1px solid lightgray;
  padding-left: 1em; }

.sf-single-page .sf-quickcontact {
  margin-top: 1em; }

.sf-single-page .sf-quickcontact textarea {
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
  margin-top: 1em;
  color: white;
  max-height: 3em;
  margin-bottom: .5em;
  border-bottom: solid 1px white; }

.sf-single-page .sf-quickcontact input {
  width: 93%;
  margin: .5em 0;
  background: none;
  border: none;
  border-bottom: 1px solid white;
  font-size: 1.5em;
  padding: .5em 0.3em;
  font-weight: 300;
  color: white;
  position: relative; float:left; }

.single-date .article-date {
  text-transform: uppercase;
  font-weight: lighter;
  font-size: 1.6em;
  border-radius: 100%;
  width: 5em;
  height: 5em;
  background: #010321;
  color: white;
  text-align: center;
  padding: 0.8em 0 0 0;
  margin-top: .5em;
  margin-left: 2em; }

.single-date .article-date b {
  font-size: 1.7em;
  font-weight: normal;
  display: block; }

.single-date .article-date small {
  display: block;
  font-size: 0.6em;
  letter-spacing: 0.15em;
  opacity: 0.5; }

.copy-link input:focus,
textarea:focus {
  box-shadow: none;
  border: 1px solid #e4e4e4 !important;
  transition: none; }

.sf-single-page input::placeholder,
.sf-single-page textarea::placeholder {
  color: white; }

.sf-single-page .sf-quickcontact textarea:focus {
  transition: .5s;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  max-height: 20em;
  box-shadow: none;
  border-bottom: 4px solid white !important; }

.sf-single-page .gallery {
  background: white;
  box-shadow: none; }

.sf-single-page .gallery h2 {
  margin-top: 0;
  position: relative;
  padding-left: 1em;
  font-size: 1.5em;
  color: black;
  font-weight: 900; }

.copy-link input::selection {
  background: #ffd301 !important;
  color: black; }

.header-single-pr h1 {
  margin-left: .7em; }

.megamenu_li_second li {
  display: block;
  width: 100%;
  margin-bottom: .1em !important;
  background: white !important;
  text-align: center;
  margin-right: 1em;
  margin-top: .2em; }

h4.media-heading {
  margin-left: .6em;
  font-size: 1.1rem;
  color: black;
  font-weight: 600; }

.submenu {
  display: none; }
.media {
  margin-bottom: 1.5em; }

.tags ul {
  background: white;
  display: inline-block; }

.tags li {
  background: white !important;
  display: inline-block;
  padding: 0 !important;
  margin: 0 !important;
  margin-right: .2em !important;
  font-size: 8px !important; border-bottom: 0 !important;} 
.cf .tags {
    padding: 0;
    margin: 0;
} 

a.cf img {margin-right:1.5em;} 
.tags li a {
  background: black;
  color: white;
  padding: .2em; }

.tags {
  margin-left: 13px;
  margin-bottom: 10px; }

.tags {
  padding-bottom: 0 !important;
  margin-bottom: 4px !important; }

.tags a {
  font-size: .8rem !important; }
  
.tags  ul.popular_ul li { min-height:1em; /*background:#fff;*/ }
.tags  ul.popular_ul li a:before{ content: ' ';}
.tags  ul.popular_ul, .tags  ul.popular_ul li, .tags ul.timeline_trending_today, .tags ul.timeline_trending_today li {background:transparent !important; box-shadow:none;}
.mostread .article-category.tags { /*margin-top: -2em !important; padding-left: 4.2em; */ margin:0.1em 0 0 0;}
.reached-row2 .tags  ul.popular_ul li a{ background:#3a89fc;}
.popular li:first-of-type  .tags  ul.popular_ul li a{ background:#3a89fc;}
.reached-row2 .popular li:first-of-type  .tags  ul.popular_ul li a{ background:#010321;}
.tags ul.popular_ul.trending-today  li a{ padding:0.3em; min-height:1em; background:#010321 !important; }

.popular_ul.trending-today, ul.timeline_trending_today {margin-left: .3em; margin-bottom:0.8em; }

.related-headline .article-category.tags  ul, .related-headline .article-category.tags  ul li { background:transparent !important; box-shadow:none;}
.related-headline .article-category.tags {background: rgba(255,255,255,0.1); padding-bottom:1em !important; margin: 0;}
.related-headline .article-category.tags  ul {margin-left: 15em; max-width:56%;} 

li.activeli {
  background: #484d54 !important;
  color: white; }

.projects-category .category-content .article-list li {
  padding: 0 0 !important; }

.projects-category .sort-by label {
  display: inline-block;
  width: 30%;
  color: white;
  margin: 0;
  text-align: right;
  margin-top: 0.8em; }

.projects-category .article-date {
  text-transform: uppercase;
  font-weight: lighter;
  font-size: 1.6em;
  border-radius: 100%;
  width: 5em;
  height: 5em;
  background: #010321 !important;
  color: white;
  text-align: center;
  padding: 0.8em 0 0 0 !important;
  margin-top: .5em; }

.projects-category .article-date b {
  font-size: 1.3em;
  font-weight: normal;
  display: block;
  margin-bottom: -4px; }

.projects-category .timeline li b {
  width: 100%; }

.projects-category .share {
  display: none; }

.projects-category .article-date small {
  display: block;
  font-size: 0.7em;
  letter-spacing: 0.15em;
  opacity: 0.5; }

.article-category a {
  margin-right: .2em !important;
  font-size: 1.2em !important;
  line-height: 1; }

.category-header .sort-by label {
  margin-top: 0.6em !important; text-align: left;
    /*width: 90%;*/
    margin-bottom: 1em;}
   

.proj-l {
  margin-bottom: 6em; }

.category-content .article-list li h2 {
  margin: 0.2em 0 !important;
  font-size: 2.4em !important; }

.proj-l .col-md-10 {
  box-shadow: 0.1em 0.1em 0.3em 0 rgba(0, 0, 0, 0.2);
  padding: 3em;
  border-radius: 0.3em;
  border: none;
  transition: all 0.4s ease-in-out; }

.sc.suppliers {
  margin: 0 4em !important; }

.sc.industry-opinion {
  margin: 4em 4em; }
/*
.videocat {
  font-size: .3em; }*/
  .videocat li {
    padding: 0 !important;
    margin-top: 1em; }
  .videocat a {
    margin: 0; }

.videocat_1 {
  font-size: .8em !important;margin-bottom: 1em }
  .videocat_1 li {
    padding: 0 !important;
    margin-top: .6em; }
  .videocat_1 a {
    margin: 0;
    background: #010426 !important;
    color: white !important;
    padding: .3em !important; }

.viewall-product a {
  padding: 1em;
  position: relative;
  display: block;
  background: #171a32;
  font-size: 1em;
  color: #ffd200;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1.3px;
  padding-left: 1.6em; }

.sf-page .navbg {
  background: #161931 !important; }

.sf-page .medium_title {
  padding: 2em !important; }

.sf-page .small-site-logo {
  display: block !important; }

.sf-page .article-category a {
  color: black; }

/* Site header vertical responsiveness / Shorter site header */
/*.single .header-ctas,
.category .header-ctas,
.project .header-ctas,
.whitepaper-download .header-ctas,
.sf-page .header-ctas {
  display: none; }*/

.single .navbar .container,
.whitepaper-download .navbar .container, .category .navbar .container {
  padding-left: 15px !important; }
.sf-page .navbar .container  {
padding-left: 19em;
  max-width: 100%; }
  /*.sf-page .navbar .container .megamenu .container{ padding-left: 0em;}*/
 .category .navbar .container{
    padding-left: 0em !important;
}

.small-site-logo {
  display: none; }

.single .small-site-logo,
.category .small-site-logo,
.project .small-site-logo,
.whitepaper-download .small-site-logo,
.sf-page .small-site-logo {
  width: 14em;
  height: 6em;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  display: block; z-index:9999; }

.single .small-site-logo a,
.category .small-site-logo a,
.project .small-site-logo a,
.whitepaper-download .small-site-logo a,
.sf-page .small-site-logo a {
  display: block;
  padding: 1.2em; }

.single .small-site-logo a img,
.category .small-site-logo a img,
.project .small-site-logo a img,
.whitepaper-download .small-site-logo a img,
.sf-page .small-site-logo a img {
  margin: 1em 0 0 1em;
  max-width: 12em; }

/*.single .nav-link,
.category .nav-link,
.project .nav-link,
.whitepaper-download .nav-link,
.sf-page .nav-link {
  padding: 1.5em 1em; }
*/
.single .nav-link a,
.category .nav-link a,
.project .nav-link a,
.whitepaper-download .nav-link a,
.sf-page .nav-link a {
  transition: all 0.4s ease-in-out; }

.single .nav-link a:hover,
.category .nav-link a:hover,
.project .nav-link a:hover,
.whitepaper-download .nav-link a:hover,
.sf-page .nav-link a:hover {
  color: white; }

.sf-page .navbar-nav a {
  font-size: 1.4em !important; }

.filters h4 {
  font-size: 1.5em;
  margin-bottom: 1em;
  color: black;
  padding-left: .5em;
  display: inline-block;
  margin-right: 1em; }

.labelsf {
  display: inline-block;
  line-height: 1;
  vertical-align: baseline;
  margin: 0 .14285714em;
  background-color: #e8e8e8;
  padding: .5833em .833em;
  color: rgba(0, 0, 0, 0.8);
  text-transform: none;
  font-weight: 700;
  border: 0 solid transparent;
  border-radius: .28571429rem;
  font-size: 1.05em;
  letter-spacing: .4px; }

.labelsf > .detail {
  display: inline-block;
  font-weight: 700;
  margin-left: 1em;
  opacity: .8;
  background: #c5c5c5;
  padding: .3em;
  vertical-align: middle; }

.labelsf:hover {
  background: #efefef;
  cursor: pointer; }

.products-sidebar {
  margin: 0 2em;
  margin-bottom: 4em; }

.products-sidebar h4 {
  font-size: 1.4em;
  color: black;
  padding: 1em 0; }

.products-sidebar-container {
  background: white; }

.sb-product {
  display: inline-block; }

.image-product img {
  max-width: 10em; }

.image-product {
  display: inline-block; }

.sb-product {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid whitesmoke;
  margin-bottom: 1em;
  margin-top: 1em;
  padding-bottom: 1em; }

.sb-product:last-of-type {
  border-bottom: none; }

.title-product {
  display: inline-block;
  font-size: 1.25em;
  color: black;
  font-weight: bold;
  cursor: pointer; }

.update-heading {
  font-size: 3em;
  padding: 1em 0;
  color: black;
  border-bottom: 1px solid #a5a5a5; }

#update-profile .standard-form section {
  box-shadow: none;
  padding: 0 2em; }

#update-profile .sec-col-form form {
  margin-top: 0; }

#update-profile form p {
  margin: 0;
  min-height: 4em;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  padding-top: 0; }

#update-profile .standard-form label {
  display: block;
  margin: 1em 0 0.5em 0;
  font-size: .9em;
  color: #4c4949;
  font-weight: normal;
  width: 100%; }

.followed_logo {
  width: 4em;
  height: 4em;
  display: inline-block;
  background: #d2d2d2;
  border-radius: 500rem;
  vertical-align: middle;
  margin-right: 1em; }

.followed_name {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.5em;
  color: black;
  font-weight: normal; }

.followed input#checkBox {
  display: inline-block;
  vertical-align: middle; }

.followed_logo img {
  height: auto;
  top: 50%;
  position: relative;
  transform: translate(0, -50%); }

.followed {
  display: inline-block;
  margin-top: 2em;
  margin-right: 2em;
  padding-right: 2em;
  border-right: 1px solid #a5a5a5; }
  .followed:last-of-type {
    border-right: none; }

.up2,
.up3 {
  margin-top: 4em;
  margin-bottom: 4em; }

.update-button button {
  background: #010327;
  color: #f8d124;
  padding: 1em;
  width: 100%;
  margin-bottom: 3em;
  text-transform: uppercase; }

.share-button {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 6em;
  height: 2em;
  line-height: 2em; }

.social-toggle {
  display: block;
  font-weight: bold;
  font-size: 90%;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.25s;
  color: #010325;
  background: white;
  border: 2px solid #010325; }

.social-toggle:hover {
  background: #f3f3f3;
  color: #333; }

.no-js .social-toggle,
.no-js .social-toggle:hover {
  cursor: default;
  border: none;
  background: transparent;
  color: #c8c8c8;
  pointer-events: none; }

.social-networks {
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0) translateX(-190px);
  transform: scale(0) translateX(-190px);
  opacity: 0;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  margin-left: -45%;
  -webkit-backface-visibility: hidden;
  width: 19em;
  /* height: 10em; */
  height: auto;
  background: white;
  position: absolute;
  /* top: 9em; */
  top:  8.0em;
  border: 2px solid;
  z-index: 99; }

.social-linkedin {
  background: #007bb6; }

.social-twitter {
  background: #6cdfea; }

.social-networks.open-menu,
.no-js .social-networks {
  -webkit-transform: scale(1) translateX(-90px);
  transform: scale(1) translateY(-90px);
  opacity: 1; }

.social-networks ul {
  position: relative;
  left: 0;
  width: auto;
  height: auto;
  color: #fff;
  background: #ffffff;
  margin: auto;
  list-style: none;
  display: inline-block;
  padding: 0.5em;
  padding-bottom: .3em; }

li.social-facebook {
  background: #35388c; }

.social-networks.open-menu ul:after,
.no-js .social-networks ul:after {
  margin: 35px auto;
  border-top: 12px solid #3b5998; }

.social-networks li {
  font-size: 90%;
  width: 56px;
  margin: 0;
  text-align: center;
  float: left;
  display: block;
  height: 40px;
  line-height: 40px;
  position: relative;
  z-index: 2;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin-right: .3em;
  transition: all .3s ease; }

.share-button a {
  text-decoration: none; }

.share-button span.sendto {
  font-size: .8em;
  margin-left: 1em;
  letter-spacing: 0;
  font-weight: bold;
  color: black; }

.share-button .copy-link input {
  font-size: .8em;
  margin-right: 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.14) !important;
  padding-bottom: .2em;
  padding-left: 0;
  padding-right: 0;
  background: transparent;
  color: #000000;
  padding: .2em 0px;
  text-decoration: none;
  white-space: nowrap;
  border: none; }

.social-email {
  background: black; }

.social-networks a {
  display: block;
  color: white; }

.social-networks a:hover {
  transform: scale(1.2); }

.social-toggle .fa-share-alt {
  margin-right: .7em; }

.header_single_page .share-button {
  display: inline-block;
  font-size: 1.55em;
  position: relative;
  margin-left: 1.6em;
  cursor: pointer; }

.send_page_header .author {
  font-size: 1.3em;
  color: black;
  font-weight: normal; }

.sf-page  .social-networks.open-menu {
/*   left: 1.1em;
  padding-top: .5em;
  height: 11em;  */
      left: 1.1em;
    padding-top: .5em;
    height: auto;
    width: 285px; top: 9.1em;
}
.sf-page .product-description  .social-networks li {margin-left:0; }
.gallery .owl-nav {
  position: absolute;
  top: -2em;
  right: 0;
  display: inline-block; }

.gallery .owl-prev {
  display: inline-block; }

.gallery .owl-next {
  display: inline-block;
  margin-left: 2em;
  margin-right: .2em; }

.project .entry-header h1 {
  margin-bottom: 3em; }

.b2c  #row2 .hlistnews .article-category a {
  background: #010429;
  color: white !important;
}

.share-button {
  margin-top: .6em; }

.suppliers-page .sort-by {
  padding: 1em 0 4em 0; }

.whitepaper-download .company-logo-col {
  height: 13em;
  background: white;
  padding: 2em 3.5em 0em 3em;
  border-radius: 1em; }

#row3 .news-box-medium .article-category ul li a,
#row3 .news-box-big .article-category ul li a {
  background: #010427;
  color: white !important; }

#row2 .news-box-medium .article-category ul li a,  #row4 .whitepapers-feature .medium_box .article-category ul li a,  #row4 .videos-feature .article-category ul li a{
  background: #b5ebf5;
  color: black !important; }
#row4 .whitepapers-feature .medium_box .article-category ul li a  { font-weight:bold;}

body.projects-category .sort-by {
  padding: 3em 0;
  margin-left: -2em; }

.email_text {
  font-size: 2em;
  padding: 1em 0;
  color: black;
  margin-bottom: 1em; }

.checkbox_list {
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  /* border-bottom: 1px solid whitesmoke; */ }

.checkbox_list span {
/*   margin-left: 2em; */ }

.standfirst-videos {
  margin: 1em 0; }

.medium_h4 .article-category {
  font-size: 0.5em;
  margin-top: .4em; }

.sbprod {
  position: relative;
  float: left;
  margin-top: .4em;
  margin-left: 2.4em !important;
  margin: 2em;
  font-size: 1.4em;
  cursor: pointer; }

.sec-col-form input,
.sec-col-form select {
  margin-top: .52em; }

.sec-col-form label {
  border-top: none !important; }

.sec-col-form input {
  border: solid 0.23em #d2d2d8; }

.sec-col-form select {
  width: 100%;
  height: 2.6em;
  box-shadow: 0.05em 0.05em 0.3em 0 rgba(0, 0, 0, 0.2);
  background: white; }

/*# sourceMappingURL=style.css.map */

/*india team styles*/

#cookiepopup {display:none;}
.contactpage form p{border:none;}
.contactpage form input, .contactpage form .select, .contactpage form textarea{ width: 100%;}
.contactpage form select{padding: 0.5em;border: solid 0.2em #d2d2d8; transition: all 0.4s ease-in-out;border-radius: 0px;box-shadow: none;}
.no-minheight{min-height: 0px;}
.home_timeline{display: none;}
.home_timeline .guided-tour.timeline-tour {    box-shadow: 0px -1px 5px #0f1356;
    bottom: 2em;
    left: 1em;
    position: fixed;
    padding: 3em;
    color: #fff;
    background: #010326;
    border: 1px solid #191818;
    visibility: visible;
    opacity: 1;
    z-index: 999999;}
.home_timeline .guided-tour:before{content: '';}
.home_timeline .guided-tour:after{border:none;}
.home_timeline .guided-tour p{font-size: 1em;}
#cookiepopup-continue, a.cookiepopup-learnmore {color: #fff; padding: 3px 10px;font-size: 1.5em; border: 1px solid;margin: 20px 10px;}
.contact-page form input[type="submit"] {background: black;margin: 0.5em 0;padding: .8em;width: 100%;color: #ffd301;font-weight: 300;border: none; }
/*li.activeli, .level_2:hover {background: #484d54 !important; color: white;}*/
.level_2:hover a{color: white !important;}
/******** catgoery & archive page styles ******/
a.nav-link:after,a.nav-link::after{content: '';}
a.nav-link.haschildMenu:after,a.nav-link.haschildMenu::after{content: "\f0d7";}
.tags.menu_tags a{color: white !important;padding: 3px !important;}
.ctanav { /*right: 2em;margin-left:1em;*/ }
span.myaccount {
    font-family: 'Open sans', sans-serif;
    color: #ffffff !important;
    text-transform: uppercase;
    padding-left: .8em !important;
    padding-right: .8em !important;
    font-size: 1.477em !important;
}
.ctanav .dropdown-menu{left: -2em;}
.ctanav .dropdown-toggle::after {width: 7px;height: 7px;vertical-align: 0em;border-top: 0.5em solid;border-right: .5em solid transparent;
    border-left: .5em solid transparent; color: #fff;}
.ctanav .dropdown-menu li {padding: 9px 0; width: 100%;float: left; border-bottom: 1px solid #ccc;}
.ctanav .dropdown-menu li:last-child{border-bottom: none;}
.ctanav .dropdown-menu li a{color: #000 !important;width: 100%;float: left;text-transform: capitalize;font-size: 0.7em !important;}
.update-button input[type='submit'] {
    background: #010327;
    color: #f8d124;
    padding: 1em;
    width: 100%;
    margin-bottom: 3em;
    text-transform: uppercase;
}
.up2, .up3 {margin-top: 0em; margin-bottom: 0em;}

/********** Storefront change */
.supplier-grid article p {font-size: 1.3em !important;}
.supplier-grid article h3 a{font-size: 1.6em;}
.supplier-grid .whitepaper article h3{min-height: 9em;}
/*.suppliers-page .videocat a {font-size: 3em !important;} */
/******** End catgoery & archive page styles ******/
 /*.show>.megamenu, .show>.megamenu.depth_0  .megamenu.depth_1{
  display: block;
  opacity: 1;
 position: absolute;
  width: 100%;
  background: white;
  min-height: 31em;
  z-index: 9999999;
  transition: all 0.5s;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); left:0; }
  
.megamenu.depth_0  {  border:1px solid red;}

.megamenu .depth_1  {  border:1px solid green; position:absolute; right:0%;  background: #f3f3f3;
  min-height: auto !important; }

 nav .megamenu .depth_0 li a,  nav .megamenu .depth_1 li a { color:#676767 !important;}*/
/****************Pagination ***********/
.screen-reader-text {display: none;}
.pagination,.nav-links,.pgfilter {  width: 100%;}
.pagination .page-numbers {
  margin: 0 0.5em; 
  border: none; 
  width: auto; 
  height: auto; 
  line-height: 1; 
  background: #000226; 
  color: white;
  font-weight: bold; 
  padding: 15px 22px; 
  font-size: 1.4em;
}
.pagination .page-numbers.current{background: none;color: #000226;}
.pagination .page-numbers:last-child span,.pagination .page-numbers:first-child span{display: none}
.pagination .page-numbers:last-child { position: relative; text-indent: -5000px; overflow: hidden;transition: all 0.4s ease-in-out;padding:15px 27px;}
.pagination .page-numbers:last-child:after { content: "\f101"; font: 1em/3em fontawesome;text-align: center;
    text-indent: 0; color: white; position: absolute; left: 0; top: 0; right: 0; bottom: 0;
    line-height: 3em;}
.pagination .page-numbers:first-child { position: relative; text-indent: -5000px; overflow: hidden;transition: all 0.4s ease-in-out;padding:15px 27px;}
.pagination .page-numbers:first-child:after { content: "\f100"; font: 1em/3em fontawesome;text-align: center;
    text-indent: 0; color: white; position: absolute; left: 0; top: 0; right: 0; bottom: 0;
    line-height: 3em;}
.pagination .page-numbers.current:last-child:after,.pagination .page-numbers.current:first-child:after {content: '';}
.pagination .page-numbers:first-child{color: #676767}
.pagination .page-numbers:last-child{color: #000;}
.pgfilter {margin: 3em 0;float: left;}
.pgfilter .navigation{text-align: center;}
.pgfilter .page-numbers {margin: 0 0.5em; border: none; width: auto; height: auto; line-height: 1; background: #000226; color: white;font-weight: bold; padding: 15px 22px; font-size: 1.8em;}
.pgfilter .page-numbers.current{background: none;color: #000226;}
.pgfilter .page-numbers:last-child span,.pgfilter .page-numbers:first-child span{display: none}
.pgfilter .page-numbers:last-child { position: relative; text-indent: -5000px; overflow: hidden;transition: all 0.4s ease-in-out;padding:15px 27px;}

.pgfilter .page-numbers:first-child { position: relative; text-indent: -5000px; overflow: hidden;transition: all 0.4s ease-in-out;padding:15px 27px;}
.pgfilter_whitepapers { float: none; }
/************ End pagination *********/

/************* Ajax loader *********/
.loader {
      border: 5px solid #cccccc;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    top: 50%;
    left: 50%;
    /*position: absolute;*/
	position: relative;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/********** End ajax loader *************/
.megamenuthird-show {
    display: block !important;
} 
.register-page .standard-form  .extra-checkbox label{width: 91%;} 
.Spackaging .register-page .standard-form .extra-checkbox label{width: 93%;} 
.register-page .standard-form textarea {border: solid 0.2em #d2d2d8;}
.standard-form .select{border-radius: 0px;border: solid 0.2em #d2d2d8; height: 2.75em;}
.title.tbt_ft a {color: black;}
.megamenuopen{z-index: 998;left: 0;display: none;}
.media-body h4 a{ font-size: 1.1rem !important; color: black !important; font-weight: 600;padding: 0 !important; text-transform:capitalize;}
.megamenu ul li {padding:0 !important;}
.megamenu ul li a{color:#676767 !important; text-transform: none; padding:1em !important; font-size: auto !important; font-weight: 300; display:block; }
.heading-section:before{top: 1.2em}
.megamenuopen {-webkit-transition: -webkit-transform 200ms easy-in-out;;
-moz-transition: -moz-transform 200ms easy-in-out;
-o-transition: -o-transform 200ms easy-in-out;
transition: transform 200ms easy-in-out;;}
/********* End catgoery & archive page styles *******/

h2.megamenu_title a{color: #676767 !important; font-family:'Open sans', "Helvetica Neue", helvetica, arial, sans-serif !important; font-size:2rem  !important; font-weight: 300; padding: 0 !important;}
.sf-page .navbar-nav h2.megamenu_title a{color: #676767 !important; font: 58.5%/1 'Open sans', "Helvetica Neue", helvetica, arial, sans-serif !important; }
.megamenu ul li.activeli a{ color:#FFF !important; text-decoration:none;}
.megamenu ul li.activeli a:hover{text-decoration:none;}
form.standard-form.sort-by div.select { height: auto; border: none;}
/*.level_2 a,.level_3 a{width: 100%;float: left;height: auto;}*/
.archive .loader,#company-az .loader{-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;
position: relative;margin: 0px auto;left: 0;top: 0}
.sort-by .sort-by{padding: 0px;}
div#quick-nav {width: 100%;margin-top: 3em;}
.ser_input,.sf-input-text{ width: 75%;height: auto;line-height: 1;font-size: .85em;float: left; padding: 0.65em;}
.sf-field-search form label{	 width:100%; }
.go{float: right; font-size: 1.3em; margin: 0 0 1em 0; background: #0086ff; padding: 0.5em;border: none;color: #fff;}
li.cat-item label,label.sf-label-checkbox{font-size: 1.4em}
label.sf-label-checkbox{width: 88%; float: right;}
.searchandfilter ul li ul{overflow-y: scroll;height: 450px;}
.searchandfilter ul li ul ul{overflow:inherit;height: auto;}
.filter_btn{ margin: 1em 0; float: left; width: 100%;}
/*.searchandfilter input[type="checkbox"] {  width: 10%;}*/
.searchandfilter li { float: left;}
.searchandfilter ul li ul li ul{margin-left: 0px;}
/******** Contactform error styles ****/
span.wpcf7-not-valid-tip {color: red; font-size: 0.7em; font-weight: 600;float: left;} 
.wpcf7-response-output { top: 0px;text-align: center;width: 100%;padding: 10px;}
.screen-reader-response {display: none;}
.wpcf7-validation-errors,.wpcf7-spam-blocked, .rvalidation.error{color: red;font-weight: 600;font-size: 1.4em; border: 0;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-spam-blocked{ border:0 !important;} 
 .rvalidation.error{ position:relative; }
.wpcf7-mail-sent-ok{color: green;font-weight: 600;font-size: 1.4em;}
.standard-form span.select{border:none !important;height: auto;}
.select select,select.select{    -webkit-appearance: none;-moz-appearance: none;appearance: none;}


.open-share .share-buttons li{opacity: 1 !important; visibility: initial; z-index: 999;}
.open-share .share-button:after { content: '-';    font: 1.4em "Open Sans", helvetica, arial, sans-serif;}


/********** Network menu *************/

.trending h3, .verdict-network h3.com_netwok, .social-media-links h3 {
    text-align: center ;
    margin: 0 0 1em 0 ;
    padding: 2em 0 0 0 ;
    text-transform: uppercase ;
    border: none ;
    position: relative ;
    padding-bottom: 0.5em ;
    border-bottom: solid 1px #ccc ;
     font-size: 2.6em !important;
    font-weight: bold;
}


.mega-menu .trending h3:before {
    content: '';
    background: url('/wp-content/uploads/2016/08/trending.gif') no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    top: 0;
    width: 80px;
    height: 40px;
}
.verdict-intelligence-column {
    border-left: solid 1px #ccc;
    padding-left: 3em;
}
.mega-menu ul {
        list-style: none;
        margin: 0;
    }
        .mega-menu ul li {
            margin: 0;
            text-transform: uppercase;
        }
            .mega-menu ul li a {
                display: block;
                border-bottom: solid 1px #ededed;
                padding: 0.5em 0;
                transition: opacity 0.5s ease-in !important;
                -moz-transition: opacity 0.5s ease-in !important;
                -webkit-transition: opacity 0.5s ease-in !important;
            }
    .verdict-network ul {
        font-size: 0.9em;
        margin: 0 -.9375em 2em -.9375em;
    }
        .verdict-network h4 {
            font-size: 1.4em;
            margin-bottom: 0;
        }
        .verdict-network ul ul {
            margin: 0 0 2em 0;
        }
        .verdict-network li:nth-child(4n+1) {
            clear: left;
        }
        .verdict-network li {
            clear: none;
        }
    .verdict-network .cta {
        text-align: center;
        border-top: solid 1px #ccc;
        margin-top: 1em;
        padding-top: 2em;
    }
        .verdict-network .cta a {
            text-decoration: underline;
        }

.verdict-network h3:before {
    content: "\f0e8";
    font: 1.2em fontawesome;
    position: absolute;
    left: 50%;
    width: 2em;
    margin-left: -1em;
    top: 0.3em
}
.verdict-intelligence-column {
    border-left: solid 1px #ccc;
    padding-left: 1em;
}
    .verdict-intelligence {
        text-align: center;
        text-transform: uppercase;
    }
        .verdict-intelligence a {
            display: block;
            background: #114477 url('/wp-content/uploads/2016/10/global-data-logo-white.png') no-repeat center 40px;
            background-size: 160px;
            color: white;
            padding: 6em 2em 2em 2em;
            position: relative;
            transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
        }
        .verdict-intelligence a:hover {
            color: white;
            background: #0087ff url('/wp-content/uploads/2016/10/global-data-logo-white.png') no-repeat center 40px;
            background-size: 170px;
        }
        .verdict-intelligence a span.vi-cta {
            display: block;
            margin-top: 3em;
            width: 200px;
            margin: 3em auto 0;
            padding: 0.9em 0em 0.7em;
            box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.2);
            -moz-box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.2);
            -webkit-box-shadow: 0 0 0.5em 0 rgba(0,0,0,0.2);
            background: white;
            color: black;
            border-radius: 0.1em;
            -moz-border-radius: 0.1em;
            -webkit-border-radius: 0.1em;
        }
        .verdict-intelligence a:hover span.vi-cta {
            box-shadow: 0 0 1em 0 rgba(0,0,0,0.5);
            -moz-box-shadow: 0 0 1em 0 rgba(0,0,0,0.5);
            -webkit-box-shadow: 0 0 1em 0 rgba(0,0,0,0.5);
        }
		
.verdict-network h4 {
    color: rgb(104,104,104); 
margin-bottom: 0;
text-transform: uppercase;
font-weight: bold; line-height: 26px; }

.verdict-network li:nth-child(4n+1) {
    clear: left;
}
.megamenu .networkmenu {background: rgba(250, 250, 250, 1);  }
.megamenu .container.networkmenu {width:1400px; }
.megamenu .networkmenu ul {}
.megamenu .networkmenu ul li {  padding:0; font-size: 1.2em !important; background: rgba(250, 250, 250, 1);}
.megamenu .networkmenu ul li a {
    color: #0087ff !important;
    outline: 0;
    display: block;
    border-bottom: solid 1px #ededed;
    padding: 0.5em 0 !important;
   text-transform: uppercase; margin: 0;  font-weight:600; font-size: 1.2em !important;
}
.megamenu .networkmenu .verdict-network a:hover {
    color: #59c5fa;
}
.verdict-network ul ul li {
    list-style-type: circle;
}

.megamenu .networkmenu .columns {
    padding-left: .9375em;
    padding-right: .9375em;
    float: left;

}
#row2 .hlistnews .article-category a {
    color: black !important;
}
#sign_up_page .cta-register {
    font-family: Montserrat, "Helvetica Neue", helvetica, arial, sans-serif;
    display: block;
    background: #0b2d4c;
    border: none;
    width: 100%;
    padding: 0.75em;
    box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.19);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: white;
    position: relative;
    z-index: 9;
    text-transform: uppercase;
    margin-top: 1em;
    outline: 0;
    font-size: 1.2rem;
}
#sign_up_page .cta-register:disabled {
    background: #e6e6e6 !important;
    cursor: not-allowed !important;
    text-decoration: line-through red;
}
.contact-add-company form p {
    border: none; overflow:hidden;
}
.wpcf7-form .addheadline{width: 100%;}
.wpcf7-form .addheadline div{float: left;}
.wpcf7-form section {padding: 3em;}
.contact-add-company form input,.contact-add-company  form .select{
  width:100%;
}
.addheadline br{display: none;}
.contact-add-company  .submit-company input[type="submit"] {
    font-size: 1.6em; background: black;color: white; position: relative;display: block; text-align: center; padding: 1em; border: none;}
.contact-add-company .sec-col-form {
    margin-top: 5.3em;
}
.contact-add-company .sec-col-form input,.contact-add-company .sec-col-form select {
    margin-top: 0em;}
.contact-add-company .recaptcha { margin-top: 2.5em;}
form p{min-height: auto;}
/*.add-company {position: static !important;right: auto; margin-left: 4em;}*/
.navbar .container:before{background-image: none !important;background-color: transparent !important;}
.article-follow-button a
{
	    background: #010326;
    font-size: 1.6em;
    color: #ffd200;
    padding: 1em 2em .9em 2em;
}
.filter_btb{display: none;}
.add-to-calendar label {
    font-size: 1em; cursor:pointer;
    margin-bottom: 0px; padding:0 1em 1em 1em;
}
.make_an_enq input[type="submit"]{width: 93%;
    margin-top: 1em;
    margin-bottom: 2em;
    background: #ffd200;
    border: none;
    border-radius: 0;
    padding: 1em 0;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 3px;
    position: relative; cursor:pointer;
    color: #000;
    text-transform: uppercase;
}

.sf-quickcontact{position: inherit;float: left; margin-bottom: 2em;}
.search-results .page-numbers,.search-results-list .page-numbers,.search-results  .pagination .page-numbers:first-child,.search-results .pagination .page-numbers:last-child,.search-results-list  .pagination .page-numbers:first-child,.search-results-list .pagination .page-numbers:last-child{padding: 7px 14px;margin: 0 5px;}
.search-results .pagination .page-numbers:first-child:after,.search-results .pagination .page-numbers:last-child:after,.search-results-list .pagination .page-numbers:first-child:after,.search-results-list .pagination .page-numbers:last-child:after{line-height: 2em}
.navbar.category .container {
    padding-left: 4em;
    max-width: 100%;
}


.button a, button.button {
	background: #010326;
    font-size: 1.6em;
    color: #ffd200;
    padding: 1em 2em .9em 2em;
    font-family: 'Open sans', sans-serif;
    transition: all 0.4s ease-in-out;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
}
	.button a:hover, button.button:hover {
		background: #0198f1;
	}


/*submit Events */

#events_tab .events_box_1 {
    padding: 2em;
        padding-top: 2em;
    background: white;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.04);
    position: relative;
    padding-top: 0; margin-right:12em; flex: 0 0 54%;
}
#events_tab .events_box_2 {
    padding: 2em;
    padding-top: 2em;
    background: white;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.04);
    position: relative;
    padding-top: 0; 
}

#events_tab h2 { 
margin:1.5em 0 1.5em -0.6em;
}


#events_tab h4 {
    position: relative;
    margin: 0;
    top: -0.5em;
    left: -1.5em;
     display: inline-block;
    background: black;
    font-size: 1.4rem;
    color: #ffd200;
    padding: 0.5em 1em;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.19), 3px 5px 6px rgba(0, 0, 0, 0.23);
    font-weight: 500;
    font-family: Montserrat, "Helvetica Neue", helvetica, arial, sans-serif;
    transition: 0.3s all; 

}

#events_tab  form .events_box_1 input, #events_tab  form .events_box_1 select{ width:100%; border: solid 0.1em #d2d2d8;}
#events_tab form .events_box_2  label{width: 89%;}
#events_tab  form .events_box_1 select{ padding: 0.3em;}

@media (max-width: 1280px) {
	
#events_tab h2 { margin:1.5em 0 1.5em 0.6em;}
#events_tab  .row{ margin:0;}
#events_tab .events_box_1 { margin-right:0px;  flex: 0 0 100%; }
}

@media (max-width: 340px) {#events_tab .events_box_1, #events_tab .events_box_2 { padding:2em 0; box-shadow: none; margin-left: -0.7em;}
#events_tab h4 {left:0;} 
 }
@media (max-width: 600px) {
	.search-form form input{ width:100%;}
#searchform .button a, #searchform button.button {width: 100%; padding:0.6em 0em .6em 0em; } 
}
@media (max-width: 1000px) { 
 /**/.search-form form h2 {}
 .search-form form input[type="text"], .search-form-new  form input[type="text"] {
    margin: 0;
    font-size: 1.0em;
}

.search-form form h2, .search-form-new form h2 {
    margin: 0 0 0.5em 0;
    font-size: 1.5em;
    width: 100%;
}
#searchform .button a, #searchform button.button, #searchformmobicon button.button { font-size: 1.0em; padding:0.6em 1.1em .6em 1.1em;} 

}

.search-form-new, .search-form-new  #searchformmobicon { display:none;}

@media (max-width: 988px) {
.active .search-form-new  form#searchformmobicon {display:block;} .search-form-new   {bottom: -2.8em; padding:1.3em 0em; position: absolute;  background: #010324; left:0; right:0; 
  transition: background 0.4s ease-in-out, bottom 0.4s ease-in-out;}}
@media (min-width: 1000px) {
.search-form-new { display:block;}
.search-form-new form#searchformmobicon {display:none;}

body.b2b .search-form-new {max-width: 100%; margin:-1em 0; padding: 0;}
body.b2b .search-form-new form input { width:80%; padding: 0.8em;}
}

/*.search-form-new  {bottom: -8em; padding:1.3em 0em; position: absolute;  background: #010324; left:0; right:0; 
  transition: background 0.4s ease-in-out, bottom 0.4s ease-in-out;}*/
.search-form-new  .row { max-width:100%; margin:auto;}
.b2b #searchsubmitmobicon-d {
    background: rgba(255, 255, 255, 0.22);
    border: 0; font-size: 1.2em;
outline: none;
padding: 0.8em 0.8em 0.8em 0;
width: 20%;
text-align: center; cursor: pointer;
}

.search-form-new .container:before { width:auto; padding:0; content:"";}
.active .search-form-new {
		display: block; visibility:visible; 
	}
.search-form form { position: absolute; padding:0;}



@media (max-width: 992px) { 
.search-form-new {   font-size: 2.5em !important; }
.search-toggle { float:right;}
.search-form-new .row {    max-width: 61%;   }
.search-form-new .search-form form { top:0;}
}

@media (max-width: 768px) { 
.search-form-new .row {    max-width: 70%;   }
.timeline-tour-open .guided-tour {display:none; visibility:hidden;}
}
@media (max-width: 640px) { 
.search-form-new .row {    max-width: 90%;   }
}
@media (max-width: 600px) { 
.search-form-new {    font-size: 2.5em !important; }}
@media (max-width: 480px) { 
.search-form-new .row {    max-width: 100%;   }
.search-form-new  form input[type="text"],  #searchformmobicon button.button { width:100%;}
}
/*
.search-form-new .row {    max-width: 61%;   }
@media (min-width: 900px) {*//*
.b2c .search-form-new  #searchformmobicon { display:none;}  }*/



.site-footer{height: auto; z-index: 5; position: relative;}
.quick-nav-whitepaper{margin: 0 auto;}

.li-footer {     list-style-type: none;    margin: 3em 0; float:right;}
/* Disable button */
input.wpcf7-form-control.wpcf7-submit.cta-register:disabled, input.wpcf7-form-control.wpcf7-submit:disabled { 
  background: gray;
  cursor: default; 
}
figcaption.caption {
    padding-top: 7px;
    font-size: 0.75rem;
    font-weight: normal;
    padding-left: 20px;
    /* margin-top: -1px; */
    line-height: 13px;
    color: #999;
    
}
figcaption.caption:before {
    content: "\f030";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #999;
    font-size: 14px;
    padding-right: 0.5em;
    position: absolute;
    /* top: -1px; */
    left: 15px;
    /* padding-right: 4px; */
    /* right: 16px; */   
}
@media (max-width: 992px) {
footer img {
  max-width: 17em;
  margin: 3em 0; } 
  .li-footer { margin:0 0 3em 0;} 
  .site-footer  .col-lg-4{max-width:30%;}
  .site-footer  .col-lg-8{max-width:70%;}
  .li-footer li {margin:2em 0.5em;}
  
  }
    @media (max-width: 640px) {  .site-footer  .col-lg-4{max-width:100%; text-align: center;}
  .site-footer  .col-lg-8{max-width:100%; }   .li-footer li {margin:1em;}
  .colophon  p{text-align: center;}
  footer img {
  max-width: 17em;
  margin:2em 0 0em 0; } 
  
  .li-footer li {
    margin: 0.5em 0em;
    width: 100%;
	text-align: center;} }
  
  
  @media (max-width: 480px) {  .site-footer  .col-lg-4{max-width:100%; text-align: center;}
  .site-footer  .col-lg-8{max-width:100%; }   .li-footer li {margin:1em;}
  .colophon  p{text-align: center;}
  footer img {
  max-width: 17em;
  margin:2em 0 0em 0; } 
  
.li-footer li {
    margin: 0.5em 0em;
    width: 100%;
  text-align: center;}
  
  
.pagination .page-numbers , .pagination .page-numbers:last-child, .pagination .page-numbers:first-child{   margin: 0 0.2em; padding: 10px 15px;}

#energy-section .col-lg-6 {
  max-width: 94%; }

  .advertising-contacts {
    padding: 1em 1em 1em 0; } .advertise-page .storefront-enquiry { padding:0}
  .advertise-header { padding-bottom:1em; background: white; position: relative; z-index: 9;}
  }
 .pagination .page-numbers {  line-height:4em; }
 
   @media (max-width: 460px) {  
 span.add-to-calendar {  top: 2.5em; font-size: 0.8em; right:0;}
 
   .brochure-avl { margin: 2em 0;}
   
   }
   .pgfilter .page-numbers.current {
    background: none;
    color: #676767;
}

@media (max-width: 1000px) {
.contact-add-company .sec-col-form {
    margin-top: 0em; 
}
.wpcf7-form section { padding:1em ; }

.sticky-mpu-event.banner-fixed {
  position: relative;
  }


 }
.col-md-4.whitepaper { display:flex;}
 
.category .navbar .container.category-menu  {margin: auto; max-width: 1340px;}
@media (max-width: 400px) {
.contact-add-company .recaptcha {
    margin-top: 1.5em;
margin-left: -0.5em; }

.bg-add-company  .container {padding:0 5px; padding-left:5px; padding-right:5px;} 
.contact-add-company {
    background: white;
    padding: 0em;
    margin-bottom: 2em !important;
    max-width: 100%;
    margin: 0 auto;
}
#wpcf7-f65626-o1 .wpcf7-form section{ padding:0;}
#wpcf7-f65626-o1 .col-lg-12.details_box { padding:0;}
.storefront-enquiry .advertising-contacts:before { z-index:-1;}

.advertising-contacts form button, .advertising-contacts form input , .advertising-contacts form input.button {width:100%;}

.benefits-numbers {max-width: 100%;}
.benefits-numbers h3 { font-size:3em;}
.benefits-numbers .col-lg-6:first-of-type { border:none;} 
}
.select{display:block;}

.video-thumbnail iframe {width: 100%;}
div#company-az section#number{border-top: none;}
div#company-az .letter .cf{
    margin-bottom: 0;
    border-top: solid 5px #010324;
    padding-top: 2em;
}
.item-grid .article-category li {
    padding: 0;
}
/*
.guided-tour {
  padding: 3em 3em 3em 8em;
  box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.3);
  position: absolute;
  left: -46em;
  bottom: 0%;
  max-width: 44em; width:94%;
  opacity: 0;
  margin-top: 3em;
  visibility: hidden;
  z-index: -999;
  background: #010327;
  transition: opacity 0.4s ease-in-out, bottom 0.4s ease-in-out; }
  
  */
.input-group form { width:100%;}
.right-addon {    margin-right: 1.0em; width: 18%; flex:1.5;}
.mobilesearch.right-addon {    margin-right: 0;}
.add-company { margin:0 2.2em 0 0;  }
.newsletter-box button, .newsletter-box input.btn {outline:0;}
.advertise-page .newsletter-box {padding: 5em 2em;}
.gc-reset{
transform:scale(0.90) !important;
-webkit-transform:scale(0.90) !important;
transform-origin:0 0 !important;
-webkit-transform-origin:0 0 !important;
}




/*article.css*/

@media (min-width: 870px) {

.entry-content .whitepaper-promo:before {
			content: "\f15c";
		    font: 7em fontawesome;
		    position: absolute;
		    left: -1.2em;
		    top: 0.15em;
		    color: #e4e4e4;
		}
		.entry-content .promo h3 {
			font-size: 1.4em;
			background: none;
			padding-left: 0;
		}


}

@media (max-width: 400px) {
.about-whitepapers h2 {font-size: 38pt; width: 240px; }

.newsletter-box .container{ padding:0; padding-right:0px;
padding-left: 0px;}

.lead-capture-form {
  background: #f8d448;
  padding: 3em 1em;
  margin: 0 -1em 0 0em;
  position: relative; }
 .sidebar.whitepaper-sidebar { max-width:320px;} 
 .lead-capture-form h2 {
    font-size: 1.8em;
 margin: -1.65em 0em 3em -0.5em; }
 
 }

}
@media (max-width: 480px) {
 .entry-content .email-capture form input { width:100%; margin-bottom: 0.5em;}
 .entry-content .email-capture form input[type="submit"]{width: 45%;} 
} 

.related li h4 {
        margin: 0.5em 0 0.5em 1em;
}



.category-content .article-list .share.open-share ul.share li { visibility:visible; z-index: 999;}
.category-content .article-list .share.open-share .share-button:after { content:'\f068';}
 @media (max-width: 739px) {
.social-networks {    width: 21em;     top: -3.5em; margin-left:-100%; 
}}
@media (max-width: 759px) {
.entry-header {
padding-bottom: 12em !important;
}} 

#events_tab form p {border-top: solid 0px rgba(0,0,0,0.1);} 

.sf-field-search form label{	
	width:100%;
}
.sf-field-search .sf-input-text {padding: 0.65em; }
#events_tab  form span.wpcf7-list-item { margin:0; } 


.add-company a {
    background: #047aff;
}
h3.titel-videos { font-size: 1.2rem; margin-top: 0.5em;} 

.morecontent span {	display: none;}
.morelink {	position: relative;     font-size: 10px; color: #949494; cursor: pointer; border: 1px solid gainsboro; padding: 7px; font-weight: 400; left: 0; text-align: center;
 display: block;  margin-top: 1.4em; width: 40%; }
 .contact-add-company .submit-company input[type="submit"] {
    cursor: pointer;
} 

.add-to-calendar-checkbox:checked ~ a {margin:0em !important; color: #333; border-bottom:1px solid #fff; background:#EEEEEE; margin-left: 0em !important; padding:0.8em 1em;} 
span.add-to-calendar { padding:1em 0 0em 0;}
.article-author.tax_aut {
    margin: 0;
    padding: 0.5em 0;
}
.secondary-article-list li.search-sf-list {
    margin: 0;
    line-height: 0.4;
    padding: 0;
}

.latest-suppliers .col-md-4 { display:flex;}
.item-grid.supplier-grid li article { padding-bottom:3em;} 
.item-grid.supplier-grid li.whitepaper article { padding-bottom:1.5em;} 


.home .thenews h3 {
    font-size: 1.6em;
    min-height: 3em;
}

.category-header h1 {
    text-transform: capitalize;
}

/********** Search result page styles ***/
.searchandfilter select.sf-input-select {
    min-width: 100%;
    border: solid 0.2em #d2d2d8;
    padding: 10px;
    color: #676767;
    font-size: 0.8em;
}
.current-refinements {
    display: none;
}

section#row4 .article-category ul {
  margin-bottom: 1.6em;
}
section#row4 .whitepapers-feature .article-category ul li a {
  background: #0285ff;
  color: black !important;
  font-weight: 900;
  font-size: 1.1em !important;
}

 #row4 .videos-feature .article-category ul li a {
  font-size: 0.6em !important;
letter-spacing: 0.5px;
padding: 0.6em;
text-transform: uppercase;
 font-weight: bold;}

#row4 .whitepapers-feature .medium_h4 {
  padding-right: 1.6em;
}
.tab-3 .sf-head-card {
  text-align: center;
}
.sf-head-card img {
  max-width: 18em;
  width: auto;
}
 
.share-compelo {
  margin: 2em 0;
  background: white;
  text-align: center;
  width: 5em;
  margin: 7% auto 2.2em auto;
  position: relative;
}

.share-compelo ul {
  list-style-type: none;
  padding:0;
  text-align: center;
  vertical-align: middle;
}

.share-compelo i {
  font-size: 1em;
  vertical-align: middle;
  line-height: 2;
}

.more_share {
  padding-bottom: 1em;
  display: block;
  padding-top: 1em;
  vertical-align: middle;
  cursor: pointer;
  font-size: .5em;
}

.share_twitter:hover {
  background: #55acee;
  cursor: pointer;
}

.share_facebook:hover {
  background: #3b5999;
  cursor: pointer;
}

.share_linkedin:hover {
  background: #0077B5;
  cursor: pointer;
}

.share-compelo ul li:hover i {
  color: white;
}

.share_envelop:hover {
  background: black;
  cursor: pointer;
}

.more_share i {
  font-size: .9em;
  vertical-align: middle;
  padding-right: .3em;
}

.share_twitter i {
  color: #55acee; 
}

.share_facebook i {
  color: #3b5999;
}

.share_linkedin i {
  color: #0077B5;
}

.share_envelop i {
  color: #34465d;
}

.share-compelo.horizontal {
  width: 15.8em;
  float: left;
  background: transparent;
}

.horizontal ul li {
  display: inline-block;
  padding: 0 1em;
}

.horizontal .more_share {
  display: inline-block;
  padding: 0 1em;
}

.more_sharing {
  position: absolute;
  top: 0;
  left: 70px;
  display: none;
  background: white;
  overflow: auto;
  padding: 1em;
  width: 14em;
  min-height: 9.2em;
  z-index: 9;
}

.display {
  display: block;
}

.copylinks {
  padding-bottom: 15px;
  display: block;
  border-bottom: 3px solid #000;
  overflow: auto;
  font-size: .6em;
  letter-spacing: 0;
  font-family: 'Helvetica', sans-serif;
  font-weight: 400;
}
.copylinks input {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 15px;
  padding: 5px 0 5px 5px;
  font-size: .6em;
}
.sharesf {
  font-size: .8em;
  margin-left: -1em;
  text-transform: uppercase;
}
.search-form {
  display: none;
}
.close {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1em;
  cursor: pointer;
}
.headersf {
  height: 33.7em;
}
@media (min-width: 1250px) {
    .button.add-company {
      float: right;
      margin-left: 1em;
      width: 20em;
  }
  .add-company a {
    background: #047aff;
    padding: 1.2em 1.5em;
    color: white;
    font-size: 1.2em;
  }
  li.tab-link.no-content2 {
      opacity: .4;
  }
}
.follow a {
  background: #ffd200;
  padding: .5em 5em;
  font-weight: 600;
  font-size: 0.7em;
}
.products-sidebar-container img {
  max-width: 70px;
}
.inputnav .search-form {
  display: block;
}
figcaption.wp-caption-text {
  font-size: 1.35em;
  padding: .5em;
  font-style: italic;
  border: 1px dotted #dbdbdb;
}
figure {
  max-width: 100%;
}
img {
  max-width: 100%;
  height: auto;
}
p#start {
  display: block;
}
.inputnav .search-form {
  display:   none;
}
.inputnav.active .search-form {
  display: block;
}
.no-content2 {color: #ccc; opacity: 0.5; } 


div#lnhome {
  margin-top: 4em;
  margin-bottom: 4em;
}
div#lnhome .article-image {
  margin-left: 0em;
  padding-left: 2em;
}
div#lnhome h2 {
  font-size: 2.2em;
  padding: 0.5em 0;
}

.readmorelabel {
  position: relative;
  margin-top: -18px;
  background: #00c6ff;
  color: white;
  font-size: 1.5em;
  z-index: 9;
  font-weight: 900;
  padding-right: 1em;
  margin-left: -1em;
}
.readmorelabel img {
  max-width: 5em;
  padding-right: 1em;
}
.readmore-img img {
  max-height: 12em;
  margin-top: 3em;
}
.readmorestrip {
  background: #ececec;
  padding: 1em;
  margin: 4em 0;
}
.readmore-txt h2 {
  font-size: 2.3em;
  margin-top: 1.7em !important;
  line-height: 1.3;
}
.readmore-txt h2 a {
  text-decoration: none;
}
.relatedcompelo article {
  padding: 0 !important;
}
.relatedcompelo h4 {
  font-size: 1.2rem;
  margin-left: -1em;
}
.relatedcompelo {
  padding-top: 4em;
  margin-bottom: 4em; width:100%;
}
.readmorerelated {
  background: transparent;
  color: black;
  border-top: 5px solid #010327;
  padding-right: 2em;
  margin-top: 3em;
}
.relatedcompelo h4 {
  font-size: 1.1rem;
  margin-left: -1em;
  padding-top: 0.6em;
}




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

Chris Boyle 1 May 2018: Compelo.com B2C Section Site Header 

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

.follow-cta {
  padding-top: 2em;
}
.follow-cta p {
  display: inline-block;
  position: relative;
  top: -0.7em;
  margin-right: 0.5em; font-weight:400;
}
.social-media-icons {
  display: inline-block;
}
  .social-media-icons li {
    display: inline-block;
    margin: 0 1em 0 0;
    width: 4em;
  }
    .social-media-icons li a {
      display: block;
      width: 3em;
      height: 3em;
      text-indent: -5000px;
      overflow: hidden;
      position: relative;
      border-radius: 2em;
      background: #00aced;
    }
      .social-media-icons li a:after {
        content: "\f099";
        font: 1em/3em fontawesome;
        text-indent: 0;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        color: white;
      }
    .social-media-icons li.facebook a {
      background: #3b5998;
    }
      .social-media-icons li.facebook a:after {
        content: "\f09a";
      }
    .social-media-icons li.linkedin a {
      background: #0077B5;
    }
      .social-media-icons li.linkedin a:after {
        content: "\f0e1";
      }
    .social-media-icons li a:hover {
      background: #12155c;
    }

.header-cta.debrief strong {
    display: block;
    font-size: 1.8em;
    margin-bottom: 0em;
    margin-top: -0.6em;
    font-weight: bold;
    color: #010429;
}
.header-cta.debrief small {
    font-size: 100%;
    width: 18em;
    display: inline-block;
    color: black;
}


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

Chris Boyle 2 May 2018: Compelo.com B2C Section Home Page 

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

/* Sectors Menu */
.sectors-menu {
  position: relative;
}
  .sectors-menu .sectors-dropdown {
    position: absolute;
    background: white;
    box-shadow: 0.1em 0.1em 1em 0 rgba(0,0,0,0.1);
    left: 0;
    margin: 0;
    width: 26em;
    top: 2.5em;
    opacity: 0;
    z-index: -9999;
    visibility: hidden;
    transition: opacity 0.4s ease-in-out, top 0.4s ease-in-out;
  }
  .sectors-menu:hover .sectors-dropdown {
    top: 3.8em;
    opacity: 1;
    z-index: 9999;
    visibility: visible;
  }
  nav ul li.sectors-menu .sectors-dropdown a {
    color: #333;
    padding: 0.8em;
    display: block;
    border-bottom: solid 1px #f7f7f7;
    transition: opacity 0.4s ease-in-out;
  }
    nav ul li.sectors-menu .sectors-dropdown a:hover {
      background: #ebebeb;
    }

.b2c .single .nav-link, .category .nav-link, .project .nav-link, .whitepaper-download .nav-link, .sf-page .nav-link {
 /* padding: 1.5em 1em;*/ padding: .5rem 1rem;
}
.b2c .megamenu {
  padding-bottom: 2em;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1);
}
.b2c .megamenu .networkmenu ul li {
    background: none;
  }
  .b2c .megamenu .networkmenu ul li:hover {
      background: none;
    }
    .b2c .megamenu .networkmenu ul li a {
      text-transform: none;
    }
.b2c nav .container, .category .navbar .container {
  padding-left: 15px !important;
}
.b2c.home #navbarSupportedContent, .b2c #navbarSupportedContent {
  border-top: solid 3px #010327;
  border-bottom: solid 3px #010327;
  padding: 0; margin:0.5em 0 0 0;
}

 .b2c.single .navbar-brand {display:none !important;}
  .b2c.home .navbg {
    background: white;
  }
    .b2c .navbar-light .navbar-nav .nav-link {
      color: #010327;
      padding: 1.05em;
    }
    .b2c .sectors-toggle {
        font-size: 1.4em;
        text-transform: uppercase;
        cursor: pointer;
        font-weight: normal;
        letter-spacing: 0.05em;
        display: inline-block;
        position: relative;
        background: #f7f7f7;
        padding: 1.15em 2.5em 1.15em 0.8em;
    }
      .b2c .sectors-toggle:after {
        content: "\f0c9";
        font: 1em fontawesome;
        position: absolute;
        right: 0.8em;
        top: 50%;
        height: 1em;
        margin-top: -0.5em;
      }
    .b2c .megamenu .networkmenu {
      background: none;
    }

.b2c.home #latest-news, .category #latest-news, #latest-news-new {
  background: white;
}
  .b2c.home #latest-news .energy-spheres {
    opacity: 0.05;
  }
  .b2c.home.loaded #latest-news .energy-spheres {
    opacity: 0;
  }
    .b2c.home #latest-news h1 span, .b2c.category #latest-news h1 span, .b2c.category #latest-news-new  h1 span{
      background: white;
      color: #080a3c;
    }
    .b2c.home #latest-news h1:before {
      background: rgba(0, 0, 0, 0.5);
    }
    .b2c.home.loaded #latest-news h1:before {
      background: #080a3c;
    }

.news-box-big:hover .big_title .button a:hover {
  color: white;
}

.b2c.home .thenews h3 {
  min-height: 0;
}

.b2c.home .news-box-big:hover {
    box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.1);
}
.b2c.home .big_title, .b2c.category .big_title {
  background: rgba(255,255,255,0.9);
  overflow: hidden;
}
  .b2c.home .big_title .title a, .b2c.category .big_title .title a {
    color: #010322;
  }
.b2c .news-box-big:hover .big_title, .b2c.category .news-box-big:hover .big_title {
  box-shadow: 0 0 4em 0 rgba(0, 0, 0, 0.1);
  overflow: visible;
}


  .b2c .news-box-big:hover .big_title .button a, .b2c.category .news-box-big:hover .big_title .button a {
    background: #0198f1;
  }
  .b2c .news-box-big:hover .big_title .button a, .b2c.category .news-box-big:hover .big_title .button a {
    background: #010326;
  }
.b2c.home #latest-news .medium_title, .b2c.category #latest-news .medium_title, .b2c.home #row2 .medium_title {
  background: rgba(255, 255, 255, 0.89); padding: 2em 0em 0 2em;
}
  .b2c .medium_title .label {
    margin-right: 1em;
  }
  .b2c.home #latest-news span.data, #row2 span.data, .b2c.category #latest-news span.data {
    color: #666;
  }
.b2c.home #latest-news .news-box-medium:hover, .b2c.category #latest-news .news-box-medium:hover {
    box-shadow: 0 0 2em 0 rgba(0, 0, 0, 0.1); 
}
.b2c.home .title a, .b2c.category .title a {
  color: #010327;
}

/* .b2c.home #latest-news .news-box-medium .article-category ul li a, .home #latest-news .news-box-big .article-category ul li a, .archive #latest-news .news-box-medium .article-category ul li a, .archive #latest-news .news-box-big .article-category ul li a {
  color: white !important;
} */

.b2c.home #row2 .heading-section span, .b2c.home #row2 .medium_title, .archive #row2 .heading-section span, .archive #row2 .medium_title, .b2c.home #row3 .heading-section span, .b2c.home #row3 .medium_title, .archive #row3 .heading-section span, .archive #row3 .medium_title, .b2c .sidebar .heading-section span  {
  background: rgba(255, 255, 255, 0.9); 
}
.b2c .sidebar .heading-section span  {
position: relative;  }

.b2c #row2 {
  background: #ebebeb;
}
.b2c #row2:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 100%;
  right: 0;
  top: 0;
  background: #3a89fc;
  transition: bottom 0.3s ease-in-out;
}
.reached-row2.b2c #row2:before {
  top: 0;
}
.b2c #row2:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 100%;
  background: white;
  transition: bottom 0.5s ease-in-out;
  transition-delay: 0.3s;
}
.reached-row2.b2c #row2:after {
  bottom: 0;
}
.b2c.home #row2 .heading-section:before, .b2c .sidebar .popular-sidebar .heading-section:before {
  border-top: solid 1px #0285ff; top: 1.2em; }
.b2c .sidebar .popular-sidebar .heading-section {margin-left: 0.7em;
margin-top: 0;
margin-bottom: 0;}
.b2c .sidebar .popular-sidebar {position:relative;}
.b2c .sidebar .popular-sidebar .heading-section:before {z-index:0; /* width: 90%;*/ top: 0.7em; left: 0.3em;}
.b2c #row2 a {
  color: #080a3c;
}
.b2c.reached-row2 #row2 .popular li a {
    color: white;
  }
  .b2c #row2 .popular li:first-of-type a {
      color: #010321;
    }
    .b2c.reached-row2 #row2 .popular li:first-of-type a {
      color: white;
    }
.b2c .popular li:first-of-type a {
  color: white;
}


@media (max-width: 1600px) {
  .b2c  .header-cta.debrief small {
    width: 16em; color:#fff;
  }
  .b2c .header-cta:hover small {bottom: -1.2em;}
}
@media (max-width: 1190px) {
  .b2c nav .container {
    padding: 1em 0;
  }
}
@media (max-width: 992px) {
  .b2c .home .site-header {
    box-shadow: 0 0 3em 0 rgba(0,0,0,0.1);
  }
  .b2c  #latest-news {
    padding: 4em 2em;
  }
  .b2c .follow-cta {
    display: none;
  }
}
@media (max-width: 992px) and (min-width: 600px) {
  .home #latest-news .news-box-medium, #row3 .news-box-medium {
      width: 50%;
  }
}
@media (max-width: 768px) {
  .b2c .home .big_title {
    position: relative;
    height: auto;
    padding: 0;
  }
  .b2c  .home .big_title .button {
      display: none;
    }
}
@media (max-width: 460px) {
  .b2c  .site-logo img {
    margin-top: 1.6em;
  }
  .b2c  #latest-news {
    padding: 4em 1em !important;
  }
  .b2c  .news-box-big:hover .big_title {
      height: auto;
      box-shadow: none;
    }
    .b2c  .home section {
    padding: 4em 2em !important;
  }
  .news-box-big {
  	max-height: 100em;
  }
  .b2c.home #latest-news .big_title, .b2c.category .big_title, #latest-news .article-image {
  	/* position: static; */
    height: auto;
    padding: 1em;
    bottom: 4em;
  }
  	.b2c.home #latest-news .big_title .firstp {
  		display: none;
  	}
}
.b2c #menu-header-menu .themegamenu:hover .megamenuopen{	display:block;}


/******* Projects Styles *******/
.single-projects li.item .caption {
    position: absolute;
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    font-size: 1rem;
    text-align: left;
    padding: 2%;
    bottom: 6px;
    margin-bottom: 0px;
    height: auto;
    max-width: 100%;
    min-width: 100%;
}
.single-projects .owl-prev,.single-projects .owl-next {
    z-index: 1;
    background-color: #fff;
    border-radius: 100px;
    box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.19);
    width: 3em;
    height: 3em;
    line-height: 3em;
    text-align: center;}
.single-projects .owl-prev{left: -1.5em; float: left;position: relative;}
.single-projects .owl-next {float: right;right: -1.5em; position: relative;}
.gallery .owl-nav {top: 50%;width: 100%;}

.single-projects #myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}
.single-projects #myImg:hover {opacity: 0.7;}
/* The Modal (background) */
.single-projects .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.single-projects .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image */
.single-projects #caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
    font-size: 17px;
}

/* Add Animation */
.single-projects .modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.single-projects span.close {
    position: absolute;
    top: 8%;
    right: 23%;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
     border: 3px solid;
    border-radius: 100%;
    width: 1em;
    height: 1em;
    line-height: .8em;
    text-align: center;
}

.single-projects span.close:hover,.single-projects span.close:focus { 
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .single-projects .modal-content {
        width: 100%;
    }
}

.sf_artags li{background:transparent !important}
.sf_artags a {
    color: #fff !important;
}

.featured-image img {
    width: 100%;
}

div#lnhome .col-md-8.article-text {
  border-top: none;
  padding-top: 0;
}
/*div#lnhome .col-md-8 {
  border-top: 1px solid #d0d0d0;
  padding: 2em 0 1.5em 0.9em;
}*/
div#lnhome ul .ajax_row {
  border-top: 1px solid #d0d0d0;
  padding: 2em 0 1.5em 0.9em;
}
#menutrending.megamenu ul li:hover {
  background:  transparent !important;
}
#menutrending.megamenu ul > li:hover:after {
  content: "";
  display: none;
}
.home .navbar-brand, .b2c .navbar-brand  {
  display: none;
}

.b2b  #navbarSupportedContent {
    margin: 0;
    padding: 2em 0; }

.single #mainmega {
  line-height: 1;
  margin-left: 2em;
}

.b2c.archive #mainmega {
  line-height: 3;
  margin-left: 2em;
}
.single .navdotcom {
  border-bottom: 5px solid #b0b0b0;
}
#lnhome p {
  font-size: 1.6em;
  line-height: 1.2;
}

.b2c .verdict-network ul ul li {
    list-style-type: none;
}

.b2c #row3 .medium_h4 a {
  line-height: 1;
}
.b2c #row3 .medium_h4 {
  line-height: 1.4;
  margin-left: 1em;
  margin-bottom: 1.2em;
}

.b2c .heading-section {
  font-weight: 900;
}
.b2c .heading-section span {
  color: black !important;
}

.b2c.archive #navbarSupportedContent {
  border-top: none;
  border-bottom: none;
  padding: 0;
  margin-top: 0;
}
.b2c.archive .navdotcom .container {
  border-top: solid 3px #010327;
  border-bottom: solid 3px #010327;
}
.b2c.archive #navbarSupportedContent {
  border-top: none;
  border-bottom: none;
}
/*.b2c.single #navbarSupportedContent {
  border-top: none;
  border-bottom: none;
}*/

.b2c .category-content .article-list .share .share-button {
  display: none;
}

.b2c.archive .navdotcom {
  margin-top: 2em;
}
.b2c .category .timeline li article {
  padding: 1em;
}
.b2c .featured-article:after {
  display: none;
}
.b2c .featured-article:before {
  display: none;
}
.b2c .category-content .article-list li.featured-article .article-text {
  /*position: absolute;
  top: 60%;
  left: 41%;
  width: 78%;
  max-height: 28em;
  padding: 3em;
  background: rgba(255,255,255,0.9);
  margin: -12em 0 0 -30%;
  transition: all 0.4s ease-in-out;
  padding-top: 0;*/
}



.b2c .news-box-medium .article-category ul li a, .b2c .news-box-big .article-category ul li a {
  color: white !important;
  background: #010428;
  font-weight: bold;
  font-size: 1.1em !important;
}

.b2c #row2 .news-box-medium .article-category ul li a, .b2c #row4 .whitepapers-feature .medium_box .article-category ul li a {
  background: #010429;
  color: white !important;
}

.b2c .article-category a, .b2c .entry-content .promo h3, .b2c .company-mentions h3 {
  padding: 0.5em 0.5em 0.35em 0.5em;
}

.b2c .category .article-list .article-date:after {
  display: none;
}

.b2c .verdict-network h4 {
  color: #3f404a !important;
}

.c2b .trending h3, .verdict-network h3.com_netwok, .social-media-links h3 {
  color: #7c7c7c;
}

#menu-header-menu .themegamenu:hover .megamenuopen {
  display: block;
}

.navbar-light .navbar-nav .nav-link {
  color: rgb(255, 255, 255); 
}

nav .mr-auto {
    width: 63%; flex:7;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgb(255, 255, 255);
}

.b2c .navbar-light .navbar-nav .nav-link:focus, .b2c .navbar-light .navbar-nav .nav-link:hover {
  color: black;
  text-shadow: 0.4px 0px;
}

.youmight {
  position: absolute;
}

.term-head {
    display: inline-block;
    margin-top: 2em;
}
.term-head a {
   
    font-weight: bold;
    max-width: 120px;
    font-size: 1.8em;
  
    position: relative;
    display: block;
}
  /*.term-head a:after {
    content: "\f02b";
    font: 0.9em/2em fontawesome;
    position: absolute;
    right: 0.3em;
    top: 0;
    bottom: 0;
    display: block;
    width: 1em;
    color: #11155b;
}*/


.whitepapers-container .term-head a {margin-top: -0.5em;}

.article-date-col .term-head a {
background: white;  margin: 0.3em auto .3em auto;   padding: 0.3em 2em 0.4em 0.5em;}
   
.article-date-col .term-head a:after {
    content: "\f02b";
    font: 0.9em/2em fontawesome;
    position: absolute;
    right: 0.3em;
    top: 0;
    bottom: 0;
    display: block;
    width: 1em;
    color: #11155b;
}


.single-page-in h1.term-head a {
  color: #373737;
  font-weight: 300;
  letter-spacing: 1px;
}
.entry-content p, .entry-content ul, .entry-content ol {
  font-weight: 400 !important;
  color: #171717;
}
.archive .share-compelo {
  display: none;
}
.related li h4 {
  margin: -5px 1em 0 0;
  font-size: 1.8em;
  line-height: 1.4;
}

.related li.col-md-6 {
  margin-bottom: 1em;
}

.b2c .related .article-category {
  margin-top:  8px;
  font-size: .8em;
}

.b2c .related li h4 {
  margin: 0 1em 0 0;
  font-size: 1.8em;
}

@media (max-width: 1600px) {
.category .article-list li:first-of-type .article-date {
      margin-top: 4em !important;
  }
}



.related-headline-content.related-headline {position: relative; margin: 4em 0 1em 0;}
.contributor_page { margin:4em 2.5em; }
.about_us_content { border-bottom:2px solid #ccc; padding-bottom: 3.5em; overflow:hidden;   margin-bottom: 3.5em;}
.author-profile { float:left;}
.contributor_page  .author-profile { min-height: 16em; min-width: 28.5em;border: 0px solid red;margin-right: 3.5em; text-align: center;}
.contributor_page .contributor_article{margin-bottom: 1.5em; border-bottom:1px solid #ccc; padding-bottom:1.5em; }
.contributor_article h4.c_title {margin-bottom: 1.0em;}
.contributor_article p{line-height: 1.6em;}
.sf-card-body { margin-bottom:3em;}
.sfcard .follow{ margin-top: 1.7em; }
.sfcard .follow a {   padding: .5em 4em;    font-size: 1.2em; }
.sfcard .share-compelo i {     font-size: 2.5em;    vertical-align: middle;    line-height: 2; min-width: 0.8em;}
.sfcard .sharesf{font-size: 1.5em; color: #fff;}
.sfcard .horizontal ul li{ padding: 0 1.12em;}
.sfcard .share-compelo.horizontal {     width: 23.8em; }

.compNewsStrip h1:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    right: 50%;
    height: 0px !important;
    background: rgba(255, 255, 255, 0.5);
    display: block;
    transition: all 4s ease-in-out;
}
.sfcard .company_desc  { font-size:1.2em;}

.ctanav {
  display: block;
 /* width: 29em; min-width: 13em; width: auto;
 flex:1;*/ text-align: right;
}
.article-category li {
  display: inline-block;
}
.article-category ul {
  display: block;
  width: 100%;
}

.entry-header .article-date, .entry-header .article-category {
    opacity: 1;
   
}
.ar_pr_cat ul{margin: 0.5em 0 0.5em 0em;}

.ar_pr_cat a {
    text-decoration: none;
    font-size: 1.5em !important;
}

body.b2c .big_title p, body.b2c .news-box-big:hover p { color: #010322;  }
body.b2b .big_title p, body.b2b .news-box-big:hover p { color: #fff !important;  }
body.b2b.Spackaging .big_title p, body.b2b .news-box-big:hover p { color: #333; }




.relatedtextblock {
  padding-left: 0;
  margin-left: -7px;
}

.guided-tour {
  display: none;
}

.share-compelo.horizontal {
    font-size: .7em;
}

.article-category.tags.sf_artags ul {
  background: #efefef;
}
.article-category.tags.sf_artags {
  background: #efefef;
  margin-left: 0;
}
.headersf {
    height: auto !important;
    padding-bottom: 2.7em;
}

.pop_editor .article-category ul li a:before {
content: " "; }

.pop_editor .article-category ul li  { padding:0; background:transparent !important;box-shadow: none;}
#row2 .hlistnews .article-category a {
  background: #b5ebf5;
}
.secondary-article-list li img.sup_logo {     width: 25%;}


.news-box-big img {
    min-width: 100%; 
}

a.nav-link.haschildMenu:hover:after{content: '\f106' !important;  font-size: 13px;}

/* About Page */
.page-id-1794 h1 { 
  display: none; 
} 
.about-header { 
 /* position: fixed; */ position:absolute; 
  left: 0; 
  right: 0; 
  top: 20em;
}
  .about-header img.office-image {
    opacity: 0;
    transition: opacity 4s ease-in-out;
  }
  .loaded .about-header img.office-image {
    opacity: 1;
    width: 100%;
  }
  .about-header h1 { 
    display: block;
    position: absolute;
    width: 10em;
    left: 50%;
    margin-left: -5em;
    top: 55%;
    opacity: 0;
    transition: opacity 2s ease-in-out, top 2s ease-in-out;
    transition-delay: 3.5s;
  }
    .loaded .about-header h1 {
      top: 45%;
      opacity: 1;
    }
    .about-header h1 img {

    }
.about-content { 
  margin-top: 20%;
  background: white;
  position: relative;
  padding: 5em 0;
}
  .about-content p, .about-content h2, .about-content h3 {
    position: relative;
  }

.post-content p {
  line-height: 1.5;
}
.get-in-touch {
    background: #dbf6fd;
    position: relative;
    padding: 4em;
    margin: 3em 0 0 0;
}
  .get-in-touch p:last-of-type {
    margin-bottom: 0;
  }


@media (min-width: 768px) {
  .about-content:before {
    content: '';
    position: absolute;
    left: -5000px;
    right: -5000px;
    top: 0;
    bottom: 0;
    background: white;
    display: block;
    box-shadow: 0 0 3em 0 rgba(0,0,0,0.15);
  }
}

@media (min-width: 1280px) {
  .about-content {
    margin-top: 40%;
  }
}

.page .post-content {
  text-align: center;
}
 .page .post-content .post-content {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
  }

.site-footer p {
  color: white;
}
.popular.pop_editor li a, .popular.pop_editor li {
    background: #b5ebf5; color:#FFF;
}





.Spackaging .reached-row2 .popular li:first-of-type {
  background: #800020 !important;
}

nav.navigation.pagination { height:auto}

.primary  .related-videos  ul.item-grid.video-grid li .article-category a { margin-right: .2em !important;
font-size: 0.7em !important;
line-height: 1; background: #010426;
color: white !important;
padding: 0.5em 0.5em;
transition: all 0.4s ease-in-out;
display: inline-block;
margin: 0 0 0.25em 0;
    margin-right: 0px;
text-transform: uppercase;
font-weight: lighter;
letter-spacing: 0.1em;
}

.b2b #menu-header-menu li.menu-item-home  a  {
position: relative;
max-width: 40px;
overflow: hidden;
color: #26455d;}
.b2b #menu-header-menu li.menu-item-home a:after {content: "\f015";
position: absolute;
line-height: 0.4em;
margin: 0;
left: 0;
color: #fff !important;  font-size: 1.8em; top: 16px;}



@media (max-width: 768px) {
.pgfilter .page-numbers,.pgfilter .page-numbers:last-child,.pgfilter .page-numbers:first-child{padding: 7px 13px;}
}

.wrapper-404{width:100%;max-width:60em;margin:0px auto;}
.wrapper-404 input#sazwp{width:60%;float:left;}
.wrapper-404 button#searchsubmitazwp {
width:40%;float:left;
    background: #010326;
    font-size: 1.6em;
    color: #ffd200;
    padding: 1em 2em .9em 2em;
    font-family: 'Open sans', sans-serif;
    transition: all 0.4s ease-in-out;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
}

/* Privacy policy */
body.page-id-176273 .post, body.page-id-176271 .post {
  width: 100%;
}
  body.page-id-176273 .post h1, body.page-id-176271 .post h1 {
    color: #999;
    border-bottom: solid 1px #ebebeb;
    padding-bottom: 1em;
    margin-bottom: 1em;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    font-weight: bold;
  }
  body.page-id-176273 .normal_post,  body.page-id-176271 .normal_post {
    margin: 2em auto;
  }body.page-id-176271 .normal_post ol  {
  padding: 0 0 0 2em;}
  body.page-id-176271 .normal_post ol li { font-size: 1.8em;
line-height: 1.5; margin-bottom: 1.0em;}
  
  .compelo-network .page-header {
    text-align: center;
    background: white;
    padding: 0;
}

.page-header {
    text-align: center;
    background: white;
    padding: 2em 2em 0;
}

.compelo-network .page-header h1 {
    margin-top: 0;
}

.compelo-network img {
    width: 100%;
}

.page-header img {
    margin: 0 auto;
}

.compelo-network .page-entry-content {
    margin-top: -20em;
}

.compelo-network .page-entry-content {
    padding: 3em 0;
    position: relative;
    background: #f7f7f7;
}

.compelo-network .page-entry-content {
    padding: 3em 0;
    position: relative;
    background: #f7f7f7;
}

.compelo-network .page-entry-content {
    margin-top: -20em;
}

.page-entry-content .row {
    max-width: 960px; margin:auto;
}

.page-entry-content .small-12 div:nth-of-type(3n+1) {
    clear: left;
}

.page-entry-content .row {
    max-width: 960px;
}

.verdict-network ul {
    list-style: none;
 }
.verdict-network li:nth-child(4n+1) {
    clear: left;
}

.verdict-network h4 {
    color: rgb(104,104,104);
}

.verdict-network h4 {
    font-size: 2em;
    margin-bottom: 1.0em;
}

.verdict-network li:nth-child(4n+1) {
    clear: left;
}
.compelo-network  .verdict-network ul ul li{ list-style-type:circle !important; padding-left: 0.5em;
font-size: 2em;}
.compelo-network  .verdict-network ul ul li a { color: #0087ff;
outline: 0; font-size: 1.0em;
font-weight: 400;
line-height: 2.2;}

.compelo-network  .verdict-network ul ul li a:hover {
    color: #59c5fa;
}

.compelo-network .large-4 { width: 33.33333%; padding-right: 4em;}

#post-1794 { margin:auto;}
.more-about span a:hover, .sf-card:hover .more-about a{color:#fff;} 
.title-product.sf-product-data {
    font-size: 1.5em;
}




body.Spackaging .big_title p, body.Spackaging .news-box-big:hover p { color: white !important;} 
.Spackaging  span.myaccount {color:#000 !important;}
.Spackaging .search-form-new form input {border:1px solid #333 !important; border-right:0 !important;}
.Spackaging #searchsubmitmobicon-d {border:1px solid #333 !important; border-left:0 !important;}
.Spackaging #row2 .hlistnews .article-category a {color: #000 !important;}
.Spackaging.reached-row2 .tags ul.popular_ul li a, .Spackaging.reached-row2 .popular li:first-of-type .tags ul.popular_ul li a, .Spackaging .popular li:first-of-type .tags ul.popular_ul li a {
  background: #e3e3e3 !important;
  color: black !important;
}
.sf-about-small.new {
    padding-top: 0;
    margin-top: 0;
}

/*
div#newsletter input {border-radius: .25rem;}
div#newsletter .input-group { display: inherit; text-align: left;}
div#newsletter .input-group .form-control{width:100%;}
div#newsletter input[type="checkbox"] { margin: .5em 0.1em 0.3em 0;}
div#newsletter .newsletter-box button, .newsletter-box input.btn{margin:1em 0;}
div#newsletter .newsletter-box{min-height: 27em;}

.email-capture form input[type='email']{width:100% !important;}
.email-capture p.terms-conditions{color: #fff !important;font-size: 1.4em !important}
.email-capture p.terms-conditions span {font-size: 0.9em !important;}
.email-capture  #pr_trm span{font-size: 0.7em !important;}
.email-capture p.terms-conditions span a{color: #fff;}
.email-capture p.terms-conditions input[type='checkbox']{width:auto !important;height: auto !important;}
.email-capture input.btn.btn-on-dark { margin: 1.5em 0 0 0 !important;}
.details_box input[type="checkbox"] {  width: 1em !important;}
.details_box p.terms-conditions span {font-size: .9em;}*/ 

figure img {
  height: auto !important;
}
/******** Whitepaper archive page styles ********/
h4.related_whitepaper_title {
    border-bottom: solid 0.07em #ebebeb;
    padding: .5em 0;
    margin: 0 0 1em 1em;
    font-size: 1.8em;
    color: #000;
    text-transform: capitalize;
}
ul.whitepapers_related_list {
    padding: .5em 0;
    margin: 0 0 1em 3.5em;
    list-style-type: circle;
}
ul.whitepapers_related_list li {
    border: none;
    font-size: 1.5em;
     font-size: 1.5em;
    margin-bottom: 1em;
}
ul.whitepapers_related_list li  a{ color:#0086ff; text-decoration:underline; }
.product-description .share-compelo li {list-style: none;}
.sf_list_hide{display: none;}
/******** End  Whitepaper archive page styles ********/
.page-template-template-event_submit .post-content{width: auto !important;}
.b2b section#row2 .article-category.tr_btn a { background: transparent;}

.Spackaging .big_title {
  background: rgba(47, 41, 73, 0.82);
  margin-left: 3em;
}
.Spackaging .medium_title {
  background: rgba(47, 41, 73, 0.79) !important;
}
.Spackaging #row2 .medium_title {
  background: rgba(47, 41, 73, 0.78) !important;
}
.Spackaging .article-category a {
  background: #e3e3e3;
  color: black !important;
  font-weight: bold;
}
.b2b.Spackaging section#row2 .article-category.tr_btn a {
  background: transparent;
  color: white !important;
}

.Spackaging .img-cont img {
  max-width: 100% !important;
}
.category .featured-image {
  /*max-height: 45em; */
  overflow: hidden;
}

.article-category a:hover {
  background: #b5ebf6;
  color: black !important;
  text-decoration: none;
}
p.terms-conditions input {
    width: 1em !important;
}
p.terms-conditions span.wpcf7-list-item {
    margin: 0;
}
.home_white_tags .cf {
    border-bottom: none;padding: 0em 0 1em 0;
}
.home_white_tags .cf .article-category li {
    padding: 0;
    border: none;
}
.home_white_tags .cf .article-category a {
    font-size: .5em !important;
    background: #b5ebf5;
    color: #000 !important;
}
.home_white_tags .cf .col-sm-9 span{
      font-size: 0.96em;
    color: white;
    font-weight: 500;

}
.contactpage form p span span {
    font-size: .96em;
}
.contactpage p#pr_trm {
    font-size: 1.4em;
    line-height: 1.5;
}
/*whitepaper download new design css start here*/
.lead-capture-form input[type="submit"],
#nextBtn {
  margin: 3em 0 0 0;
  float: none;
  display: block;
  width: 100%;
  border: none;
  background: #010321;
  font-size: 2em;
  text-align: center;
  padding: .75em;
  border-radius: 0.3em;
  box-shadow: 0 0 0.7em 0 rgba(0, 0, 0, 0.2);
  border-top: solid 1px white;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease-in-out;
  cursor: pointer;
  color: #fff;
}
.category .sidebar, #company-az {
    background: #fff;
}
.col-md-8.primary.category-content, .col-md-8.category-content {
background:#fff;
}
.storefrontcontent,  .wrapper, .loaded .entry-header { background:#fff !important; }
.storefrontcontent, .loaded .entry-header {
    max-width: 1160px;
    margin: 0 auto;
}
.lead-capture-form input[type="submit"]:hover,
#nextBtn:hover
{
  background: #007bff; }

  /* ZIMS STYLES WHITEPAPER DOWNLOAD SHOW HIDE */

  .form-section-1{
    /* outline: 1px solid red; */
  }
  .form-section-2{
    /* outline: 1px solid red; */
    display: none;
  }
/*whitepaper download new design css end here*/


/* Site Skin Amends. CJB. 22 Jan 2019 */
.data_middle, .header_single_page, .container.content_single_pr, .page-template-company-az main {
    background: white;
    position: relative;
    max-width: 1280px;
    margin: 0px auto;
}

@media (min-width: 1600px) {
  .data_middle, .header_single_page, .container.content_single_pr {
      background: white;
      position: relative;
      max-width: 1280px;
      margin: 0px auto;
  }
}


.box-skin_body, .sf-page, .post-type-archive {
    padding-top: 8em;
    font-size: : 58.5%;
}
body.single-storefronts {
    padding-top: 13em;
}

@media (min-width: 1280px) {
    body.single-storefronts .container {
      max-width: 1280px;
    }
}
.data_middle,.box-skin_body .mputop{
  max-width: 1280px;
  margin: 0px auto;
}
.box_layout_ad a {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 0;
    cursor: pointer;
}

@media (max-width: 1439px) {
  
  .box_layout_ad a {
    background-size: 110%;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    height: 13em;
    display: block;
  }
  .box-skin_body .top-leaderboard {
    display: none !important;
  }
}
@media(max-width: 1280px) {
  .box_layout_ad {
    height: 16em;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 9999999;
  }
}
@media (max-width: 1024px) {
  body.fixed-top-ads-mobile {
    padding-top: 0;
  }
  .box_layout_ad a {
    padding-top: 6%;
  }
  .box_layout_ad {
    height: 14em;
  }
}
@media (max-width: 900px) {
  .box_layout_ad a {
    padding-top: 5%;
  }
  .box_layout_ad {
    height: 12em;
  }
}
@media (max-width: 800px) {
  .box_layout_ad a {
    padding-top: 4%;
  }
  .box_layout_ad {
    height: 10em;
  }
}
@media (max-width: 700px) {
  .box_layout_ad a {
    padding-top: 3%;
  }
}
@media (max-width: 600px) {
  .box_layout_ad a {
    padding-top: 3%;
    background-size: 115%;
  }
}
@media (max-width: 600px) {
  .box_layout_ad a {
    padding-top: 22%;
    background-size: 100%;
    background-image: url('http://www.pharmaceutical-technology.com/wp-content/uploads/sites/10/2019/11/emirates-mobile-banner.jpg') !important;
    background-repeat: no-repeat;
  }
}













.storefrontcontent, .wrapper, .loaded .entry-header {
  position: relative;
}
.archive main .container {
  background: white;
    position: relative;
}
.archive main header .container {
  background: none;
}