/*
Theme Name:     PMB Technologies
Description:    
Author:         JasonYates75
Template:       unite

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/


/*==================================CUSTOM FONTS========================= */


@font-face {
    font-family: 'gotham_boldregular';
    src: url('fonts/gotham-bold-webfont.eot');
    src: url('fonts/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-bold-webfont.woff2') format('woff2'),
         url('fonts/gotham-bold-webfont.woff') format('woff'),
         url('fonts/gotham-bold-webfont.ttf') format('truetype'),
         url('fonts/gotham-bold-webfont.svg#gotham_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
	font-family: 'source_sans_problack';
	src: url('fonts/sourcesanspro-black-webfont.eot');
	src: url('fonts/sourcesanspro-black-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/sourcesanspro-black-webfont.woff2') format('woff2'),
	url('fonts/sourcesanspro-black-webfont.woff') format('woff'),
	url('fonts/sourcesanspro-black-webfont.ttf') format('truetype'),
	url('fonts/sourcesanspro-black-webfont.svg#source_sans_problack') format('svg');
	font-weight: normal;
	font-style: normal;
}




@font-face {
	font-family: 'source_sans_problack_italic';
	src: url('fonts/sourcesanspro-blackit-webfont.eot');
	src: url('fonts/sourcesanspro-blackit-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/sourcesanspro-blackit-webfont.woff2') format('woff2'),
	url('fonts/sourcesanspro-blackit-webfont.woff') format('woff'),
	url('fonts/sourcesanspro-blackit-webfont.ttf') format('truetype'),
	url('fonts/sourcesanspro-blackit-webfont.svg#source_sans_problack_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}




@font-face {
	font-family: 'source_sans_probold';
	src: url('fonts/sourcesanspro-bold-webfont.eot');
	src: url('fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
	url('fonts/sourcesanspro-bold-webfont.woff') format('woff'),
	url('fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
	url('fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
	font-weight: normal;
	font-style: normal;
}




@font-face {
	font-family: 'source_sans_probold_italic';
	src: url('fonts/sourcesanspro-boldit-webfont.eot');
	src: url('fonts/sourcesanspro-boldit-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/sourcesanspro-boldit-webfont.woff2') format('woff2'),
	url('fonts/sourcesanspro-boldit-webfont.woff') format('woff'),
	url('fonts/sourcesanspro-boldit-webfont.ttf') format('truetype'),
	url('fonts/sourcesanspro-boldit-webfont.svg#source_sans_probold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}




@font-face {
	font-family: 'source_sans_proextralight';
	src: url('fonts/sourcesanspro-extralight-webfont.eot');
	src: url('fonts/sourcesanspro-extralight-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/sourcesanspro-extralight-webfont.woff2') format('woff2'),
	url('fonts/sourcesanspro-extralight-webfont.woff') format('woff'),
	url('fonts/sourcesanspro-extralight-webfont.ttf') format('truetype'),
	url('fonts/sourcesanspro-extralight-webfont.svg#source_sans_proextralight') format('svg');
	font-weight: normal;
	font-style: normal;
}




@font-face {
	font-family: 'source_sans_proXLtIt';
	src: url('fonts/sourcesanspro-extralightit-webfont.eot');
	src: url('fonts/sourcesanspro-extralightit-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/sourcesanspro-extralightit-webfont.woff2') format('woff2'),
	url('fonts/sourcesanspro-extralightit-webfont.woff') format('woff'),
	url('fonts/sourcesanspro-extralightit-webfont.ttf') format('truetype'),
	url('fonts/sourcesanspro-extralightit-webfont.svg#source_sans_proXLtIt') format('svg');
	font-weight: normal;
	font-style: normal;
}




@font-face {
	font-family: 'source_sans_proitalic';
	src: url('fonts/sourcesanspro-it-webfont.eot');
	src: url('fonts/sourcesanspro-it-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/sourcesanspro-it-webfont.woff2') format('woff2'),
	url('fonts/sourcesanspro-it-webfont.woff') format('woff'),
	url('fonts/sourcesanspro-it-webfont.ttf') format('truetype'),
	url('fonts/sourcesanspro-it-webfont.svg#source_sans_proitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}




@font-face {
	font-family: 'source_sans_prolight';
	src: url('fonts/sourcesanspro-light-webfont.eot');
	src: url('fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/sourcesanspro-light-webfont.woff2') format('woff2'),
	url('fonts/sourcesanspro-light-webfont.woff') format('woff'),
	url('fonts/sourcesanspro-light-webfont.ttf') format('truetype'),
	url('fonts/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
	font-weight: normal;
	font-style: normal;
}




@font-face {
	font-family: 'source_sans_prolight_italic';
	src: url('fonts/sourcesanspro-lightit-webfont.eot');
	src: url('fonts/sourcesanspro-lightit-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/sourcesanspro-lightit-webfont.woff2') format('woff2'),
	url('fonts/sourcesanspro-lightit-webfont.woff') format('woff'),
	url('fonts/sourcesanspro-lightit-webfont.ttf') format('truetype'),
	url('fonts/sourcesanspro-lightit-webfont.svg#source_sans_prolight_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}




@font-face {
	font-family: 'source_sans_proregular';
	src: url('fonts/sourcesanspro-regular-webfont.eot');
	src: url('fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
	url('fonts/sourcesanspro-regular-webfont.woff') format('woff'),
	url('fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
	url('fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
	font-weight: normal;
	font-style: normal;
}




@font-face {
	font-family: 'source_sans_prosemibold';
	src: url('fonts/sourcesanspro-semibold-webfont.eot');
	src: url('fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
	url('fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
	url('fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),
	url('fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}




@font-face {
	font-family: 'source_sans_proSBdIt';
	src: url('fonts/sourcesanspro-semiboldit-webfont.eot');
	src: url('fonts/sourcesanspro-semiboldit-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/sourcesanspro-semiboldit-webfont.woff2') format('woff2'),
	url('fonts/sourcesanspro-semiboldit-webfont.woff') format('woff'),
	url('fonts/sourcesanspro-semiboldit-webfont.ttf') format('truetype'),
	url('fonts/sourcesanspro-semiboldit-webfont.svg#source_sans_proSBdIt') format('svg');
	font-weight: normal;
	font-style: normal;
}



/*-------------------------------------Base---------------------------------------*/

body {
    background-image: url( )!important;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    background-attachment: fixed!important;
    background-size: cover!important;
    background-color: #FFFFFF!important;
}

.container-fluid {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

.row{
    margin-right: 0;
    margin-left: 0;
}

/*.container{
	width:1200px;
}*/

div#primary {
    width: 100%!important;
    padding-right: 0;
    padding-left: 0;
}

#content-body {
    margin: 95px 0;
}


h2 {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    color: rgb(0, 123, 194);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 24px;
    margin-bottom: 30px;
}

h3 {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: rgb(0, 123, 194);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.4;
    margin-bottom: 3px;
}

h4 {
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    color: rgb(0, 123, 194);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.4;
    margin-bottom: 3px;
}


h5{
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  color: rgb(88, 89, 91);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.4;
}

p {
    font-family: 'source_sans_proregular';
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    color: #808080;
    line-height: 1.4;
}

.paragraph-padding{
	padding:20px 0;
}

ul {
    list-style: none!important;
	 -webkit-padding-start: 0px!important;
}

li{
    font-family: 'source_sans_proregular';
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    color: #808080;
    line-height: 1.4;
}

a:hover{
	text-decoration:none;
}

/*-------------------------------------Header---------------------------------------*/
span.divider {
    width: 10px;
    background-color: #007bc2;
    height: 45px;
    float: left;
    min-height: 45px;
    margin-top: 13px;
    margin-right: 15px;
}
#top-header{
	padding:58px 0;
}


#top-left h4 {
	  font-size: 15px;
	  font-family: 'Open Sans', sans-serif;
	  color: rgb(88, 89, 91);
	  font-weight: bold;
	  text-transform: uppercase;
	  line-height: 1.688;
}

#top-right p{
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    color: rgb(0, 123, 194);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.5;
    text-align: right;
    position: relative;
    top: 15px;
}


/*-------------------------------------Footer---------------------------------------*/



#footer {
    background: #efefef;
    padding: 64px 0;
}

#footer h3 {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: #58595b;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.4;
    margin-bottom: 25px;
}


.textwidget {
    font-family: 'source_sans_proregular';
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    color: #808080;
    line-height: 1.4;
    text-align: left;
}

.widget ul {
    list-style: none;
    padding: 0 10px;
}

.widget ul a {
    font-family: 'source_sans_proregular';
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    color: #808080;
    line-height: 1.4;
    text-transform: uppercase;
}

.widget ul a:hover {
    font-family: 'source_sans_proregular';
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    color: rgb(0, 123, 194);
    line-height: 1.4;
    text-transform: uppercase;
	text-decoration:none;
}

/*-------------------------------------Menu---------------------------------------*/
#nav-bg{
	background: #007bc2;
}

nav > div > ul{
    list-style: none;
	text-decoration:none;
}

nav > div > ul > li a{
    color:#ffffff;
}

nav > div > ul > li a:hover;{
    color:#000000;
	text-decoration:none;
}

.ddl-navbar {
    border-radius: 0!important;
}

.ddl-navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0!important;
    border: 0!important;
}

.ddl-nav-wrap {
    float: right;
    margin-top: 0!important;
    margin-left: 0!important;
}

nav.ddl-nav-wrap.ddl-navbar.ddl-navbar-default.ddl-nav-horizontal {
    width: 100%;
    background: #007bc2;
    padding: 0!important;
}

a.left.carousel-control {
    display: none;
}

a.right.carousel-control {
    display: none;
}

.ddl-navbar {
    left: -64px;
}

ul#menu-top-menu a {
    text-transform: uppercase;
}
/*-------------------------------------Sidebar---------------------------------------*/
.sidebar-text-container {
    margin-left: -15px;
}

#sidebar h4{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: rgb(88, 89, 91);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.4;
    margin-top: 20px;
	margin-bottom:10px;
}

#sidebar h3 {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: rgb(0, 123, 194);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.4;
    margin-bottom: 10px!important;
}

/*-------------------------------------Front Page---------------------------------------*/

.gradient-box {
	display:block;
    text-align: center;
	padding: 0 10px;
	width: 160px;
	height: 160px;
	max-width:100%;
	max-height:100%;
	background: rgba(0,123,194,1);
	background: -moz-linear-gradient(top, rgba(0,123,194,1) 0%, rgba(0,163,245,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,123,194,1)), color-stop(100%, rgba(0,163,245,1)));
	background: -webkit-linear-gradient(top, rgba(0,123,194,1) 0%, rgba(0,163,245,1) 100%);
	background: -o-linear-gradient(top, rgba(0,123,194,1) 0%, rgba(0,163,245,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,123,194,1) 0%, rgba(0,163,245,1) 100%);
	background: linear-gradient(to bottom, rgba(0,123,194,1) 0%, rgba(0,163,245,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007bc2', endColorstr='#00a3f5', GradientType=0 );
}

#gradient-boxes {
    display: block;
}

.gradient-box p {
	color: #ffffff;
	text-transform: uppercase;
}

.gradient-box p:hover {
    color: rgb(43, 44, 45);
}


.gradient-box img {
	 -webkit-filter: grayscale(0%);
	 transition: -webkit-filter .3s linear;
	 vertical-align: middle;
	 display: inline-block;
	 margin-top: 40px;
	 margin-bottom: 15px;
	}

.gradient-box img:hover {
-webkit-mask-image:-webkit-linear-gradient(top, rgba(0, 0, 0,.4), rgba(0, 0, 0,.4));
transition: -webkit-filter .3s linear;
}

.nested-row{
	padding:0;
}


#sidebar-home {
    margin-top: 30px;
}

#sidebar-home h4 {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	color: rgb(88, 89, 91);
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.4;
	margin-bottom:10px;
}

#layer-slider-container {
    border-bottom: 16px solid #007BC2;
}


/*-----------------------------------------Slider--------------------------------------*/
.carousel {
    margin-bottom: 0;
}

.carousel-caption{
	display:none;
}

ol.carousel-indicators {
    display: none;
}



/*------------------------------------Landing Page-------------------------------------*/
#logo {
    margin-bottom: -1px;
}

.text-container {
    margin-left: 15px;
}

.header-img img{
	width:100%;
}

.header-img{
	border-bottom:16px solid #007BC2;
}

.product-service-container {
    margin-bottom: 35px;
}

.grid-image {
	width:100%;
    margin-bottom: 28px;
}

.grid-icon-image {
    margin-bottom: 40px;
    margin-top: 15px;
}


.grid-title {
    margin-bottom: 20px;
}


.caption p {
    font-size: 14px;
   font-family: 'source_sans_proregular';
    color: rgb(88, 89, 91);
    font-weight: 300;
    line-height: 1.688;
    text-align: left;
}

.product-title-holder {
    margin-bottom: 25px;
}

.icon-title {
    width: 100%;
    margin: 5px 0 10px 0;
}

span.product-icon {
    display: inline-block;
    float: left;
    position: relative;
    top: 7px;
    margin-right: 10px;
    min-width: 15px;
}

#key-advantage-icons > div > ul > li > .product-icon {
    display: inline-block;
    float: left;
    position: relative;
    top: 3px;
    margin-right: 6px;
    min-width: 15px;
}

.product-title {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: rgb(88, 89, 91);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.688;
}

.product-description{
	  font-size: 10px;
	  font-family: 'source_sans_proregular';
      color: #58595b;
      font-weight: 400;
	  line-height: 1.688;
	  margin-bottom:45px;
}

.bold-font {
    font-weight: 900;
    color: #808080;
}

span.iso {
    color: #007bc2;
}

.product-ul-lists{
	margin-bottom:40px;
}

.product-grid h5 {
    font-size: 13px;
    font-family: 'source_sans_proregular';
    color: rgb(88, 89, 91);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.4;
}

.pothole-steps h3{
	text-align:left;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    color: rgb(88, 89, 91);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.4;
}

.pothole-steps img {
    min-width: 252px;
}

#pothole-image {
    margin-top: 15px;
}

.gradient-bg ul{
	list-style:none;
}

span.product-icon {
    display: inline-block;
    float: left;
    position: relative;
    top:4px;
    margin-right: 10px;
    min-width: 15px;
}

.gradient-bg li {
    color: #ffffff;
    font-family: 'source_sans_proregular';
    line-height: 1.7;
}


.gradient-bg h2 {
    color: #5D5E60;
    font-family: 'source_sans_proregular';
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: 200;
    letter-spacing: 2px;
}

#advantage-list {
    width: 100%;
    margin-top: 2px;
    margin-bottom: 20px;
    border: 1px solid #88b6e1;
    color: #88b6e1;
}

div#key-advantage-icons {
    padding-left: 32px;
}

#top-gradient {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
}

#bottom-gradient{
	padding-bottom:30px;
}

