/*
 *  Theme Name:   Powerlinks 
 *   Theme URI:    http://powerlinks.com
 *    Description:  Avian Child Theme Created by Design By Day
 *     Author:       Design By Day
 *      Author URI:   http://designbyday.co.uk
 *       Template:     avian
 *        Version:      1.0.0
 *         License:      GNU General Public License v2 or later
 *          License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 *           Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 *            Text Domain:  twenty-fifteen-child
 *            */

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2dca80");
@import url("../avian/style.css");


html, body {
	height: 100% !important;
}

.page-container {
	position: relative;
	height: 100%;
}

section#animation h1 {
	text-align: center;
	padding-top: 30%;
}

.error-404 {
  margin: 200px 0;
}

/* Typography -------------------------------------------------- */

h1, h2, h3, h1 a, h2 a, h3 a {
  font-weight: normal !important;
}

.home .main-title h1 {
  font-size: 30px;
  font-family: SommetRoundedBold, Arial, sans-serif !important;
}
.main-title h1 span {
  display: inline-block;
  color: #FFFFFF;
}

.core-icons h2 a:link, .core-icons h2 a:visited, .buyers-sellers h2 a:link, .buyers-sellers h2 a:visited  {
  font-family: SommetRoundedRegular, Arial, sans-serif !important;  
  letter-spacing: 1.5px;
  font-weight: normal;
}

p, ul li, ol li {
  font-size: 15px !important;
  line-height: 24px !important;
  color: #222a35;
}

a:visited, a:link, a:active {
  color: #222a35;
}


p, p a:link {
  letter-spacing: 0.2px;
}

h1, h2, h3, h4, h5, h6, h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited{
  letter-spacing: 1px;
  color: #222a35;
  font-family: SommetRoundedBold, Arial, sans-serif !important;
}

h1 a:hover, h2 a:hover, h3 a:hover{
  color: #00d8c8;
}

.row-dark h1, .row-dark h2, .row-dark h3, .row-dark h1 a, .row-dark h2 a, .row-dark h3 a {
  color: #00d8c8;
  opacity: 1;
}

.row-dark p, .row-dark ul li {
  color: #ffffff;
}

.row-dark a:hover {
  color: #ffffff;
}

h1 {
  font-size: 26px;
  line-height: 30px;
  margin-bottom: 30px !important;
}

  .main-title h1 {
    color: #00d8c8;
  }
  
h2 {
  font-size: 20px;
  line-height: 26px;
}

h3 {
  font-size: 20px;
  line-height: 28px;
}

.core-icons h3 {
  color: #00D8C8;
}

.page-id-30 h3, .page-id-30 h3 a {
  color: #00D8C8;
}

.row-dark p, .row-dark ul li {
  color: #ffffff;
}

.footer-widget .span3 {
  width: 100% !important;
  font-family: "Open Sans"; 
}

.sub-footer .widget ul {
  list-style-type: none !important;
}

.sub-footer .widget ul li {
  float:left !important;
  margin-right:20px !important;
  font-size: 12px !important;  
}

.sub-footer .widget ul li:first-child {
  padding-top: 12px !important;
}

.sub-footer .widget ul li a:hover {
  padding-left:0 !important;
  cursor:pointer !important;
}

.sub-footer .widgettitle {
  color: #d8dcdd;
}

.textwidget, .sub-footer a {
  color: #9CA5AD;
}


.core-icon img {
  width: 240px;
  height: auto;
}


/* Navigation -------------------------------------------------- */

.header.header-scrolled {
	background-color: #222A35;
}

/*
Removed this after home page change
10/24/2019
ben.dzamba@powerlinks.com

.home .sticky-wrapper {
  background-color: transparent;
}
*/

.sticky-wrapper {
  background-color: #222a35;
  height: 0px !important;
}

.home .navigation-container {
  background-color: transparent;
}

.navigation li a {
  font-family: SommetRoundedRegular, Arial, sans-serif !important;
}

.navigation li a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}

.navigation .current-menu-item a {
  color: #ffffff !important;
}

.home .header {
  background: transparent;
  margin-bottom: 0;
}

.header {
  background: transparent;
  margin-bottom: 100px;
}

.header.header-scrolled {
  background-color: transparent;
}

.header.header-scrolled {
	background-color: #222A35;
}

.navigation-container {
  background-color: #222A35;
  padding: 10px 0;
}

.navigation li a {
  font-size: 16px !important;
  letter-spacing: 2px;
  color: #00d8c8;
  text-transform: uppercase;
  background-image: none;
}

.navigation .sub-menu li a {
  letter-spacing: 1px;
}

.navigation .sub-menu li a {
  background-color: #00d8c8 !important;
  color: #222A35 !important;
}

.navigation .sub-menu li a:hover {
  background-color: #ffffff !important;
  color: #00d8c8 !important;
}

