/* Webfont: Overpass-Bold */@font-face {
    font-family: 'Overpass';
    src: url(/files/assets/fonts/overpass/2.1/Overpass-Bold.eot); /* IE9 Compat Modes */
    src: url(/files/assets/fonts/overpass/2.1/Overpass-Bold.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(/files/assets/fonts/overpass/2.1/Overpass-Bold.woff) format('woff'), /* Modern Browsers */
         url(/files/assets/fonts/overpass/2.1/Overpass-Bold.ttf) format('truetype'), /* Safari, Android, iOS */
         url(/files/assets/fonts/overpass/2.1/Overpass-Bold.svg#Overpass-Bold) format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: 700;
    text-rendering: optimizeLegibility;
}

/* Webfont: Overpass-Reg */@font-face {
    font-family: 'Overpass';
    src: url(/files/assets/fonts/overpass/2.1/Overpass-Regular.eot); /* IE9 Compat Modes */
    src: url(/files/assets/fonts/overpass/2.1/Overpass-Regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(/files/assets/fonts/overpass/2.1/Overpass-Regular.woff) format('woff'), /* Modern Browsers */
         url(/files/assets/fonts/overpass/2.1/Overpass-Regular.ttf) format('truetype'), /* Safari, Android, iOS */
         url(/files/assets/fonts/overpass/2.1/Overpass-Regular.svg#Overpass-Regular) format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: 600;
    text-rendering: optimizeLegibility;
}

body {
    font-size: 0.875em;
    font-family:"Overpass", Helvetica, Arial, sans-serif;
    line-height: 1.5;
    margin:0 auto;
    color:#323232;
}
.container.main {
	box-shadow:rgba(0, 0, 0, 0.298039) 0px 0px 30px;
}

/* STRUCTURAL */
#rh_epp #leftcol {
	
}
#rh_epp #rightcol {
	
}
.page,
aside.right {
	padding:1.6em;
}


/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {
	font-family:'Overpass', Helvetica, Arial, sans-serif;
	margin:0;
	font-weight:normal;
	letter-spacing:0 !important;
}
h1 {
	font-size:2.0em;
	line-height:1.2em;
	margin:0 0 20px 0;
	color:#cc0000;
	text-transform:uppercase;
}
h2 {
	font-size:1.3em;
	line-height:1.2em;
	margin:0 0 10px 0;
	text-transform:uppercase;
	color:#323232;
	font-family:'Overpass', Helvetica, Arial, sans-serif;
	font-weight: 700;
}
header h2 {
	font-family:'Overpass', Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#fff;
	text-shadow:2px 2px 3px rgba(0,0,0,.35);
	font-size:2.1em;
	line-height:1.2em;
	text-transform:uppercase;
	margin:0 0 5px 0;
}
header .narrow h2 {
    width:70%;
}
h3 {
	font-size:1.3em;
	margin:0;
	color:#cc0000;
}
h4 {
	font-size:1.1em;
	margin:0;
	color:#323232;
	font-family:'Overpass', Helvetica, Arial, sans-serif;
	font-weight: 700;
}
h5 {
	font-size:1.0em;
	line-height:1.3em;
	color:#cc0000;
	text-transform:uppercase;
	margin:0;
}
a {
	text-decoration:none;
	color:#cc0000;
}
a:hover {
	text-decoration:underline;
}

p {
	margin:0 0 20px 0;
}
#leftcol p,
#leftcol ul,
#leftcol ol {
	font-size:1.0em;
}
p.intro {
    font-family:'Overpass', Helvetica, Arial, sans-serif;
    font-weight: 700;
}
p.footnote {
	font-size:70%;
	margin:10px 0 20px 0;
}
p.copyright {
	clear:left;
	font-size: 90%;
	margin:0;
	color:#666;
}
hr {
    border:1px dotted #231f20;
    border-style:none none dotted;
    color:#fff;
    background:#fff;
}
.logos hr {
	margin:0 0 5px 0;
}
blockquote {
	font-family:'Overpass', Helvetica, Arial, sans-serif;
	color:#323232;
	font-size:1.6em;
	margin:0;
	padding:0 30px;
	border:none;
	font-weight:normal;
}
cite {
	display:block;
	text-align:right;
	margin:0 0 20px 0;
	padding:0 30px;
}

/* LISTS */
#rh_epp_main #leftcol ul,
#rh_epp_main #leftcol ol {
	margin:0 0 20px 20px;
	padding:0;
}
#rh_epp_main #leftcol ul li,
#rh_epp_main #leftcol ol li {
	margin:0 0 5px 20px;
}
#rh_epp_main #leftcol .nobullets {
    margin:0 0 20px 0;
    padding:0;
    list-style:none;
}
#rh_epp_main #leftcol .nobullets li {
    margin:0;
    padding:0;
    list-style-type:none;
}

