/*
Theme Name: 	TTX
Theme URI: 		http://uxmstudio.com
Description: 	The totally new TTX Wordpress theme!
Version: 		1.0
Author: 		UXM Studio
Author URI: 	http://uxmstudio.com
Tags: 			ttx, image, clean, redesign
*/

/* CSS Document */
body{padding: 0; margin: 0; font-family: "Arial Rounded MT", Arial, Helvetica, sans-serif;}

#header-wrapper{ width: 100%; height: 80px; background: #fff; position: fixed; z-index: 1000; box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);  }
#header{ max-width: 1400px; width: 100%; margin: 0 auto; position: relative;  }
#logo{float: left; max-width: 320px; width: 30%; box-sizing: border-box; padding: 25px 0; }
#logoicon{float: left; width: 30%;}
#logotext{ float: right; box-sizing: border-box; margin: 4px 0 0 0; width: 70%; padding-left: 10px;}
#logotext span{font-size: 8px; position: relative; top: 0px; left: -3px;}
#logotext a{font-weight: bold; font-size: 12px; color: #4A4A4A; letter-spacing: 1px; text-decoration: none;}

#mobilenav{ display: none;}
.mobileheader{display: none;}

.menu_container, .anchor-link { display: none; }
.menu_container { width: 100%; border-bottom: 1px solid #fff; }
#mobilehamburger{ width: 100%; background-color: #fff; }
.anchor-link { padding: 5px 3px; background-color: #fff; color: #ff0000; float: left; }
.anchor-link:hover { background-color: #fff; color: #ff0000; }

.main_content, #nav { transition: .2s margin ease; display: block; position: relative; }
.main_content { position: relative; width: 100%; margin: 0 auto; overflow: hidden; background: #fff; }
body.active .main_content:before { content: ""; position: relative; z-index: -1; top: 0; left: -100%; width: 100%; height: 100%; }
.js{/*background: #000;*/}
#nav{float: left; max-width: 990px; width: 62%; box-sizing: border-box; padding-left: 80px; }
#nav{position: relative; z-index: 10000; }
#nav ul { padding: 0; margin: 32px 0px 0px 0px; }
#nav ul li{margin-right: 35px;}
#nav ul li a{ display: block; text-transform: uppercase; padding-bottom: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; 
	font-size: 12px; color: rgba(73,73,73,0.50); letter-spacing: 1px; cursor: pointer; }
#nav ul li a:hover{ color: #B32018; }

#nav ul li ul li:hover, #nav ul li ul li.sfHover {
	background: #B32018;
}
#nav ul li ul li:first-child { border-radius: 2px 2px 0px 0px; }
#nav ul li ul li:last-child { border-radius: 0px 0px 3px 3px !important; }

#nav ul li ul li.current_page_item a:hover{background: #fff!important;}
#nav ul li ul li.current_page_item{background: #fff!important;}
#nav ul li ul li.current_page_item a{color: #B32018!important;}

#nav ul ul{
	width: 175px;
	display:none;
	position:absolute;
	top:100%;
	left: 0px;
	/*background: #f6f6f6;*/
	background: #fff;
	padding:0;
	/*border-bottom: 1px solid #ccc;*/
	margin-right: 0;
	margin-top: 0px;
	box-shadow: 0 20px 40px 0 rgba(0,0,0,0.30);
	border-radius: 3px;
}



#nav ul ul li{
	float:none;
	width: 175px;
	height: 30px;
	text-align: left;

}

#nav ul li ul li a:hover{
	/*background: #B32018;*/
	color: #fff;	
}

#nav ul ul a{
	box-sizing: border-box;
	padding: 5px 15px;
	line-height: 20px;
	font-weight: bold;
	font-size: 12px;
	color: #4A4A4A;
	letter-spacing: 0;
}

#nav ul ul ul
{
	top:0;
	left:100%
}

#nav ul li:hover > ul,
#nav ul li.sfHover > ul
{
	display:block;
}

.sf-menu ul li {
    /*border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: none !important;*/
	border: none!important;
}

li.current-menu-item > a, li.current-menu-parent > a{ color: #B32018!important;}


#nav ul ul:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 10px 10px;
	border-color: #fff transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -10px;
	left: 65px;

}

li.menu-item-136 > ul{left: -35px!important;}
li.menu-item-137 > ul{left: 15px!important;}
li.menu-item-138 > ul{left: -55px!important;}


#btnlink{float: right; max-width: 100px; width: 08%; box-sizing: border-box;}
#mag-glass{float: left; margin-top: 30px;}
#btn_button{float: right; margin: 20px 0 0 0;}
#bpn-link{ background: #B32018; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #FFFFFF;
	letter-spacing: 1px; text-decoration: none; padding: 15px; line-height: 40px;}
#bpn-link:hover{ background: #85150F; }
#siteserach{clear: both; max-width: 200px; width: 100%; height: 30px; top: -55px; margin: 0 60px 0 0; float: right; position: relative; background: #fff; z-index: 10000;}
/*end header*/
#formCont{background: #fafafa; border: 1px solid #E8E8E8; border-radius: 3px;}
#searchInput{float: left; max-width: 150px; width: 100%; }
#searchBtn{float: right; max-width: 40px; width: 100%; background: none!important; }
#searchInput input{ height: 30px; border: none!important; outline: none!important; }
#searchBtn input{width: 40%; height: 40%; margin: 8px 0 0 10px;}

#wrapper{max-width: 1400px; width: 100%; margin: 0 auto}