.widget_nav_menu ul li a {
  border: none;
  box-shadow: none;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: none;
  transition: all 0s;
  -webkit-transition: all 0s;
}

.widget_nav_menu ul li a:hover {
  background-color: transparent;
}

.btn-mobile-nav {
  color: #ffffff !important;
  background-color: #00D8C8;
}

.mobile-nav-bar {
  background-color: #222A35;
}

#mobile-nav {
  background: #222a35;
}

#mobile-nav li a {
  font-size: 14px;
  color: #ffffff !important;
}

/* Powerlinks Universe -------------------------------------------------- */

section#animation {
	width: 100% !important;
	height: 100% !important;
	position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  /* background-image: url(http://dbdtest.co.uk/powerlink/wp-content/uploads/2015/04/PowerlinksUniverse_Responsive.jpg); */
}

section#animation #bg {
  width: 100%;
  height: 100%;
  background: url(images/powerlinksuniverse_responsive.jpg) no-repeat center center;
  background-size: 100% auto;
  margin-top: -35px;
}

.page-container {
  position: relative;
  height: 100%;
}

section#animation {
  position: relative;

}

section#animation .main-title {
    width: 100%;
  margin-top: -723px;
  text-align: left;
}

section#animation h1 {
  text-align: center;
  line-height: 43px;
}
video#bgvid {
  position: absolute; right: 0; bottom: 0;
  min-width: 100%; min-height: 100%;
  width: auto; height: auto; z-index: -100;
  background: url(images/universe.png) no-repeat;
  background-size: cover;
}
#move-to-bottom {
  display: none;
}
#elements {
  width: 900px;
  position: relative;
  display: block;
  margin: 0 auto 0 auto;
  top: 400px;
}
#elements img {
  display: block;
}
#elements .green, a.green {
  color: #00D8C8;
}
#elements .white, a.white {
  color: #FFF;
}
#elements div.node {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
}
#elements .node span {
  font-size: 16px;
  font-family: SommetRoundedRegular, Arial, sans-serif;
  letter-spacing: 1px;
}
#elements #server-exchange-icon {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  margin-left: -100px;
  z-index: 100;
}
#elements #seller-icon {
  position: absolute;
  display: block;
  top: 40px;
  right: 85px;
  margin-left: -63px;
  z-index: 100;
}
#elements #buyer-icon {
  position: absolute;
  display: block;
  top: 25px;
  left: 85px;
  z-index: 100;
}
#elements #buyer-cage {
  position: absolute;
  display: block;
  top: -20px;
  left: 100px;
  margin-left: -40px;
  z-index: 10;
  animation: antiFullyRotate 25s infinite linear;
  -webkit-animation: antiFullyRotate 25s infinite linear;
  -moz-animation: antiFullyRotate 25s infinite linear;
  -o-animation: antiFullyRotate 25s infinite linear;
}
#elements #seller-cage {
  position: absolute;
  display: block;
  top: 10px;
  right: 100px;
  margin-right: -44px;
  z-index: 10;
  animation: antiFullyRotate 25s infinite linear;
  -webkit-animation: antiFullyRotate 25s infinite linear;
  -moz-animation: antiFullyRotate 25s infinite linear;
  -o-animation: antiFullyRotate 25s infinite linear;
}
#elements #server-exchange-cage {
  position: absolute;
  display: block;
  top: -35px;
  left: 50%;
  margin-left: -138px;
  z-index: 10;
  animation: fullyRotate 20s infinite linear;
  -webkit-animation: fullyRotate 20s infinite linear;
  -moz-animation: fullyRotate 20s infinite linear;
  -o-animation: fullyRotate 20s infinite linear;
}
#elements #connect-line {
  position: absolute;
  display: block;
  top: 36px;
  left: 360px;
  margin-left: -209px;
  z-index: 10;
  width: 600px;
}
#elements .node div.exo.white {
  background: url(images/exo-planet-white.png) no-repeat center center;
  width: 63px;
  height: 63px;
  overflow: hidden;
   border-radius: 50%;
}
#elements .node div.exo.green {
  background: url(images/exo-planet-green.png) no-repeat center center;
  width: 63px;
  height: 63px;
  overflow: hidden;
   border-radius: 50%;
}
/* Pulse */
@-webkit-keyframes hvr-pulse {


  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes hvr-pulse {


  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;

}

#elements .node div.exo:after {
  -webkit-transform: scale( 0.1 );
    -moz-transform: scale( 0.1 );
    -o-transform: scale( 0.1 );
    -ms-transform: scale( 0.1 );
    transform: scale( 0.1 );
}
#elements .node div.exo.white:hover:after {
  content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius: 50%;
    background-image: -webkit-radial-gradient(circle, rgba(16,196,196,0.4) 0, rgba(255,255,255,0) 100%);
    background-image: radial-gradient(circle, rgba(16,196,196,0.4) 0, rgba(255,255,255,0) 100%);
    background-image: -moz-radial-gradient(circle, rgba(16,196,196,0.4) 0, rgba(255,255,255,0) 100%);
    background-image: -ms-radial-gradient(circle, rgba(16,196,196,0.4) 0, rgba(255,255,255,0) 100%);
    background-image: -o-radial-gradient(circle, rgba(16,196,196,0.4) 0, rgba(255,255,255,0) 100%);
    -webkit-animation: glow 1.2s ease-out infinite;
    animation: glow 1.2s ease-out infinite;
    -moz-animation: glow 1.2s ease-out infinite;
    -ms-animation: glow 1.2s ease-out infinite;
    -o-animation: glow 1.2s ease-out infinite;
}

