@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,300,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,700,800,400,600);
/*@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);*/
@import url(../fontawesome/css/font-awesome.min.css);

/*! 
 *   TLT v1.0
 *   Author: Vivin Antony
 *   Website: www.thelittletechie.blogspot.com
*/

/* general style */
html, body { height: 100% }
body { padding: 0; margin: 0; font-family: 'Roboto', sans-serif }
::selection { color: #55d782 }
::-moz-selection { color: #55d782 }
/*img { max-width: 100% !important; }*/
.sans-regular {	font-family: 'Open Sans', sans-serif; font-weight: 400 }
.rating-green { color: #55d782 }
.rating-grey { color: #999 }
.color-famblue { color: #476172 }
.color-famgreen { color: #55d782 }
.color-white { color: #fff }
.color-darkgreen { color: #006400 }
.color-darkred { color: #8B0000 }
.color-facebook { color: #49639f }
.color-linkedin { color: #489dc9 }
.color-primary { color: #3c8dbc }
.color-info { color: #00c0ef }
.color-danger { color: #f56954 }
.color-warning { color: #f39c12 }
.color-success { color: #00a65a }
.color-male { color: #3482c2 }
.color-female { color: #e75181 }
.color-silver { color: #c0c0c0 }
.bgcolor-famblue { background: #476172 }
.bgcolor-famgreen { background: #55d782 }
.bgcolor-facebook { background: #49639f }
.bgcolor-googleplus { background: #df4a32 }
.bgcolor-eee { background: #eee }
.btn-famblue { background: #476172; color: #fff }
.btn-facebook { background: #49639f; color: #fff }
.btn-linkedin { background: #489dc9; color: #fff }
.btn-googleplus { background: #df4a32; color: #fff }
.btn-safety { background: #d15757; color: #fff }
.btn-carpool { background: #e6bd2e; color: #fff }
.btn-intercity { background: #c3c11d; color: #fff }
.hr-color-grey { border-top: 1px solid #808080 }
.float-left { float: left }
.float-right { float: right }
.show-div { display: block }
.hide-div { display: none }
.padding-no { padding: 0 }
.padding-sm { padding: 5px }
.padding-md { padding: 10px }
.padding-left-md { padding-left: 10px }
.padding-top-sm { padding-left: 5px }
.margin-no { margin: 0 }
.margin-bottom-sm { margin-bottom: 5px }
.margin-bottom-md { margin-bottom: 10px }
.margin-bottom-lg { margin-bottom: 20px }
.font-16 { font-size: 16px }
.font-20 { font-size: 20px }
.word-wrap { word-wrap: break-word }
.padding-zero { padding: 0 }
.cursor-default { cursor: default; }
.map-bg { background: #111 url('../../img/techie/alt-bg.png') repeat; padding-bottom: 50px; min-height: 90% }
/*.map-bg { background: #111; padding-bottom: 50px; min-height: 90% }*/
.hr-line { width: 100%; text-align: center; border-bottom: 1px solid #ddd; line-height: 0.1em; margin: 20px 0 20px; color: #ddd }
.hr-line span { background: #fff; padding: 0 10px }
.page-header { padding: 0 6% 2% 6%; position: relative; margin: 0 }
.page-header h1 { font-size: 100px; color: #fff }
@media screen and (max-width: 768px) { .page-header h1 { font-size:70px } }
@media screen and (max-width: 600px) { .page-header h1 { font-size:40px } }
.page-body { padding-top: 2% }
.animation-hidden{ opacity:0 }
.animation-visible{ opacity:1 }

/* footer */
footer { background-color: #476172; color: #fff; border-top: 3px solid #55d782; text-align: center; padding: 10px 0 }
footer table { padding: 0 }
footer table tr td { padding: 0 10px; }
footer table tr td a { color: #fff; text-decoration: none }
footer table tr td a:hover { color: #fff; text-decoration: underline }

/* scroll to top */
.scrollup { position: fixed; bottom: 53px; right: 20px; text-decoration: none; color: #55d782; display: none; cursor: pointer; }
.scrollup:hover { color: #2dbc5e }

.webpage .menu-box { background-color: rgba(0,0,0,0.6); color: #fff }
.webpage .menu-box h4 { font-size: 20px; color: #aaa }
.webpage .main-box { background-color: rgba(244,244,244,1); padding: 10px; /*min-height: 380px*/ }
.webpage .main-box h2 { margin-bottom: 0 }
.webpage .main-box h2 i { font-size: 20px; cursor: pointer }
.webpage .main-box p { margin-bottom: 0 }
.webpage .main-box .hr-header-line { margin-top: 10px; border-top: 1px solid #808080 }
.webpage .main-box .sub-heading {  margin-bottom: 0; }
.webpage .main-box .sub-description { margin-bottom: 0; font-size: 12px }
#myTab li a { font-size: 18px; border-top-left-radius: 10px; border-top-right-radius: 10px }
.tab-content { background-color: #fff; padding: 10px; border: 1px solid #ddd; border-top: none }
.points-earned, .points-not-earned { cursor: default }
.points-earned span, .points-not-earned span { font-size: 16px }
.points-earned i { color: #56d784 }
.points-not-earned i { color: darkred }

/* boxes */
.box { background: #fff; border-top: 2px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 100%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); padding: 5px }
.box.box-primary {border-top-color: #3c8dbc}
.box.box-info {border-top-color: #00c0ef}
.box.box-danger {border-top-color: #f56954}
.box.box-warning {border-top-color: #f39c12}
.box.box-success {border-top-color: #00a65a}
.box.height-control .box-body { max-height: 300px; overflow: auto }
.box .box-header { position: relative; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom: 0px solid #f4f4f4; color: #444; }
.box .box-header:before,
.box .box-header:after { display: table; content: " "; }
.box .box-header:after {clear: both;}
.box .box-header > .fa,
.box .box-header > .glyphicon,
.box .box-header > .ion,
.box .box-header .box-title { display: inline-block; padding: 5px; margin: 0; font-size: 20px; font-weight: 400; float: left; cursor: default; }
.box .box-header a {color: #444}
.box .box-header > .box-tools {padding: 5px 10px 5px 5px}
.box .box-footer { border-top: 1px solid #f4f4f4; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; padding: 10px; background-color: #ffffff; }
.box.box-solid {border-top: 0px}
.box.box-solid > .box-header {padding-bottom: 0px!important}
.box.box-solid > .box-header .btn.btn-default {background: transparent}
.box.box-solid.box-primary > .box-header { color: #fff; background: #3c8dbc; background-color: #3c8dbc }
.box.box-solid.box-primary > .box-header a {color: #444}
.box.box-solid.box-info > .box-header { color: #fff; background: #00c0ef; background-color: #00c0ef }
.box.box-solid.box-info > .box-header a {color: #444}
.box.box-solid.box-danger > .box-header { color: #fff; background: #f56954; background-color: #f56954 }
.box.box-solid.box-danger > .box-header a {color: #444}
.box.box-solid.box-warning > .box-header { color: #fff; background: #f39c12; background-color: #f39c12 }
.box.box-solid.box-warning > .box-header a {color: #444}
.box.box-solid.box-success > .box-header { color: #fff; background: #00a65a; background-color: #00a65a }
.box.box-solid.box-success > .box-header a {color: #444}
.box.box-solid > .box-header > .box-tools .btn { border: 0; box-shadow: none }
.box.box-solid.collapsed-box .box-header { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.box.box-solid[class*='bg'] > .box-header {color: #fff}
.box .box-group > .box {margin-bottom: 5px}

/* header */
header { position: relative; max-height: 100px; z-index: 1030 }
header .navbar { height: 50px; margin-bottom: 0; margin-left: 0; background-color: #476172; border-bottom: 3px solid #55d782 }
header .navbar .nav a { color: rgba(255, 255, 255, 0.8) }
header .navbar .nav > li > a:hover,
header .navbar .nav > li > a:active,
header .navbar .nav > li > a:focus,
header .navbar .nav .open > a,
header .navbar .nav .open > a:hover,
header .navbar .nav .open > a:focus { background: rgba(0, 0, 0, 0.1); color: #f6f6f6; height: 46px; }
header .navbar .nav > li.user > a { font-weight: bold }
header .navbar .nav > li.user > a > .fa,
header .navbar .nav > li.user > a > .glyphicon,
header .navbar .nav > li.user > a > .ion { margin-right: 5px }
header .navbar .nav > li > a > .label { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: 7px; right: 2px; font-size: 10px; font-weight: normal; width: 15px; height: 15px; line-height: 1.0em; text-align: center; padding: 2px; }
header .navbar .nav > li > a:hover > .label { top: 3px }
header .logo { float: left; font-size: 20px; line-height: 50px; text-align: center; padding: 0 10px; width: 220px; font-family: 'Kaushan Script', cursive; font-weight: 500; height: 50px; display: block; }
header .logo .icon { margin-right: 10px }
@media (max-width: 767px) {
  header .navbar .navbar-nav > li { float: left }
  header .navbar-nav { margin: 0; float: left }
  header .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; line-height: 20px }
  header .navbar .navbar-right { float: right }
}
@media screen and (max-width: 560px) { .header {  position: relative }
  header .logo,
  header .navbar { width: 100%; float: none; position: relative !important }
  header .navbar { margin: 0 }
}

/* Navbar custom dropdown menu */
.navbar-nav > .user-menu > .dropdown-menu { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 1px 0 0 0; border-top-width: 3px; width: 280px }
.navbar-nav > .user-menu > .dropdown-menu:after { bottom: 100%; right: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #55d782; border-width: 10px; margin-left: -10px; }
.navbar-nav > .user-menu > .dropdown-menu > li.user-header { height: 175px; padding: 10px; background: #476172; text-align: center; }
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img { z-index: 5; height: 90px; width: 90px; border: 8px solid; border-color: transparent; border-color: rgba(255, 255, 255, 0.2); }
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p { z-index: 5; color: #55d782; color: rgba(85, 215, 130, 0.8); font-size: 17px; text-shadow: 2px 2px 3px #333333; margin-top: 10px; }
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small { display: block; font-size: 12px; color: #f9f9f9;  word-wrap: break-word }
.navbar-nav > .user-menu > .dropdown-menu > li.user-body { padding: 15px; border-bottom: 1px solid #f4f4f4; border-top: 1px solid #dddddd; }
.navbar-nav > .user-menu > .dropdown-menu > li.user-body:before,
.navbar-nav > .user-menu > .dropdown-menu > li.user-body:after { display: table; content: " "; }
.navbar-nav > .user-menu > .dropdown-menu > li.user-body:after { clear: both }
.navbar-nav > .user-menu > .dropdown-menu > li.user-body > div > a { color: #0073b7 }
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer { background-color: #f9f9f9; padding: 10px; }
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer:before, 
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer:after { display: table; content: " "; }
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer:after { clear: both }
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer .btn-default { color: #666666 }

/* Add fade animation to dropdown menus */
.open > .dropdown-menu { animation-name: fadeAnimation; animation-duration: .7s; animation-iteration-count: 1; animation-timing-function: ease; animation-fill-mode: forwards; -webkit-animation-name: fadeAnimation; -webkit-animation-duration: .7s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: forwards; -moz-animation-name: fadeAnimation; -moz-animation-duration: .7s; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease; -moz-animation-fill-mode: forwards }
@keyframes fadeAnimation { from{ opacity: 0; top: 120%} to{ opacity: 1; top: 100%} }
@-webkit-keyframes fadeAnimation { from{ opacity: 0; top: 120%} to{ opacity: 1; top: 100%} }

/* Fix dropdown menu for small screens to display correctly on small screens */
@media screen and (max-width: 767px) { header .navbar-nav > .user-menu > .dropdown-menu { position: absolute; top: 100%; right: 0; left: auto; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; background: #ffffff; width: 300px; } }

/* List of: (display: none/block) */
@media screen and (max-width: 767px) { .navbar .menu-page .disappear { display: none } }
@media screen and (max-width: 767px) { .disappear { display: none } }
@media screen and (min-width: 768px) and (max-width: 100000px) { .appear { display: none } }

/* ------------------------------------------------------------------------------------------------------------ */

/* bootstrap changes */
.navbar-inverse { background-color: #476172; }
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #372D3B}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #5e7787 }
.dropdown-menu { background-color: #5e7787 }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #476172 }
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #5e7787 }
.navbar-inverse .navbar-brand { color: #fff }
.navbar-inverse .navbar-brand:hover { color: #fff }
.navbar-inverse .navbar-nav>li>a { color: #fff }
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #fff }
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #fff }
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #fff }
.dropdown-menu>li>a { color: #fff }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #fff }
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999 }
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #fff }
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #fff }

/* menu.jsp */
.menu-page { padding: 10px 0 }
.menu-page>li>a { color: #fff; }

/* Social Buttons for Bootstrap */
.btn-social { position: relative; padding-left: 44px !important; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.btn-social :first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 32px !important; line-height: 34px !important; font-size: 1.6em!important; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.2) }
.btn-social.btn-lg {padding-left: 60px !important}
.btn-social.btn-lg :first-child { line-height: 45px; width: 45px; font-size: 1.8em }
.btn-social.btn-sm {padding-left: 38px !important}
.btn-social.btn-sm :first-child { line-height: 28px; width: 28px; font-size: 1.4em }
.btn-social.btn-xs {padding-left: 30px !important}
.btn-social.btn-xs :first-child { line-height: 20px; width: 20px; font-size: 1.2em }
.btn-social-icon { position: relative; padding-left: 44px !important; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 34px; width: 34px; padding: 0 }
.btn-social-icon :first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 32px !important; line-height: 34px !important; font-size: 1.6em!important; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.2) }
.btn-social-icon.btn-lg {padding-left: 60px !important}
.btn-social-icon.btn-lg :first-child { line-height: 45px; width: 45px; font-size: 1.8em }
.btn-social-icon.btn-sm {padding-left: 38px !important}
.btn-social-icon.btn-sm :first-child { line-height: 28px; width: 28px; font-size: 1.4em }
.btn-social-icon.btn-xs {padding-left: 30px !important}
.btn-social-icon.btn-xs :first-child { line-height: 20px; width: 20px; font-size: 1.2em }
.btn-social-icon :first-child { border: none; text-align: center; width: 100%!important }
.btn-social-icon.btn-lg { height: 45px; width: 45px; padding-left: 0; padding-right: 0 }
.btn-social-icon.btn-sm { height: 30px; width: 30px; padding-left: 0; padding-right: 0 }
.btn-social-icon.btn-xs { height: 22px; width: 22px; padding-left: 0; padding-right: 0 }
.btn-facebook { color: #ffffff; background-color: #3b5998; border-color: rgba(0, 0, 0, 0.2) }
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook { color: #ffffff; background-color: #30487b; border-color: rgba(0, 0, 0, 0.2) }
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {background-image: none}
.btn-facebook.disabled,
.btn-facebook[disabled],
fieldset[disabled] .btn-facebook,
.btn-facebook.disabled:hover,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook:hover,
.btn-facebook.disabled:focus,
.btn-facebook[disabled]:focus,
fieldset[disabled] .btn-facebook:focus,
.btn-facebook.disabled:active,
.btn-facebook[disabled]:active,
fieldset[disabled] .btn-facebook:active,
.btn-facebook.disabled.active,
.btn-facebook[disabled].active,
fieldset[disabled] .btn-facebook.active { background-color: #3b5998; border-color: rgba(0, 0, 0, 0.2) }
.btn-facebook .badge { color: #3b5998; background-color: #ffffff; }
.btn-linkedin { color: #ffffff; background-color: #007bb6; border-color: rgba(0, 0, 0, 0.2) }
.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.open .dropdown-toggle.btn-linkedin { color: #ffffff; background-color: #005f8d; border-color: rgba(0, 0, 0, 0.2) }
.btn-linkedin:active,
.btn-linkedin.active,
.open .dropdown-toggle.btn-linkedin {background-image: none}
.btn-linkedin.disabled,
.btn-linkedin[disabled],
fieldset[disabled] .btn-linkedin,
.btn-linkedin.disabled:hover,
.btn-linkedin[disabled]:hover,
fieldset[disabled] .btn-linkedin:hover,
.btn-linkedin.disabled:focus,
.btn-linkedin[disabled]:focus,
fieldset[disabled] .btn-linkedin:focus,
.btn-linkedin.disabled:active,
.btn-linkedin[disabled]:active,
fieldset[disabled] .btn-linkedin:active,
.btn-linkedin.disabled.active,
.btn-linkedin[disabled].active,
fieldset[disabled] .btn-linkedin.active { background-color: #007bb6; border-color: rgba(0, 0, 0, 0.2) }
.btn-linkedin .badge { color: #007bb6; background-color: #ffffff; }
.btn-twitter { color: #ffffff; background-color: #55acee; border-color: rgba(0, 0, 0, 0.2) }
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter { color: #ffffff; background-color: #309aea; border-color: rgba(0, 0, 0, 0.2) }
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {background-image: none}
.btn-twitter.disabled,
.btn-twitter[disabled],
fieldset[disabled] .btn-twitter,
.btn-twitter.disabled:hover,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter:hover,
.btn-twitter.disabled:focus,
.btn-twitter[disabled]:focus,
fieldset[disabled] .btn-twitter:focus,
.btn-twitter.disabled:active,
.btn-twitter[disabled]:active,
fieldset[disabled] .btn-twitter:active,
.btn-twitter.disabled.active,
.btn-twitter[disabled].active,
fieldset[disabled] .btn-twitter.active { background-color: #55acee; border-color: rgba(0, 0, 0, 0.2) }
.btn-twitter .badge { color: #55acee; background-color: #ffffff; }
.btn-google-plus { color: #ffffff; background-color: #dd4b39; border-color: rgba(0, 0, 0, 0.2) }
.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active,
.btn-google-plus.active,
.open .dropdown-toggle.btn-google-plus { color: #ffffff; background-color: #ca3523; border-color: rgba(0, 0, 0, 0.2) }
.btn-google-plus:active,
.btn-google-plus.active,
.open .dropdown-toggle.btn-google-plus {background-image: none}
.btn-google-plus.disabled,
.btn-google-plus[disabled],
fieldset[disabled] .btn-google-plus,
.btn-google-plus.disabled:hover,
.btn-google-plus[disabled]:hover,
fieldset[disabled] .btn-google-plus:hover,
.btn-google-plus.disabled:focus,
.btn-google-plus[disabled]:focus,
fieldset[disabled] .btn-google-plus:focus,
.btn-google-plus.disabled:active,
.btn-google-plus[disabled]:active,
fieldset[disabled] .btn-google-plus:active,
.btn-google-plus.disabled.active,
.btn-google-plus[disabled].active,
fieldset[disabled] .btn-google-plus.active { background-color: #dd4b39; border-color: rgba(0, 0, 0, 0.2) }
.btn-google-plus .badge { color: #dd4b39; background-color: #ffffff }