/*Lato-Regular-400 */
@font-face {
    font-family: 'Lato';
    src: url('/fonts/lato-regular-400.eot'); /* IE9 Compat Modes */
	src: url('/fonts/lato-regular-400.woff') format('woff'); /* Modern Browsers */
	src: url('/fonts/lato-regular-400.woff2') format('woff2'); /* Modern Browsers */
    src: url('/fonts/Lato-regular-400-ie-fix.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/lato-regular-400.ttf') format('truetype'); 
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}

/*Lato-Regular-300 */
@font-face {
    font-family: 'Lato';
    src: url('/fonts/lato-regular-300.eot'); /* IE9 Compat Modes */
	src: url('/fonts/lato-regular-300.woff') format('woff'); /* Modern Browsers */
	src: url('/fonts/lato-regular-300.woff2') format('woff2'); /* Modern Browsers */
    src: url('/fonts/Lato-regular-300-ie-fix.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/lato-regular-300.ttf') format('truetype'); 
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizeLegibility;
}

/*Lato-Italic-300 */
@font-face {
    font-family: 'Lato';
    src: url('/fonts/lato-italic-300.eot'); /* IE9 Compat Modes */
	src: url('/fonts/lato-italic-300.woff') format('woff'); /* Modern Browsers */
	src: url('/fonts/lato-italic-300.woff2') format('woff2'); /* Modern Browsers */
    src: url('/fonts/lato-italic-300-ie-fix.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/lato-italic-300.ttf') format('truetype'); 
    font-style: italic;
    font-weight: 300;
    text-rendering: optimizeLegibility;
}

