body { font-family: 'Open Sans', sans-serif; }

.thebody { 
	
	background-color:#eeeeee;
	background-image: url('../images/pillars.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	font-family: 'Open Sans', sans-serif;
}

.mobileonly { display:none; }

.logoarea2 { margin-top:-10px; }
.logoheight { max-height:55px; }


/* TEXT SIZES */
.text-railway16 { font-family: 'Raleway', sans-serif; font-size:16px; }
.text-railwaytitle { font-family: 'Raleway', sans-serif; font-size:24px; font-weight:400; }


.text-xxxlarge { font-size:70px; }
.text-xxlarge, .hometext-xxlarge { font-size:50px; }
.text-xlarge, .hometext-xlarge { font-size:36px; }
.text-headline { font-size:30px; line-height:34px; }
.text-headline1 { font-size:28px; line-height:28px; }
.text-headline2 { font-size:24px; line-height:28px; }
.text-headline2b { font-size:22px; }
.text-headline3 { font-size:20px; line-height:22px; }
.text-headline4 { font-size:18px; line-height:22px; }
.text-norm { font-size: 14px; }
.text-subtitle { font-size: 18px; }


.text-small { font-size: 10px; line-height:14px; }
.text-formlabel { font-size:16px; line-height:20px; }
.text-formlabel14 { font-size:14px; line-height:18px; height:30px; }
.text12 { font-size:12px; }
.text13 { font-size:13px; }
.text14 { font-size:14px; }
.text16 { font-size:16px; }
.text-whitelink { color:#fff; }
.text-whitelink:hover { color:#fff; }

.text16-railway { font-family: 'Raleway', sans-serif; font-size:16px; font-weight:400; }

.text-lh10 { line-height:10px; }
.text-lh12 { line-height:12px; }
.text-lh14 { line-height:14px; }
.text-lh16 { line-height:16px; }
.text-lh18 { line-height:18px; }
.text-lh20 { line-height:20px; }
.text-lh22 { line-height:22px; }
.text-lh24 { line-height:24px; }
.text-lh26 { line-height:26px; }
.text-lh30 { line-height:30px; }
.text-lh32 { line-height:32px; }
.text-lh34 { line-height:34px; }
.text-lh36 { line-height:36px; }
.text-lh38 { line-height:38px; }
.text-lh40 { line-height:40px; }
.text-lh44 { line-height:44px; }
.text-lhxxx { line-height:74px; }

/* TEXT WEIGHTS */
.text-thick { font-weight:800; }
.text-thin { font-weight:300; }
.text-regular { font-weight:500; }
.text-bold { font-weight:600; }
/* TEXT COLORS */
.text-charcoal { color:#2b2b2b; }
.text-darkgray { color:#333; }
.text-midgray { color:#555; }
.text-gray6 { color:#666; }
.text-gray { color:#777; }
.text-gray2 { color:#888; }
.text-white { color:#fff; }
.text-iptechex { color:#15bbb1; }

.text-lightwhite, .text-ltwhite { color: #eee; }
.text-ltgray { color:#ddd; }
.text-ltgray2 { color:#bbb; }
.text-ltgray3 { color:#aaa; }
.text-plblue { color:#1f84d9; }
.text-plblue2 { color: #008cce; }
.text-plbluelt { color:#169ae5; }
.text-darkblue { color:#015fae; }
.text-brown { color:#543114; }
.text-orange { color:#f49e2e; }
.text-purple { color:#6c03fb; }
.text-help { color:#FFFF00; }
.text-error { color:#f00; }
.text-danger { color:#ff6864; }
.text-darkred { color:#641010; }
.text-red { color:#b62621; }
.text-lightred { color:#ff6864; }
.text-ltgreen, .text-success { color:#4acf76; }
.text-darkgreen { color:#018b37; }
.text-plgreen { color:#45d093; }
.text-teal { color:#15bbb1; }

.bg-tan-alt1 { background-color:#c7b9a5; }
.bg-tan-alt2 { background-color:#dfd7cb; }
.vpadding5 { padding-top:5px; padding-bottom:5px; }
.vpad5 { padding-top:5px; padding-bottom:5px; }
.vpad10 { padding-top:10px; padding-bottom:10px; }
.vpad20 { padding-top:20px; padding-bottom:20px; }
.vpad30 { padding-top:30px; padding-bottom:30px; }
.vpad50 { padding-top:50px; padding-bottom:50px; }
.padbottom5 { padding-bottom:5px; }
.padbottom10 { padding-bottom:10px; }
.padbottom20 { padding-bottom:20px; }

.lpad10 { padding-left:10px; }
.lpad20 { padding-left:20px; }
.rpad5 { padding-left:5px; }
.pad5 { padding:5px; }
.pad10 { padding:10px; }
.pad20 { padding:20px; }
.pad30 { padding:30px; }
.pad50 { padding:50px; }
.padlr5, .hpad5 { padding-left:5px; padding-right:5px; }
.padlr10, .hpad10 { padding-left:10px; padding-right:10px; }
.padlr20, hpad20 { padding-left:20px; padding-right:20px; }
.padlr30, hpad30 { padding-left:30px; padding-right:20px; }

.padbottom5 { padding-bottom:5px; }
.padbottom10 { padding-bottom:10px; }
.padbottom20 { padding-bottom:20px; }
.nomargin { margin:0px; padding:0px; }

.borderbottom-lt { border-bottom: 1px solid #ccc; }

.generallink { cursor: pointer; cursor: hand; }

.flexbox {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.whitebg,.bgwhite {
	background-color:#fff;
}
.bg-semitrans {
	background:rgba(0,0,0,.3);
	padding:5px;
}
.bg-help { background-color:#fda805; }
.bg-semiblue {
	background:rgba(31,132,217,.3);
	padding:6px;
}
.bg-semiblue_nopad {
	background:rgba(31,132,217,.3);
}
.bg-semicolor {
	background:rgba(31,132,217,.7);
}
.bg-semiblue2 {
	background:rgba(31,132,217,.7);
	padding:6px;
}


.bg-mainbg {
	background-image: url('../images/bluebk1.jpg');
}

.bg-darkblue {
	background-color:#1769ae;
}
.bg-semicharcoal {
	background:rgba(3,3,3,.7);
	padding:6px;
}
.bg-semigreen {
	background:rgba(6,220,90,.5);
	padding:6px;
}
.bg-dark {
	position:relative;
	background:rgba(43,43,43,.4);
	height:75px;
}
.bg-offwhite { background-color:#f0f0f0; }
.bg-offwhite2 { background-color:#fAfAfA; }
.bg-white { background-color:#ffffff; }
.bg-charcoal { background-color:#1b1b1b; }
.bg-plblue { background-color:#1f84d9; }
.bg-plblue-dark { background-color:#186bb1; }
.bg-plgreen { background-color:#45d093; }
.bg-active { background-color:#FF0000; }
.bg-darkgray { background-color:#666666; }
.bg-ltgray { background-color:#aaaaaa; }
.bg-ltgray2 { background-color:#cccccc; }
.bg-ltgray3 { background-color:#dedede; }
.bg-ltgreen { background:rgba(6,220,90,.5); }
.bg-orange { background-color:#FF6600; }
.bg-teal { background-color:#15bbb1; }
.bg-newred { background-color:#fe4a39; }
.bg-red, .bg-danger { background-color:#d9534f; }
.bg-darkred { background-color:#b62621; }

.blueish_gradient {
  background: -webkit-linear-gradient(135deg, #4b6cb7 10%, #182848 90%); /* Chrome 10+, Saf5.1+ */
  background:    -moz-linear-gradient(135deg, #4b6cb7 10%, #182848 90%); /* FF3.6+ */
  background:     -ms-linear-gradient(135deg, #4b6cb7 10%, #182848 90%); /* IE10 */
  background:      -o-linear-gradient(135deg, #4b6cb7 10%, #182848 90%); /* Opera 11.10+ */
  background:         linear-gradient(135deg, #4b6cb7 10%, #182848 90%); /* W3C */
}

.darkish_gradient {
  background: -webkit-linear-gradient(315deg, #1e130c 10%, #9a8478 90%); /* Chrome 10+, Saf5.1+ */
  background:    -moz-linear-gradient(315deg, #1e130c 10%, #9a8478 90%); /* FF3.6+ */
  background:     -ms-linear-gradient(315deg, #1e130c 10%, #9a8478 90%); /* IE10 */
  background:      -o-linear-gradient(315deg, #1e130c 10%, #9a8478 90%); /* Opera 11.10+ */
  background:         linear-gradient(315deg, #1e130c 10%, #9a8478 90%); /* W3C */
}

.bg-overview {
background: rgb(59,59,59); /* Old browsers */
background: -moz-linear-gradient(top, rgba(59,59,59,1) 0%, rgba(43,43,43,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,59,59,1)), color-stop(100%,rgba(43,43,43,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(59,59,59,1) 0%,rgba(43,43,43,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(59,59,59,1) 0%,rgba(43,43,43,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(59,59,59,1) 0%,rgba(43,43,43,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(59,59,59,1) 0%,rgba(43,43,43,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#2b2b2b',GradientType=0 ); /* IE6-9 */
}
.bg-overview2 {
	background: rgb(66,60,59); /* Old browsers */
background: -moz-linear-gradient(top, rgba(66,60,59,1) 0%, rgba(28,28,28,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(66,60,59,1)), color-stop(100%,rgba(28,28,28,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(66,60,59,1) 0%,rgba(28,28,28,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(66,60,59,1) 0%,rgba(28,28,28,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(66,60,59,1) 0%,rgba(28,28,28,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(66,60,59,1) 0%,rgba(28,28,28,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#423c3b', endColorstr='#1c1c1c',GradientType=0 ); /* IE */
}
.bg-overview3 { background-color:#3b3b3b; }

.bg-charcoal { background-color:#2b2b2b; }

.bordergray { border: 1px solid #bbb; }

.borderbottomgray { border-bottom: 1px solid #bbb; }

.boxshadow {
	box-shadow: 3px 3px 5px #333;
}

.btn-red {
	background-color: #b62621 !important;
	background:#b62621;
}

.btn-red:hover {
    background-color: #b62621 !important;
    background: #333333;
    color: #fff;
}

.btn-danger {
	background-color: #b62621 !important;
}

.btn-danger:hover {
    background-color: #9a201c !important;
    
    color: #fff;
}
.btn-inverse {
    background-color: #2e2e2e;
    color: #fff;
}


.up5 { margin-top:-5px;}
.up10 { margin-top:-10px;}
.up20 { margin-top:-20px;}
.up30 { margin-top:-30px;}
.up40 { margin-top:-40px;}
.up50 { margin-top:-50px;}
.up60 { margin-top:-60px;}
.down5 { margin-top:5px;}
.down10 { margin-top:10px;}
.down20 { margin-top:20px;}
.down30 { margin-top:30px;}
.down40 { margin-top:40px;}
.down50 { margin-top:50px;}
.down60 { margin-top:60px;}
.down70 { margin-top:70px;}
.down80 { margin-top:80px;}
.down100, .down100_last { margin-top:100px;}
.bottom5 {margin-bottom:5px;}
.bottom10 {margin-bottom:10px;}
.bottom20 {margin-bottom:20px;}
.bottom40 {margin-bottom:40px;}
.bottom60 {margin-bottom:60px;}
.in5 { margin-left:5px;}
.in10 { margin-left:10px;}
.in20 { margin-left:20px;}
.bothin20 {
	margin-left:20px;
	margin-right:20px;
}
.bothin40 {
	margin-left:40px;
	margin-right:40px;
}
img {
	max-width:100%;	
}


.footer {
	background-color:#1b1b1b;	
}
.footeritem {
	padding-top:10px;
}
.footeritem h3 {
	font-size:16px;
	color:#eee;
}
.footeritem p {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color:#aaa;
}


@media screen and (max-width: 980px) /* Desktop */ {
  	.notmobile { display:none; }
	.mobileonly { display:block; width:100%; }
	.text-red { color:#000; }
	.logoheight { max-height:45px; }
}


@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

.thebody {
	height:600px;	
	background-image: url('../images/pillars_mobile.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	margin:0; padding:0;
	font-family: 'Open Sans', sans-serif;
}
	.notmobile { display:none; }
	.mobileonly { display:block; width:100%; }
	.text-red { color:#000; }
	.logoheight { max-height:45px; }

}

@media only screen 
    and (max-device-width: 640px), 
    only screen and (max-device-width: 667px), 
    only screen and (max-width: 480px)
{

	.thebody {
	
	background-image: url('../images/pillars_mobile.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	margin:0; padding:0;
	font-family: 'Open Sans', sans-serif;
}
	.notmobile { display:none; }
	.mobileonly { display:block; width:100%; }
	.text-red { color:#000; }
	.logoheight { max-height:45px; }

 }

@media screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
	.thebody {
	height:600px;	
	background-image: url('../images/pillars_mobile.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	margin:0; padding:0;
	font-family: 'Open Sans', sans-serif;
}
	.notmobile { display:none; }
	.mobileonly { display:block; width:100%; }
	.text-red { color:#000; }
	.logoheight { max-height:45px; }

}