﻿
.nav-tabs.style-3 {
    border-bottom: 1px solid #338dca;
    background-color: #338dca;
}
.comment {
	color: #3366FF;
}
.code {
	font-family: "Courier New", Courier, monospace;
	color: #333;
	font-size: 12px;
	text-align:left;
}
.red {
	color: #900;
}
.green {
	color:#096;	
}
.phead {
	font-size: 33px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	color:#333333;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 10px;
}
.dark .header-dropdown-buttons .btn-group > .btn, .colored .header-dropdown-buttons .btn-group > .btn {
    background-color: rgba(51, 141, 202, 0.73);
    border: 1px solid rgba(0, 0, 0, 0.15);
    text-shadow: 1px 1px rgba(0, 0, 0, 0.7);
    color: #FFF;
}

[class^="icon-"]:before, [class*=" icon-"]:before {  
 line-height: inherit;
}
.background-img-1 {
  background: url("../images/pbus-header-bg.jpg") 52% 44% no-repeat;
}

.overlay-container img {
	display:inline
	}
.mt-30 {
	margin-top:30px
	}
.mt-40 {
	margin-top:40px
	}
.dark-img-bg {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 0;
  background-repeat: no-repeat;
  z-index: 1;
  position: relative;
  overflow: hidden;
}


 .dark-img-bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
 }
.dark-img-bg:after {
  background-color: rgba(0, 0, 0, 0.1)
}

.dark-img-bg.hovered:hover:after {
  background-color: rgba(0, 0, 0, 0.6);
}
.dark-img-bg,
.dark-img-bg h1,
.dark-img-bg h2,
.dark-img-bg h3,
.dark-img-bg h4,
.dark-img-bg h5,
.dark-img-bg h6 {
  color: #ffffff;
}
.dark-img-bg a:not(.btn) {
  text-decoration: underline;
  color: #ffffff;
}
.dark-img-bg a:not(.btn):hover {
  text-decoration: none;
  color: #ffffff;
}

.dark-img-bg .separator:after {
  background: rgba(255, 255, 255, 0.5);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.5)), color-stop(70%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
}

.dark-img-bg .separator-2:after {
  background: rgba(255, 255, 255, 0.5);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(35%, rgba(232, 232, 232, 0.4)), color-stop(70%, rgba(232, 232, 232, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(232, 232, 232, 0.4) 35%, rgba(232, 232, 232, 0.2) 70%, rgba(255, 255, 255, 0) 100%);
}
#featdetails h2 {
    text-transform: none;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}
.text-white {
	color:#FFFFFF
	}
.separator-white {
  background: rgb(255,255,255);
background: -moz-linear-gradient(164deg, rgba(255,255,255,1) 42%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(164deg, rgba(255,255,255,1) 42%, rgba(255,255,255,1) 100%);
background: linear-gradient(164deg, rgba(255,255,255,1) 42%, rgba(255,255,255,1) 100%);
}
body {
    font-size: 16px;
}
.dark .mega-menu .title {
    margin: 5px 0;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFF;
    font-family: Roboto, sans-serif;
    display: block;
}
#banner h2 {
    text-transform: none;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
}
.banner-slogan {
	font-size: 26px;
    text-transform: none;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    color: #000000;
}
#footer h3 {
	font-size: 16px;
	font-weight: 600;
	}
#faq h2 {
	font-size: 16px;
	font-weight: bold;
	text-transform:none;
	font-family: 'Roboto', sans-serif;
	}
blockquote {
	font-style:italic
	}