/*
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;
}

a {
    transition: color .2s ease-in-out;
}

* {
    box-sizing: border-box;
}

#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: 305px;
    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 !important;
}

.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: 20px;
}

#nav {
    position: relative;
    z-index: 10000;
}

#nav ul {
    padding: 0;
    margin: 32px 0px 0px 0px;
}

#nav ul li {
    margin-right: 25px;
}

#nav ul li li {
    margin-right: 0;
}

#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;
    transition: color .2s ease-in-out;
}

#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 {
    min-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;
    min-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;
    transition: all .2s ease-in-out;
}

#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;
    transition: all .2s ease-in-out;
}

#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: auto !important;
}

.colfifty-left {
    float: left;
    width: 50%;
    box-sizing: border-box;
    background-size: cover !important;
}

#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;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.colfifty-right {
    float: right;
    width: 50%;
    box-sizing: border-box;
    background-size: cover !important;
}

#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: 15px 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;
    position: relative;
    display: flex;
    align-items: flex-end;
}

.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: auto auto 17px;
    box-sizing: border-box;
}

#sec-header-image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    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;
    resize: none;
}

.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;
    transition: all .2s ease-in-out;
}

.wpcf7-submit:hover {
    background-color: #85150F;
}

#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;
    transition: all .2s ease-in-out;
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 10px;

}

.uploadlink:hover {
    color: #fff;
    background: #85150F;
}

.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>img,
.arrowlink>img,
.herocontent>.learnmore img {
    transition: all .2s ease-in-out;
}

.nextLink:hover>img,
.arrowlink:hover>img,
.herocontent:hover>.learnmore img {
    /*transform: scale(1.4);*/
    margin-left: 12px !important;
}

.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;
}

#contactus-section a:hover {
    text-decoration: underline;
}

#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;
    transition: color .2s ease-in-out;
}

#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;
    transition: color .2s ease-in-out;
}

#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
	position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

}

@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: 16px;
    }

    #logoicon img {
        max-width: 104px;
        width: 100%;
        height: auto;
    }

    #logoicon {
        width: 25%;
    }

    #logotext {
        width: 75%;
    }

    #nav {
        padding-left: 0;
    }

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

}

.seccontainer {
    max-width: 100%;
}

@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: 20px;
    }

    #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 (min-width : 1200px) {
    .container {
        max-width: 1170px;
    }

    #logo {
        max-width: 320px;
    }

    #nav {
        padding-left: 20px;
        width: calc(100% - 320px);
        padding-right: 100px;
    }

    #nav ul li {
        margin-right: 35px;
    }

    #logotext a {
        font-size: 12px;
    }

    #mag-glass {

        margin-top: 24px;
        margin-right: 24px !important;
    }
}

.fancy-ico {
    border-radius: 0 !important;
}

@media only screen and (min-width : 1024px) {
    #nav {
        display: flex;
        flex-wrap: wrap;
        float: none;
        justify-content: space-between;
        width: calc(100% - 305px);
        padding-right: 80px;
    }

    #header .wrap {
        position: absolute;
        top: 37%;
        transform: translateY(-50%);
        right: 0;
        z-index: 10001;
    }

    #siteserach {
        clear: both;
        max-width: 200px;
        width: 100%;
        height: 30px;
        top: 64%;
        margin: 0 60px 0 0;
        float: right;
        position: relative;
        background: #fff;
        position: absolute;
        height: 30px;
        width: 200px;
        right: 5px;
        transform: translateY(-50%);

    }

    #header #btnlink {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        max-width: none;
    }

    #logotext a {
        font-size: 11px;
    }

    #logo {
        width: 305px;
    }

    #header {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #mag-glass {

        margin-top: 24px;
        margin-right: 5px;
    }

}

@media only screen and (min-width : 992px) {
    .container {
        max-width: 970px;
    }
}


@media only screen and (max-width : 768px) {
    .container {
        max-width: 750px;
    }

    #sectitle-reg {
        margin-bottom: 25px;
    }
}

@media only screen and (max-width : 1023px) {
    #header {
        width: 56%;
        margin: 0 auto;
    }

    #header-wrapper {
        /*height: 100px;*/
        position: relative;
    }

    #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;
    }

    div.desktop {
        display: none !important;
    }

    #mobilenav {
        display: block !important;
        background: #eeeeee;
    }

    .mobileheader {
        display: flex !important;
        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: 230px;
        z-index: 2;
    }

    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;
        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 ul:after {
        display: none;
    }

    #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 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 {
        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;
    }

    .main_content {
        float: left;
        margin-left: 0;
        width: 100%;
        background: #fff;
    }

    #bpn-link {
        padding: 12px;
    }

    #logo {
        margin-top: 12px;
    }

    #header-wrapper {
        height: auto;
        padding: 0 0 8px 0;
    }

    #logoicon img {
        width: 76px;
        height: auto;
    }

    .topspacer {
        height: 0px;
    }
}



@media only screen and (max-width : 767px) {
    body.home #wrapper {
        width: 100%;
        margin: 0 auto;
    }

    #siteserach {
        display: none;
    }

    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;
    } */


    /* #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;
        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 {
        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: 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) {}


.fw-holder {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.list-contact {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 16px;
    margin-top: 40px;
}

.list-contact li {
    width: 20%;
    padding: 0 10px 20px;
    text-align: center;
}

.list-contact li:first-child {
    width: 100%;
}

.list-contact li .title {
    font-weight: bold;
    font-size: 12px;
    color: #B32018;
    letter-spacing: 0;
    line-height: 12px;
    padding: 0;
    margin-bottom: 1px;
    display: block;
}

.list-contact li .txt a {
    color: inherit;
}

@media only screen and (max-width : 1000px) {
    .list-contact li {
        width: 50%;
    }
}

.page-id-17 #seccontainer {
    margin-top: -19px !important;
}