/* BTNS */
#rh_epp .btn {
	background:#cc0000;
	border:none;
	border-radius:0;
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	padding:0 15px;
	font-size:12px;
	text-transform:uppercase;
	line-height:22px;
	height:22px;
	color:#fff;
	text-shadow:none;
}
#rh_epp .btn.cta {
    display:block;
    width:100px;
	border:1px solid #fff;
	padding:0 15px 0 10px;
	box-shadow:none;
	color:#fff;
	background-color:cc0000;
	font-size:12px;
	font-weight:normal;
	line-height:28px;
	height:28px;
}
#rh_epp .btn.cta.wide {
    width:160px;
}
#rh_epp .btn.cta:hover {
	background-color:#b70909;
}
#rh_epp .btn.cta img {
	margin:0 0 4px 5px;
	padding:3px 0 0 0;
	vertical-align:middle;
}
#rh_epp .btn:hover {
	text-decoration:none;
	background:#a41818;
	color:#fff;
}

/* HEADER STYLES */
#rh_epp > header {
	position:relative;
	min-height:180px;
	max-height:245px;
	overflow:hidden;
	text-align:center;
}
#rh_epp > header .bgimg {
	min-height:180px;
	max-width:none;
	display:block;
}
#rh_epp > header #rh_epp_logo,
#rh_epp > header .logolink,
#rh_epp > header .cont {
	position:absolute;
}
#rh_epp > header #rh_epp_logo {
	left:48px;
	top:15px;
	display:block;
	width:143px;
	height:46px;
	z-index:1000;
}
#rh_epp > header #rh_epp_logo img {
	display:block;
	width:143px;
	height:46px;
}
#rh_epp > header .logolink {
	display:block;
	right:20px;
	top:15px;
	margin:0;
	padding:0 25px;
	height:24px;
	line-height:24px;
	font-size:12px;
	color:#fff;
	background-color:#231f20;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	text-align:center;
	z-index:1000;
}
#rh_epp > header .logolink:hover {
	color:#231f20;
	background-color:#fff;
	text-decoration:none;
}
#rh_epp > header .cont {
	left:48px;
	top:38%;
	width:95%;
	text-align:left;
}
#rh_epp > header .cont.narrow {
	top:30%;
}
#rh_epp > header p {
	font-size:1.2em;
	line-height:1.3em;
	margin:0 0 10px 0;
	color:#fff;
	/*text-transform:uppercase;*/
}

/* PROMO SLIDER
---------------------------------------------------*/
#dot_links {
	float: right;
	position: relative;
	z-index: 50;
	margin-top: 200px;
	margin-right:16px;
}
#promoSliderNav { 
	padding: 0; 
	margin: 0; 
	list-style: none;
}
#promoSliderNav li {
	overflow:hidden;
	list-style-type:none;
	margin: 0; 
	padding: 0; 
	width: 20px; 
	height: 20px;  
	text-align: left;
	float: left;
}
#promoSliderNav a {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../img/slider-dot-bg.png) no-repeat 6px 6px;
}
#promoSliderNav li a:hover,
#promoSliderNav li.activeSlide a {
    background-position: 6px -14px;
}

#promoSlides {
    height: 245px;
    position: relative;
}
#promoSlides #p-one {
    
}
#promoSlides #p-two {
    
}
#promoSlides #p-one,
#promoSlides #p-two,
#promoSlides #p-three {
	/*padding-left: 1.5em;*/
	height: 100% !important;
    width: 100% !important;
}
#newPromoSlides #p-three {
    
}

/* QUOTE SLIDESHOW */
.quote_slideshow {
    margin:0 auto;
    overflow:hidden;
}
.quote_slideshow_nav {
    text-align:center;
}
.quote_slideshow_nav a span {
    display:inline-block;
    padding:5px 20px;
}