@media (max-width: 767px){
#gradient-boxes{
	display:none;
}

#top-right p {
    font-size: 21px;
    font-family: 'Open Sans', sans-serif;
    color: rgb(0, 123, 194);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.5;
    text-align: center;
    position: relative;
    top: 15px;
    float: left;
}


ul#menu-top-menu {
    margin-left: 0;
}

nav.ddl-nav-wrap.ddl-navbar.ddl-navbar-default.ddl-nav-horizontal {
    width: 100%;
    background: #007bc2;
    padding: 0;
    position: relative;
    left: 0;
}

img.ls-yourlogo {
    left: 29.375px!important;
    top: 132.604px;
    visibility: visible;
    width: 265.208px;
    height: 109.573px;
}

span.divider {
    width: 10px;
    background-color: #007bc2;
    height: 195px;
    float: left;
    min-height: 45px;
    margin-top: 4px;
    margin-right: 15px;
}

}

@media (min-width: 768px){
#gradient-boxes{
	display:none;
}


.gradient-box {
    display:none;
}

span.divider {
    width: 10px;
    background-color: #007bc2;
    height: 70px;
    float: left;
    min-height: 45px;
    margin-top: 13px;
    margin-right: 15px;
}

#top-right p{
    font-size: 23px;
    float: left;
}