#elements .node div.exo.green:hover:after {
  content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius: 50%;
    background-image: -webkit-radial-gradient(circle, rgba(255,255,255,0.4) 0, rgba(255,255,255,0) 100%);
    background-image: radial-gradient(circle, rgba(255,255,255,0.4) 0, rgba(255,255,255,0) 100%);
    background-image: -moz-radial-gradient(circle, rgba(255,255,255,0.4) 0, rgba(255,255,255,0) 100%);
    background-image: -ms-radial-gradient(circle, rgba(255,255,255,0.4) 0, rgba(255,255,255,0) 100%);
    background-image: -o-radial-gradient(circle, rgba(255,255,255,0.4) 0, rgba(255,255,255,0) 100%);
    -webkit-animation: glow 1.2s ease-out infinite;
    animation: glow 1.2s ease-out infinite;
    -moz-animation: glow 1.2s ease-out infinite;
    -ms-animation: glow 1.2s ease-out infinite;
    -o-animation: glow 1.2s ease-out infinite;
}
@keyframes glow {
    from {-webkit-transform: scale( 0.1 );
    -moz-transform: scale( 0.1 );
    -o-transform: scale( 0.1 );
    -ms-transform: scale( 0.1 );
    transform: scale( 0.1 );}/**you can use translate3d(-250px,0,0)*/
    to {    webkit-transform: scale( 1 );
    -moz-transform: scale( 1 );
    -o-transform: scale( 1 );
    -ms-transform: scale( 1 );
    transform: scale( 1 );}/** translate3d(250px,0,0)*/
}
@-webkit-keyframes glow {
    from {-webkit-transform: scale( 0.1 );
    transform: scale( 0.1 );}/**you can use translate3d(-250px,0,0)*/
    to {    webkit-transform: scale( 1 );
    transform: scale( 1 );}/** translate3d(250px,0,0)*/
}

@-moz-keyframes glow {
    from {
    -moz-transform: scale( 0.1 );
    transform: scale( 0.1 );}/**you can use translate3d(-250px,0,0)*/
    to {   
    -moz-transform: scale( 1 );
    transform: scale( 1 );}/** translate3d(250px,0,0)*/
}

@-ms-keyframes glow {
    from {
    -ms-transform: scale( 0.1 );
    transform: scale( 0.1 );}/**you can use translate3d(-250px,0,0)*/
    to {
    -ms-transform: scale( 1 );
    transform: scale( 1 );}/** translate3d(250px,0,0)*/
}

#elements #node-data {
  top: 50px;
  left: 55%;
}
#elements #node-data .line, #elements #node-open-apis .line, #elements #node-agencies .line, #elements #node-desks .line, #elements #node-dsp .line, #elements #node-publishers .line, #elements #node-platform .line, #elements #node-ssps .line, #elements #node-native .line, #elements #node-net-ads .line {
  -webkit-transform: rotate(75deg);
  -ms-transform: rotate(75deg);
  -moz-transform: rotate(75deg);
  transform: rotate(75deg);
  position: absolute;
  top: -60px;
  left: -170px;
  width: 172px;
  height: 1px;
  max-width: none;
}

#elements #node-open-apis .line {
  top: 26px;
  left: -163px;
}

#elements #node-data .exo, #elements #node-open-apis .exo, #elements #node-agencies .exo, #elements #node-desks .exo, #elements #node-dsp .exo, #elements #node-publishers .exo, #elements #node-platform .exo, #elements #node-ssps .exo, #elements #node-native .exo, #elements #node-net-ads .exo {
  -webkit-transform: rotate(75deg);
  -ms-transform: rotate(75deg);
  -moz-transform: rotate(75deg);
  transform: rotate(75deg);
  position: absolute;
}


#elements #node-data a.main-link, #elements #node-open-apis a.main-link, #elements #node-agencies a.main-link, #elements #node-desks a.main-link, #elements #node-dsp a.main-link, #elements #node-publishers a.main-link, #elements #node-platform a.main-link, #elements #node-ssps a.main-link, #elements #node-native a.main-link, #elements #node-net-ads a.main-link {
  display: inline-block;
  position: absolute;
  top: -165px;
  left: -136px;
  width: 100px;
  height: 100px;
  z-index: 1000;
}