/* PRIMARY NAV */
#rh_epp_nav {
	margin:0;
	padding:0 15px;
	background:#636363;
	background: -moz-linear-gradient(top,  #636363 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#636363), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top,  #636363 0%,#000000 100%);
	background: -o-linear-gradient(top,  #636363 0%,#000000 100%);
	background: -ms-linear-gradient(top,  #636363 0%,#000000 100%);
	background: linear-gradient(to bottom,  #636363 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#000000',GradientType=0 );
}
#rh_epp_nav ul {
	float:left;
	margin:0;
}
#rh_epp_nav ul li {
	float:left;
	display:inline;
}
#rh_epp_nav ul li a {
	display:block;
	height:3.5em;
	line-height:3.5em;
	padding:0 16px;
	text-transform:uppercase;
	color:#fff;
	font-size:90%;
	text-decoration:none;
	background:none;
}
#rh_epp_nav ul li a:hover,
#rh_epp_nav ul li a.active {
	background:#000;
}

/**********************************************************************/
/**** CONTENT WELL STYLES *********************************************/
/**********************************************************************/
#rh_epp #partner_to_market {
    display:block;
    width:80%;
    max-width:534px;
    margin:0 auto 10px auto;
}

/* ICON SPRITE POSITIONS */
#rh_epp .ico {
    width:56px;
    height:56px;
    overflow:hidden;
    background:transparent url(../img/icons-sprite.png) no-repeat left top;
}
#rh_epp .ico.performance {
    background-position:left 0;
}
#rh_epp .ico.security {
    background-position:left -156px;
}
#rh_epp .ico.support {
    background-position:left -312px;
}
#rh_epp .ico.consistency {
    background-position:left -468px;
}
#rh_epp .ico.devices {
    background-position:left -624px;
}
#rh_epp .ico.controllers {
    background-position:left -780px;
}
#rh_epp .ico.datacenter {
    background-position:left -936px;
}
#rh_epp .ico.energy {
    background-position:left -1092px;
}
#rh_epp .ico.healthcare {
    background-position:left -1248px;
}
#rh_epp .ico.retail {
    background-position:left -1404px;
}
#rh_epp .ico.transportation {
    background-position:left -1560px;
}
#rh_epp .ico.customer_portal {
    background-position:left -1716px;
}
#rh_epp .ico.dev_tools {
    background-position:left -1872px;
}
#rh_epp .ico.extended_support {
    background-position:left -2028px;
}
#rh_epp .ico.releases {
    background-position:left -2184px;
}
#rh_epp .ico.engineering {
    background-position:left -2340px;
}
#rh_epp .ico.choice {
    background-position:left -2496px;
}

#rh_epp .iconic {
    position:relative;
    padding:0 0 20px 0;
}
#rh_epp .iconic .ico {
    position:absolute;
    left:0;
    top:0;
}
#rh_epp .iconic .ico-body {
    padding:0 0 0 66px;
}
#rh_epp .iconic .ico-body h2 {
    margin:0;
}

/* NAV TABS */
#rh_epp #leftcol .nav-tabs {
    margin:0;
}
#rh_epp #leftcol .nav-tabs li {
    margin:0 0 -1px 0;
}
#rh_epp #leftcol .nav-tabs li a:hover {
    background-color:#fff;
    border-color:#fff;
    border-bottom-color:#ddd;
}
#rh_epp #leftcol .nav-tabs li.active a:hover {
    background-color:#fff;
    border-color:#ddd;
    border-bottom-color:#fff;
}
#rh_epp #leftcol .nav-tabs > .active > a,
#rh_epp #leftcol .nav-tabs > .active > a:hover {
    border-bottom-color:#fff;
}
#rh_epp #leftcol .tab-content {
    padding:30px 10px;
}

/* RIGHT RAIL STYLES */
.panel {
	background:none;
	border:none;
	border-top:1px dotted #231f20;
	padding:1.5em 0;
	margin:0 auto;
}
.panel .railbox {
	display:block;
	margin:20px auto 0 auto;
	width:100%;
	text-align:center;
}
.panel .railbox:hover {
	text-decoration:none;
}
.panel .railbox:first-child {
	margin-top:0;
}