#top-right{
    width: 100%;
}
#top-left {
    width: 100%;
}
}

@media (min-width: 992px){
	#gradient-boxes {
	    display: block;
	}
	
	.gradient-box {
	    display: block;
	}

	span.divider {
	    width: 10px;
	    background-color: #007bc2;
	    height: 45px;
	    float: left;
	    min-height: 45px;
	    margin-top: 13px;
	    margin-right: 15px;
	}

	#top-right p {
	    font-size: 17px;
	    float: left;
	}

	#top-right{
	    width: 25%;
	}
	#top-left {
	    width: 75%;
	}
	
	.gradient-box {
	    text-align: center;
	    padding: 0 10px;
		width: 160px;
		height: 160px;
	    max-width: 100%;
	    max-height: 100%;
	    margin-bottom: 15px;
	    background: rgba(0,123,194,1);
	    background: -moz-linear-gradient(top, rgba(0,123,194,1) 0%, rgba(0,163,245,1) 100%);
	    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,123,194,1)), color-stop(100%, rgba(0,163,245,1)));
	    background: -webkit-linear-gradient(top, rgba(0,123,194,1) 0%, rgba(0,163,245,1) 100%);
	    background: -o-linear-gradient(top, rgba(0,123,194,1) 0%, rgba(0,163,245,1) 100%);
	    background: -ms-linear-gradient(top, rgba(0,123,194,1) 0%, rgba(0,163,245,1) 100%);
	    background: linear-gradient(to bottom, rgba(0,123,194,1) 0%, rgba(0,163,245,1) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007bc2', endColorstr='#00a3f5', GradientType=0 );
	}
	
	.icon-title {
	    width: 100%;
	    margin: 15px 0;
	}
	
	span.product-icon {
	    display: inline-block;
	    float: left;
	    position: relative;
	    top:0;
	    margin-right: 10px;
	    min-width: 15px;
	}
}

@media (min-width: 1200px){
	span.product-icon {
	    display: inline-block;
	    float: left;
	    position: relative;
	    top:7px;
	    margin-right: 10px;
	    min-width: 15px;
	}
}