#elements #node-open-apis a.main-link{
  top: -80px;
  left: -128px;
}


#elements #node-data .text {
  position: absolute;
  top: -150px;
  left: -60px;
}
#elements #node-open-apis {
  top: 137px;
  left: 20%;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
#elements #node-open-apis .text {
  position: absolute;
  top: -55px;
  left: -50px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

#elements #node-net-ads {
  top: -80px;
  left: -34%;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  transform: rotate(270deg);
}
#elements #node-net-ads .text {
  position: absolute;
  top: -180px;
  left: -100px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}

#elements #node-agencies {
  top: 80px;
  left: 0;
  -webkit-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  transform: rotate(20deg);
}
#elements #node-agencies .text {
  position: absolute;
  top: -200px;
  left: -70px;
  -webkit-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  transform: rotate(-20deg);
}

#elements #node-desks {
  top: -30px;
  left: -15%;
  -webkit-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  -moz-transform: rotate(-40deg);
  transform: rotate(-40deg);
}
#elements #node-desks .text {
  position: absolute;
  top: -215px;
  left: -110px;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  transform: rotate(40deg);
}

#elements #node-dsp {
  top: -25px;
  left: -55%;
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  transform: rotate(210deg);
}
#elements #node-dsp .text {
  position: absolute;
  top: -125px;
  left: -230px;
  -webkit-transform: rotate(-210deg);
  -ms-transform: rotate(-210deg);
  -moz-transform: rotate(-210deg);
  transform: rotate(-210deg);
}

#elements #node-native {
  top: 50px;
  right: -20%;
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  transform: rotate(-10deg);
}
#elements #node-native .text {
  position: absolute;
  top: -172px;
  left: -240px;
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  transform: rotate(10deg);
}

#elements #node-publishers {
  top: 140px;
  right: -7%;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  transform: rotate(40deg);
}
#elements #node-publishers .text {
  position: absolute;
  top: -170px;
  left: -200px;
  -webkit-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  -moz-transform: rotate(-40deg);
  transform: rotate(-40deg);
}

#elements #node-platform {
  top: -110px;
  left: 71%;
  -webkit-transform: rotate(220deg);
  -ms-transform: rotate(220deg);
  -moz-transform: rotate(220deg);
  transform: rotate(220deg);
}
#elements #node-platform .text {
  position: absolute;
  top: -80px;
  left: -255px;
  -webkit-transform: rotate(-220deg);
  -ms-transform: rotate(-220deg);
  -moz-transform: rotate(-220deg);
  transform: rotate(-220deg);
}

#elements #node-ssps {
  top: 60px;
  right: -63%;
  -webkit-transform: rotate(100deg);
  -ms-transform: rotate(100deg);
  -moz-transform: rotate(100deg);
  transform: rotate(100deg);
}
#elements #node-ssps .text {
  position: absolute;
  top: -200px;
  left: -70px;
  -webkit-transform: rotate(-100deg);
   -ms-transform: rotate(-100deg);
  -moz-transform: rotate(-100deg);
  transform: rotate(-100deg);
}