.panel blockquote {
	width:100%;
	padding:0;
	font-family:'Overpass', Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    line-height: 1.4em;
	margin:0 auto 10px auto;
	color:#636363;
}
.panel cite {
	width:100%;
	text-align:left;
	margin:0 auto;
	padding:0;
	font-size:80%;
	color:#636363;
}
.panel h4 {
	font-family:'Overpass', Helvetica, Arial, sans-serif;
	font-size:1.0em;
	line-height:1.3em;
	margin:0 0 10px 0;
	color:#444;
}
.panel p {
	width:315px;
	margin:0 auto;
}

.panel.contact {
	
}
.panel.contact h4 {
	padding:0 0 0 42px;
	background:transparent url(../img/connect-bubble.png) no-repeat left top;
	line-height:1.5em;
}
.panel.contact a {
    display:block;
    color:#cc0000;
    font-family:'Overpass', Helvetica, Arial, sans-serif;
	font-size:0.8em;
	padding:0 0 0 15px;
	margin:0 0 5px 0;
	background:transparent url(../img/contact-link-arrow.png) no-repeat 5px 3px;
	text-decoration:none;
}
.panel.contact a:hover {
	text-decoration:underline;
}

.panel.connect {
	float:right;
	list-style:none;
	margin:0;
	width:100%;
}
.panel.connect li {
	float:left;
	display:inline;
	margin-right:5px;
	font-size:90%;
}
.panel.connect li a {
	display:block;
	width:16px;
	height:16px;
	background:none;
}

#rh_epp #rightcol form {
    margin:0;
}
#rh_epp #rightcol form input {
    margin:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    font-size:90%;
}
#rh_epp #rightcol form input#submit {
    font-size:80%;
    font-weight:bold;
}

/* FOOTER STYLES */
#rh_epp > footer {
	margin:30px 0;
	padding:0 1.6em;
}
#rh_epp > footer .footer_nav {
	float:left;
	margin:0 0 10px 0;
	list-style:none;
}
#rh_epp > footer .footer_nav li {
	float:left;
	display:inline;
	margin:0;
}
#rh_epp > footer .footer_nav li a {
	display:block;
	padding:0 10px;
	height:2em;
	line-height:2em;
	font-size:90%;
	text-decoration:none;
}
#rh_epp > footer .footer_nav li:first-child a {
	padding-left:0;
}
#rh_epp > footer .footer_nav li a:hover {
	text-decoration:underline;
	color:#cc0000;
}

/* MISC CLASSES */
#rh_epp .flex-video.rhep {
    position:relative;
	float:left;
	width:400px;
	height:225px;
	margin:0 10px 10px 0;
	padding:0;
}
#rh_epp .flex-video iframe {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
#rh_epp .redtext {
	color:#cc0000;
}
#rh_epp .bol {
	font-family:'Overpass', Helvetica, Arial, sans-serif;
	font-weight: 700;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

.float_left {
	float:left;
}
.float_right {
	float:right;
}
.nomargin {
    margin:0;
}
.nopadding {
    padding:0;
}
.caps {
    text-transform:uppercase;
}
.no_caps {
    text-transform:none;
}

@media (min-width: 1200px) {
	.container,
	.navbar-static-top .container,
	.navbar-fixed-top .container,
	.navbar-fixed-bottom .container {
	width: 1003px;
	}
 
}