*{margin:0; padding:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th td, button {
	 font-family:"Lato",Arial,Helvetica,sans-serif;
	 font-weight:300;
}
html, body { height:100%; min-height:565px; min-width:1000px\9;}
body{
	background:url(../images/gateway/gateway-bg.jpg) no-repeat center top;
	background-attachment: fixed;
  background-size: cover;
	overflow: visible;
	padding:0;
	position:relative;
}
.shadow{-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.4); box-shadow:0px 0px 15px rgba(0, 0, 0, 0.4);}
.border-radius{border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
#floater { height:15%; float:left; width:100%; display:block;}
#wrapper{margin:0 auto; max-width:860px; min-height:210px; *width:970px; position:relative; clear:both;}
#wrapper:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}
.header{background:rgba(0, 0, 0, 0.66) 0%; width:100%; left:0; top:0; position:absolute; *position:relative; min-height:60px; *background:#000; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6c000000', endColorstr='#6c000000'); /* IE */;
}
.header .logo {left:0; padding:0; position:absolute; margin:10px 0 10px 20px;}
.header .logo img{float:left; margin-right:30px;}
.header .logo span{color:#d9d9d9; font-style:italic; font-size:0.6em; font-weight:normal; font-family:"Lato",Arial,Helvetica,sans-serif; float:left; margin:12px 0 0;}
.header .top-right{float:right; margin:10px 20px 10px 0; color:#fff;}
#wrapper .box{overflow:hidden; width:47.3%; float:right; margin-bottom:25px; min-height:328px; padding:2px 2px 16px 2px; max-width:430px; background:rgba(255, 255, 255, 0.72) 0%; text-align:center;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7ce1e1e1', endColorstr='#7ce1e1e1');}
#wrapper .box.first{ float:left;}
#wrapper .box h2{color:#0a0806; font-size:1.8em; text-transform:uppercase; font-family:"Lato",Arial,Helvetica,sans-serif; font-weight:300; text-align:center; padding:15px 0; margin-bottom:0; text-shadow:none;}
#wrapper .box p{font-size:1.2em; color:#060604; line-height:1.2em; margin:0 13px 40px; text-align:center; font-family:'Lato', sans-serif; font-weight:300;}
#wrapper .box label{font-size:14px; color:#2a2924; margin:15px auto 0; font-weight:400; display:block; text-transform:uppercase;}
#wrapper .box label input{margin:2px 4px 0 0; #margin:-2px 4px 0 0;}
#wrapper .box a{ display:block; padding:10px 5px; background:#ed1c24; color:#fff; text-decoration:none; text-transform:uppercase; margin:0 auto; font-size:1.2em; width:5.7em; text-align:center; border-radius:2px;
	-webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.footer-shade{background:rgba(0, 0, 0, 0.9) 0%; /*height:160px;*/ padding-bottom:8%; padding-bottom:3%\9; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9c000000', endColorstr='#9c000000');}
.footer-shade span{display:block; width:25%; border-top:7px #ce1d1c solid; height:57px; font-size:0; line-height:0; float:left;}
.footer-shade span.red{/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2NlMWMxYyIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjY2UxYzFjIiBzdG9wLW9wYWNpdHk9IjAuMTYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NlMWMxYyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(206,28,28,0.2) 1%, rgba(206,28,28,0.16) 22%, rgba(206,28,28,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(206,28,28,0.2)), color-stop(22%,rgba(206,28,28,0.16)), color-stop(100%,rgba(206,28,28,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(206,28,28,0.2) 1%,rgba(206,28,28,0.16) 22%,rgba(206,28,28,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(206,28,28,0.2) 1%,rgba(206,28,28,0.16) 22%,rgba(206,28,28,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(206,28,28,0.2) 1%,rgba(206,28,28,0.16) 22%,rgba(206,28,28,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(206,28,28,0.2) 1%,rgba(206,28,28,0.16) 22%,rgba(206,28,28,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ce1c1c', endColorstr='#00ce1c1c',GradientType=0 ); /* IE6-8 */
}

.footer-shade span.purple{border-color:#7c2989;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzdjMjk4OSIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjN2MyOTg5IiBzdG9wLW9wYWNpdHk9IjAuMTYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdjMjk4OSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(124,41,137,0.2) 1%, rgba(124,41,137,0.16) 22%, rgba(124,41,137,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(124,41,137,0.2)), color-stop(22%,rgba(124,41,137,0.16)), color-stop(100%,rgba(124,41,137,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(124,41,137,0.2) 1%,rgba(124,41,137,0.16) 22%,rgba(124,41,137,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(124,41,137,0.2) 1%,rgba(124,41,137,0.16) 22%,rgba(124,41,137,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(124,41,137,0.2) 1%,rgba(124,41,137,0.16) 22%,rgba(124,41,137,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(124,41,137,0.2) 1%,rgba(124,41,137,0.16) 22%,rgba(124,41,137,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#337c2989', endColorstr='#007c2989',GradientType=0 ); /* IE6-8 */
}

.footer-shade span.blue{border-color:#579bdb;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzU3OWJkYiIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjNTc5YmRiIiBzdG9wLW9wYWNpdHk9IjAuMTYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU3OWJkYiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(87,155,219,0.2) 1%, rgba(87,155,219,0.16) 22%, rgba(87,155,219,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(87,155,219,0.2)), color-stop(22%,rgba(87,155,219,0.16)), color-stop(100%,rgba(87,155,219,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(87,155,219,0.2) 1%,rgba(87,155,219,0.16) 22%,rgba(87,155,219,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(87,155,219,0.2) 1%,rgba(87,155,219,0.16) 22%,rgba(87,155,219,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(87,155,219,0.2) 1%,rgba(87,155,219,0.16) 22%,rgba(87,155,219,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(87,155,219,0.2) 1%,rgba(87,155,219,0.16) 22%,rgba(87,155,219,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33579bdb', endColorstr='#00579bdb',GradientType=0 ); /* IE6-8 */
}

.footer-shade span.green{*width:24.9%; border-color:#8bb82b;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYjkyYyIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjMlIiBzdG9wLWNvbG9yPSIjOGNiOTJjIiBzdG9wLW9wYWNpdHk9IjAuMDgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhjYjkyYyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(140,185,44,0.1) 0%, rgba(140,185,44,0.08) 23%, rgba(140,185,44,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(140,185,44,0.1)), color-stop(23%,rgba(140,185,44,0.08)), color-stop(100%,rgba(140,185,44,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(140,185,44,0.1) 0%,rgba(140,185,44,0.08) 23%,rgba(140,185,44,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(140,185,44,0.1) 0%,rgba(140,185,44,0.08) 23%,rgba(140,185,44,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(140,185,44,0.1) 0%,rgba(140,185,44,0.08) 23%,rgba(140,185,44,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(140,185,44,0.1) 0%,rgba(140,185,44,0.08) 23%,rgba(140,185,44,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a8cb92c', endColorstr='#008cb92c',GradientType=0 ); /* IE6-8 */
}
/*
#wrapper .box:hover{ margin-top:1px; margin-bottom:24px; border:solid 1px #cfcfcf; 
	transition: width 2s; -webkit-transition: width 2s;
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 3px rgba(0, 0, 0, 0.2); }
#wrapper .box:hover h2 {background:#eaeaea; color:#ed1c24;}
#wrapper .box:hover p { color:#666;;}
#wrapper .box:hover a {background:#d2161d; color:#fff;}
*/
#wrapper .box a:hover {background:#d2161d; color:#fff;}
div.prod-signin{text-align:center; clear:both; float:right; font-size:16px; color:#fff; text-transform:uppercase; padding:0 40px 0 0;}
div.prod-signin a{ font-family:Calibri, Arial, Helvetica, sans-serif; background:#448cc0 url(../images/gateway/sign-in.png) no-repeat 8px 8px; color:#fff; text-transform:uppercase; font-size:21px; display:inline-block; margin:14px 8px 3px 0; text-decoration:none; text-align:center; padding:3px 14px 3px 30px; text-transform:uppercase;}
div.prod-signin span { font-family:Calibri, Arial, Helvetica, sans-serif;}



/* RE logo footer addition styles modifications
*************************************************/ 
/*.footer{position:absolute; left:0; bottom:0px; width:100%; text-align:center; color:#5e5e5e; font-size:12px;}
.footer a{color:#ccc; text-decoration:none; font-weight:400;}
.footer a:hover{text-decoration:underline;}
.footer .copyright{ text-align:center; background:#000; color:#ccc; line-height:30px; font-family:"Lato",Arial,Helvetica,sans-serif; font-size:11px; font-weight:400;}

@media (max-width: 960px) {
	body{padding-bottom:0;}
	#wrapper{top:0; margin:0 auto; padding:0 10px;}
  #wrapper .box {width:98%; float:none !important; max-width:600px; margin:0 auto 25px;}
  .footer{position:static;}
  .header .logo span, div.prod-signin span{display:none;}
  div.prod-signin{padding-right:20px;}
}

@media (max-width: 390px) {
	h1 img { width:87%; margin-right:0 !important;}
	.header .logo{margin-left:3%;}
	#wrapper .box {width:97%;}
	div.prod-signin{padding-right:3%;}
	div.prod-signin a { padding:3px 10px; background-image:none; margin-right:0;}
	
}*/

.footer{position:absolute; left:0; bottom:0px; width:100%; text-align:center; color:#5e5e5e; font-size:12px;}
.footer a{color:#808284; text-decoration:none; font-weight:400;}
.footer a:hover{text-decoration:underline;}
.footer .copyright{ text-align:center; background:#101010; color:#ccc; line-height:30px; font-family:"Lato",Arial,Helvetica,sans-serif; font-size:11px; font-weight:400;}

.copy-right { margin-left: 0; margin-right: 0; background-color:#050505; }
.copy-right > div { padding:0 0 1.5%; max-width:895px; margin: 0 auto; overflow:hidden; } 
.copy-right > div a { margin:0 10px 0 0; color:#66686a !important; }
.copy-right > div a:first-child { margin:0 10px 0 0; }
.copy-right a.re-logo { margin-right:0; position:static; float:right; }

@media (max-width: 960px) {
	body{padding-bottom:0;}
	#wrapper{top:0; margin:0 auto; padding:0 10px;}
  #wrapper .box {width:98%; float:none !important; max-width:600px; margin:0 auto 25px;}
  .footer{position:static;}
  .header .logo span, div.prod-signin span{display:none;}
  div.prod-signin{padding-right:20px;}
  .copy-right { padding-bottom:15px; }
  .copy-right a { display:block; float:none; clear:both; text-align:left; line-height:16px; }
  .copy-right > div a:first-child { margin-bottom:5px; }
  .copy-right .re-logo { float:none !important; margin-top:10px; }
  .copy-right > div { padding:0 4% 2%; }
	#floater { height:10%;}
}

@media (max-width: 390px) {
	h1 img { width:87%; margin-right:0 !important;}
	.header .logo{margin-left:3%;}
	#wrapper .box {width:97%;}
	div.prod-signin{padding-right:3%;}
	div.prod-signin a { padding:3px 10px; background-image:none; margin-right:0;}
	#floater { height:8%;}
	
}