#hero{max-width: 1400px; width: 100%; height: 600px; box-sizing: border-box;}
#heroimage{max-width: 1400px; width: 100%; height: 600px; }
#heroimage a{ display: block; width: 100%; height: 100%;  }
.heroback{ height: 600px;  }
a.cycle-slide .herocontent{width: 80%; position: absolute; bottom: 80px; margin: 0; opacity: 0;}
a.cycle-slide-active .herocontent{opacity: 1; margin: 0 0 0 110px; transition: all 0.5s ease-in-out; transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s;}
.hero-slide-title{font-size: 48px; font-weight: bold; color: #FFFFFF;letter-spacing: 0; text-transform: uppercase; font-family: arial, Helvetica, sans-serif;}
.hero-slide-content{font-family: arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #FFFFFF; letter-spacing: 1.33px; text-transform: uppercase; margin-top: 0px;}
.learnmore{font-weight: bold;font-size: 18px;color: #FFFFFF;letter-spacing: 0; margin-top: 30px;}
/*homeslider*/
.cycle-slideshow img:first-child {
    position: static;
    z-index: 100;
}
.cycle-pager {
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 91%;
    width: 100%;
    z-index: 500;
}
.cycle-pager span {
	margin-right: 2px;
    color: #fff;
	background: none !important;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-size: 36px;
    height: 16px;
    width: 16px;
    opacity: 0.5;
    padding: 0!important;
}
.cycle-pager span.cycle-pager-active {
    color: #fff;
    opacity: 1.0;
}
.cycle-pager > * {
    cursor: pointer;
}
.cycle-caption {
    bottom: 15px;
    color: white;
    position: absolute;
    right: 15px;
    z-index: 700;
}
.cycle-overlay {
    background: black none repeat scroll 0 0;
    bottom: 0;
    color: white;
    font-family: tahoma,arial;
    opacity: 0.5;
    padding: 15px;
    position: absolute;
    width: 100%;
    z-index: 600;
}
.cycle-prev, .cycle-next {
    cursor: pointer;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 10%;
    z-index: 800;
}
.cycle-prev {
    background: rgba(0, 0, 0, 0) url("img/jcleftarrow.png") no-repeat scroll 10% 50%;
    left: 0px;
}
.cycle-next {
    background: rgba(0, 0, 0, 0) url("img/jcrightarrow.png") no-repeat scroll 90% 50%;
    right: 0px;
}
.cycle-prev:hover, .cycle-next:hover {
    opacity: 0.7;
}
.disabled {
    opacity: 0.5;
}
.cycle-paused::after {
    background: black none repeat scroll 0 0;
    border-radius: 10px;
    color: white;
    content: "Paused";
    opacity: 0.5;
    padding: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 500;
}
/*end homeslider*/

#secpage, #secpage p{font-size: 14px;color: #4A4A4A;letter-spacing: 0;line-height: 32px;}

#intro{height: 600px;  box-sizing: border-box; position: relative; }
#intro-text-wrapper, #intro-text-wrapper-maint{max-width: 620px; width: 100%; padding: 130px 0 0 110px!important; position: relative;}
#intro-text-wrapper h2{ font-weight: bold;font-size: 32px;color: #FFFFFF;letter-spacing: 0;line-height: 40px; padding: 0 0 10px 0; margin: 0;}
#intro-text-wrapper p{font-size: 16px;color: #FFFFFF;letter-spacing: 0;line-height: 24px; max-width: 400px;}
#intro-learnmore a{	font-weight: bold; font-size: 18px; color: #FFFFFF; letter-spacing: 0; text-decoration: none;}
#intro-learnmore{padding: 30px 0 0 0;}

#whyttx{height: 600px;}
.colfifty-left{float: left; width: 50%; box-sizing: border-box;}
#stats-cont{max-width: 665px; width: 100%; padding: 280px 0 0 50px; margin: auto; }
#stats-cont-about{max-width: 696px; width: 100%; padding: 40px 0 30px 0px 0; margin: 30px 0; position: relative; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; box-sizing: border-box;}
#stats-cont h2, #stats-cont-about h2{ font-weight: bold; font-size: 36px; color: #4A4A4A; letter-spacing: 0; padding: 0 0 10px 0; margin: 0;}
#stats-cont p, #stats-cont-about p{font-size: 14px;color: #4A4A4A;letter-spacing: 0; line-height: 16px!important;}
#twothirtyk{float: left; max-width: 131px; width: 30%;}
#sixhundredmil{float: left; max-width: 210px; width: 40%; box-sizing: border-box; padding: 0 0 0 0px; margin-left: 60px;}
#eightbillion{float: right; max-width: 161px; width: 30%;}

#stats-cont-about #twothirtyk-about{float: left; width: 30%; text-align: center; padding: 40px 0 ;}
#stats-cont-about #sixhundredmil-about{float: left; width: 33%; box-sizing: border-box; margin: 0 0 0 30px; text-align: center;  padding: 40px 0 ;}
#stats-cont-about #eightbillion-about{float: right; width: width: 30%; text-align: center; margin-right: 20px; padding: 40px 0 ;}

#stats-cont-whyttx{max-width: 696px; width: 100%; padding: 40px 0 30px 0; margin: 30px 0; position: relative; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; box-sizing: border-box;}
#thirteenbillion-whyttx{float: left; width: 50%; box-sizing: border-box; padding: 0 50px; text-align: center; padding: 20px 0  }
#twofiftymillion-whyttx{float: right; width: 50%; box-sizing: border-box; padding: 0 50px; text-align: center; padding: 20px 0  }
#thirteenbillion-whyttx p, #twofiftymillion-whyttx p{font-size: 14px;color: #4A4A4A;letter-spacing: 0; line-height: 16px!important;}
#thirteenbillion-whyttx h2, #twofiftymillion-whyttx h2{ font-weight: bold; font-size: 36px; color: #4A4A4A; letter-spacing: 0; padding: 0 0 10px 0; margin: 0;}

#typesrailcars-cont{max-width: 696px; width: 100%; padding: 40px 0 0px 0; margin: 20px 0 0 0; position: relative; border-top: 1px solid #E8E8E8; box-sizing: border-box}
#railcars-left{float: left; width: 20%; font-weight: 800; box-sizing: border-box; padding: 0; margin: 0;}
#railcars-left p{margin: 0; padding: 0; position: relative; top: -9px;}
#railcars-right{float: right; width: 74%;}
.rc-col1{float: left; width: 30%;}
.rc-col2{float: left; width: 43%;}
.rc-col3{float: left; width: 27%;}

.rc-col1 p, .rc-col2 p, .rc-col3 p{line-height: 14px!important; padding: 0; margin: 0 0 20px 0;}
.rc-col1 a, .rc-col2 a, .rc-col3 a{text-decoration: none; line-height: 14px; padding: 0; margin: 0; }
.rc-col1 a:hover, .rc-col2 a:hover, .rc-col3 a:hover{color: #B32018!important;}

.colfifty-right{float: right; width: 50%; box-sizing: border-box;}
#whyttx-container{ max-width: 500px; width: 100%; padding: 180px 0 0 110px; }
#whyttx-container h1{ font-weight: bold; font-size: 48px; color: #4A4A4A; letter-spacing: 0; padding: 0 0 10px 0; margin: 0;}
#whyttx-container p{font-size: 16px;color: #4A4A4A;letter-spacing: 0;line-height: 24px;}
#whyttx-container a{ font-weight: bold;font-size: 18px;color: #4A4A4A;letter-spacing: 0; text-decoration: none;}
#rr-logos{box-sizing: border-box; padding: 30px 0 30px 0; margin: 30px 0; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; }
#whyttx-learnmore{padding: 30px 0 0 0;}

#maintservices{height: 600px;  box-sizing: border-box;}
#intro-text-wrapper-maint h2{ font-family: arial, Helvetica, sans-serif; font-weight: bold; font-size: 48px;color: #FFFFFF;letter-spacing: 0;line-height: 50px; padding: 0 0 10px 0; margin: 0;}
#intro-text-wrapper-maint p{font-family: arial, Helvetica, sans-serif; font-size: 16px;color: #FFFFFF;letter-spacing: 0;line-height: 24px; max-width: 400px;}
#intro-text-wrapper-maint a{ font-family: arial, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; letter-spacing: 0; text-decoration: none;}
.mainsecondlink{margin-top: 40px;}

#twoblocks{position: relative; }
.equipmentblock{  box-sizing: border-box; height: 600px;  }
.ourlocations{ box-sizing: border-box; height: 600px;}
#equipment-content{max-width: 600px; width: 100%; margin: 0; padding: 180px 0 0 110px;}
#equipment-content h2{ font-weight: bold; font-size: 48px;color: #FFFFFF;letter-spacing: 0; padding: 0; margin: 0 0 10px 0}
#equipment-content p{font-size: 16px;color: #FFFFFF;letter-spacing: 0; line-height: 24px; max-width: 400px;}
#ourlocation-content{max-width: 600px; width: 100%; margin: 0; padding: 180px 0 0 110px;}
#ourlocation-content h2{ font-weight: bold; font-size: 48px;color: #FFFFFF;letter-spacing: 0; padding: 0; margin: 0 0 10px 0}
#ourlocation-content p{font-size: 16px;color: #FFFFFF;letter-spacing: 0; line-height: 24px; max-width: 400px;}

#workwithus{height: 600px;}
#top100{max-width: 502px; height: 198px; margin: 0;  padding: 240px 0 0 110px;}
#workwithus-cont{max-width: 500px; width: 100%; padding: 180px 0 0 110px;}
#workwithus-cont h2{font-weight: bold;font-size: 48px;color: #4A4A4A;letter-spacing: 0; padding: 0; margin: 0 0 10px 0;}
#workwithus-cont p{font-size: 16px;color: #4A4A4A;letter-spacing: 0; line-height: 24px;}
#workwithus-learnmore a{font-weight: bold;font-size: 18px;color: #4A4A4A;letter-spacing: 0; text-decoration: none;}
#workwithus-learnmore{padding: 30px 0 0 0;}

#secpage-wrapper{width: 100%;}
#secpage{padding: 60px 0 100px 0;}

#seccontent h4{font-weight: bold;font-size: 14px;color: #B32018;letter-spacing: 0; padding: 0; margin: 30px 0 30px 0;}
#seccontent h5{font-weight: bold;font-size: 14px;color: #B32018;letter-spacing: 0; padding: 0; margin: 0 0 20px 0;}

#sectitle h1, #sectitle-reg h1{font-weight: bold;font-size: 64px;color: #FFFFFF;letter-spacing: 0;line-height: 70px; padding: 0; margin: 0; }
#sec-header{max-width: 1400px; width: 100%; height: 400px;}
.noleftcol{max-width: 800px; width: 100%; margin: 0 auto;}
#sectitle{position: relative; top: -100px; z-index: 10; max-width: 800px; width: 100%; margin: 0 auto; box-sizing: border-box;}
#sectitle-reg{position: relative; z-index: 10; max-width: 1000px; width: 100%; margin: 0 auto; box-sizing: border-box;}
#sec-header-image{position: relative; z-index: 0; width: 100%}
.twocol{max-width: 1000px; width: 100%; margin: 0 auto;}
#leftcolnav{float: left; max-width: 200px; width: 20%; box-sizing: border-box;}
.contactpopup-callout{max-width: 160px; width: 100%; box-sizing: border-box; margin: 10px 0 0 0;}
.leftnavdivider{height: 1px; width: 100%; background: #E8E8E8; margin: 0 0 20px 0;}
.leftchatbubbles{float: left; max-width: 32px; width: 20%; height: 24px; box-sizing: border-box; }
.leftchatbubbles a{ width: 32px; height: 24px; display: block; background: url(img/contact-bubles-leftnav.png) no-repeat top left; background-size: 32px 24px; }
.leftchatbubbles a:hover{background: url(img/contact-bubles-leftnav-over.png) no-repeat top left; background-size: 32px 24px;}
.rightchattext{float: right; width: 80%; box-sizing: border-box; padding-left: 8px; line-height: 18px!important; font-weight: bold;font-size: 14px;color: #4A4A4A;letter-spacing: 0 }
.rightchattext a{font-weight: bold;font-size: 14px;color: #4A4A4A;letter-spacing: 0;line-height: 18px!important; text-decoration: none;}
.rightchattext a:hover{ color: #B32018;  }
#seccontent-reg{float: right; max-width: 800px; width: 80%; box-sizing: border-box;}
#leftsecnav{float: left; max-width: 160px; width: 100%;}
.onelinetitle{top: -90px;}
.multiplelinetitle{top: -90px;}
.contact{position: relative; z-index: 10; max-width: 540px; width: 100%; margin: 0 auto; box-sizing: border-box;}
input[type=text], input[type=email], input[type=tel], textarea{background: #FAFAFA;border: 1px solid #E8E8E8;  border-radius: 3px; -moz-border-radius: 3px; width: 100%; height: 40px;   /*outline: 1px solid #E8E8E8;*/ box-sizing: border-box; 
	padding: 0 10px; }
.contact textarea{height: 150px; padding: 10px;}
.wpcf7-submit{background: #B32018;border-radius: 4px;font-weight: bold;font-size: 14px;color: #FFFFFF!important;letter-spacing: 1px; padding: 5px 20px; 
	text-decoration: none!important; position: relative; border: none!important; float: right; margin-bottom: 20px;}
#sectitle-contact{text-align: center;}
#sectitle-contact h1{font-weight: bold;font-size: 64px;color: #B32018;letter-spacing: 0;line-height: 70px; padding: 0 0 50px 0; margin: 0;}
body.contact-us #yellow-contact{display: none;}
#contbox1 { width: 100%; text-align: center; margin-bottom: 15px;}
#contbox2 {float: left; width: 23%; box-sizing: border-box;}
#contbox5,{float: left; width: 27%; box-sizing: border-box;}
#contbox3,#contbox4{float: left; width: 25%; box-sizing: border-box;}
#contbox5,#contbox3,#contbox4{padding-left: 18px;}
#contactboxes span{font-weight: bold;font-size: 12px;color: #B32018;letter-spacing: 0; line-height: 12px; padding: 0; margin-bottom: 1px; display: block; height: 5px;}
#contactboxes{font-size: 14px;color: #4A4A4A;letter-spacing: 0; line-height: 16px; margin-top: 40px;}
.timeline-decade-block{width: 100%;}
.timeline-decade-block h2{font-weight: bold;font-size: 36px;color: #B32018;letter-spacing: 0;}
.te-cont{display: table;}
.te-year{display: table-cell; max-width: 35px; width: 5.0%; height: 100%;  }
.timeline-year{font-weight: bold;font-size: 14px;color: #4A4A4A;letter-spacing: 0; background: #fff; max-width: 35px; position: relative; z-index: 10;}
.tl-vertline{display: table-cell; width: 1px;  margin: 0 auto; background: #E8E8E8; position: relative; z-index: 0; padding: 0; left: -17px; }
.bottom-vertline{height: 40px; left: -17px;}
.te-data{display: table-cell; width: 93%; box-sizing: border-box; padding: 0 25px;}
.bottom-teyear{width: 55px;}
.bottom-te-data{padding: 0; position: relative; left: -17px;}
.horizontal-line{height: 1px; background: #E8E8E8; width: 130%; position: relative; top: -20px;}
#histtimeline{float: left; width: 22%; font-weight: bold;font-size: 14px;color: #4A4A4A;letter-spacing: 0;}
#histdecades{float: right; width: 78%;}
.decadelist{float: left; width: 16%;}
.decadelist a{color: rgba(73, 73, 73, 0.5); text-decoration: none;}
.decadelist a:hover{ color: #B32018!important; }
.horizontal-line-timeline{height: 1px; width: 100%; background: #E8E8E8; margin: 30px 0 30px 0;}
.uploadlink{background: #B32018;border-radius: 4px;font-weight: bold;font-size: 14px;color: #FFFFFF!important;letter-spacing: 1px; padding: 10px 20px; 
	text-decoration: none!important; top: 20px; position: relative;}
.uploadlink:hover{color: #fff;}
.learnmore{display: block;}
.nextLink{font-weight: bold;font-size: 18px;color: #4A4A4A;letter-spacing: 0; text-decoration: none; margin-top: 0px;  }
.nextLink img{width: 30px!important; margin: 0!important; padding: 0!important; }
.nextLink:hover{text-decoration: none; color: #4A4A4A;  }
.nextLink:hover > img, .arrowlink:hover > img, .herocontent:hover > .learnmore img{/*transform: scale(1.4);*/ margin-left: 12px!important; transition: all .2s ease-in-out; }

.bottomlink{clear: both; margin: 40px 0 0 0; }


.bpn-header{/*background: #ff0;*/ padding: 20px 0 15px 0!important;}
#logo-bpn{float: left; width: 100%; text-align: center;}
#btnlink-bpn{/*float: right;*/ position: absolute; right:7px; width: 100px;}
#bpn-link-on{border: 1px solid #DDDDDD; border-radius: 4px; font-weight: bold; font-size: 12px; background-color: #B32018; letter-spacing: 1px; 
	text-decoration: none; padding: 15px 40px; line-height: 40px; color: #fff;}
.bp-footer{background: #fff!important;}
#bn-top-yellow{width: 100%; height: 210px; background: #FFD200;}
#top-yellow-text{max-width: 800px; width: 100%; margin: 0 auto; box-sizing: border-box;}
#top-yellow-text p{font-size: 14px;color: #4A4A4A;letter-spacing: 0;line-height: 24px;}
#top-yellow-text h1{font-weight: bold;font-size: 36px;color: #4A4A4A;letter-spacing: 0;line-height: 53px; padding: 40px 0 0 0; margin: 0}
#bpn-users{ width: 100%; overflow: hidden;  }
#bpn-users-outer{background: url(img/bpn-users-back.png) no-repeat left top; height: 255px; position: relative; z-index: 0; display: block;
 transform: scale(1.10);}
#bpn-users-cont{max-width: 900px; width: 100%; margin-top: -250px; position: absolute; left: 50%; margin-left: -450px;}
#bpn-users-left{float: left; width: 50%; box-sizing: border-box; padding: 40px 0 0 50px;}
#bpn-users-right{float: right; width: 50%; box-sizing: border-box; padding: 69px 0 0 100px;}
h2.userstitle{font-weight: bold;font-size: 24px; color: #fff; letter-spacing: 0;padding: 0;margin: 0;}
.bpn-content a{font-size: 14px;color: #FFFFFF;letter-spacing: 0;text-decoration: none;}
.bpn-content a img{opacity: 0;}
.bpn-content a:hover{ color: #FFD200 ; }
.bpn-content a:hover img{ opacity: 1; /*transition: all 1s ease-out 0s;*/ }
.bpn-leftbox{ float: left; width: 50%; box-sizing: border-box; overflow: hidden; }
.bpn-rightbox{ float: right; width: 50%; box-sizing: border-box; overflow: hidden; }
#equipmentboxes{}
#equipmentboxes-back{background: url(img/bpn-equipment-back.png)no-repeat left top; height: 366px; width: 100%; position: relative; z-index: 0; display: block;
/*overflow: hidden;*/ transform: scale(1.10);  }
#equipmentboxes-link{position: absolute; z-index: 0; margin-top: -300px; padding-left: 300px;}
#rao-back{background: url(img/bpn-remote-back.png)no-repeat left top; height: 366px; transform: scale(1.10);}
#rao-link{position: absolute; z-index: 0; margin-top: -300px; padding-left: 100px;}
#fleetboxes{}
#flet-back{background: url(img/bpn-fleet-back.png)no-repeat left top; height: 342px;  transform: scale(1.10);}
#flet-link{position: absolute; z-index: 0; margin-top: -280px; padding-left: 300px;}
#acc-back{background: url(img/bpn-accounting-back.png)no-repeat left top; height: 342px;  transform: scale(1.10); }
#acc-link{position: absolute; z-index: 0; margin-top: -280px; padding-left: 100px;}
#lawboxes{}
#law-back{background: url(img/bpn-law-back.png)no-repeat left top; height: 183px;  transform: scale(1.10);}
#law-link{position: absolute; z-index: 0; margin-top: -120px; padding-left: 300px;}
#reports-back{background: url(img/bpn-reports-back.png)no-repeat left top; height: 183px;  transform: scale(1.10);}
#reports-link{position: absolute; z-index: 0; margin-top: -120px; padding-left: 100px;}
.bpn-leftbox h2, .bpn-rightbox h2{ font-weight: bold;font-size: 24px;color: #FFFFFF;letter-spacing: 0; padding: 0; margin: 0;}
#bpn-users:hover #bpn-users-outer,
.bpn-leftbox:hover #equipmentboxes-back, 
.bpn-rightbox:hover #rao-back,
.bpn-leftbox:hover #flet-back,
.bpn-rightbox:hover #acc-back,
.bpn-leftbox:hover #law-back,
.bpn-rightbox:hover #reports-back{
	-webkit-filter: blur(0.5em); 
	-moz-filter: blur(0.5em);
	-o-filter: blur(0.5em);
	-ms-filter: blur(0.5em);
	filter: blur(0.5em);

	/*
	-webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
	-o-transform: scale(1.10);
	-ms-transform: scale(1.10); 
	transform: scale(1.10); 
	-webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;*/}

#bpn-users:hover h2,
.bpn-leftbox:hover #equipmentboxes-link h2,
.bpn-rightbox:hover #rao-link h2,
.bpn-leftbox:hover #flet-link h2,
.bpn-rightbox:hover #acc-link h2,
.bpn-leftbox:hover #law-link h2,
.bpn-rightbox:hover #reports-link h2{color: #FFD200;}

ul.left-menu{padding: 0; margin: 0;}
ul.left-menu li{list-style: none; padding: 0 0 0 0; margin: 0; box-sizing: border-box;}
ul.left-menu li a{font-size: 14px;color: rgba(73,73,73,0.50); letter-spacing: 0; text-transform: uppercase; text-decoration: none; padding: 0; margin: 0; }
ul.left-menu li.current-menu-item > a{font-weight: bold;font-size: 18px;color: #B32018;letter-spacing: 0;}
ul.left-menu li ul{padding: 5px 0 10px 0; margin: 0 0 0 15px;}
ul.left-menu li ul li{padding: 0 0 15px 0; margin: 0; line-height: 16px;}
ul.left-menu li ul li a{font-size: 14px;color: rgba(73,73,73,0.50);letter-spacing: 0; text-transform: none; }
ul.left-menu li ul li a:hover{ color: #B32018; }
.hidesubmenu{display: none; }
#seccontainer{max-width: 696px; width: 100%; }
#seccontainer a{color: #4A4A4A; text-decoration: none;}
#seccontainer a:hover{ color: #B32018; }
#seccontent-reg h5{font-family: arial, Helvetica, sans-serif; font-weight: 800;font-size: 18px;color: #B32018;letter-spacing: 0; padding: 40px 0 10px 0; margin: 30px 0 0 0; width: 100%; border-top: 1px solid #E8E8E8;}
.nodivider{border-top: none!important; }
.servicestop{padding: 0 0 10px 0!important; margin: 0!important;}
.video-container{padding-bottom: 40px;}
.nextloadanyload{ box-sizing: border-box; padding: 40px 0; }
.blogtitles a{font-weight: bold;font-size: 24px;color: #B32018;letter-spacing: 0;}
.blogdates{font-size: 14px;color: #4A4A4A;letter-spacing: 0; position: relative; margin-top: -10px;}
.blogheader{margin: 10px 0;}
#newsposts{ padding-bottom: 50px; }
#blog-navi{float: right;}
.blogtitles h2{font-weight: bold;font-size: 24px;color: #B32018;letter-spacing: 0; padding: 0px 0 7px 0; margin: 3px 0 0 0;}
.press-divider{height: 1px; background: #e8e8e8; width: 100%; margin: 30px 0 30px 0;}
blockquote{font-size: 14px; border-left: none;}

.wp-pagenavi a, .wp-pagenavi span{
	border: 1px solid #fff!important;
	color: #4a4a4a!important;
	border-radius: 5px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current{border: 1px solid #4a4a4a!important;}

.aligncenter{margin: 0 auto; text-align: center;}


/**footer**/
#yellow-contact{ background: #FED000; max-width: 1000px; width: 100%; margin: 0 auto; height: 110px;}
.homecontact{max-width: 100%!important;}
#contact{max-width: 1000px; width: 100%; margin: 0 auto;}
#have-question{float: left; max-width: 730px; width: 73%; font-size: 18px;color: #4A4A4A; letter-spacing: 0; font-weight: bold; box-sizing: border-box; 
	line-height: 110px; text-align: center;}
#contactus-section{float: right; max-width: 270px; width: 27%; box-sizing: border-box; }
#contactus-section a{font-weight: bold;font-size: 18px;color: #4A4A4A; letter-spacing: 0; line-height: 110px; text-decoration: none;}

#footerlinks{background: #242424; height: 375px; width: 100%;}
#footer-cont{max-width: 1295px; width: 100%; margin: 0 auto; box-sizing: border-box; padding: 100px 0 0 0;}
#footer-logo{float: left; max-width: 140px; width: 15%;}
#footer-links-container{float: left; max-width: 1000px; width: 72%; box-sizing: border-box; margin-left: 10px;}
#col-about{float: left; max-width: 153px; width: 16%; box-sizing: border-box; padding-right: 5px; }
#col-services{float: left; max-width: 209px; width: 20%; box-sizing: border-box; padding-right: 5px; }
#col-careers{float: left; max-width: 152px; width: 14%; box-sizing: border-box; padding-right: 5px; }
#col-news{float: left; max-width: 160px; width: 17%; box-sizing: border-box; padding-right: 5px;}
#col-cantact{float: left; max-width: 190px; width: 19%; box-sizing: border-box; padding-right: 5px; }
#col-bpn{float: left; max-width: 145px; width: 14%; box-sizing: border-box; padding-right: 5px; }
.footertitlelinks{ font-weight: bold; font-size: 14px; color: #FFFFFF; letter-spacing: 0; text-decoration: none;}
#col-bpn .footertitlelinks { font-weight: normal;}
#col-bpn .footertitlelinks:hover {color: rgba(255, 255, 255, 0.5)}
.footertitlelinks:hover{ color: #FFFFFF; text-decoration: none;}
#footer-social{float: right; max-width: 155px; width: 13%; box-sizing: border-box; }
#footer-social a { font-size: 20px; color: #FFF; margin-top: 5px; }
#footer-social a:hover { text-decoration: none; }
#fb-icon{float: left; padding-right: 30px;}
#linkedin-icon{float: left; padding-right: 30px;}
#twitter-icon{float: left;}
#footer-links-container{color: rgba(255,255,255,0.50);}
#footer-links-container ul{padding: 0; margin: 0;}
#footer-links-container ul li{list-style: none; padding: 9px 0;}
#footer-links-container ul li a{font-size: 14px; color: rgba(255,255,255,0.50); letter-spacing: 0; text-decoration: none; }
#footer-links-container ul li a:hover{ color: #fff; }
ul.whitebtn li a{color: #fff!important;}
ul.whitebtn li a:hover{color: rgba(255,255,255,0.50)!important;}
#footer-phone{margin-top: 12px;}
#footer-phone a{ font-size: 14px; letter-spacing: 0; color: rgba(255,255,255,0.50); text-decoration: none;}
#footer-address{margin-top: 20px;}
#footer-address a{ font-size: 14px; letter-spacing: 0; color: rgba(255,255,255,0.50); text-decoration: none;}
#footer-address a:hover, #footer-phone a:hover{color: #fff;}
#footercopyright{background: #141414; width: 100%; height: 45px;}
#footercopyright-cont{max-width: 1000px; width: 100%; margin: 0 auto;}
#copyright-left{float: left; width: 50%;font-size: 12px;color: #9B9B9B;letter-spacing: 0; box-sizing: border-box; line-height: 40px;}
#copyright-right{float: right; width: 50%; text-align: right; box-sizing: border-box; line-height: 40px;}
#copyright-right a{font-size: 12px; color: #9B9B9B; letter-spacing: 0; text-decoration: none; padding-right: 20px; }
#copyright-right a:hover{text-decoration: underline;}
.clr{clear: both; height: 1px;}
.linebreaks{background: #E8E8E8; height: 1px; width: 100%; clear: both;}
.topspacer{height: 80px;}
#ourservices a{color: #B32018; text-decoration: none;}
#ourservices a:hover{text-decoration: underline;}

#seccontainer img{margin: 10px 0 30px 0;}

.submitcont{max-width: 180px; float: right;}
.submitbtn{float: left;}
.submitarrow{float: right}

.wpcf7-submit:hover .submitarrow img{margin-left: 100px;}

.affix {
      top: 120px!important;
      position: fixed!important;
  }

 /*@media(max-height: 600px;){
 	.affix{
 		position: static;
 	}
 }*/

.ngg-gallery-thumbnail{border: none!important; margin: 0!important;}
#fancybox-overlay, #nggobasic-fancybox-overlay{opacity: 0.7!important; background-color: #fff!important;}
#fancybox-content, #nggobasic-fancybox-content{border-width: 0!important; border: none!important;  }
#fancybox-content, #fancybox-outer, #fancybox-wrap,
#nggobasic-fancybox-content, #nggobasic-fancybox-outer, #nggobasic-fancybox-wrap{box-sizing: border-box!important;}
body.gallery #nggobasic-fancybox-close{right: -20px!important;}
#fancybox-close{right: -35px!important;}
#fancybox-left{left: -10px!important;}
#fancybox-right{right: -30px!important;}
#fancybox-title{display: none!important;}
#fancybox-outer{border-radius: 10px!important; box-shadow: 10px 10px 50px rgba(0,0,0,.5)!important; }
#fancybox-content{ background-color: #fff!important; border-color: #fff!important;  border-radius: 10px!important; }
#fancybox-close, #nggobasic-fancybox-close{ background: url(img/cancel-fancybox.png) no-repeat top right!important; width: 46px!important; height: 16px!important; top: -20px!important; }
#nggobasic-fancybox-left-ico {
	background-image: url(img/jcleftarrow.png)!important;
    background-position: left top!important;
    background-repeat: no-repeat!important;
}
#nggobasic-fancybox-right-ico {
	background-image: url(img/jcrightarrow.png)!important;
    background-position: right top!important;
    background-repeat: no-repeat!important;
}

#fancybox-bg-n, #fancybox-bg-ne, #fancybox-bg-se, #fancybox-bg-sw, #fancybox-bg-e, #fancybox-bg-s, #fancybox-bg-w , #fancybox-title-float-main, 
#fancybox-bg-nw{background-image: none!important;}

body.gallery #nggobasic-fancybox-outer{border-radius: 0px!important;  }
body.gallery #nggobasic-fancybox-content{  border-radius: 0px!important; }

.bh-sl-container .bh-sl-map-container {float: none!important;}
.bh-sl-container .bh-sl-map {width: 100%!important;}
.bh_sl_loc_cat-items{visibility: hidden;}

ul#bh_sl_loc_cat-filters-container{max-width: 696px; width: 100%;}

ul.bh_sl_loc_cat-filters-container{ padding: 0; margin: 0; }
.bh-sl-filters-container .bh-sl-filters li{ clear: none!important;  list-style: none; }

.leftfilter{width: 50%!important}
.rightfilter{width: 50%!important}
#bh_sl_loc_cat-filters-container li select{float: right; /*border: 1px solid #eaeaea; background: #fff; padding: 5px;*/}

.styled-select {
  background: url(img/downArrow.png) no-repeat 98% center;
  background-size: 14px 6px;
  height: 40px;
  overflow: hidden;
  width: 50%;
  float: right;
}
.styled-select select {
  background: transparent;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
   
}


.styled-select.slate select {
  /*border: 1px solid #DDD; border-radius: 5px;*/ width: 100%; height: 40px; color: #4a4a4a;
  box-sizing: border-box;
  padding: 0 10px;

}

.alllocs{float: right; box-sizing: border-box; position: relative; padding-left: 20px;}

.bh-sl-container .bh-sl-loc-list {
   height: inherit!important;
   width: 100%!important;
}

.bh-sl-container .bh-sl-loc-list ul li {
   border: none!important;
   clear: none!important;
   width: 25%!important;
   background: #fff!important;
   height: 110px;
}

.bh-sl-container .bh-sl-loc-list .list-details .list-content {
   padding: 0px!important;
}



.bh-sl-container .bh-sl-map-container {margin-top: 0px!important;}

a.bh-sl-filter-title, .bh-sl-cat-field-maintenance, .bh-sl-cat-mobile-repair, .bh-sl-cat-repair-shops{font-size: 14px;color: rgba(73,73,73,0.50);letter-spacing: 0; text-decoration: none; cursor: pointer;}
.loc-name{opacity: 1;font-weight: bold;font-size: 14px;color: #4A4A4A;letter-spacing: 0;}
.loc-addr3, .loc-cat{opacity: 1;font-size: 12px;color: #4A4A4A;letter-spacing: 0;}
.view-details a{opacity: 1;font-size: 12px;color: #B32018!important;letter-spacing: 0;}
.locationbold{font-weight: bold; color: #B32018!important; font-size: 28px!important;}
#bh_sl_loc_cat-filters-container label{font-weight: 500;}

#bh-sl-address{width: 100%!important; position: relative; z-index: 1;}
#bh-sl-submit{border: none; background: none; position: relative; float: right; z-index: 10; right: 10px; margin: -35px 0 0 0; font-weight: bold;
font-size: 14px;color: #B32018;letter-spacing: 0;}

.locationsdivider{clear: both; width: 100%; height: 1px; background: #4A4A4A; opacity: 0.5;  margin-bottom: 20px;}
#all-locations-red{ float: left; width: 90px; height: 2px; }
#field-red{float: left; width: 130px; height: 2px;  margin: 0 0 0 15px;}
#mobile-red{float: left; width: 100px; height: 2px; margin: 0 0 0 5px;}
#repair-red{float: left; width: 90px; height: 2px; margin: 0 0 0 12px;}

.dividersred{background: #B32018;}
.dividerswhite{background: #fff;}
.boldtitlecheckbox{font-weight: 800; color: #4A4A4A;}

.bh-sl-container .bh-sl-loc-list ul li:hover{color: #B32018!important; }

.list-label{display: none!important;}

.placedata {clear: both; position: relative; top: 20px;}
.placedata h1{font-weight: bold;font-size: 18px;color: #B32018;letter-spacing: 0; margin: 0; padding: 0;}
.location-cont{max-width: 600px; width: 100%; margin-bottom: 30px; clear: both;}
.add-left{float: left; max-width: 200px; width: 100%;font-weight: bold;font-size: 14px;color: #4A4A4A;letter-spacing: 0;line-height: 24px;}
.add-right{float: right; max-width: 400px; width: 100%; }

.slide-in{ opacity: 0; transform: translateY(50px); transition: all 1s ease-out 0s;  }

.slide-in.fade-in{opacity: 1; transform: translateY(0px);}
.alignleft{ float: left; padding-right: 10px; }
.alignright{ float: right; padding-left: 10px; }

.totheright{}
.linkscont{width: 100%;}
.leftlinkcontent{float: left; width: 72%; box-sizing: border-box; padding: 0;}
.rightlinkcontent{float: right; width: 28%; box-sizing: border-box; padding: 0;}

#vpn-text { max-width: 650px; margin: 0 auto; padding:50px 0 100px; color: #4a4a4a }
#vpn-text a { text-decoration: underline; color: #4a4a4a; }
#vpn-text h6 {}
#warning-img {width: 64px; margin: 0 auto 50px;}

.hide{display: none;}
#mobile-sec-menu { display: none; width: 100%; }
#mobile-sec-menu ul.left-menu-mobile {  }
#mobile-sec-menu ul.left-menu-mobile li { display: inline;  }
#mobile-sec-menu ul.left-menu-mobile li a { padding: 10px; margin-right: 5px; background-color: #dddddd;  }


@font-face {
  font-family: "social-icons";
  src:url("fonts/social-icons.eot");
  src:url("fonts/social-icons.eot?#iefix") format("embedded-opentype"),
    url("fonts/social-icons.woff") format("woff"),
    url("fonts/social-icons.ttf") format("truetype"),
    url("fonts/social-icons.svg#social-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "social-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "social-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-behance:before { content: "\61"; }
.icon-dribble:before { content: "\62"; }
.icon-facebook:before { content: "\63"; }
.icon-github:before { content: "\64"; }
.icon-googleplus:before { content: "\65"; }
.icon-instagram:before { content: "\66"; }
.icon-linkedin:before { content: "\67"; }
.icon-pinterest:before { content: "\68"; }
.icon-tumblr:before { content: "\69"; }
.icon-twitter:before { content: "\6a"; }
.icon-vimeo:before { content: "\6b"; }
.icon-youtube:before { content: "\6c"; }








/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .sf-menu li {
        position: relative;
    }

    .sf-menu ul {
        position: absolute;
        display: none;
        top: 100%;
        left: -1px;
        z-index: 99;
        /*border-left: 1px solid #fcd5cc;*/
    }

    .sf-menu > li {
        float: left;
    }

    .sf-menu li:hover > ul,
    .sf-menu li.sfHover > ul {
        display: block;
    }

    .sf-menu a {
        display: block;
        position: relative;
    }

    .sf-menu ul ul {
        top: -1px;
        left: 100%;
    }

/*** DEMO SKIN ***/
.sf-menu {
    float: left;
    margin-bottom: 1em;
}

    .sf-menu ul {
        /*box-shadow: 2px 2px 6px rgba(0,0,0,.2);*/
        /*min-width: 12em; /* allow long menu items to determine submenu width */
       /* *width: 12em; /* no auto sub width for IE7, see white-space comment below */
    }

    .sf-menu a {
        /*	border-left: 1px solid #fff;
	border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand
	border-top: 1px solid rgba(255,255,255,.5);*/
        /*padding: 5px 13px;*/
        text-decoration: none;
        zoom: 1; /* IE7 */
    }

    .sf-menu a {
        /*color: #13a;*/
    }

    .sf-menu li {
        /*background: #BDD2FF;*/
        white-space: nowrap; /* no need for Supersubs plugin */
        *white-space: normal; /* ...unless you support IE7 (let it wrap) */
        -webkit-transition: background .2s;
        transition: background .2s;
    }

    .sf-menu ul li {
        /*background: #AABDE6;*/
        border-bottom: 1px solid #ccc;
    }

        .sf-menu ul li a {
            font-size: 16px;
            text-transform: none;
        }

    .sf-menu ul ul li {
        /*background: #9AAEDB;*/
    }

    .sf-menu li:hover,
    .sf-menu li.sfHover {
        /*background: #CFDEFF;*/
        /* only transition out, not in */
        -webkit-transition: none;
        transition: none;
    }


.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: white; /* IE8 fallback colour */
}

.sf-menu li:hover > a {
    color: #fff;
    /*background: #68bd43;*/
}

/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(255,255,255,.5);
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: white;
}







@media only screen and (max-width : 1400px) {
#header, #wrapper{ width: 98%; margin: 0 auto;   }

#hero, #sec-header{width: 100%;}
.heroback{ height: 100%;  }
#sec-header-image img{max-width: 100%; height: auto}

}

@media only screen and (max-width : 1260px) {
#stats-cont{max-width: 530px; padding: 280px 0 0 10px; margin: 0 auto;}
#sixhundredmil{margin-left: 20px;}
#stats-cont h2, #stats-cont-about h2{ font-size: 32px; }
}

@media only screen and (max-width : 1115px) {
#header, #wrapper{ width: 97%; margin: 0 auto;   }
#nav ul li{margin-right: 20px;}
#logoicon img{max-width: 104px; width: 100%; height: auto;}
#logoicon{width: 25%;}
#logotext{ width: 75%;}
#nav{padding-left: 40px; }

#equipmentboxes-link, #flet-link, #law-link{padding-left: 100px;}

}

@media only screen and (max-width : 1060px) {
#stats-cont h2, #stats-cont-about h2{ font-size: 28px; }
#sixhundredmil{margin-left: 10px;}
#sectitle-reg h1{margin-left: 20px;}
#footer-cont{padding: 40px 0 0 0;}

}


@media only screen and (max-width : 1000px) {
#logotext a{font-size: 10px;letter-spacing: 0px; }
#stats-cont h2, #stats-cont-about h2{ font-size: 24px; }
#sixhundredmil{margin-left: 0px;}
#stats-cont p, #stats-cont-about p{font-size: 12px; line-height: 14px!important;}
#logoicon{width: 20%;}
#logotext{ width: 80%;}
#logotext{ font-size: 9px;  }
#nav{padding-left: 2px; }
#nav ul li{margin-right: 6px;}
#nav ul li a{ font-size: 11px; }
#mag-glass{margin-top: 30px;}
#bpn-link{ padding: 5px; }
#equipment-content, #ourlocation-content{width: 80%; }
#top100 img{width: 100%; height: auto;}
#whyttx-container, #workwithus-cont{ padding: 180px 10px 0 10px; }

a.cycle-slide-active .herocontent{ margin: 0 0 0 40px; }
#equipment-content, #ourlocation-content{padding: 180px 0 0 40px;}
#intro-text-wrapper, #intro-text-wrapper-maint{padding: 130px 0 0 40px!important;}
#top100{padding: 240px 0 0 40px;}

#seccontent-reg{padding: 0; }
#seccontainer{ width: 90%; margin: 0 auto; }
#seccontainer img{width: 100%; height: auto;}
ul.left-menu li.current-menu-item > a{font-size: 16px;}
.bh-sl-filters-container .bh-sl-filters {margin: 0 10px 0 0;padding: 0;}
.bh-sl-container .bh-sl-loc-list ul li { height: 150px; }


#have-question{max-width: 500px; width: 55%; text-align: left; padding-left: 30px; }
#contactus-section{max-width: 500px; width: 45%; text-align: right; padding-right: 50px; }
#footer-logo{width: 12%;}
#footer-logo img{width: 80%; height: auto; padding-left: 5px;}

#footer-links-container{width: 75%; margin-left: 0px;}
#copyright-left{padding-left: 15px;}
.footertitlelinks{ font-size: 12px; }
#footer-links-container ul li a{font-size: 11px;  }
#footer-phone{font-size: 11px; }
#footer-address{font-size: 11px;}
#col-services, #col-careers{width: 16%; }
#col-cantact{width: 20%; }

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#top-yellow-text{padding: 0 30px;}
#equipmentboxes-link, #flet-link, #law-link, #rao-link,#acc-link,#reports-link,#bpn-users-right, #bpn-users-left{padding: 0 30px; box-sizing: border-box;}

.rc-col2 p{padding-left: 20px;}

#bpn-users-cont{margin-left: -380px; margin-top: -200px;}

#fb-icon{float: left; padding-right: 15px;}
#linkedin-icon{float: left; padding-right: 15px;}

}



@media only screen and (max-width : 768px) {
	
}



@media only screen and (max-width : 767px) {
body.home #wrapper{ width: 100%; margin: 0 auto;  }
body.home #header{ width: 56%; margin: 0 auto;  }
#wrapper{ width: 92%; margin: 0 auto;  }
#header{ width: 56%; margin: 0 auto;  }
#header-wrapper{ /*height: 100px;*/ position: relative;  }
.topspacer{height: 0px;}
#logo{float: none; max-width: 320px; width: 100%; margin: 0 auto; box-sizing: border-box; padding: 0; }
#logoicon{float: none; width: 100%; text-align: center;}
#logotext{ float: none; margin: 0; width: 100%; padding: 0px; text-align: center; }
#btnlink{display: none; }
.menu_container #btn_button{float: right; margin: 0px 10px 0 0;}

a.cycle-slide-active .herocontent{ margin: 0 0 0 20px; }

div.desktop{ display: none!important;}
#mobilenav { display: block !important; background: #eeeeee;   }
.mobileheader{display: block; width: 100%!important; height: 200px!important;}
body.home .mobileheader,body.contact-us .mobileheader {display: none;}
.mobileheader h1{width: 92%; margin: 0 auto!important;}
body.contact-us #sectitle-contact h1 { margin-top: 20px; padding-bottom: 20px }

.menu_container, .anchor-link { display: block !important; }
  
#mobilenav { float: left; margin-left: -100%; width: 200px; z-index: 2;  }
.main_content { float: left; margin-left: 0; width: 100%; background: #fff; }

body.active #mobilenav { margin-left: 0; }
body.active .main_content { margin-right: -100%; overflow: hidden; }
.js{background: #eeeeee;}

#nav{ position: relative; left: 0px; top: 0; float: none; max-width: 100%; width: 100%; background: none; }

#nav ul{padding: 0; margin: 32px 0 0 0px;   }
#nav ul li{margin-right: 35px; box-sizing: border-box; /*padding-left: 10px;*/ border-bottom: 1px solid #eaeaea;}
#nav ul li ul li{margin: 0; box-sizing: border-box; padding-left: 0; width: 100%; display: block; padding: 10px 0 10px 10px ; height: auto;}

#nav ul li a{ display: block; text-transform: uppercase; padding: 10px 0 10px 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; 
	font-size: 12px; color: #4A4A4A; letter-spacing: 1px;  }
/*#nav ul li a:hover{ color: #B32018;}*/

#nav ul ul:after{
	display: none; }

.onelinetitle { top: -65px;}



li.current-menu-item > a, li.current-menu-parent > a{  /*color: #fff!important;*/}
#nav ul li ul li.current_page_item{background: #B32018!important; background: none!important;}

#nav ul li ul li:hover, #nav ul li ul li.sfHover
{
	background: none!important;
}

#nav ul li ul li a:hover{
	/*background: none!important;
	color: #fff;*/	
}

#nav ul ul{
	width: 100%;
	background: #F7F7F7;
	padding:0;
	margin-right: 0;
	margin-top: 0px;
	box-shadow: none;
	border-radius: 0px;
	

}	


ul.sf-menu li a {display:block;}
 
  .sf-menu ul {
	width: 100%;
	position: static !important;
	}
	
	ul.sf-menu {
		margin: 0;
		padding: 0;
		display: inline !important;
		width: 100%;
		position: static !important;
	}
	ul.sf-menu li {
		width: 100%;
		margin: 0 0 0 0;
		border: none;
	}
	 ul.sf-menu li a {
		display: block;
		border: none;
		font-size: 12px;
		padding: 0;
		color: #ffffff;
		line-height: 20px;
		text-transform:uppercase;
		text-decoration: none;
	}
	 ul.sf-menu li ul {
		border:none;
		padding: 0;
		margin: 0 0 0 0;
		list-style: none;
		position: static !important;
	}
	
#nav ul ul{
	/*background: #256fce !important;*/
	border-left: none;
	border-bottom: none;
	width: inherit;
}

#nav ul ul a{ font-size: 12px; padding-left: 10px!important;  }
	
	ul.sf-menu li li{ position: relative; left: 0px; width: 100%; }
	
	
	 ul.sf-menu li li a {
		font-size: 12px;
		padding: 0 0 0 0px !important;
		margin: 0;
		text-transform:none;
		text-transform: uppercase;
		display: block;
	}
	 ul.sf-menu li li a:hover {
		background-color: none!important;
		color: #fff;
	}
	 ul.sf-menu li li li a {
		font-size: 12px;
		line-height: 16px;
		padding-left: 0px;
	}

#intro-text-wrapper, #intro-text-wrapper-maint{padding: 100px 20px 0 20px!important;}
.hero-slide-title{font-size: 32px;}
#intro-text-wrapper h2{ font-size: 24px;}
#whyttx-container h1, #intro-text-wrapper-maint h2, #workwithus-cont h2{ font-weight: bold; font-size: 32px;}
.colfifty-left, .colfifty-right{float: none; width: 100%; padding: 0 20px; }
#equipment-content, #ourlocation-content{padding: 150px 0 0 0px; width: 100%;}

#stats-cont, #workwithus-cont, #whyttx-container, #top100{clear: both; padding: 0px 0 50px 0px; margin: 0 auto;}
#top100{padding-top: 50px;}
#have-question{ font-size: 14px; }
#contactus-section{ font-size: 14px; }
#workwithus, #whyttx{height: inherit;}
#whyttx{padding-top: 40px;}

#twothirtyk{float: none; max-width: 500px; width: 100%; text-align: center; margin-bottom: 40px;}
#sixhundredmil{float: none; max-width: 500px; width: 100%; margin-left: 0px; text-align: center; margin-bottom: 40px;}
#eightbillion{float: none; max-width: 500px; width: 100%; text-align: center;}

#stats-cont-about #twothirtyk-about{float: none; width: 100%; text-align: center;}
#stats-cont-about #sixhundredmil-about{float: none; width: 100%; box-sizing: border-box; margin: 0 0 0 0px; text-align: center;}
#stats-cont-about #eightbillion-about{float: none; width: width: 100%; text-align: center;}

#stats-cont h2, #stats-cont-about h2{ font-size: 24px; font-weight: bold; }
#thirteenbillion-whyttx h2, #twofiftymillion-whyttx h2{ font-weight: bold; font-size: 24px;}

#equipment-content h2, #ourlocation-content h2{ font-size: 32px;}


#secpage{padding: 0px 0 100px 0;}
#leftsecnav{display: none;}
#seccontent-reg{float: none; width: 100%; }
#seccontainer{ width: 100%; margin: 60px 0 0 0; }
#sectitle-reg h1{margin: 0; font-size: 48px; line-height: 48px}

#footer-cont{width: 95%; }
#footerlinks{height: inherit; padding-bottom: 40px;  }
#col-about{float: left; max-width: 100%; width: 50%;  }
#col-services{float: right; max-width: 100%; width: 50%;  padding: 0px 20px; }
#col-careers{float: left; max-width: 100%; width: 50%; padding: 20px 0px;}
#col-news{float: right; max-width: 100%; width: 50%; padding: 20px 20px; }
#col-cantact{float: left; max-width: 100%; width: 50%; padding: 20px 0; }
#col-bpn{float: right; max-width: 100%; width: 50%; padding: 20px 20px; }
#footer-links-container ul li{list-style: none; padding: 0px 8px 0px 0; }
#footer-logo{ float: none; width: 100%; text-align: center; margin: 0 auto; padding-bottom: 10px;}
#footer-links-container{ float: none; width: 100%; padding: 20px 30px; }
#footer-social{ float: none; float: none; width: 100%; padding: 20px 0; }
#footer-phone{float: none; width: 100%; }
#footer-phone{margin: 0;}
#footer-address{float: none; width: 100%; margin: 0; }
#copyright-left{font-size: 11px;}
#copyright-right a{font-size: 11px; padding-right: 5px; }
#footer-social{ max-width: 100px; margin: 0 auto;  }
#footer-logo img{width: 100%; height: auto; padding: 0; margin: 0 auto; text-align: center;}
.footertitlelinks{ font-size: 14px; }
#footer-links-container ul li a{font-size: 12px;  }

#have-question, #contactus-section{float: none;  width: 100%;  padding: 0; margin: 0; line-height: 14px; text-align: center; }
#have-question{padding: 35px 0 10px 0;}
#contactus-section a{line-height: 30px;}

#footercopyright{height: inherit; padding: 20px 0;}
#copyright-left, #copyright-right{padding: 0; float: none; width: 100%; text-align: center; line-height: 20px;}
#copyright-left{font-size: 14px;}

.bh-sl-container .bh-sl-loc-list ul li {
   width: 50%!important;
}
a.bh-sl-filter-title, .bh-sl-cat-field-maintenance, .bh-sl-cat-mobile-repair, .bh-sl-cat-repair-shops{font-size: 11px;}
.bh-sl-filters-container .bh-sl-filters li input {margin: 2px 0 2px 0!important;}
#all-locations-red{ float: left; width: 80px; height: 1px; }
#field-red{float: left; width: 85px; height: 1px;  margin: 0 0 0 10px;}
#mobile-red{float: left; width: 65px; height: 1px; margin: 0 0 0 10px;}
#repair-red{float: left; width: 70px; height: 1px; margin: 0 0 0 10px;}

#contbox1,#contbox2,#contbox3,#contbox4,#contbox5{float: none; width: 100%; height: 80px; padding: 0; text-align: center;}
#secpage.contact { padding-bottom: 50px }

#logo-bpn{ width: 60%; }
#btnlink-bpn{float: right; width: 40%;}
#bn-top-yellow{height: inherit; padding-bottom: 30px; }
.bpn-leftbox{ float: none; width: 100%; }
.bpn-rightbox{ float: none; width: 100%; }
#bpn-users-cont{width: 80%; }
#bpn-users-left, #bpn-users-right{float: none; width: 100%; padding: 0; margin: 0; }
#bpn-users-left p, #bpn-users-right p{ padding: 0; margin: 0 0 5px 0; }
#equipmentboxes-link, #rao-link{ margin-top: -300px; }
.bpn-leftbox h2, .bpn-rightbox h2, #flet-link h2, #acc-link h2, #law-link h2, #reports-link h2{ line-height: 24px; margin: 0 0 10px 0; }
#equipmentboxes-link p, #rao-link p, #flet-link p, #acc-link p, #law-link p, #reports-link p{padding: 0; margin: 0 0 10px 0;}
#flet-link, #acc-link{ margin-top: -250px; }
#law-link, #reports-link{margin-top: -120px;}
#bpn-users-cont{margin-left: -150px; margin-top: -210px;}
.bpn-content a{font-size: 11px;}

#fb-icon{float: left; padding-right: 20px;}
#linkedin-icon{float: left; padding-right: 20px;}

.styled-select {
  background-size: 14px 6px;
  width: 100%;
}


.leftlinkcontent, .rightlinkcontent{float: none; width: 100%; box-sizing: border-box; padding: 0;}
.nextLink{font-size: 16px;}

.ngg-gallery-thumbnail-box {max-width: 50%!important;}
.ngg-gallery-thumbnail {margin: 0;max-width: 50%!important;}


#bpn-link{ padding: 12px; }
#logo { margin-top: 12px;}
#header-wrapper { height: auto; padding: 0 0 8px 0;}
#logoicon img  { width: 76px; height: auto;}

}



@media only screen and (max-width : 380px) {
#footer-phone{width: 40%; }
#footer-address{width: 60%;  }

#seccontainer { margin-top:30px}

a.bh-sl-filter-title, .bh-sl-cat-field-maintenance, .bh-sl-cat-mobile-repair, .bh-sl-cat-repair-shops{font-size: 8px;}
#all-locations-red{ float: left; width: 55px; height: 1px; }
#field-red{float: left; width: 65px; height: 1px;  margin: 0 0 0 10px;}
#mobile-red{float: left; width: 50px; height: 1px; margin: 0 0 0 10px;}
#repair-red{float: left; width: 50px; height: 1px; margin: 0 0 0 10px;}
#bpn-users-cont{margin-left: -120px; margin-top: -220px;}

#col-services,#col-bpn{ padding: 0px 0px; }
#col-careers,#col-news,#col-cantact{padding: 20px 00px; }
.bpn-content a{font-size: 11px;}

#rao-link{ margin-top: -320px; }
#flet-link, #acc-link{ margin-top: -260px; }
.ngg-gallery-thumbnail-box { max-width: 147px!important; }

#hero { height:500px;}

#heroimage{max-width: 1400px; width: 100%; height: 500px; }
.multiplelinetitle { top: -110px;}

}

@media only screen and (max-width : 325px) {

}