@keyframes fullyRotate {
  from { transform: rotate(0); }
  to {transform: rotate(360deg); }
}
@-webkit-keyframes fullyRotate {
  from { -webkit-transform: rotate(0); }
  to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes fullyRotate {
  from { -moz-transform: rotate(0); }
  to { -moz-transform: rotate(360deg); }
}
@-o-keyframes fullyRotate {
  from { -o-transform: rotate(0); }
  to { -o-transform: rotate(360deg); }
}

@keyframes antiFullyRotate {
  from { transform: rotate(0); }
  to {transform: rotate(-360deg); }
}
@-webkit-keyframes antiFullyRotate {
  from { -webkit-transform: rotate(0); }
  to { -webkit-transform: rotate(-360deg); }
}
@-moz-keyframes antiFullyRotate {
  from { -moz-transform: rotate(0); }
  to { -moz-transform: rotate(-360deg); }
}
@-o-keyframes antiFullyRotate {
  from { -o-transform: rotate(0); }
  to { -o-transform: rotate(-360deg); }
}



/* Universe responsive height -------------------------------------------------- */
  
  
@media screen and ( max-width: 1100px ){
  #elements { top: 280px; }
}

@media screen and ( min-width: 1101px ){
  #elements { top: 338px; }
}
  
  
@media screen and ( max-height: 800px ){
  section#animation h1 {padding-top: 34%; font-size: 20px;}
  #elements h1 br {display: none;}
}

@media screen and ( min-height: 801px ){
  #elements { top: 42%; }
  section#animation h1 {padding-top: 32%; font-size: 20px;}
  #elements h1 br {display: none;}
}

@media screen and ( min-height: 900px ){
  #elements { top: 44%; }
  section#animation h1 {font-size: 30px;}
  #elements h1 br {display: none;}
  #elements .node span { font-size: 18px; }
}

@media screen and ( min-height: 1000px ){
  section#animation h1 {padding-top: 24%;}
  #elements h1 br {display: block;}
}



  
  

/* Buttons and Hover -------------------------------------------------- */

img.grow, .grow a img { transition: all .2s ease-in-out; }
img.grow:hover, .grow a img:hover { transform: scale(1.1); }

.marketing-button, .read-more {
  margin: 0 auto !important;
  width: 200px;
  background-color: transparent !important;
  border: 4px solid #222a35;
  box-shadow: none;
  border-radius: 0;
  font-family: SommetRoundedBold, Arial, sans-serif !important;
}

.marketing-button:after {
  background: rgba(0,216,200, 1);
}

.marketing-button a:hover {
  color: #ffffff !important;
  background-color: #00d8c8;
}

.marketing-button-highlight {
  display: none;
}

.long-marketing-button .marketing-button {
  width: 320px;
}

.read-more {
  text-align: center;
  padding: 0;
  margin-top: 20px !important;
  font-size: 14px;
}

.read-more:hover {
  border: 4px solid #222a35;
  background-color: #00D8C8 !important;
}

a.mini-btn {
  color: #222a35 !important;
  border: #222a35 solid 2px;
  padding: 7px 10px 5px;
  font-size: 18px;
  font-family: SommetRoundedRegular, Arial, sans-serif;
}

a.mini-btn:hover {
  background-color: #4cf2e2;
}

a.mini-btn.mini-btn-home-top {
  color: #FFFFFF !important;
  border: #FFFFFF solid 2px !important;
}

a.mini-btn.mini-btn-home-top:hover {
  background-color: #09b7a6;
}

.aqua a.mini-btn {
  color: #00d8c8 !important;
  border: #00d8c8 solid 2px;
}

.aqua a.mini-btn:hover {
  background-color: #FFFFFF;
}

/* Layout -------------------------------------------------- */


div.content-container {
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 0;
  margin-top: 0;
  background-color: transparent !important;
}

.ls-wp-fullwidth-container {
  background-color: transparent !important;
}

.key-items .wpb_wrapper {
  margin-bottom: 15px;
}

.home .wpb_wrapper {
  padding: 0;
  margin: 0;
}

.core-icons h1 {
  margin-bottom: 5px !important;
}

.core-icons h2 {
  margin-bottom: 0;
}

.core-icons p {
  margin-bottom: 20px;
}

.hero-text .vc_column_container{
  padding: 0;
}


.full-width {
  border: none;
  background-color: transparent;
}

.span12 {
  width: 100%;
  margin-left: 15px;
}

.wpb_column {
  text-align: center;
}

.sub-footer {
  background: #222A35;
}

.vc-row {
  padding-top: 500px;
}

.circlelarge {
  border-radius: 150px;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 150px; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 150px; 
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  height: 170px;
  width: 230px;
  padding-top: 60px;
  margin: 0 auto 35px auto;
  display: block;
  color: #ffffff !important;
  font-size: 28px;
  line-height: 28px;
  letter-spacing: 2px;
  transition: all .4s ease-in-out;
  background-color: #222a35;
  background-size: 100%;
  font-family: Oxygen Mono;
}

a.circlelarge:hover { transform: scale(1.1); }

.lines1{
  background-image: url(http://dbdtest.co.uk/powerlink/wp-content/uploads/2015/03/dots-and-lines-1.png);
}

.lines2 {
  background-image: url(http://dbdtest.co.uk/powerlink/wp-content/uploads/2015/03/dots-and-lines-3.png);
}

.lines3 {
  background-image: url(http://dbdtest.co.uk/powerlink/wp-content/uploads/2015/03/dots-and-lines-2.png);
}

.lines4 {
  background-image: url(http://dbdtest.co.uk/powerlink/wp-content/uploads/2015/03/dots-and-lines-1.png);
}

.circle {
  border-radius: 150px;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 150px; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 150px; 
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  height: 200px;
  width: 200px;
  margin: 0 auto 35px auto;
  display: block;
}

.circle.stat-1 {
  background-color: #222a35;
}

.circle.stat-2 {
  background-color: #9ba5aa;
}

.circle.stat-3 {
  background-color: #09b7a6;
}

.circle.stat-4 {
  background-color: #4cf2e2;
}


/* Background images with text overlay -------------------------------------------------- */

.bkgd-image {
  background-repeat: no-repeat;
  background-position: top;
  background-size: 285%;
  padding-top: 0 !important;
  padding-bottom: 30px !important;
  margin-top: 30px;
  background-position-x: 67%;
}

.bkgd-image h1, .bkgd-image h2 {
  color: #FFFFFF;
  letter-spacing: 2px;
  margin-top: 50px;
}

.bkgd-image h1 a {
  color: #FFFFFF;
  }

.bkgd-image a.img-btn {
  border-radius: 0;
  background-color: #4cf2e2;
  margin-top: 60px;
  font-size: 20px;
  letter-spacing: 1px;
  padding: 15px 45px;
  font-family: SommetRoundedBold, Arial, sans-serif;
}

.bkgd-image a.mini-btn {
  color: #FFFFFF!important;
  border: #FFFFFF solid 2px;
  margin-top: 20px;
  float: left;
}


/* Top Level Pages -------------------------------------------------- */


.right-left-switch .wpb_single_image.vc_align_right {
  text-align: center !important;
}


/* Team & Board -------------------------------------------------- */

.page-id-24 .content-container, .page-id-22 .content-container {
  padding-top: 75px;  
}

.page-id-22 h2, .page-id-24 h2 {
  color: #00d8c8;
  }
  
.page-id-22 p {
  color: #131216;
  }

.page-id-22, .page-id-24 {
  background-image: url(http://dbdtest.co.uk/powerlink/wp-content/uploads/2015/04/connecting-lines-pattern-white.jpg);
  }

.page-id-22 .wpb_single_image img, .page-id-24 .wpb_single_image img {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    transition: opacity 0.5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    width: 70%;
}

.page-id-22 .wpb_single_image img:hover {
    opacity: 0.50;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

/* Blog -------------------------------------------------- */

.heading a {
  font-size: 24px;
  line-height: 34px;
  width: 100%;
}

.isotope .heading a {
  width: 100%;
}

.widget-right {
  box-shadow: none;
}

.sidebar-widget, .isotope {
  margin-top: 50px;
    box-shadow: none;
}

.isotope-blog .isotope-post {
  background-color: #FFFFFF;
}


.page-template-template-blog-grid .widget-right h2 {
  font-size: 22px;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 15px;
}

.page-template-template-blog-grid .sidebar-widget li a {
  font-size: 16px;
}

.isotope p {
    font-size: 16px !important;
  line-height: 25px !important;
}

.isotope .heading a {
  font-size: 26px;
  line-height: 32px;
  }
  
.entry img {
 max-width: 100%;
}

.latest-blog .post-icons {
 margin: 0 auto;
 position: relative;
 float: none;
 width: 50%;
 padding: 3px 0;
 margin-bottom: 20px;
}

.latest-blog h2.heading a {
  font-size: 18px;
  line-height: 28px;
}

/* Small devices (small devices, 480px and up) */
@media (min-width: 480px) { 
  
  /* Background images with text overlay -------------------------------------------------- */


  .bkgd-image {
    height: 450px;
    background-size: 121%;
    background-position-x: 85%;
    }
  
  .bkgd-image h1 {
    margin-top: 13%;
  }
  
  .latest-blog h2.heading a {
   font-size: 26px;
   line-height: 36px;
  }
} 

/* Small devices (small devices, 768px and up) */
@media (min-width: 768px) { 
  .home .page-container.uni {
   padding-top: 38px;
 }
 
  .latest-blog h2.heading a {
   font-size: 20px;
   line-height: 30px;
  }

}


/* Tablets and small screens (980px - 1100px) */
@media (max-width: 1100px) and (min-width: 980px) { 

  
  
  section#animation #bg {
    background: url(images/powerlinks-universe-ipad.jpg) no-repeat center center;
    background-size: 100%;
  }
   
  section#animation {
   margin-top: -50px;
  }

}
 
/* Large devices (small desktops, 992px and up) */
@media (min-width: 1100px) { 
  
  #move-to-bottom {
   display: block;
   background: url(images/arrow.png) no-repeat center center;
   background-size: 40px 40px;
   position: absolute;
   bottom: 20px;
   width: 100%;
   height: 40px;
  }

  .navigation li a {
    padding: 15px 15px 35px 15px;
  }

  .header-scrolled .dropdown .sub-menu li a {
    background-color: #00d8c8 !important;
    color: #222A35 !important;
  }

  .header-scrolled .navigation .sub-menu li a:hover {
    background: #FFFFFF !important;
  }

  .navigation li.menu-item-type-custom a {
    background: #00d8c8 !important;
    color: #222a35;
    padding: 1px 8px 0;
    margin-left: 25px;
    letter-spacing: 1px;
    font-size: 14px !important;
    line-height: 24px;
  }
  
  .navigation li.menu-item-type-custom a:hover {
    background: #FFFFFF !important;
    color: #00d8c8 !important;
  }
  
  .container {
    width: 1000px !important;
  }
  
  .footer-widget .span3 {
   margin: 0 1% 0 0;
  }
  
  h1 {
   font-size: 30px;
   line-height: 42px;
   letter-spacing: 1.5px;
   margin-bottom: 0px;
  }
  h2 {
    font-size: 26px;
    line-height: 30px;
  }

  
  p, ul li, ol li {
    font-size: 16px !important;
    line-height: 26px !important;
  }
  
  .buyers-sellers h2 a {
    letter-spacing: 2px;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 0px;
    
  }

  .buyers-sellers p {
    width: 80%;
    margin: 0 auto 30px;
  }
  
  .home .key-items {
    margin-top: -40px !important;
    }
    
  .home .key-items .wpb_wrapper {
    padding: 0 0 30px 0;
  }
  
  .core-icons p, .core-icons h1, .buyers-sellers p, .buyers-sellers h1 {
    margin-bottom: 15px !important;
    width: 90%;
    margin: 0 auto 30px;
  }
  
  .widget-area h2.widgettitle {
    font-size: 20px;
  }
  
  .widget-area ul li {
    font-size: 16px;
  }
  
  .heading a {
    font-size: 30px;
    line-height: 34px;
    line-height: 40px;
    width: 80%;
  }

  .right-left-switch .wpb_single_image.vc_align_right {
    text-align: right !important;
  }
  
  section#animation {
    margin-top: -150px;
  }

/* Background images with text overlay -------------------------------------------------- */

  .bkgd-image {    
    background-size: auto;
    height: 516px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background-size: 67%;
    background-position: center;
  }
  
  .bkgd-image a.img-btn {
    font-size: 30px;
    letter-spacing: 3px;
    padding: 20px 55px;
  }
  
 .bkgd-image h2 {
   margin: 90px 0 50px;
 }
 
 .bkgd-image a.mini-btn {
    margin-top: 40px;
  }

/* Contact -------------------------------------------------- */

  form {
    margin: 0 auto;
    text-align: left;
  }
  
  form input, form textarea {
    background-color: #cccccc !important;
    color: #222a35 !important;
  }
  
  form input[type="submit"] {
    width: 200px;
    background-color: transparent !important;
    border: 4px solid #222a35 !important;
    text-transform: uppercase;
    padding-bottom: 25px !important;
    margin-top: 20px !important;
    font-size: 20px;
  }
  
  form input[type="submit"]:hover {
    border: 4px solid #222a35;
    background-color: #00D8C8 !important;
    color: #222a35!important;
  }
  
  
/* Formats Devices -------------------------------------------------- */

  .format-devices h2 {
    margin-top: 50px;
  }
  

/* Blog -------------------------------------------------- */
  
  /*Manual Additions. 3/21/19 - Ben*/

  .single-post {
    background-color: white !important;
  }

  .single .type-post {
    border: none !important;
  }

  /* End Addition */
  
  .single .heading {
    width: 90%;
  }
  
  .single-post p {
    margin-bottom: 30px;
  }

  /* Margin on top of single post */
  .post {
    margin-top: 60px;
  }

}


/* Large devices (large desktops, 1100px and up) */
@media (min-width: 1100px) {
  
  .formats-devices h2 {
    margin-top: 50px;
  }
  
  .sticky-wrapper {
    height: 112px !important;
  }
  
  p, ul li, ol li {
    font-size: 18px !important;
    line-height: 30px !important;
  }

  /* Direct edit 3/6/19 */
  .single-post p {
    font-size: 15px !important;
    line-height: 24px !important;
  }
  
  .container {
    width: 1100px !important;
  }
  
  a.circlelarge {
    border-radius: 150px;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 150px; 
    /* Firefox 1-3.6 */
    -moz-border-radius: 150px; 
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    height: 210px;
    width: 290px;
    padding-top: 80px;
    margin: 0 auto 35px auto;
    display: block;
    color: #ffffff !important;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 2px;
  }
  
  .key-items h3 {
    margin-top: 50px;
  }
  
  .layer-slider {
    background-color: #222A35;
  }
  
  #layerslider_2 {
    background-color: #222A35;
  }
  
  .picknmix-icons img {
   float: left;
  }
  
  .page-template-template-blog-grid .container {
   width: 1170px !important;
  }

  .pt80 {
   padding-top: 80px;
  }
  
  .pb40 {
   padding-bottom: 40px !important;
  }
  
  .pb80 {
   padding-bottom: 80px;
  }

  .latest-blog h2.heading a {
   font-size: 22px;
   line-height: 28px;
  }

/* Background images with text overlay -------------------------------------------------- */

  .bkgd-image {    
    height: 560px;
    background-size: 58%;
  }
}  


/* Large devices (large desktops, 1400px and up) */
@media (min-width: 1400px) {
  
  .main-title h1 {
    font-size: 38px;
    letter-spacing: 3px;
    margin-bottom: 50px !important;
  }
  
  h1 {
   font-size: 36px;
   line-height: 48px;
  }
  
  p, ul li, ol li {
    font-size: 18px !important;
    line-height: 30px !important;
  }
  
  /*
  .single-post p {
    font-size: 18px !important;
    line-height: 30px !important;
  }
  */

  /* Direct edit 3/6/19 */
  .single-post p {
    font-size: 15px !important;
    line-height: 24px !important;
  }

  h3 {
    font-size: 24px;
    line-height: 30px;
  }
  
  .long-text p {
    font-size: 22px !important;
    line-height: 34px !important;
  }
  
  .widget-area h2.widgettitle {
    font-size: 22px;
  }
  
  .widget-area ul li {
    font-size: 18px;
  }
  
  .container {
    width: 1300px !important;
  }
  
  a.marketing-button {
    margin: 0 auto 50px auto !important;
    font-size: 24px;
    letter-spacing: 1px;
    width: 300px;
  }
 
  .latest-blog h2.heading a {
    font-size: 26px;
    line-height: 36px;
   }
   
 .latest-blog p {
  font-size: 18px !important;
  line-height: 28px !important;
 }

/* Background images with text overlay -------------------------------------------------- */
  
  .bkgd-image {
    height: 600px;
    background-size: 54%;
    background-position: 45%;
  }

}


.SommetRoundedBold { 
  font-family: SommetRoundedBold, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.SommetRoundedRegular { 
  font-family: SommetRoundedRegular, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}

@-webkit-keyframes pulsate
{
  0%   { color: #ddd; text-shadow: 0 -1px 0 #000; }
  50%  { color: #fff; text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff; }
  100% { color: #ddd; text-shadow: 0 -1px 0 #000; }
}
    
@keyframes pulsate
{
  0%   { color: #ddd; text-shadow: 0 -1px 0 #000; }
  50%  { color: #fff; text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff; }
  100% { color: #ddd; text-shadow: 0 -1px 0 #000; }
}

/* Quantcast Consent Management */
.qc-cmp-button {
    background-color: #00d8c8 !important;
    border-color: #00d8c8 !important;
}
.qc-cmp-button:hover {
    background-color: transparent !important;
    border-color: #00d8c8 !important;
}
.qc-cmp-alt-action,
.qc-cmp-link {
    color: #00d8c8 !important;
}
.qc-cmp-button {
    color: #222a35 !important;
}
.qc-cmp-ui,
.qc-cmp-ui .qc-cmp-main-messaging,
.qc-cmp-ui .qc-cmp-messaging,
.qc-cmp-ui .qc-cmp-beta-messaging,
.qc-cmp-ui .qc-cmp-title,
.qc-cmp-ui .qc-cmp-sub-title,
.qc-cmp-ui .qc-cmp-purpose-info,
.qc-cmp-ui .qc-cmp-table,
.qc-cmp-ui .qc-cmp-table-header,
.qc-cmp-ui .qc-cmp-vendor-list,
.qc-cmp-ui .qc-cmp-vendor-list-title {
    color: #222a35 !important;
}
.qc-cmp-ui {
    background-color: #f8f8f8 !important;
}
.qc-cmp-publisher-purposes-table .qc-cmp-table-header {
    background-color: #fafafa !important;
}
.qc-cmp-publisher-purposes-table .qc-cmp-table-row {
    background-color: #ffffff !important;
}

.qc-cmp-link-text {
    width: 50%;
    margin-bottom: 0;
}

span#privacy-policy-opt-out {
    font-weight: bold;
    cursor: pointer;
}

span#privacy-policy-opt-out:hover {
    text-decoration: underline;
}

/* ------------------------------------ */
/*    Blog Grid Alternative Template    */
/* ------------------------------------ */

body.page-template-template-blog-grid-alternative {
	background-color: white;
}

body.page-template-template-blog-grid-alternative h3.blog-post-alternative-title-wrapper {
	line-height: 25px !important;
	font-size: 20px !important;
}

div.blog-grid-alternative div.blog-grid-alternative-row-fluid {
	margin-top: 45px; 
	border: 2px solid lightgrey;
}

div.blog-grid-alternative p.blog-grid-alternative-thumb {
	margin-bottom:0;
}

div.blog-grid-alternative div.blog-post-alternative-category li {
	display: inline;
    	width: auto;
    	background-color: #00d8c8;
    	padding: 3px 17px 7px 0;
	font-family: 'Open Sans';
}

div.blog-grid-alternative div.blog-post-alternative-category li:hover {
	background-color: #09b7a6;
}

div.blog-grid-alternative h3.blog-post-alternative-title-wrapper {
	margin-top: 20px; 
	padding:0 30px;
}

div.blog-grid-alternative h3.blog-post-alternative-title-wrapper a.blog-post-alternative-title {
	color: #4b535a;
	font-family: 'Open Sans' !important;
	font-weight: bold !important;
}

div.blog-grid-alternative h3.blog-post-alternative-title-wrapper a.blog-post-alternative-title:hover {
	color: #00d8c8;
}

/* Single Blog Post */

div.post div.post-meta a {
	font-size:12px !important;
}