@media only screen and (min-width: 320px) and (max-width:767px) {
	/* mobile specific styles */
	
	body {
		background:#fff;
		padding:0;
		box-shadow:none;
	}
	/* STRUCTURAL */
	#rh_epp #leftcol {
		float:none;
		width:100%;
	}
	#rh_epp #rightcol {
		float:none;
		width:100%;
	}
	#rh_epp > header {
		background-size:auto 100%;
		height:245px;
	}
	#rh_epp > header h2 {
		font-size:1.4em;
		width:auto;
	}
	#rh_epp > header .bgimg {
		max-width:none;
	}
	#rh_epp > header #rh_epp_logo {
		left:15px;
	}
	#rh_epp > header .cont,
	#rh_epp > header .cont.narrow {
		top:34%;
		left:15px;
		width:96%;
	}
	#rh_epp > header p {
		font-size:0.9em;
	}
	header h2 {
		margin-bottom:10px;
	}
	.page,
	aside.right {
		padding:1.2em;
	}
	
	/* PRIMARY NAV */
	#rh_epp_nav {
		background:none;
		padding:0;
	}
	#rh_epp_nav ul {
		float:none;
		border-bottom:1px solid #fff;
	}
	#rh_epp_nav ul li {
		float:none;
		display:block;
		width:100%;
	}
	#rh_epp_nav ul li a {
		display:block;
		width:100%;
		padding:0 15px;
		border-top:1px solid #fff;
		background:#636363;
		background: -moz-linear-gradient(top,  #636363 0%, #000000 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#636363), color-stop(100%,#000000));
		background: -webkit-linear-gradient(top,  #636363 0%,#000000 100%);
		background: -o-linear-gradient(top,  #636363 0%,#000000 100%);
		background: -ms-linear-gradient(top,  #636363 0%,#000000 100%);
		background: linear-gradient(to bottom,  #636363 0%,#000000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#000000',GradientType=0 );
	}
	
	#rh_epp #partner_to_market {
        width:100%;
    }
    
    /* NAV TABS */
    #rh_epp #leftcol .nav-tabs {
        border:none;
    }
    #rh_epp #leftcol .nav-tabs li {
        float:none;
        margin:0;
    }
    #rh_epp #leftcol .nav-tabs li a {
        -webkit-border-radius:0;
        -moz-border-radius:0
        border-radius:0;
        border:none;
        border-bottom:1px solid #ddd;
    }
    #rh_epp #leftcol .nav-tabs li:first-child a {
        border-top:1px solid #ddd;
    }
    #rh_epp #leftcol .nav-tabs li a:hover {
        border-bottom:1px solid #ddd;
    }
    #rh_epp #leftcol .nav-tabs li.active a:hover {
        border-bottom:1px solid #ddd;
    }
    #rh_epp #leftcol .nav-tabs > .active > a,
    #rh_epp #leftcol .nav-tabs > .active > a:hover {
        border-bottom:1px solid #ddd;
    }
	
	.panel.connect {
		border-bottom:1px dotted #231f20;
		margin:0 0 20px 0;
	}
	
	#rh_epp .flex-video.rhep {
		float:none;
		width:auto;
		height:0;
		margin:0 0 1em 0;
		padding-top:1.5625em;
		padding-bottom:67.5%;
	}
	
	#rh_epp .btn {
		font-size:10px;
	}
	
	.panel .railbox {
		width:100%;
	}
	
	.panel blockquote,
	.panel cite {
		width:80%;
	}
	#rh_epp .features {
		padding:0 1.2em;
	}
	#rh_epp .features .gray {
		min-height:0;
		margin-bottom:20px;
	}
	#rh_epp .features div p {
		margin:0 0 20px 0;
	}
	#rh_epp .features div a {
		position:static;
		left:auto;
		bottom:auto;
	}
	
	/* FOOTER STYLES */
	#rh_epp > footer {
		padding:0 15px;
		margin-top:0;
	}
	#rh_epp > footer .footer_nav {
		float:none;
	}
	#rh_epp > footer .footer_nav li {
		float:none;
		display:block;
	}
	#rh_epp > footer .footer_nav li a {
		padding:0;
	}
	
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	/* tablet specific styles */
	
	/* STRUCTURAL */
	#rh_epp > header {
		background-size:auto 100%;
		height:245px;
	}
	#rh_epp > header .cont {
		top:38%;
	}
	#rh_epp > header .cont.narrow {
		top:32%;
	}

	#rh_epp > header h2 {
		font-size:1.5em;
		width:auto;
		margin:0 0 10px 0;
	}
	#rh_epp > header .bgimg {
		max-width:none;
	}
	
	#rh_epp_nav ul li a {
		padding:0 10px;
	}
	
	#rh_epp #leftcol {
		width:64%;
	}
	#rh_epp #leftcol .page {
		padding-right:0;
	}
	#rh_epp #rightcol {
		width:33%;
	}
	
	#rh_epp #leftcol .btn {
		font-size:10px;
	}
	.panel .railbox {
		width:100%;
	}
	.panel blockquote {
		width:100%;
	}
	.panel cite {
		width:100%;
	}
	#rh_epp .features > div {
		width:100%;
		margin:0 0 20px 0;
	}
	#rh_epp .features .gray {
		min-height:0;
	}
	#rh_epp .features div p {
		margin:0 0 20px 0;
	}
	#rh_epp .features div a {
		position:static;
		left:auto;
		bottom:auto;
	}
}