html, body { width: 100%; height: 100%; color: #001f3f; background: #fff; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 700; -webkit-font-smoothing: antialiased; }
.btn { border-radius: 2px; border: 0; }
.center-block { float: none!important; margin-right: auto; margin-left: auto; }
.well { border: none; border-radius: 0; }
p { margin-top: 20px; }
blockquote { border: 0; }
.carousel-control, .carousel-control.left, .carousel-control.right { opacity: 0.9; filter: alpha(opacity=90); background-image: none!important; filter:progid:DXImageTransform.Microsoft.gradient(enabled='false');
}
.carousel-control [class*="icon-"], .carousel-control [class*="glyphicon-"] { width: 40px; height: 40px; line-height: 40px; font-size: 0.750em; background: #fff; color: #001f3f; text-shadow: none; border-radius: 100%; }
.carousel-control [class*="icon-"]:hover, .carousel-control [class*="glyphicon-"]:hover { background: #0099ff; border-color: #2a2a2a; color: #fff; }
button.close { background: #0099ff; color: #fff; opacity: 1; filter: alpha(opacity=100); width: 36px; height: 36px; line-height: 36px; border-radius: 50%; text-shadow: none; }
button.close:hover { background: #2980b9; color: #001f3f; opacity: 1; filter: alpha(opacity=100); }
.btn-primary { background-color: #0099ff; }

@media screen and (max-width:768px) {
.img-responsive { width: 100%!important; height: auto!important; }
}

@media screen and (max-width:480px) {
.carousel-control [class*="icon-"], .carousel-control [class*="glyphicon-"] { width: 36px; height: 36px; line-height: 36px; }
button.close { width: 28px; height: 28px; line-height: 25px; }
}
/*
------------------------------------------------------
	#Globals
------------------------------------------------------*/
body { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; }
a { -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
.loader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 100; }
.icon-loader { font-size: 0.8em; color: #ddd; text-align: center; font-weight: bold; text-transform: uppercase; width: 200px; height: 100px; position: absolute; left: 50%; top: 50%; background: url(../images/preload-circle.gif) center center no-repeat; margin: -100px 0 0 -100px; }
video, iframe, embed, object { max-width: 100%; }
.fitvid { width: 100%; }
.video-cover:before { content: ""; position: absolute; display: block; width: 100%; height: 100%; background: none; }
.arrow-down { position: absolute; left: 0; right: 0; display: block; width: 0; height: 0; margin: 10px auto 0 auto; border-width: 15px 90px 0 90px; border-color: #ddd transparent transparent transparent; border-style: solid; z-index: 10; }
.title-arrow .arrow-down { border-width: 10px 40px 0 40px; border-top-color: #fff; }
.icon-circle:before { display: inline-block; background: #ddd; border-radius: 50%; width: 140px; height: 140px; line-height: 140px; font-size: 3.750em; color: #fff; text-align: center; -ms-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
.icon-circle:hover:before { cursor: default; color: #aaa; line-height: 110px; background: #F3F3F3; -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.icon-circle .reversed:before { background: #eee; color: #989898; }
.icon-circle .glyphicon { width: auto; height: auto; }
.column-box { margin-top: 20px; -ms-column-gap: 20px; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; -ms-column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; line-height: normal; }
.column-box li { padding: 5px 0; display: block; margin: 0; }
.col-list br { display: block; margin-bottom: 8px; }
.chromeframe { display: block; position: absolute; z-index: 1000; top: 0; left: 0; right: 0; padding: 15% 15% 0 15%; height: 100%; background: #e74c3c; opacity: 0.95; filter: alpha(opacity=95); font-size: 2.0em; font-weight: 400; color: #ecf0f1; }
.chromeframe a { color: #111; text-decoration: underline; }
.chromeframe button.close { position: absolute; z-index: 100; top: 20px; right: 20px; width: 48px; height: 48px; line-height: 48px; border-color: #fff; background: #fff; color: #e74c3c; }
.has-error { font-weight: 600; color: #c0392b; font-size: 0.8em; }
.list-styled { padding-left: 0; }
.list-styled li { padding-left: 25px; padding-bottom: 5px; list-style: none; }
.list-styled li:before { content: '\f046'; font-family : 'FontAwesome'; margin-left: -25px; margin-right: 10px; }

@media screen and (max-width:767px) {
.arrow-down { border-width: 10px 50px 0 50px; }
.title-arrow { font-size: 1.5em; }
.title-arrow .arrow-down { border-width: 5px 20px 0 20px; }
.icon-circle:before { width: 120px; height: 120px; line-height: 120px; font-size: 3.3750em; }
.icon-circle:hover:before { line-height: 100px!important; }
.video-link:before { display: none; }
}

@media screen and (max-width:470px) {
.icon-circle:before { width: 80px; height: 80px; line-height: 80px; font-size: 2.00em; }
.icon-circle:hover:before { line-height: 70px!important; }
}

@media screen and (max-width:320px) {
.img-responsive320 { width: 100%!important; height: auto!important; }
}

@media screen and (max-width:240px) {
.icon-circle:before { width: 54px; height: 54px; line-height: 54px; font-size: 1.500em; }
.icon-circle:hover:before { line-height: 45px!important; }
}
/*
------------------------------------------------------
	#Navigations
------------------------------------------------------
	#Main Navigation 
------------------------------------*/
.nav-main .navbar-brand { padding: 3px 5px 5px 5px; }
.nav-main { position: absolute; z-index: 100; top: 20px; left: 0; right: 0; }
.nav-main.pg-splash .navbar { background: #0099ff; background: rgba(0,153,255,0.6); }
.nav-main .navbar { background: #0099ff; background: rgba(0,153,255,0.9); border-radius: 0; border: 0; overflow: hidden; margin-bottom: 0; }
.nav-main .navbar-nav li a { color: #fff; padding-right: 10px; font-weight: 400!important; font-size: 1.15em; }
.nav-main .navbar li a:hover, .nav-main .navbar .active a, .nav-main .navbar .active a:hover, .nav-main .navbar .active a:focus { background: none; color: #3454a5; }
.nav-main .navbar-nav .fa { line-height: 45px; width: 0!important; left: -10px; font-size: 1.6em; }
.nav-main .navbar-nav .bt-login a { font-weight: bold; background: #e74c3c; color: #fff; }
.nav-main .navbar-nav .bt-login a:hover { background: #3454a5; color: #fff; }
.nav-main .navbar-nav li.symbol a { font-size: 2.25em; padding-right: 5px; padding-left: 0; color: #fff; }
.nav-main .navbar-toggle, .navbar-toggle:hover { border: 0; border-radius: 0; background: none!important; }
.nav-main .navbar-toggle .icon-bar { background-color: #fff!Important; width: 30px; height: 1px; border-radius: 0; }
.nav-main .navbar-toggle .icon-bar+.icon-bar { margin: 6px 0; }
.navbar-collapse { border: 0; font-size: 0.9em; }
#menu { -webkit-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.stick { background: #001f3f; background: rgba(0,31,63,0.95); position: fixed; left: 0; top: auto; right: 0; padding: 1.5% 0; }
.stick.nav-main .navbar { background: none; }
.stick.nav-main .navbar li a:hover, .stick.nav-main .navbar .active a, .stick.nav-main .navbar .active a:hover, .stick.nav-main .navbar .active a:focus { color: #41a7de; }
.stick.nav-main .navbar-nav .bt-login a { color: #fff; }

@media screen and (min-width:1024px) {
.nav-main .navbar-nav { padding-top: 10px; padding-bottom: 10px; padding-right: 10px; }
.nav-main .navbar-brand { padding-top: 15px; padding-left: 10px; }
.nav-main .navbar-nav .bt-login a { border-radius: 2px; }
}

@media screen and (min-width:768px) {
.nav-main .navbar .main, .nav-main .navbar .main > li a { font-size: 1.2em; font-weight: 300; float: none; display: inline-block; *display:inline;
*zoom:1;
vertical-align: top; }
.nav-main .navbar { text-align: center; }
.lt-ie9 .nav-main .navbar-nav .bt-login a { margin-right: -15px; }
}

@media screen and (min-width:768px) and (max-width:1024px) {
.nav-main .navbar-brand.inside { width: 150px; margin-top: 5px; }
.nav-main .navbar .main, .nav-main .navbar .main > li a { padding-left: 5px!Important; font-size: 1.05em; }
.nav-main .navbar-nav .bt-login a { padding-left: 10px; font-size: inherit; margin-left: -10px; }
.nav-main .navbar-nav .fa { font-size: 1.20em; }
}

@media screen and (max-width:767px) {
#menu.stick { padding: 10px 0; }
.nav-main .navbar-brand.inside { max-width: 160px; margin-top: 6px; margin-left: 5px; }
.nav-main .navbar .main > li a { padding-left: 15px; }
.nav-main .navbar li.inline { display: inline-block; text-align: center; padding-bottom: 10px; }
.nav-main .navbar .inline .fa-li { position: relative; width: auto; left: 0; line-height: 0; }
}

@media screen and (max-width:480px) {
.nav-main .navbar-brand.cover { margin-top: 5px; width: 75%; }
#menu.stick { padding: 5px 0; }
}

@media screen and (max-width:320px) {
.nav-main .navbar-brand.inside { max-width: 120px; margin-top: 10px; margin-left: 0px; }
.nav-main .navbar-brand.cover { margin-top: 15px; width: 70%; }
}
.nav-sub .nav a:hover, .nav-sub .nav .active a, .nav-sub .nav .active a:hover, .nav-sub .nav .active a:focus { background: #ffa543; }
/*
------------------------------------
	#Footer Navigation 
------------------------------------*/
.footer { left: 0; right: 0; background: #001f3f; color: #fff; padding-top: 10px; }
.footer-bottom { padding: 0 40px; ; border-top: 1px solid #2c3e50; color: #bdc3c7; }
.footer .nav li a { color: #bdc3c7; margin-top: 10px; }
.footer .nav a:hover, .footer .nav .active a { color: #fff; background: none; }
.footer li.logo { padding: 10px 10px 10px 0; }
.footer .logo img { border-right: 1px solid #2c3e50; padding-right: 10px; }
.footer .social { margin-top: 8px; font-size: 0.95em; padding: 0; }

@media screen and (min-width:768px) and (max-width:1024px) {
.footer .logo { max-width: 280px; }
}

/*
------------------------------------------------------
	#Splash Page Slider
------------------------------------------------------*/
.fullpg { display: table; z-index: 1; width: 100%; height: 100%; position: absolute; text-align: center; }
.fullpg-box { display: table-cell; vertical-align: middle; padding: 0 20px; }
.fullpg-content { display: inline-block; text-align: center; background:#ffffff; background:rgba(255, 255, 255,0.90); filter: alpha(opacity=90); padding: 20px 30px; }
.fullpg-content h1 { margin-top: 0; font-size: 2.5em; font-weight: 600; }
.fullpg-content { text-align:left; margin-top:50px;}

@media screen and (max-width:640px) {
.fullpg-content h1 { font-size: 2.0em; }
.fullpg-content .btn { padding: 10px 10px; font-size: 0.938em; }
}

@media screen and (max-width:320px) {
.fullpg-content { padding: 10px; }
.fullpg-content h1 { font-size: 1.8em; font-weight: 600; }
.fullpg-content .btn { width: 100%; padding: 5px; }
}



/*
------------------------------------------------------
	#Login Page
------------------------------------------------------*/
/*form[action="login.aspx"] .nav-main .main, form[action="loginHelp.aspx"] .nav-main .main { display:none; }
form[action="login.aspx"] .footer, form[action="loginHelp.aspx"] .footer { display:none; }*/
.login-pg .fullpg-content { border-radius:0; margin-top:0;}
.login-pg .form { padding:15px 30px 0 30px; text-align:left; }
.login-pg .form-group { clear:both; }
.login-pg hr { border-color:#111; }
.login-pg .form-control { border-color:#3399ff;  }
.login-pg .input-group-addon { background-color:#3399ff; border:0; color:#fff; border-radius:0; }
.login-pg .title { font-weight:700; font-size:1.15em; }
.login-pg .subtitle { font-weight:400; font-size:1.25em; }
.login-pg .btn { padding-left:30px; padding-right:30px; }

@media screen and (max-width:480px) {
.login-pg { padding-top:60px; }
.login-pg .form { padding:15px 15px 0 15px; text-align:left; }
.login-pg .form .title { font-size:1.15em; }
.login-pg .form .btn { padding:15px; width:100%; margin:-5px 0; }
}

@media screen and (min-width:480px) {
.login-pg { background: url(../images/wl-grlanding/pghero-contact.jpg) center right no-repeat; background-size:cover; } 
}
@media screen and (max-width:480px) {
.login-pg { background: url(../images/wl-grlanding/pghero-contact.jpg) center center no-repeat; background-size:cover;} 
}