/* ---------------------------------------------------------------------------
   Design tokens - ExamsRepo logo palette.
   Sampled from assets/images/logo.png: navy #243E5C, orange #E77C34.

   --orange is the exact logo colour and scores 2.86:1 on white, so it FAILS
   WCAG as text. Use it only for rules, bars, borders and icons. --action is
   the same hue darkened until white text passes AA (4.56:1) and is the only
   orange permitted behind text.

   See docs/superpowers/specs/2026-08-31-public-site-restyle-design.md
   --------------------------------------------------------------------------- */
:root{
  --navy:         #243E5C;  /* logo navy - primary structure       */
  --navy-deep:    #1A2E45;  /* hovers, deeper bands                */
  --navy-tint:    #EDF1F6;  /* subtle fills, active rows           */
  --orange:       #E77C34;  /* logo orange - NON-TEXT use only     */
  --action:       #BD5916;  /* filled buttons, white text          */
  --action-hover: #A24D13;
  --ink:          #1A2E45;  /* headings                            */
  --body:         #4A5568;  /* body text                           */
  --muted:        #65748A;  /* secondary text                      */
  --rule:         #D8DEE7;  /* hairlines                           */
  --surface:      #FFFFFF;
  --surface-2:    #F7F9FB;
}

/* 
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
/* BEGIN Thin */
@font-face {
  font-family: Roboto;
  src: url("../fonts/Thin/Roboto-Thin.woff2?v=1.1.0") format("woff2"), url("../fonts/Thin/Roboto-Thin.woff?v=1.1.0") format("woff"), url("../fonts/Thin/Roboto-Thin.ttf?v=1.1.0") format("truetype");
  font-weight: 100;
  font-style: normal; }
/* END Thin */
/* BEGIN Thin Italic */
@font-face {
  font-family: Roboto;
  src: url("../fonts/ThinItalic/Roboto-ThinItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/ThinItalic/Roboto-ThinItalic.woff?v=1.1.0") format("woff"), url("../fonts/ThinItalic/Roboto-ThinItalic.ttf?v=1.1.0") format("truetype");
  font-weight: 100;
  font-style: italic; }
/* END Thin Italic */
/* BEGIN Light */
@font-face {
  font-family: Roboto;
  src: url("../fonts/Light/Roboto-Light.woff2?v=1.1.0") format("woff2"), url("../fonts/Light/Roboto-Light.woff?v=1.1.0") format("woff"), url("../fonts/Light/Roboto-Light.ttf?v=1.1.0") format("truetype");
  font-weight: 300;
  font-style: normal; }
/* END Light */
/* BEGIN Light Italic */
@font-face {
  font-family: Roboto;
  src: url("../fonts/LightItalic/Roboto-LightItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/LightItalic/Roboto-LightItalic.woff?v=1.1.0") format("woff"), url("../fonts/LightItalic/Roboto-LightItalic.ttf?v=1.1.0") format("truetype");
  font-weight: 300;
  font-style: italic; }
/* END Light Italic */
/* BEGIN Regular */
@font-face {
  font-family: Roboto;
  src: url("../fonts/Regular/Roboto-Regular.woff2?v=1.1.0") format("woff2"), url("../fonts/Regular/Roboto-Regular.woff?v=1.1.0") format("woff"), url("../fonts/Regular/Roboto-Regular.ttf?v=1.1.0") format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: Roboto;
  src: url("../fonts/Regular/Roboto-Regular.woff2?v=1.1.0") format("woff2"), url("../fonts/Regular/Roboto-Regular.woff?v=1.1.0") format("woff"), url("../fonts/Regular/Roboto-Regular.ttf?v=1.1.0") format("truetype");
  font-weight: normal;
  font-style: normal; }
/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: Roboto;
  src: url("../fonts/Italic/Roboto-Italic.woff2?v=1.1.0") format("woff2"), url("../fonts/Italic/Roboto-Italic.woff?v=1.1.0") format("woff"), url("../fonts/Italic/Roboto-Italic.ttf?v=1.1.0") format("truetype");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: Roboto;
  src: url("../fonts/Italic/Roboto-Italic.woff2?v=1.1.0") format("woff2"), url("../fonts/Italic/Roboto-Italic.woff?v=1.1.0") format("woff"), url("../fonts/Italic/Roboto-Italic.ttf?v=1.1.0") format("truetype");
  font-weight: normal;
  font-style: italic; }
/* END Italic */
/* BEGIN Medium */
@font-face {
  font-family: Roboto;
  src: url("../fonts/Medium/Roboto-Medium.woff2?v=1.1.0") format("woff2"), url("../fonts/Medium/Roboto-Medium.woff?v=1.1.0") format("woff"), url("../fonts/Medium/Roboto-Medium.ttf?v=1.1.0") format("truetype");
  font-weight: 500;
  font-style: normal; }
/* END Medium */
/* BEGIN Medium Italic */
@font-face {
  font-family: Roboto;
  src: url("../fonts/MediumItalic/Roboto-MediumItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/MediumItalic/Roboto-MediumItalic.woff?v=1.1.0") format("woff"), url("../fonts/MediumItalic/Roboto-MediumItalic.ttf?v=1.1.0") format("truetype");
  font-weight: 500;
  font-style: italic; }
/* END Medium Italic */
/* BEGIN Bold */
@font-face {
  font-family: Roboto;
  src: url("../fonts/Bold/Roboto-Bold.woff2?v=1.1.0") format("woff2"), url("../fonts/Bold/Roboto-Bold.woff?v=1.1.0") format("woff"), url("../fonts/Bold/Roboto-Bold.ttf?v=1.1.0") format("truetype");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: Roboto;
  src: url("../fonts/Bold/Roboto-Bold.woff2?v=1.1.0") format("woff2"), url("../fonts/Bold/Roboto-Bold.woff?v=1.1.0") format("woff"), url("../fonts/Bold/Roboto-Bold.ttf?v=1.1.0") format("truetype");
  font-weight: bold;
  font-style: normal; }
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: Roboto;
  src: url("../fonts/BoldItalic/Roboto-BoldItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/BoldItalic/Roboto-BoldItalic.woff?v=1.1.0") format("woff"), url("../fonts/BoldItalic/Roboto-BoldItalic.ttf?v=1.1.0") format("truetype");
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: Roboto;
  src: url("../fonts/BoldItalic/Roboto-BoldItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/BoldItalic/Roboto-BoldItalic.woff?v=1.1.0") format("woff"), url("../fonts/BoldItalic/Roboto-BoldItalic.ttf?v=1.1.0") format("truetype");
  font-weight: bold;
  font-style: italic; }
/* END Bold Italic */
/* BEGIN Black */
@font-face {
  font-family: Roboto;
  src: url("../fonts/Black/Roboto-Black.woff2?v=1.1.0") format("woff2"), url("../fonts/Black/Roboto-Black.woff?v=1.1.0") format("woff"), url("../fonts/Black/Roboto-Black.ttf?v=1.1.0") format("truetype");
  font-weight: 900;
  font-style: normal; }
/* END Black */
/* BEGIN Black Italic */
@font-face {
  font-family: Roboto;
  src: url("../fonts/BlackItalic/Roboto-BlackItalic.woff2?v=1.1.0") format("woff2"), url("../fonts/BlackItalic/Roboto-BlackItalic.woff?v=1.1.0") format("woff"), url("../fonts/BlackItalic/Roboto-BlackItalic.ttf?v=1.1.0") format("truetype");
  font-weight: 900;
  font-style: italic; }
/* END Black Italic */
body{
    padding-top: 80px;
}
h4, h5, h6,
h1, h2, h3 {margin-top: 0;}
ul, ol {margin: 0;}
/*li {*/
    /*list-style: none;*/
/*}*/

/* Links.
   Before this, a, a:hover and a:focus were identical and a:focus additionally
   set outline: none -- so the site had no hover feedback anywhere and no
   keyboard focus indicator at all.

   text-decoration: none stays: the browser's own stylesheet underlines every
   <a>, and this design carries no underline in any state.

   The hover colour goes through --link-hover rather than naming --action
   directly. Six footer links are white on navy, where --action scores 2.40:1
   and even --orange only 3.82:1; the footer overrides the token to
   --navy-tint, which scores 9.65:1. */
a {
    color: var(--navy);
    text-decoration: none;
}
a:hover {
    color: var(--link-hover, var(--action));
    /* bootstrap.min.css declares a:hover{text-decoration:underline} and loads
       before this file. Dropping the declaration here does not leave the base
       rule in force -- it hands the cascade to Bootstrap, which underlines
       every link on the site the moment it is hovered. */
    text-decoration: none;
}
/* Suppress the focus ring only for pointer focus, then put a real one back for
   keyboard focus. Without the first rule, bootstrap.min.css's
   a:focus{outline:thin dotted} draws a dotted box on every mouse click. */
a:focus {
    outline: none;
}
a:focus-visible {
    outline: 2px solid var(--action);
    outline-offset: 2px;
}
.footer {
    --link-hover: var(--navy-tint);
}
/*p {margin: 0;}*/
html, body{
    color: var(--body);
	font-family: Roboto, sans-serif;
    font-weight: inherit;
	font-size: 100%;
    background-image: linear-gradient(
            180deg
            ,#eeeeee,#ffffff);
    /*background:#fefefe;*/
    /*background-image: url("../images/background_body.png");*/
    /*background: linear-gradient(315deg, transparent 75%, #d45d55 0)-10px 0,*/
    /*linear-gradient(45deg, transparent 75%, #d45d55 0)-10px 0,*/
    /*linear-gradient(135deg, #a7332b 50%, transparent 0) 0 0,*/
    /*linear-gradient(45deg, #6a201b 50%, #561a16 0) 0 0 #561a16;*/
    /*background-size: 20px 20px;*/
}
body a{
	transition:0.2s all;
	-webkit-transition:0.2s all;
	-moz-transition:0.2s all;
	-o-transition:0.2s all;
	-ms-transition:0.2s all;
}

/* Math text size */
.math-tex {
    font-size: .9em;
}
.sub-heading-font-bold{
    font-size: 16px;
    font-weight: bold !important;
}
.red {
  color: #b71c1c;
}
.green{
  color: #1b5e20;
}
.underline {
  text-decoration: underline;
}
.navbar{
  margin-bottom: 0;
  position: absolute;
}
/* Navigation */
.navbar-brand {
    padding: 10px;
    height: 80px;
}
.nav >li >a {
  padding-top: 30px;
  padding-bottom: 30px;
}
/*.navbar-toggle {
  padding: 10px;
  margin: 25px 15px 25px 0;
}*/

nav .navbar-toggle {
  margin: 10px 15px 13px 0;
  background-color:transparent;
  border:none;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
  border:1px solid #fff;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar{
  background-color: var(--navy);
}

.navbar-default .navbar-toggle .icon-bar {
    width: 40px;
    height: 5px;
    background-color: var(--navy);
}

nav .navbar-nav>li>a {
  font-size: 18px;
  padding-bottom: 20px !important;
  padding-top: 20px !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
nav .navbar-brand img{
    width: 250px;
    -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
}
.navbar-nav{
    float: right;
}
.navbar-default {
    background-color: #fff !important;
    /*background-image: url("../images/background_menu.png");*/
    border-color: var(--navy);
    border-radius: 0px;
}
.navbar-nav>li>.dropdown-menu {
    /*margin-top:20px;*/
    /*border-top-left-radius:4px;
    border-top-right-radius:4px;*/
    border-radius: 0;
}
.navbar-default .navbar-nav>li>a {
    /*font-weight:bold;*/
    /*letter-spacing: 2px;*/
    color: var(--navy);
}
.navbar-default .navbar-nav>li>a:hover {
    background-color: #fff;
    color: var(--navy);
}
.navbar-default .navbar-nav>li>a:focus{
    color: var(--action);
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: #fff;
    color: var(--action);
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
    background-color: #fff;
    color: var(--navy);
}

.mega-dropdown {
    position: static !important;
    /*width:100%;*/
}
.mega-dropdown-menu {
    background-color: #fff;
    /*padding: 20px 0px;*/
    width: 100%;
    border-bottom: 1px solid var(--navy);
    box-shadow: none;
    -webkit-box-shadow: none;
}

nav.navbar.shrink .open .dropdown-toggle span:after {
    bottom: -35px;
}
.mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
}
.mega-dropdown-menu > li > ul > li {
    list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: var(--navy);
    white-space: normal;
}
.mega-dropdown-menu > li ul > li > a {
    /*border:1px solid var(--navy);*/
}
/* This set --navy, the colour the item already is, so hovering a menu item did
   nothing -- the same dead-hover the side rails had. The FontAwesome chevron on
   :after declares no colour of its own, so it follows the anchor and turns with
   the label. */
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {
    text-decoration: none;
    color: var(--link-hover, var(--action));
}
.mega-dropdown-menu > li ul > li > a:after{
    content: "\f101";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    float: right;
}
.mega-dropdown-menu .dropdown-header {
    color: var(--navy);
    font-size: 1.2em;
}
.mega-dropdown-menu form {
    margin:3px 20px;
}
.mega-dropdown-menu .form-group {
    margin-bottom: 3px;
}

/* */
.simple-dropdown-menu {
    background-color: var(--navy);
    padding: 20px 5px;
    width: 20%;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    left: auto;
    right: 0 !important;
}

.simple-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
}
.simple-dropdown-menu > li > ul > li {
    list-style: none;
}
.simple-dropdown-menu > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #fff;
    white-space: normal;
}
.simple-dropdown-menu > li ul > li > a {
    border:1px solid var(--rule);
}
.simple-dropdown-menu > li ul > li > a:hover, .simple-dropdown-menu > li ul > li > a:focus {
    text-decoration: none;
    /*color: #444;*/
    /*background-color: #546E7A;*/
    border: 1px solid #fff;
}
.simple-dropdown-menu > li ul > li > a:after{
    content: "\f101";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    float: right;
}

/* CSS to shrink navigations*/
nav.navbar.shrink {
  min-height: 35px;
}
nav.navbar.shrink .navbar-brand {
    padding-top: 5px;
    height: 60px;
}
nav.navbar.shrink .navbar-brand img{
  width: 145px;
}
nav.navbar.shrink .navbar-nav>li>a {
  font-size: 15px;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}
nav.navbar.shrink .navbar-toggle {
  margin: 8px 15px 8px 0;
  padding: 4px 5px;
}
/* End of shrink navigations*/
/* Show and hide navigations*/
.is-hidden {
    opacity: 0;
    -webkit-transform: translate(0,-60px);
    -webkit-transition: -webkit-transform .2s,background .3s,color .3s,opacity 0.3s;
}

.is-visible {
    opacity: 1;
    -webkit-transform: translate(0,0);
    -webkit-transition: -webkit-transform .2s,background .3s,color .3s;
}
/* End of show and hide navigations*/
/* fix for auto height column */
#limheight {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3; /*3 is just placeholder -- can be anything*/
}
.nav-bar-profile-image {
    width: 23px;
    height: 23px;
}
/* End navigations*/
#job-accordion .panel, #active-job-accordion .panel {
    border: none;
}
#job-accordion .panel-title>a, #active-job-accordion .panel-title>a {
    color: var(--navy);
}
#job-accordion h4, #active-job-accordion h4 {
    font-size: 1em;
}

.banner{
	background:url(../images/banner.jpg)no-repeat center top;
	background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    min-height:430px;
}
.banner_1{
	background:url(../images/banner.jpg)no-repeat center top;
	background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    min-height:200px;
}
#search_wrapper1{
	margin-top:3em;
}
#search_wrapper {
	margin-top:8em;
}
#search_form h1 {
    color: var(--body);
    font-size: 2em;
    margin-bottom: 10px;
    font-weight:400;
}
#search_form h4 {
    color: var(--body);
}
#search_wrapper p {
    /*margin: 20px 0;*/
}
#search_form input[type="text"]{
    padding: 8px;
    margin: 10px 0;
    border: 1px solid #ccc;
    color: var(--body);
    background: none;
    width: 100%;
}

#search_form input[type="text"]:focus{
    border: 1px solid var(--rule);
}

#search_form input[type="email"]{
    padding: 8px;
    margin: 10px 0;
    border: 1px solid #ccc;
    color: var(--body);
    background: none;
    width: 100%;
}

#search_form input[type="email"]:focus{
    border: 1px solid var(--rule);
}

#search_form textarea{
    padding: 8px;
    margin: 10px 0;
    border: 1px solid #ccc;
    color: var(--body);
    background: none;
    width: 100%;
}

#search_form textarea:focus{
    border: 1px solid var(--rule);
}
#search_form select{
    padding: 8px;
    margin: 10px 0;
    /*border: 1px solid #ccc;*/
    color: var(--body);
    background: none;
    border: 1px solid #ccc;
    width: 100%;
}

#search_form select:focus{
    border: 1px solid var(--rule);
}

.search_form1 input[type="text"]{
    padding: 8px;
    font-size: 0.85em;
    border: 1px solid #ccc;
    color: var(--body);
    background: none;
    font-weight: 300;
    width:50%;
    margin-bottom:20px;
}
#search_form label {
    position: relative;
    z-index: 1;
}
.contact-form label {
	position: relative;
	z-index: 1;
}
.help-small-font {
    font-size: 0.7em;
}
.btn2{
	cursor: pointer;
    padding: 8px 10px;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 0.85em;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    font-weight: 300;
    margin: 0px;
    vertical-align: baseline;
}
.btn-2{
	background:var(--navy);
	color: #fff;
}
.btn2-1b:after {
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	background:var(--navy);
	color:#fff;
	 border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}
.btn2:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn2-1b:hover:after, .btn2-1b:active:after {
	height: 100%;
	color:#fff;
}
#search_form input[type="submit"] {
    -webkit-appearance: none;
    cursor: pointer;
    border: none;
    background: none;
    text-transform: uppercase;
    font-weight: 400;
}
h2.title {
    font-size: 1.5em;
    border-bottom: none;
    color: #ff821c !important;
    margin: 0;
    margin-bottom: 8px;
    margin-top: 4px;
    padding-bottom: 0;
    font-weight:400;
    text-transform: capitalize;
}
.cb_style input {
    border-radius: 3px 3px 3px 3px !important;
    font-size: 15px;
    height: 21px !important;
    width: 195px;
}
#city_1 {
    height: 106px;
    width: 516px;
    display: block;
}
#city_1 ul {
    float: left;
    font-size: 12px;
    color: #010101;
    list-style: none;
    padding:5px 0 0 0;
    margin-right: 10%;
}
#city_1 ul li {
    margin-bottom: 5px;
    padding-left: 10px;
}
#city_1 ul.orange li {
    background: url(../images/orange-bullet1.gif) no-repeat 0 5px;
}
#city_1 ul.blue li {
    background: url(../images/blue-bullet1.gif) no-repeat 0 5px;
}
.search_form1 input[type="submit"]{
    padding: 8px 12px;
    background-color:var(--navy);
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    border: none;
    font-weight: 300;
    margin: 1em 0 0 0;
}
.search_form1 input[type="submit"]:hover{
	background-color:var(--navy);
}
/*-- content-- */
.grid_1{
	padding:2em 0 2em;
}
.grid_1 h3{
	text-align:center;
	font-weight:400;
	margin-bottom: 1em;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	margin: 0 auto;
	width: 81%;
}
.nbs-flexisel-item {
	float: left;
    padding: 0px;
    cursor: pointer;
    position: relative;
    line-height: 0px;
    margin-left: 30px;
    /*width: 160px !important;
    height: 60px !important;*/
}
.nbs-flexisel-item:first-child{
	margin-left:0;
}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;
}
/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width:40px;
	height:80px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
	margin-top:0px;
}
.nbs-flexisel-nav-left {
	left: 0px;
	background: url(../images/arrows.png) no-repeat 0px 0px;
}
.nbs-flexisel-nav-right {
	right: 0px;
	background: url(../images/arrows.png) no-repeat -41px 0px;
}
.row_1 h4{
	color: #000;
    font-size: 1.3em;
    font-weight: 400;
}
.row_1 h4 a:hover{
	text-decoration:none;
	color:var(--navy);
}
.row_1 h6{
	color: #c5c5c5;
    font-size: 0.75em;
    font-weight: 300;
    line-height: 1.8em;
}
.row_1 p, .single_right p{
	/*margin-bottom: 10px;*/
}
a.btn_1 i{
    font-size:18px;
    padding: 0 5px 0 0;
    vertical-align: middle;
    margin-right: 0 !important;
}
a.btn_1:hover {
    text-decoration: none;
}
i.fb{
    color: #3b5998;
}
i.tw{
	color:#00aced;
}
i.google{
	color:#F43222;
}
span.share1{
    color: #00aced;
    font-weight: 500;
    margin-right:5%;
    margin-top: 5px;
    display: inline-block;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    font-size:13px;
}
span.google{
	color:#F43222;
}
span.fb{
	color:#3b5998;
}
.btn_1:hover span.share1{
    text-indent: 5px;
}
.col_1{
    margin-bottom:.4em;
    background-color: var(--surface);
    border: 1px solid var(--rule);
    border-radius: 6px;
    padding: 10px;
    box-shadow: 0 1px 2px rgba(36,62,92,.06), 0 2px 8px rgba(36,62,92,.08);
}
.col_1:hover{
    /*background-color: #eeeeee;*/
}
.col_3{
    /*border-radius: 4px;*/
    margin-bottom:.4em;
    background-color: #fefefe;
    padding: 10px;
    /*box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);*/
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);

}
.col_left{
    /*border-radius: 4px;*/
    margin-bottom:.4em;
    /*padding: 10px;*/
    /*box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);*/
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    margin-right: 5px;

}
.col_main h1{
  padding-top: 10px;
  /*color: #555 !important;*/
  font-weight: 400;
}
.col_main{
    /*border-radius: 4px;*/
    margin-bottom:.4em;
    background-color: #fefefe;
    padding: 10px;
    /*box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);*/
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.col_main img{
}
.col_right{
   margin-bottom:.4em;
    /*box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);*/
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    margin-left: 5px;
}
.col_left li{
  padding: 7px;
  border-bottom:dotted 1px;
}
.col_left li:hover{
  background-color: #cccccc;
}
.col_left a:hover{
  background-color: #cccccc;
}
.col_right li{
  padding: 7px;
  border-bottom:dotted 1px;
}
/*.col_left li:hover{
  background-color: #cccccc;
}
.col_left a:hover{
  background-color: #cccccc;
}*/
.job_header{
    padding: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    background: var(--navy);
    /*background-image: url("../images/background_menu.png");*/
    color: #fff;
    font-size: 24px;
}
.job_header_instruction{
    background-color: #fefefe;
    padding: 2px;
    margin: 5px 0px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    /*background: var(--navy);*/
    /*background-image: url("../images/background_menu.png");*/
    color: var(--body);
}
.job_header_instruction a.flat-danger-butt{
    /*color: var(--navy);*/
    font-weight: bold;
}
.job_header_instruction a.flat-danger-butt:hover{
    color: var(--navy);
}
ul.list_1, ul.list_2{
	padding:0;
	margin:0;
	list-style:none;
}
ul.list_1 li{
	font-size:0.90em;
	font-weight:400;
	line-height:1.8em;
	padding: .5em 0;
    border-bottom: 1px solid var(--rule);
    -webkit-box-shadow: inset 0px -25px 25px -44px #5E5E5E;
    -moz-box-shadow: inset 0px -25px 25px -44px #5E5E5E;
    box-shadow: inset 0px -25px 25px -44px #5E5E5E;
}
ul.list_2 li{
	font-size:0.85em;
	font-weight:300;
	line-height:2em;
    padding: .5em 0;
    border-bottom: 1px solid var(--rule);
}

ul.list_2 li.last, ul.list_1 li.last{
    border:none;
}

/* Side-rail links: 54 of them on a question page, and they were --body with a
   hover that moved to --navy -- a 1.45:1 shift, which is why nothing appeared
   to happen. Navy plus a chevron marks them without touching the row rhythm:
   the li keeps its padding and hairline, so the same number of topics fit on
   a screen as before. */
ul.list_1 li a, ul.list_2 li a{
    display: block;
    position: relative;
    padding-right: 16px;
    color: var(--navy);
}
ul.list_1 li a:after, ul.list_2 li a:after{
    content: "\203A";
    position: absolute;
    right: 2px;
    top: 0;
    color: var(--muted);
    font-size: 1.2em;
    line-height: 1.45;
}
ul.list_1 li.active a, ul.list_2 li.active a{
    font-weight: 500;
    color: var(--navy);
}
/* The active row already carries an orange left border, the tint, weight 600
   and a .glyphicon triangle inside the anchor. Without this it renders two
   markers side by side. */
ul.list_1 li.active a:after, ul.list_2 li.active a:after{
    content: none;
}
/* The active row's marker is a floated .glyphicon, so it sat inside the
   padding-right the chevron needs and landed 14px left of where every other
   row's marker sits. Position it the same way the chevron is positioned rather
   than nudging it with a negative margin, so the two stay aligned if that
   offset ever changes. */
ul.list_1 li.active a span.glyphicon, ul.list_2 li.active a span.glyphicon{
    position: absolute;
    right: 2px;
    top: 0;
    float: none;
    /* line-height: inherit, not a fixed value: it makes the glyph's line box the
       same height as the row's, so the triangle centres itself the way inline
       text does. Pinned to top: 0 with a shorter line box, it rode 3px high. */
    line-height: inherit;
}
ul.list_1 li a:hover, ul.list_2 li a:hover{
    color: var(--link-hover, var(--action));
}
ul.list_1 li a:hover:after, ul.list_2 li a:hover:after{
    color: var(--link-hover, var(--action));
}
ul.list_left li a:hover{
    color:var(--navy);
    text-decoration: none;
}
.col_3 h3, .widget h3{
    background: var(--navy);
    /*background-image: url("../images/background_menu.png");*/
    font-size: 1.2em;
    color: #fff;
    padding: 10px;
    text-transform: capitalize;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    /*margin-bottom: 1em;*/
}
.col_3 {
    /*margin-bottom: 3em;*/
}
.grid_2 {
    margin-bottom: 7em;
}
.widget {
    /*margin: 3em 0;*/
    background-color: #fff;
    padding: 10px;
}
.seeking-answer-group {
    display: inline-flex;
    padding: 5px 0;
}
.seeking-answer-input {
    display: block;
    float: left;
    width: 25px;
}
.seeking-answer label {
    font: 300 15px Roboto, sans-serif;
    color: var(--body);
    margin: 0;
    padding: 0;
    line-height: 24px;
}
.seeking_vote{
	margin:2em 0 2em 0;
}
.seeking-vote-button{
    background: none;
    color: var(--navy);
    border-width: 1px;
    border-style: solid;
    border-color: var(--navy);
    border-radius: 0;
    text-shadow: none;
    padding: 14px 25px;
    width: 100%;
    margin: 10px 0 0;
    font-size: 15px;
    font-weight: 300;
    cursor: pointer;
    text-decoration: none;
}
a.seeking-vote-button:hover{
	background-color: var(--navy);
	color:#fff;
	text-decoration:none;
	border-color: var(--rule);
}
/*-- footer --*/
.footer{
	padding:2em 0;
	/*background:#444;*/

    /*background:
            linear-gradient(27deg, #151515 3px, transparent 3px) 0 3px,
            linear-gradient(207deg, #151515 3px, transparent 3px) 6px 0px,
            linear-gradient(27deg, #222 3px, transparent 3px) 0px 6px,
            linear-gradient(207deg, #222 3px, transparent 3px) 6px 3px,
            linear-gradient(90deg, #1b1b1b 6px, transparent 6px),
            linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
    background-color: #131313;*/
    background-color: var(--navy);
    background-size: 12px 12px;
}
.footer_bottom{
	padding:1em 0;
	background:#fff;
    /*background-image: url("../images/background.png");*/
}

.footer1{
  padding:2em 0;



background: var(--navy);

}
.footer_bottom1{
  padding:1em 0;
  background: var(--navy);
}
.footer_text p{
	color: #fff;
    font-size: 0.85em;
    line-height: 1.8em;
    font-weight: 300;
}
ul.f_list{
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}
ul.f_list2{
	padding:0;
	margin:0;
	list-style:none;
}
ul.f_list1{
	margin-right:30%;
}
ul.f_list li, ul.f_list2 li{
	font-size:0.85em;
	font-weight:300;
	line-height:2em;
}
ul.f_list li a, ul.f_list2 li a{
	color:#fff;
}
.grid_3 h4{
	color:#fff;
	font-size:1.3em;
	font-weight:400;
	margin-bottom:1em;
}
.footer-list ul{
	padding:0;
	margin:0;
	list-style:none;
}
.footer-list li {
    padding-bottom: 20px;
}
.footer-list li p {
    overflow: hidden;
    padding: 0;
    color:#fff;
    font-size:0.85em;
    line-height:1.5em;
    font-weight:300;
}
i.tw1{
    color: var(--body);
    float: left;
    margin: 2% 5% 0 0;
}
span.yellow a {
    color:var(--navy);
}
.grid_3 .form-control {
    display: block;
    width: 100%;
    padding: 0px 20px;
    font-size: 15px;
    color:#969696;
    background-color: #666;
    border: 0;
    margin: 20px 0;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
}
.form-control:focus {
    border-color:#444 !important;
    box-shadow:none !important;
    text-shadow:none !important;
}
.grid_3 p{
	color:#fff;
	font-size:0.85em;
	line-height:1.8em;
	font-weight:300;
}
.grid_3 .red{
    background: var(--navy);
    color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
}
.grid_3 .red:hover{
	background: var(--navy);
}
.copy{
	text-align:center;
	margin:.5em 0 .5em 0;
}
.copy p{
	color:var(--navy);
	font-size:0.85em;
	font-weight:300;
}
.copy p a{
	color:var(--navy);
}
/*-- single --*/
.single{
	padding:1em 0;
}
.single_img{
	padding-left:0;
}
.single_right h3{
	color:#000;
	font-size:1.5em;
	font-weight:400;
	margin-bottom:1em;
}
.media-body{
    font-size: 0.85em;
    color: var(--body);
    font-weight: 300;
    line-height: 1.8em;
}
.comments{
	margin:3em 0;
}
.comments h6{
	color:#000;
	font-size:1.5em;
	margin-bottom:1em;
}
.media-left {
    float: left;
    margin-right: 2%;
}
.media-left a {
    width: 65px;
    height: 65px;
    display: block;
    background: #E2E2E2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
a.reply{
	float: right;
    color: #000;
    font-size: 0.85em;
}
a.author {
    font-size: 0.85em;
    color: #000;
}
a.author:hover, a.reply:hover{
	text-decoration:none;
	color: var(--navy);
}
.media-heading {
    margin-bottom: 10px;
}
/*-- location --*/
.post_meta i {
    margin-right: 0;
    padding-right: 5px;
    color: #f2503b;
    line-height: 17px;
    font-size: 14px;
    vertical-align: top;
}
.post_meta div[class^="post_"] {
    display: inline-block;
    line-height: 20px;
    padding: 2px 5px;
}
ul.links_bottom {
    padding:0;
    margin:0;
    list-style: none;
}
ul.links_bottom li {
    display: inline-block;
    margin-right:5%;
}
ul.links_bottom li.last{
	margin-right:0;
}
i.blog_icon5 {
    width: 25px;
    height: 25px;
    background: url(../images/img-sprite.png)-260px -186px;
    float: left;
    margin-right: 5px;
}
span.icon_text {
    vertical-align: middle;
    font-size: 13px;
    color: var(--body);
    float: left;
}
i.icon_1:hover, span.icon_text:hover{
    color:var(--navy);
}
.tab_grid {
    margin: 3em 0;
}
.col-md-3.loc_1 {
    padding-left: 0;
}
.location_box1 h6{
	font-weight:400;
	font-size: 1.1em;
}
.location_box1 h6 a{
	color:var(--navy);
	text-transform: capitalize;
}
span.m_1 {
    font-size: 13px;
}
i.icon_1 {
    font-size: 13px;
    color: var(--body);
    margin-right: 5%;
    float: left;
}
span.m_2{
	font-weight:500;
}

/*-- login --*/
.login-check {
    float: left;
}
.login-para {
    float: right;
}
.login-para p a {
    font-size: 14px;
    font-weight: 400;
    color: rgb(219, 0, 0);
}
.login-btn input[type="submit"]{
    background:var(--navy);
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 30px;
    cursor: pointer;
    margin: 2em 0;
    border: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}
.login-btn input[type="submit"]:hover{
	background:var(--navy);
}
.login-bottom h3 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    padding: 25px 0px 0px 0px;
}
.login-bottom p {
    font-size: 1.2em;
    font-weight: 400;
    color: #000;
    margin: 0 0 0.5em;
}
.button {
    padding:0 0 2em 0;
    border-bottom: 1px solid #ccc;
}
.button a {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin: 0px 1.5% 0px 0px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    float: left;
    width: 32.33%;
    padding: 5px 20px;
    font-family: 'Roboto', sans-serif;
}
.button a.tw {
    background: #1DAEE3;
    float: left;
}
.button a span {
    line-height: 2.2em;
    display: block;
}
.button a.fa {
    background: #3B5998;
    float: left;
}
.button a.go {
    background: #D34836;
    margin: 0;
    float: left;
}
.textbox-wrap {
    margin-bottom: 1em;
}
/*.details_button{*/
    /*display: inline-block;*/
  /*border-radius: 4px;*/
  /*background-color: var(--navy);*/
  /*border: none;*/
  /*color: #FFFFFF;*/
  /*text-align: center;*/
  /*font-size: 15px;*/
  /*padding: 5px;*/
  /*width: 120px;*/
  /*transition: all 0.5s;*/
  /*cursor: pointer;*/
  /*margin: 5px;*/
  /*float: right;*/
/*}*/
/*.details_button span {*/
  /*cursor: pointer;*/
  /*display: inline-block;*/
  /*position: relative;*/
  /*transition: 0.5s;*/
/*}*/

/*.details_button span:after {*/
  /*content: '»';*/
  /*position: absolute;*/
  /*opacity: 0;*/
  /*top: 0;*/
  /*right: -10px;*/
  /*transition: 0.5s;*/
/*}*/

/*.details_button:hover span {*/
  /*padding-right: 25px;*/
/*}*/

/*.details_button:hover span:after {*/
  /*opacity: 1;*/
  /*right: 0;*/
/*}*/
input.form-control {
    box-shadow: none;
    background-color:#fff;
    padding:20px;
    border-radius:0px;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    background-color:rgba(255, 255, 255, 0);
    border: 1px solid #cccccc;
    border-radius: 0;
}
.checkbox1 {
	margin-bottom: 4px;
	padding-left: 27px;
	font-size: 1.1em;
	line-height: 27px;
	cursor: pointer;
}
.checkbox1 {
	position: relative;
    font-size: 0.85em;
    color: #000;
    font-weight: 400;
    margin:0;
}
.checkbox1 i {
	position: absolute;
	bottom: 5px;
	left: 0;
	display: block;
	width:20px;
	height:20px;
	border: 2px solid #D2CF99;
}
.checkbox1 input + i:after {
	content: '';
	background: url("../images/tick1.png") no-repeat 1px 2px;
	top: -1px;
	left: -1px;
	width: 15px;
	height: 15px;
	font: normal 12px/16px FontAwesome;
	text-align: center;
}
.checkbox1 input + i:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
}
.checkbox1 input {
	position: absolute;
	left: -9999px;
}
.checkbox1 input:checked + i:after {
	opacity: 1;
}
.news-letter:hover {
	color:#00BFF0;
}
i.tw2{
	color: #fff;
    float: left;
    font-size: 15px;
    line-height: 2em;
    margin-right: 10px;
}
.login-bottom h4 {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin: 20px 0px 0px 0px;
}
/*-- recruiters --*/
.recruit_box{
	margin-bottom:3em;
}
.recruit h4{
    font-size:1em;
	margin:1em 0 0 0;
}
.recruit a h4{
	color:#000;
	text-decoration:none;
}
.recruit:hover a{
	text-decoration:none;
}
.recruit:hover a h4{
	color:var(--navy);
}
.single h2, .content_bottom h3, .about_bottom h3{
	color:#000;
	font-size:2em;
	margin-bottom:1.5em;
    font-weight: 400;
	text-align:center;
}
/* -- following --*/
.single h2::after, .content_bottom h3:after, .grid_1 h3:after, .about_bottom h3:after{
    background:var(--navy);
    content: "";
    display: block;
    height: 5px;
    width: 60px;
    margin: 0 auto;
}
.follow_jobs {
    border-top: 1px solid #e7e7e7;
    margin-bottom: 25px;
}
.follow_jobs a {
    border-bottom: 1px solid #e7e7e7;
    color: var(--muted);
    display: block;
    float: left;
    padding: 15px;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.follow_jobs a .featured {
    background:var(--navy);
    display: block;
    height: 30px;
    left: -15px;
    position: absolute;
    top: -15px;
    width: 30px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.follow_jobs img, .follow_jobs .title, .featured-job img, .featured-job .title {
    float: left;
}
.img-circle {
    border-radius: 50%;
}
.follow_jobs .title, .featured-job .title {
    padding: 11px 0 0 20px;
}
.follow_jobs img, .jobs .title, .featured-job img, .featured-job .title {
    float: left;
}
.follow_jobs .data {
    float: right;
}
.follow_jobs span {
    display: inline-block;
    padding:20px 0 0;
    font-size: 0.85em;
    color: var(--body);
}
.follow_jobs .city {
    width: 130px;
}
.follow_jobs .type {
    width: 130px;
}
.follow_jobs .sallary {
    width: 80px;
}
.follow_jobs i, .featured-job i {
    margin-right: 10px;
}
.follow_jobs a:nth-child(2n) {
    background: #fefefe;
}
.follow_jobs a:hover {
    background: #f2f2f2;
}
.follow_jobs .city i, .featured-job .city i {
    color:var(--navy);
}
.follow_jobs .part-time i, .featured-job .part-time i {
    color: #ff6c00;
}
.follow_jobs .sallary i, .featured-job .sallary i, .jobs .experience i, .featured-job .experience i {
    color:var(--navy);
}
.follow_jobs .full-time i, .featured-job .full-time i {
    color: #6ecf26;
}
.follow_jobs .freelance i, .featured-job .freelance i {
    color: #72d2ff;
}
.follow_left h3{
	margin-bottom:1em;
	color:#000;
	font-size:1.5em;
	font-weight:400;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: none;
    padding: 3px 0;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    font-size: 0.85em;
    color: var(--body);
}
.radio, .checkbox {
    display: block;
    min-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
}
h4.m_1{
    margin-bottom: 1em;
    color: #000;
    font-size: 1.5em;
    font-weight: 400;
}

/* Pagination */

.pagination{
	margin:0;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color:var(--navy) !important;
    border-color:var(--rule) !important;
}
.pagination>li {
    display: inline-block;
    margin: 3px;
}
.pagination>li span{
	padding:0;
}
.pagination>li>a, .pagination>li>span {
    border: 1px solid #fff;
    color: var(--body);
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
    color: var(--navy);
    background-color: #fff;
    border:1px solid var(--rule);
}

.pagination>li:first-child>a, .pagination>li:first-child>span{
    border-radius: 0;
}
.pagination>li:last-child>a, .pagination>li:last-child>span{
    border-radius: 0;
}
.follow_jobs p{
	font-size:0.85em;
}
/*-- follow_single --*/
.jobs_follow {
    background: #ffffff;
    margin-bottom: 3em;
    position: relative;
}
.jobs_follow .thumb {
    float: left;
    margin-right: 3%;
    width:25%;
}
.thumb_right {
    overflow: hidden;
}
h6.title{
	font-size: 1em;
    margin-bottom: 5px;
    font-weight: 500;
    text-transform: capitalize;
}
h6.title a{
	color:#000;
}
.jobs_follow.with-thumb .thumb, .jobs-single-item .thumb {
    display: block;
}
.jobs_follow .date, .jobs_right .date{
    display: inline-block;
    background:var(--navy);
    padding: 2px;
    line-height: 16px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    float: left;
    margin-right: 10px;
}
.jobs_follow .date > span {
    display: block;
    background: #ffffff;
    color: #303C42;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 0 3px;
}
.jobs_follow .meta {
    display: inline-block;
    color: var(--body);
    margin-bottom: 10px;
    font-size: 0.85em;
}
.jobs_follow .top-btns {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 20px;
    right: 20px;
}
.jobs_follow .top-btns li {
    float: left;
    margin-left: 5px;
}
.jobs_follow .top-btns li .btn {
    padding-left: 0;
    padding-right: 0;
    width: 30px;
}
.jobs_follow .social-icons {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jobs_follow .social-icons.pull-right > li {
    float: left;
    margin-right: 0;
    margin-left:10px;
}
.jobs_follow .social-icons.pull-right > li a:hover{
	text-decoration:none;
	color:var(--navy);
}
.jobs_follow .social-icons > li > span {
    display: inline-block;
    margin-right:10px;
}
a.btn_1.fa.fa-star-o.icon_2 {
	color:var(--navy);
}
a.btn_1.fa.fa-star-o.icon_2:hover{
	color:var(--navy);
}
.thumb_right p{
    font-size: 1em;
    color: var(--body);
    border: none;
    padding: 0;
    margin: 0;
}
/*.btn-default, .widget-content input[type="button"] {
    padding-bottom: 3px;
    border-bottom: 2px solid var(--navy);
    background: var(--navy);
    color: #ffffff;
    border-color:var(--navy);
}
.btn-default:hover{
    background-color:var(--navy);
    border-color:var(--rule);
    color:#fff;
}*/
.modal-body {
    font-size: 0.85em;
    color: var(--body);
}
.modal-body p{
	margin:1em 0 0 0;
}
/*-- services --*/
.service_box1 h5{
	color:var(--navy);
	font-size:0.85em;
	line-height:1.8em;
}
.service_box1 p{
	color: var(--body);
	font-size:0.85em;
	line-height:1.8em;
	margin-bottom:2em;
}
.box_1{
	margin-bottom:5em;
}
.btn_3{
    padding: 0;
    margin: 0;
    color: #31353d;
    background: none;
    text-transform: uppercase;
    border: none;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}
.btn_3:after {
    font-family: FontAwesome;
    content: '\f105';
    font-size: 14px;
    margin-left: 4px;
    color: #31353d;
    vertical-align: top;
}
a.btn_3:hover{
	text-decoration:none;
	color:var(--navy);
}
.box_2 h3, .box_1 h3, .box_3 h3{
	color:#000;
	font-size:2em;
	margin-bottom:1em;
	font-weight: 400;
}
.icon-service{
	margin-bottom:3em;
}
.icon-service .icon {
    float: left;
    width: 72px;
    height: 72px;
    line-height: 72px;
    margin-right: 30px;
    font-size: 28px;
    text-align: center;
    background: #fff;
    color:var(--navy);
    position: relative;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 5px rgba(255, 50, 0, 0.3);
    box-shadow: inset 0 0 0 5px rgba(255, 50, 0, 0.3);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.icon-service .icon:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    border-radius: 50%;
    top: 0;
    left: 0;
    padding: 0;
    -webkit-box-shadow: 0 0 0 5px rgba(255, 50, 0, 0.1);
    box-shadow: 0 0 0 5px rgba(255, 50, 0, 0.1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.icon-service .icon i {
    position: relative;
    z-index: 2;
    margin: -2px 0 0 2px;
}
.icon-service .icon:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    border-radius: 50%;
    top: 0;
    left: 0;
    padding: 0;
    -webkit-box-shadow: 0 0 0 10px rgba(255, 50, 0, 0.05);
    box-shadow: 0 0 0 10px rgba(255, 50, 0, 0.05);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.icon-service .icon:hover {
    -webkit-box-shadow: inset 0 0 0 2px var(--rule);
    box-shadow: inset 0 0 0 2px var(--rule);
}
.icon-service .icon-box-body {
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.icon-box-body h4 {
    padding-top: 6px;
    margin-bottom: .5em;
    color:#000;
    font-weight: 400;
}
.icon-box-body p{
   color: var(--body);
   font-size:0.85em;
   line-height:1.5em;
}
.box_2{
	margin-bottom:3em;
}
.testimonial blockquote {
    background: #fff;
    border: 1px solid #dfdfdf;
    margin: 0;
    padding-left: 26px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 0.85em;
    color: var(--body);
    line-height: 1.8em;
}
.testimonial .author {
    padding: 20px 0 14px 20px;

    font-size: 12px;
    position: relative;
}
.testimonial .author:before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: 44px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    z-index: 2;
}
.testimonial .author .author-img {
    float: left;
    margin: 0 16px 0 0;
}
.testimonial .author h6 {
    font-size: 14px;
    letter-spacing: .05em;
    color: #3b363a;
    margin-bottom: 0;
    padding-top: 18px;
    text-transform: uppercase;
}
.testimonial .author .author-info {
    font-size: 12px;
}
.testimonial .author:after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: 42px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #dfdfdf;
    z-index: 1;
}
.testimonial .author h6 {
    font-size: 14px;
    letter-spacing: .05em;
    color: #3b363a;
    margin-bottom: 0;
    padding-top: 18px;
    text-transform: uppercase;
}
.testimonial .author .author-info {
    font-size: 12px;
}
.testimonial .author .author-img > img {
    border-radius: 50%;
    border: 3px solid #efefef;
}
/*-- jobs --*/
.jobs-item {
    position: relative;
}
.jobs-item .thumb {
    padding: 3px;
    float: left;
    border: 1px solid #E7E7E7;
    margin-right: 20px;
}
.jobs-item .thumb img {
    width:120px;
    height: auto;
}
.jobs-item .date > span {
    display: block;
    background: #ffffff;
    color: #303C42;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    padding: 0 3px;
}
.jobs-item .top-btns {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    right: 0;
}
.jobs-item .top-btns li {
    float: left;
    margin-left:10px;
}
.jobs-item .top-btns li a{
	color:var(--navy);
}
.jobs-item .top-btns li a:hover{
	text-decoration:none;
	color:var(--navy);
}
.jobs_right {
    overflow: hidden;
}
.date_desc{
	overflow:hidden;
}
span.meta {
    font-size: 0.85em;
    color: var(--body);
}
p.description {
    margin: 1em 0 0 0;
}
p.description a{
	color:var(--navy);
}
.widget_search {
    margin-bottom: 3em;
}
.widget_search.widget-title {
    margin: 0 0 20px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
}
h5.widget-title {
    font-size: 1.8em;
    color: #000;
    font-weight: 400;
    margin-bottom:1em;
}
.widget-content span{
	color: var(--body);
	font-size:0.85em;
	/*margin-bottom:10px;*/
}

select.form-control.jb_1 {
    margin: 1em 0;
}
select.form-control.jb_1 {
    margin: 1em 0;
    border-radius:0px;
    box-shadow: none;
    color: var(--body);
}
input.form-control.jb_2 {
    padding: 6px 12px;
    margin: 1em 0;
}
.jobs_pagination{
	margin:0;
}
/*-- shortcodes --*/
.short_codes{
	padding:5em 0;
}
.headings h1, h2,h3,h4,h5,h6{
	font-weight:400;
}
.headings p{
	color: var(--body);
	font-size:0.85em;
	line-height:1.8em;
}
.list_1{
	margin:3em 0;
}
.list_1 h3{
	color:#000;
	font-size:1.5em;
	margin:1em 0;
}
.progress {
    height:15px;
    margin-bottom: 16px;
    background: #ebebeb;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.progress-bar {
    line-height:15px;
    height:15px;
    overflow: hidden;
    position: relative;
    text-align: right;
    padding: 0 20px;
    background: #00adef;
    border-radius: 4px 0 0 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.progress-bar-success {
    background: #a6ce39;
}
.progress-bar-info {
    background: #73c9e3;
}
.progress-bar-warning {
    background: #fcbe5c;
}
.progress-bar-danger {
    background: #d9534f;
}
.progress-label {
    font-size: 14px;
    color: #fff;
    float: left;
}
.jb-accordion-title {
    position: relative;
    background: var(--navy);
    color: #FFFFFF;
    padding: 10px 20px 10px;
    font-size: 16px;
}
.jb-accordion-title button {
    background: #fff;
    position: absolute;
    right: 15px;
    border: none;
    color: #000;
    font-size: 17px;
    padding: 0px 7px;
}
.jb-accordion-content {
    padding: 20px;
}
.jb-accordion-content p{
	font-size:0.85em;
	line-height:1.8em;
	color: var(--body);
}
.jb-accordion-wrapper {
    background: #FFFFFF;
    border: 1px solid #dbdbdb;
    margin-bottom: 25px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.column_grid p{
	color: var(--body);
	font-size:0.85em;
	line-height:1.8em;
}
/*-- register --*/
label.col-md-3.control-lable {
    font-size: 0.85em;
    font-weight: 400;
    color:#000;
}
.radio label, .checkbox label, label {
    font-weight: normal;
    vertical-align: middle;
}
.radios label:first-child {
    margin-left: 0;
}
.radios input[type="radio"] {
    margin: 4px 0 0 0;
    vertical-align: top;
    cursor: pointer;
    color: #fff;
}
.radios label {
    margin-left: 15px;
}
select#country {
    padding: 20px;
    box-shadow: none;
    border-radius: 0;
}
.sm_1 textarea {
    width: 100%;
    padding: 1em;
    margin: 1em 0;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    font-size:12px;
    color: var(--body);
    resize:none;
}
.sm_1 textarea:focus {
    border-color: #444 !important;
}
/*input.btn.btn-primary.btn-sm {
    padding: 10px 45px;
    font-size: 1em;
    outline: none;
    background:var(--navy);
    border-color:var(--rule);
}*/
.form-actions.floatRight {
    text-align: center;
}
/*input.btn.btn-primary.btn-sm:hover{
	background: var(--navy);
	border-color:var(--navy);
}*/
.media_1{
	margin-bottom:2em;
}
.to input[type="text"]{
    padding: 10px;
    width:35%;
    font-size: 0.85em;
    margin: 10px 0;
    color: var(--body);
    background: #fff;
    float: left;
    border: 1px solid #ccc;
}
.text textarea {
    width:90%;
    font-size: 0.85em;
    margin: 10px 0;
    border: 1px solid #ccc;
    color: var(--body);
    background: #fff;
    height: 120px;
    padding: 10px;
    resize: none;
}
.form-submit1 input[type="submit"] {
    color: #FFF;
    font-size:0.85em;
    font-weight: normal;
    padding: 10px 20px;
    text-transform: uppercase;
    background:var(--navy);
    display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border: none;
    cursor: pointer;
}
.form-submit1 input[type="submit"]:hover{
	background:var(--navy);
}
/*-- contact --*/
.addr p:first-child {
    font-size: 16px;
    line-height: 20px;
}
.secondary3 {
    color: #4e9cd4;
    margin-bottom: 1em;
}
.addr dl{
	margin-bottom:5px;
}
.addr dl dt, .addr dl dd {
    display: inline-block;
    font-size: 0.85em;
    font-weight: 400;
    color: var(--body);
}
.addr dl dt {
    min-width: 200px;
}
.contact_box1 input[type="text"] {
    padding: 10px;
    width: 31.3333%;
    font-size: 0.85em;
    margin: 10px 0;
    color: var(--body);
    background: #fff;
    float: left;
    border: 1px solid #ccc;
}
.text_1 textarea {
    width:100%;
    font-size: 0.85em;
    margin: 10px 0;
    border: 1px solid #ccc;
    color: var(--body);
    background: #fff;
    height: 150px;
    padding: 10px;
    resize: none;
}
.form_but1{
	text-align:center;
}
.content_bottom {
    margin: 3em 0 0 0;
}
.map iframe{
	border:none;
	min-height:300px;
	width:100%;
}
/*-- features--*/
.single_right h5{
	color: #000;
    font-size: 1.3em;
    font-weight: 400;
    margin:2em 0 1em;
}
.feature_list li{
	color: var(--body);
	font-size:0.85em;
	line-height:1.8em;
	font-weight:300;
}
.feature_list li a{
	color: var(--body);
}
.feature_list li a:hover{
	text-decoration:none;
	color: var(--navy);
}
ul.feature_list1{
	margin-bottom:2em;
}
/*-- about --*/
.list.custom-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.list.custom-list ul li:first-child {
    margin: 0;
}
.list.custom-list ul li {
    width: 100%;
    overflow: hidden;
    margin: 30px 0 0 0;
    padding: 0;
    list-style: none;
}
.dropcap {
    display: block;
    float: left;
    color:var(--navy);
    font-size: 50px;
    margin-right: 0.5em;
}
.item_content {
    overflow: hidden;
}
.list.custom-list ul li h5 {
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 1em;
}
.list.custom-list ul li h5 a {
    color: #000;
}
.list.custom-list ul li p {
    display: block;
    font-style: normal;
    font-size: 13px;
    line-height: 1.8em;
    color: var(--muted);
    font-weight: 300;
}
p.m_1 {
    margin: 1em 0 0 0;
}
.about_middle{
	background:url(../images/test.jpg)no-repeat center top;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	min-height:330px;
}
/***** Slider *****/
.wmuSlider.example1 {
    height: 300px !important;
}
.about_middle{
	padding:5em 0 0;
}
.wmuSlider {
	position: relative;
	overflow: hidden;
}
.wmuSlider .wmuSliderWrapper article img {
	/*--max-width: 100%;
	width: auto;
	height: auto;
	display:block;--*/
}
/* Default Skin */
.wmuSliderPagination {
	z-index: 2;
	position: absolute;
	right:50%;
	bottom:20px;
}
ul.wmuSliderPagination {
	padding:0;
}
.wmuSliderPagination li {
	float: left;
	margin: 0 8px 0 0;
	list-style-type: none;
}
.wmuSliderPagination a {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 10px;
	background:var(--navy);
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
}
.wmuSliderPagination a.wmuActive {
	background:var(--navy);
}
.about_middle h3{
	color: #fff;
    font-size: 2em;
    margin-bottom: 1.5em;
    font-weight: 400;
    text-align: center;
}
.about_middle h3:after {
    background: var(--navy);
    content: "";
    display: block;
    height: 5px;
    width: 60px;
    margin: 0 auto;
}
/* Default Skin */
.wmuGallery .wmuGalleryImage {
	margin-bottom: 10px;
}

ul.grid-1{
	padding:0;
	margin:0;
	list-style:none;
}
ul.grid-1 li.grid-1_left{
	float: left;
    width: 10%;
    margin-right: 4%;
}
ul.grid-1 li.grid-1_left img{
	border-radius:100px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-o-border-radius:100px;
}
ul.grid-1 li.grid-1_right{
	float:left;
	width:86%;
}
ul.grid-1 li.grid-1_right p{
	color: #fff;
    font-size: 1em;
    font-weight: 500;
    font-style: italic;
}
ul.grid-1 li.grid-1_right h4, ul.grid-1 li.grid-1_left h4{
	color:#fff;
	font-size:1em;
	font-weight:500;
	margin-top:3em;
}
ul.grid-1 li.grid-1_right h4 a, ul.grid-1 li.grid-1_left h4 a{
	color:var(--navy);
	font-size:0.85em;
	text-transform: capitalize;
}
.about_bottom{
   background: #fefefe;
   padding:5em 0;
}
.team-member {
    background: #fff;
    padding: 30px;
}
.team-member h5 {
    margin-top: 2em;
    font-size: 1em;
    color: #000;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: capitalize;
}
i.fa1{
	background:var(--navy);
    width: 26px;
    height: 26px;
    color: #fff;
    line-height: 26px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
}
i.fa1:hover{
	background-color: var(--navy);
}
.team-member h6 {
    margin: 0.5em 0 1em;
    font-size: 0.85em;
    color: #000;
    font-weight: 600;
}
.img-circle1 {
    border-radius:100px;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    -o-border-radius:100px;
    width: 140px;
    margin: 0 auto;
}
.team-member p{
	color: var(--muted);
	font-size:0.8125em;
	line-height:1.5em;
	font-weight: 300;
	margin-bottom: 2em;
}
/*-- jobs_single --*/
dl.experience {
    margin: 2em 0 0 0;
}
.experience_period {
    line-height: 15px;
    text-align: right;
    float: left;
    position: relative;
    top: -5px;
    width: 65px;
}
.experience_period small {
    color: #555555999;
    font-size: 11px;
}
.experience_period span {
    color: #333333;
    font-size: 20px;
    display: block;
}
.experience_1{
    padding: 14px 20px;
    background-color:none;
    margin-left: 98px;
    margin-top: 5px;
    border:1px solid var(--rule);
}
.experience_1 h6{
	color:#000;
	font-size:1.1em;
}
.experience_content1{
	margin-bottom:10px;
}
.map_1 iframe{
	border:5px solid #fff;
	width:100%;
	min-height:250px;
	margin:2em 0;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,.1);
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.1);
	-o-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.1);
}
table.condidate_detail h4{
	color:#000;
	font-size:1.5em;
	font-weight:500;
}
table.condidate_detail > tbody > tr > td:first-child {
    font-weight:600;
    padding-right: 15px;
    color:#000;
    font-size:0.85em;
}
table.condidate_detail > tbody > tr > td {
    padding: 5px 0;
    border-bottom: 0;
    color: var(--muted);
    font-weight:300;
    font-size:0.85em;
}
table.condidate_detail > tbody > tr > td a{
	color: var(--muted);
}
.candidates-item{
	margin:3em 0 0 0;
}
.candidates-item h5{
    font-size:1.5em;
	color:#000;
}
.candidates-item .thumb {
    padding: 3px;
    float: left;
    border: 1px solid #E7E7E7;
    margin-right: 20px;
    width:15%;
}
.candidate_but{
	position:relative;
}
.candidates-item .top-btns {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -35px;
    right: 20px;
}
ul.top-btns li{
	display:inline-block;
}
.thumb_desc{
	float:left;
	width:81.9%;
}
ul.top-btns li{
	margin-right:5px;
}
a.btn_5{
	color:var(--navy);
}
a.btn_5:hover{
	text-decoration:none;
	color: var(--navy);
}
p.sm_1{
	margin-bottom:0;
	line-height:1.5em;
	margin: 1em 0 0 0;
	color: var(--muted);
}
.candidate_1{
	margin-bottom:2em;
}

.diff_rate {
    color: red;
}
/*This content classes and css is created by Jamal */
.main-content-heading {
    padding-bottom: .5em;
    border-bottom: 1px solid var(--rule);
    text-transform: uppercase;
}

.main-content-heading:hover {
    border-bottom: 1px solid var(--rule);
}
.main-content-heading a {
    display: block;
}
.se-list {
    color: var(--body);
    display: block;
    border:1px solid var(--rule);
    margin: .2em;
    padding: .5em;
}
.se-list:hover {
    border: 1px solid var(--rule);
}

.home_list li {
    list-style: none;
}
.discussions_list li {
    list-style: none;
}
.sub_exam_list li {
    list-style: none;
}
.question_list li {
    list-style: none;
}
.small_view_listing li {
    list-style: none;
}
#policy li {
    list-style: none;
}

.question-div {
    padding-bottom: 5px;
}
.question-div p span{
    /*font-weight: bold;*/
    /*padding-right: 15px;*/
    clear: both;
}

.question-btns {
    padding-top: 15px;
}
.question-options ul li span{
    /*font-weight: bold;*/
    padding-right: 10px;
}
.question-options li{
  padding: 0 0 10px 10px
}

.question-year {
    font-size: 0.6em;
}

.answer-div {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid var(--rule);
}

 /* Padding & Margin Classes */
.nopadding {
    padding: 0 !important;
}
.nomargin {
    margin: 0 !important;
}

.no-left-padding {
    padding-left: 0 !important;
}

.no-right-padding {
    padding-right: 0 !important;
}

.no-left-right-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.padding-top-10{
    padding-top: 10px;
}

.display-inline-block {
    display: inline-block;
}

/* Flat Button */
.btn:focus,.btn:active {
}
.flat-butt {
  display: inline-block;
  border-radius: 4px;
  font-family: Roboto, sans-serif;
  border: 0;
  background: var(--navy);
  color: #FFF;
  cursor: pointer;
}
.flat-butt:hover {
  background: var(--navy-deep);
  color: #fff;
}
.flat-butt:focus {
  color: #fff;
}
.flat-primary-butt {
  background: #1abc9c;
}
.flat-primary-butt:hover {
  background: #2fe2bf;
}
.flat-info-butt {
  background: #3498db;
}
.flat-info-butt:hover {
  background: #5dade2;
}
.flat-danger-butt {
  /*background: var(--navy);*/
  background: transparent;
  color: var(--body);
  border:1px solid var(--rule);
}
.flat-danger-butt:hover {
  background: transparent;
  color: var(--navy);
  border:1px solid var(--rule);
}
.flat-danger-butt:focus {
  background: transparent;
  color: var(--navy);
  border:1px solid var(--rule);
}
.flat-border-butt {
  padding: 8px 20px;
  border: 4px solid var(--navy);
}
.flat-border-butt:hover {
  border: 4px solid var(--navy);
}
.flat-primary-border-butt {
  border-color: #16A085;
}
.flat-primary-border-butt:hover {
  border-color: #27AE60;
}
.flat-info-border-butt {
  border-color: #2980B9;
}
.flat-info-border-butt:hover {
  border-color: #2980B9;
}
.flat-danger-border-butt {
  border-color: #C0392B;
}
.flat-danger-border-butt:hover {
  border-color: #C0392B;
}
.flat-double-butt {
  padding: 8px 20px;
  border: 3px solid #FFF;
  box-shadow: var(--navy) 0px 0px 0px 3px;
}
.flat-double-butt:hover {
  box-shadow: #005580 0px 0px 0px 3px;
}
.flat-primary-double-butt {
  box-shadow: #1abc9c 0px 0px 0px 3px;
}
.flat-primary-double-butt:hover {
  box-shadow: #2fe2bf 0px 0px 0px 3px;
}
.flat-info-double-butt {
  box-shadow: #3498db 0px 0px 0px 3px;
}
.flat-info-double-butt:hover {
  box-shadow: #5dade2 0px 0px 0px 3px;
}
.flat-danger-double-butt {
  box-shadow: var(--rule) 0px 0px 0px 3px;
}
.flat-danger-double-butt:hover {
  box-shadow: var(--rule) 0px 0px 0px 3px;
}
.flat-underline-butt {
  text-decoration: underline;
}
.flat-grad-butt {
  background-image: linear-gradient(var(--navy) 50%, var(--navy) 50%);
}
.flat-primary-grad-butt {
  background-image: linear-gradient(#1ABC9C 50%, #16A085 50%);
}
.flat-info-grad-butt {
  background-image: linear-gradient(#3498DB 50%, #2980B9 50%);
}
.flat-danger-grad-butt {
  background-image: linear-gradient(var(--navy) 50%, #C0392B 50%);
}
.flat-inner-butt {
  padding: 11px 0px;
  box-shadow: inset var(--navy) -3px -3px 0px;
}
.flat-primary-inner-butt {
  background: #1ABC9C;
  box-shadow: inset #16A085 -3px -3px 0px;
}
.flat-info-inner-butt {
  box-shadow: inset #2980B9 -3px -3px 0px;
}
.flat-danger-inner-butt {
  box-shadow: inset #C0392B -3px -3px 0px;
}
.flat-outer-butt {
  padding: 11px 0px;
  box-shadow: #BDC3C7 2px 2px 0px;
}











/* Media Query*/
/*-- responsive design --*/
@media (min-width: 768px) {
    /*.open .dropdown-toggle:after {
        border-bottom: 17px solid #fff;
        border-left: 17px solid transparent;
        border-right: 17px solid transparent;
        content: "";
        left: 163px;
        position: absolute;
        bottom: -21px;
        z-index: 1500;
    }*/
    .open .dropdown-toggle span:after {
        border-bottom: 17px solid var(--navy);
        border-left: 19px solid transparent;
        border-right: 19px solid transparent;
        content: "";
        left: -10px;
        position: absolute;
        bottom: -42px;
        z-index: 1001;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}

@media only screen and (max-width:1440px) {
}
@media only screen and (max-width:1024px) {
    #search_wrapper {
        margin-top:5em;
    }
    .banner {
        min-height: 500px;
    }
    .addr dl dt {
        min-width: 120px;
    }
    .single h2, .content_bottom h3, .about_bottom h3 {
       font-size: 1.8em;
    }
    .dropdown-menu.columns-3 {
        min-width: 530px;
    }
}
@media only screen and (max-width:930px) {

    #search_form h1 {
        font-size: 1.8em;
    }
    #city_1 ul {
        margin-right: 5%;
    }
    .col-md-3.grid_3 {
        margin-bottom: 2em;
    }
    .row_2{
        padding-left:0;
    }
    .col-sm-3.loc_1 {
        padding-left: 0;
    }
    .col-md-9.single_right {
        margin-bottom: 3em;
    }
    .col-md-3.recruit {
        width: 50%;
        float: left;
        margin-bottom: 2em;
    }
    .recruit_box {
        margin-bottom: 0;
    }
    .list_1 {
        margin: 0;
    }
    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        font-size:12px;
    }
    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        font-size: 0.8125em;
    }
    .follow_jobs .city{
        width: 110px;
    }
    .follow_jobs .type{
        width:90px;
    }
    h4.m_1 {
        font-size: 17px;
    }
    /*.col_3 {
        margin-bottom: 0;
    }*/
    i.tw1 {
       margin: 3px 20px 0 0;
    }
    .col-md-3.team-member.text-center {
        width: 48%;
        float: left;
        margin: 0 10px 10px 0;
    }
    .addr dl dt {
        min-width: 80px;
    }
}
@media only screen and (max-width:768px) {
    .navbar-nav{
        margin-left: 0;
        margin-right: 0;
    }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left:0;
    }
    .mega-dropdown-menu > li > ul > li > a {
        padding-left: 4px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .simple-dropdown-menu > li > ul > li > a {
        padding-left: 4px;
    }
    a.navbar-brand img {
        width:250px;
        margin-top: 10px;
        margin-left: 10px;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{
        padding-left: 4px;
    }
    #search_wrapper {
        margin-top: 4em;
    }
    .banner {
        min-height: 470px;
    }
    .grid_1 {
        padding: 4em 0 0;
    }
    .grid_1 h3 {
        font-size: 1.5em;
    }
    .col-md-4, .col-md-8, .col-md-3, .col-sm-2, .col-sm-6, .col-md-9, .col-md-5, .col-md-7, .col-md-6, .col-sm-10, .col-sm-4, .col-sm-8, .col-sm-3{
        /*padding:0 !important;*/
    }
    .single {
        padding: 1em 0;
    }
    .widget {
        margin: 1em 0 3em;
    }
    .widget-content span {
       margin-bottom: 0;
    }
    .seeking-vote-button {
       padding: 10px 20px;
    }
    /*.col_1 {
        margin-bottom: 2em;
    }*/
    .footer-list li {
        padding-bottom: 10px;
    }
    .grid_3 h4 {
        margin-bottom: 0.6em;
    }
    .grid_3 .form-control {
        margin: 10px 0;
    }
    .footer {
        padding: 2em 0 0;
    }
    .tab_grid {
        margin: 2em 0;
    }
    #search_form h1 {
        font-size: 1.6em;
    }
    #search_wrapper1 {
        margin-top: 2em;
    }
    .banner_1 {
       min-height: 160px;
    }
    .dropdown-menu.columns-3 {
        min-width: 445px;
    }
    .about_bottom {
        padding: 3em 0;
    }
    .about_middle {
        padding: 3em 0 0;
    }
    ul.grid-1 li.grid-1_right h4, ul.grid-1 li.grid-1_left h4 {
        margin-top: 2em;
    }
    .single h2, .content_bottom h3, .about_bottom h3 {
        font-size: 1.5em;
    }
    .remove-padding-mobile {
        padding: 0!important;
    }
}
@media (max-width:736px){
    .navbar-nav {
        float:left;
        width: 100%;
    }
    .navbar-brand {
        padding: 5px;
    }

    #search_wrapper {
        margin-top: 3em;
    }
    #search_form input[type="text"] {
        margin: 3px 0;
    }
    #search_form input[type="email"] {
        margin: 3px 0;
    }
    #search_form textarea {
        margin: 3px 0;
    }
    h2.title {
        font-size: 1.3em;
    }
    .banner {
        min-height: 410px;
    }
    .col-sm-4.row_2 {
        text-align: center;
    }
    .col-sm-4.row_2 img{
        display:inline-block;
    }
    .col-sm-8.row_1 {
        margin: 1em 0 0 0;
    }
    .footer_text p {
       margin: 1em 0 0 0;
    }
    .about_bottom h3 {
        margin-bottom: 1em;
    }
    .col-sm-3.loc_1 {
        padding-left: 15px;
        margin-bottom: 1em;
    }
    .thumb_desc {
        width: 80.9%;
    }
    .box_2 h3, .box_1 h3, .box_3 h3 {
        font-size: 1.6em;
    }
    .box_1 {
        margin-bottom: 2em;
    }
    .service_box1 p {
        margin-bottom: 1em;
    }
    .box_2 {
        margin-bottom: 1em;
    }
    .hidden-xs {
        display: inline-block!important;
    }
    /*.pagination {
        margin: 2em 0 1em;
    }*/
    hr {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .single-para {
        padding: 0;
        margin: 1em 0 0 0;
    }
    #city_1 {
        height: 100%;
        width: 100%;
    }
}
@media (max-width:480px){
    a.navbar-brand img {
        width: 300px;
    }
    .navbar-toggle {
        margin-right: 10px;
        margin-top: 9px;
    }
    #search_form input[type="text"] {
        padding: 6px;
        font-size: 0.8125em;
    }
    #search_form input[type="email"] {
        padding: 6px;
        font-size: 0.8125em;
    }
    #search_form textarea {
        padding: 6px;
        font-size: 0.8125em;
    }
    .btn2 {
        padding: 6px 10px;
        font-size: 0.8125em;
    }
    #search_form h1 {
        font-size: 1.4em;
    }
    #search_wrapper {
        margin-top: 2em;
    }
    .banner {
        min-height: 365px;
    }
    ul.list_1 li {
        margin-bottom: 0.5em;
    }
    .grid_1 {
        padding: 3em 0 0em;
    }
    .col_3 h3, .widget h3 {
        font-size: 1em;
        padding: 8px;
    }
    h2.title {
        font-size: 1.1em;
    }
    .single_right h3, .single_right h5{
        font-size: 1.2em;
    }
    .comments {
        margin: 2em 0;
    }
    .banner_1 {
        min-height: 140px;
    }
    .nav>li>a {
        padding: 6px 10px;
        font-size: 0.8125em;
    }
    .tab_grid {
        margin: 1em 0;
    }
    .col-sm-3.loc_1 {
        padding: 0;
    }
    .col-sm-9 {
        padding: 0;
    }
    ul.links_bottom li {
       margin-right: 3%;
    }
    .thumb_desc {
        width: 76.9%;
    }
    .candidates-item .thumb {
        margin-right: 10px;
        width: 20%;
    }
    .single h2, .content_bottom h3, .about_bottom h3 {
        margin-bottom:1em;
    }
    .about_middle h3 {
        font-size:1.5em;
        margin-bottom: 1em;
    }
    ul.grid-1 li.grid-1_left {
        width: 20%;
    }
    ul.grid-1 li.grid-1_right {
        width: 76%;
    }
    ul.grid-1 li.grid-1_right p {
        font-size: 0.85em;
    }
    .wmuSlider.example1 {
        height: 270px !important;
    }
    .about_middle {
        min-height: 300px;
    }
    .col-md-3.team-member.text-center {
        width: 47%;
        padding: 20px 10px;
    }
    ul.grid-1 li.grid-1_right h4, ul.grid-1 li.grid-1_left h4 {
        margin-top: 1em;
    }
    .wmuSlider.example1 {
        height: 250px !important;
    }
    .wmuSliderPagination {
        right: 46%;
        bottom: 7px;
    }
    .img-circle1 {
        width: 100px;
    }
    .team-member p {
        margin-bottom: 1em;
    }
    .content_bottom {
        margin: 1.5em 0 0 0;
    }
    .map iframe {
        min-height: 200px;
    }
}
@media (max-width:414px){
    .row_2, .row_1{
        padding:0;
    }
    .about_middle {
        padding: 2em 0 0;
    }
    .wmuSliderPagination {
        right: 41%;
        bottom: 0px;
    }
    .experience_period {
       width: 50px;
    }
    .experience_1 {
        padding: 10px 10px;
        margin-left: 70px;
    }
    .experience_period span {
        font-size: 16px;
    }
    .experience_1 h6 {
        font-size: 1em;
    }
    .col-md-3.recruit {
        padding: 0 5px;
    }
    .jobs_follow .top-btns {
        top: 0px;
        right: 0;
    }
    /*.btn-default:hover {
        padding: 3px 5px;
        font-size: 12px;
    }*/
    .button a {
        font-size: 14px;
        padding: 3px 10px;
    }
    .login-btn input[type="submit"] {
        font-size: 15px;
        padding:6px 20px;
        margin: 1em 0;
    }
    /*input.btn.btn-primary.btn-sm {
        padding: 8px 25px;
    } */
    .short_codes {
        padding: 3em 0;
    }
    article.headings h1{
        font-size:30px;
    }
    article.headings h2{
        font-size:25px;
    }
    article.headings h3{
        font-size:22px;
    }
}
@media (max-width:384px){
    a.navbar-brand img {
        width: 280px;
    }
    .btn2 {
        padding: 6px 4px;
        font-size: 0.8125em;
    }
    #city_1 ul li{
        font-size:11px;
    }
    #search_form h1 {
        font-size: 1.2em;
    }
    #city_1 ul {
        margin-right: 0;
    }
    .banner {
        min-height: 330px;
    }
    .grid_1 {
        padding: 2em 0 0em;
    }
    .grid_1 h3 {
        font-size: 1.3em;
    }
    .col-md-4, .col-md-8, .col-md-3, .col-sm-2, .col-sm-6, .col-md-9, .col-md-5, .col-md-7, .col-md-6, .col-sm-10, .col-sm-4, .col-sm-8, .col-sm-3{
        /*padding:0;*/
    }
    .single {
        padding: 1em 0;
    }
    .nbs-flexisel-nav-left {
        left: -15px;
        background: url(../images/arrows.png) no-repeat 0px 0px;
    }
    .nbs-flexisel-nav-right {
        right: -15px;
        background: url(../images/arrows.png) no-repeat -41px 0px;
    }
    .seeking_vote {
        margin: 1.5em 0 0 0;
    }
    .seeking-answer-group {
        padding: 0;
    }
    .seeking-vote-button {
        padding: 6px 15px;
    }
    .row_1 h4, .grid_3 h4 {
        font-size: 1.1em;
    }
    .banner_1 {
        min-height: 120px;
    }
    .widget {
        margin: 1em 0 2em;
    }
    .single_right h5 {
        margin: 1em 0 1em;
    }
    .comments h6 {
       font-size: 1.3em;
    }
    .comments {
        margin: 1em 0;
    }
    .to input[type="text"] {
        padding: 6px;
        width: 35%;
        font-size: 0.8125em;
        margin: 0px 0;
    }
    .text textarea {
        width: 90%;
        font-size: 0.8125em;
        height: 100px;
        padding: 6px;
    }
    .thumb_desc {
        width: 70.9%;
    }
    .candidates-item .thumb {
        width: 25%;
    }
    .candidates-item .top-btns {
        top: -45px;
        right: 0px;
    }
    .candidates-item {
        margin: 2em 0 0 0;
    }
    .dropdown-menu.columns-3 {
        min-width:230px;
    }
    .box_2 h3, .box_1 h3, .box_3 h3 {
        font-size: 1.3em;
    }
    .icon-service {
        margin-bottom: 1em;
    }
    .btn_3 {
        font-size: 14px;
    }
    .icon-service .icon {
        width: 60px;
        height: 60px;
        line-height: 60px;
        margin-right: 20px;
        font-size: 20px;
    }
    .icon-box-body h4 {
        font-size: 1.1em;
        margin-top:0;
    }
    .testimonial blockquote {
        padding-left: 15px;
    }
    .testimonial {
        margin-bottom:1em;
    }
    i.tw2 {
        font-size: 14px;
        margin-right: 5px;
    }
    .button a {
        font-size: 13px;
        padding: 0px 5px;
    }
    .login-bottom h4 {
        font-size: 14px;
        margin: 10px 0px 0px 0px;
    }
    .button {
        padding: 0 0 1em 0;
    }
    .login-bottom p {
        font-size: 1.1em;
    }
    .single h2, .content_bottom h3, .about_bottom h3 {
        font-size: 1.3em;
    }
    .recruit h4 {
        font-size: 15px;
    }
    .follow_left h3 {
       font-size: 1.3em;
    }
    .follow_jobs a {
        padding: 10px;
    }
    .follow_jobs .title, .featured-job .title {
        padding: 5px 0 0 10px;
    }
    .follow_jobs span {
        padding: 10px 0 0;
        font-size: 0.8125em;
    }
    .follow_jobs i, .featured-job i {
        margin-right: 5px;
    }
    .follow_jobs .city {
        width: 95px;
    }
    .follow_jobs .sallary {
        width: 55px;
    }
    .thumb_right p {
        font-size: 0.8125em;
    }
    /*.btn-default{
        padding: 3px 5px;
        font-size: 12px;
    }  */
    .jobs_follow .social-icons > li > span {
        margin-right: 0;
        font-size:0.8125em;
    }
    .jobs_follow .social-icons.pull-right > li {
       margin-left: 3px;
    }
    article.headings h1{
        font-size:25px;
    }
    article.headings h2{
        font-size:22px;
    }
    article.headings h3{
        font-size:18px;
    }
    .jb-accordion-content {
        padding: 10px;
    }
    .jb-accordion-wrapper {
        margin-bottom: 5px;
    }
    .row {
        margin-left: 0;
        margin-right: 0;
    }
    .list_1 h3 {
        font-size: 1.2em;
        margin: 1em 0 0.5em;
    }
    .jobs-item .thumb {
        float: none;
        margin-right: 0;
    }
    .jobs-item .thumb img {
        width: 100%;
    }
    .jobs_right {
        margin: 1em 0 0 0;
    }
    .jobs-item .top-btns {
        top: 225px;
    }
    .jobs-item .top-btns li {
        margin-left: 2px;
    }
    .col-md-9.single_right {
        margin-bottom: 1em;
    }
    /*.pagination {
        margin: 1em 0 1em;
    }*/
    h5.widget-title {
        font-size: 1.5em;
        margin-bottom: 0.5em;
    }
    .widget_search {
        margin-bottom: 2em;
    }
    .form-submit1 input[type="submit"] {
        padding: 8px 15px;
    }
    input[type="file"] {
        width: 100%;
    }
    .dropcap {
        font-size: 35px;
        margin-right: 10px;
    }
    ul.grid-1 li.grid-1_right p {
        font-size: 13px;
    }
    ul.grid-1 li.grid-1_right h4, ul.grid-1 li.grid-1_left h4 {
        font-size: 0.85em;
    }
    .col-md-3.team-member.text-center {
        width: 100%;
        padding: 20px 10px;
        float: none;
    }
    .about_bottom {
        padding: 2em 0;
    }
    .contact_box1 input[type="text"] {
        padding: 8px;
        width: 100%;
        font-size: 0.8125em;
        margin:5px 0;
        color: var(--body);
        float:none;
        margin-left:0 !important;
    }
    .nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
        width: 20px;
        height: 40px;
        margin-top:0px;
    }
    .nbs-flexisel-nav-left {
        left: -7px;
        background: url(../images/arrows.png) no-repeat 0px 0px;
        background-size: 184%;
    }
    .nbs-flexisel-nav-right {
        right: -5px;
        background: url(../images/arrows.png) no-repeat -18px 0px;
        background-size: 184%;
    }
}


/*.feature {*/
    /*padding-top: 10px;*/
/*}*/


/* --- Testimonials ---*/

.carousel-control.left,.carousel-control.right  {background:none;width:25px;}
.carousel-control.left {left:-25px;}
.carousel-control.right {right:-25px;}
.broun-block {
    /*background: url("http://myinstantcms.ru/images/bg-broun1.jpg") repeat scroll center top rgba(0, 0, 0, 0);*/
    /*padding-bottom: 34px;*/
}
.block-text {
    background-color: #fff;
    /*border-radius: 5px;*/
    /*box-shadow: 0 3px 0 #2c2222;*/
    /*color: #626262;*/
    /*font-size: 14px;*/
    /*margin-top: 27px;*/
    padding: 15px 18px;
}
.block-text a {
    color: var(--navy);
    font-size: 1em;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.mark {
    padding: 12px 0;background:none;
}
.block-text p {
    /*color: #585858;*/
    /*font-family: Georgia;*/
    /*font-style: italic;*/
    /*line-height: 20px;*/
}
.sprite {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAeUCAYAAAAU3UTMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY1MzJERUNDRjBEMTExRTM4N0ZFOUUyNENEOTZCNjVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY1MzJERUNERjBEMTExRTM4N0ZFOUUyNENEOTZCNjVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjUzMkRFQ0FGMEQxMTFFMzg3RkU5RTI0Q0Q5NkI2NUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjUzMkRFQ0JGMEQxMTFFMzg3RkU5RTI0Q0Q5NkI2NUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4/ZdnrAAAydElEQVR42uydCbgUxbn3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');
}
.sprite-i-triangle {
    background-position: 0 -1298px;
    height: 44px;
    width: 50px;
}
.block-text ins {
    bottom: -44px;
    left: 50%;
    margin-left: -60px;
}


.block {
    display: block;
}
.zmin {
    z-index: 1;
}
.ab {
    position: absolute;
}

.person-text {
    padding: 10px 0 0;
    text-align: center;
    z-index: 2;
}
.person-text a {
    color: var(--navy);
    display: block;
    font-size: 14px;
    margin-top: 3px;
}
.person-text i {
    /*color: #fff;*/
    /*font-family: Georgia;*/
    /*font-size: 13px;*/
}
.rel {
    position: relative;
}

.question-options a {
    color: inherit;
}
.question-options .option-num{
    color: var(--navy);
    font-weight: bold;
}
.question-options a:hover {
    /*color: var(--navy);*/
    cursor: pointer;
}
.about_banner img{
  margin: 10px 0 10px 0;
  width: 100%;
  height: 200px;
  box-shadow: 0 1px 23px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.btn-contact{
  background-color: var(--navy);
  color: #fff;
  /*padding: 5px 10px 5px 10px;*/
  width: 25%;
  /*border: 1px solid red;*/
  font-weight: 600;
}
.btn-contact:hover{
  color: #fff;
  box-shadow: 0 1px 23px rgba(0,0,0,0.22), 0 1px 2px rgba(0,0,0,0.24);
}
.c-contact textarea{
   width: 100%;
  min-width:100%;
  max-width:100%;

  height:200px;
  min-height:200px;
  max-height:200px;
}
.address ul li{
  padding: 5px;
}
.termsofuse li{
  padding: 5px;
  list-style-type: square;
}
.policy ul h2{
  font-size: 24px;
  color: var(--navy);
}
.policy li{
  list-style: none;
  padding-left: 10px;
  padding-bottom: 25px;
}

/* Ajax loader */
/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */
.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/* BackToTop button css */

#scroll {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    /*background-color:var(--navy);*/
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px;
    border: 2px solid var(--rule);
    /*box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);*/
    z-index: 9999;
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:var(--navy);
}
#scroll:hover {
    background-color:var(--navy);
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5), 0 3px 15px rgba(0, 0, 0, 0.5);
}

/* End back to top */

/* Home page banner starts here */

.intro {
    display: table;
    width: 100%;
    height: auto;
    /*padding: 100px 0;*/
    text-align: center;
    color: white;
    background: url(../images/intro-bg.jpg) no-repeat bottom center scroll;
    background-color: var(--navy);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.intro .intro-body {
    height: 90vh;
    display: table-cell;
    vertical-align: middle;
}
.intro .intro-body .brand-heading {
    font-size: 30px;
}
.intro .intro-body .intro-text {
    font-size: 18px;
}
.home-jobs{
    background-image: linear-gradient(180deg,#ddd4d1,#f1eeec);
    padding-bottom: 20px;
}
@media (min-width: 768px) {
    .intro {
        height: 100%;
        padding: 0;
    }
    .intro .intro-body .brand-heading {
        font-size: 44px;
    }
    .intro .intro-body .intro-text {
        font-size: 26px;
    }
}
@media (max-width: 768px) {
    .intro{
        background-image: none;
        background: var(--navy); /* For browsers that do not support gradients */
        background: linear-gradient(var(--navy), #FFFFFF); /* Standard syntax (must be last) */
    }
    .intro .intro-body {
        height: 50vh;
    }
    #questionsCollapsibleButton{
        margin-bottom: 10px;
    }
}

/* HEXAGON STARTS HERE */
#hexGrid {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    list-style-type: none;
    padding-left: 0;
}

.hex {
    position: relative;
    visibility:hidden;
    outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
}
.hex::after{
    content:'';
    display:block;
    padding-bottom: 86.602%;  /* =  100 / tan(60) * 1.5 */
}
.hexIn{
    position: absolute;
    width:96%;
    padding-bottom: 110.851%; /* =  width / sin(60) */
    margin:0 2%;
    overflow: hidden;
    visibility: hidden;
    outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
    -webkit-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
    -ms-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
    transform: rotate3d(0,0,1,-60deg) skewY(30deg);
}
.hexIn * {
    position: absolute;
    visibility: visible;
    outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
}
.hexLink {
    display:block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    -webkit-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
    -ms-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
    transform: skewY(-30deg) rotate3d(0,0,1,60deg);
}

/*** HEX CONTENT **********************************************************************/
.hex img {
    left: -100%;
    right: -100%;
    width: auto;
    height: 100%;
    margin: 0 auto;
    -webkit-transform: rotate3d(0,0,0,0deg);
    -ms-transform: rotate3d(0,0,0,0deg);
    transform: rotate3d(0,0,0,0deg);
}

.hex h2, .hex p {
    width: 101%;
    padding: 5%;
    box-sizing:border-box;
    background-color: var(--navy)99;
    font-weight: 300;
    -webkit-transition:  -webkit-transform .2s ease-out, opacity .3s ease-out;
    transition:          transform .2s ease-out, opacity .3s ease-out;
}
.hex h2 {
    bottom: 47%;
    padding-top:50%;
    font-size: 1.5em;
    z-index: 1;
    -webkit-transform:translate3d(0,-100%,0);
    -ms-transform:translate3d(0,-100%,0);
    transform:translate3d(0,-100%,0);
}
.hex h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 45%;
    width: 10%;
    text-align: center;
    border-bottom: 1px solid #fff;
}
.hex p {
    top: 48%;
    padding-bottom:50%;
    -webkit-transform:translate3d(0,100%,0);
    -ms-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0);
}


/*** HOVER EFFECT  **********************************************************************/
.hexLink:hover h2, .hexLink:focus h2,
.hexLink:hover p, .hexLink:focus p{
    background-color: #ffffff;
    -webkit-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}

/*** HEXAGON SIZING AND EVEN ROW INDENTATION *****************************************************************/
@media (min-width:1201px) { /* <- 6-5  hexagons per row */
    #hexGrid{
        padding-bottom: 4.4%
    }
    .hex {
        width: 16.666%; /* = 100 / 6 */
    }
    .hex:nth-child(11n+7){ /* first hexagon of even rows */
        margin-left:8.333%;  /* = width of .hex / 2  to indent even rows */
    }
}

@media (max-width: 1200px) and (min-width:901px) { /* <- 4-3  hexagons per row */
    #hexGrid{
        padding-bottom: 4.4%
    }
    .hex {
        width: 20%; /* = 100 / 5 */
    }
    .hex:nth-child(9n+6){ /* first hexagon of even rows */
        margin-left:10%;  /* = width of .hex / 2  to indent even rows */
    }
}

@media (max-width: 900px) and (min-width:601px) { /* <- 3-2  hexagons per row */
    #hexGrid{
        padding-bottom: 5.5%
    }
    .hex {
        width: 25%; /* = 100 / 4 */
    }
    .hex:nth-child(7n+5){ /* first hexagon of even rows */
        margin-left:12.5%;  /* = width of .hex / 2  to indent even rows */
    }
}

@media (max-width: 600px) { /* <- 2-1  hexagons per row */
    #hexGrid{
        padding-bottom: 7.4%
    }
    .hex {
        width: 33.333%; /* = 100 / 3 */
    }
    .hex:nth-child(5n+4){ /* first hexagon of even rows */
        margin-left:16.666%;  /* = width of .hex / 2  to indent even rows */
    }
}

/*@media (max-width: 600px) { !* <- 2-1  hexagons per row *!*/
    /*#hexGrid{*/
        /*padding-bottom: 11.2%*/
    /*}*/
    /*.hex {*/
        /*width: 50%; !* = 100 / 3 *!*/
    /*}*/
    /*.hex:nth-child(3n+3){ !* first hexagon of even rows *!*/
        /*margin-left:25%;  !* = width of .hex / 2  to indent even rows *!*/
    /*}*/
/*}*/

@media (max-width: 400px) {
    #hexGrid {
        font-size: 13px;
    }
}

/* HEXAGON ENDS HERE */
/*     07/02/17--------------- Subscribe */
.subscribe{
  color: #fff;
}
.subscribe h4{
  font-weight: 300;
}
.subscribe p{
  color:#fff;
  font-size:0.85em;
  line-height:1.8em;
  font-weight:300;
}
.subscribe .form-control {
    display: block;
    width: 100%;
    padding: 0px 20px;
    font-size: 15px;
    color:#ccc;
    background-color: #666;
    border: 0;
    margin: 10px 0;
}
.details_button{
    background: var(--navy);
    color: #fff;
}
.details_button:hover, .details_button:focus{
    background: var(--navy);
    color: #fff;
}
.redmsg{
  color: var(--navy);
}
/*     End--------------- Subscribe */
li.highlighted-nav a{
    color: var(--navy) !important;
    font-weight: 600;
}
li.highlighted-nav a span{
    color: var(--navy) !important;
    font-size: 2em;
    font-weight: 600;

}

/** Responsive image background for job cards */
.job-card-left {
    background-image:url('../images/logo.png');
    background-repeat:no-repeat;
    background-size:contain;
    /*background-position:center;*/
    background-color: var(--navy);
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.8);
}
.job-card-left h4 {
    min-height: 140px;
    font-size: 1em;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
}
/** End Responsive image background for job cards */

/*
input:invalid{
    border:solid 1px #F5192F;
}
input:valid{
    border:solid 1px #18E109;
    background-color:#fff;
}
*/

@media(max-width: 768px){
  .subscribe-btn{
    margin-bottom: 10px;
  }
}

/* 07-02-18 */
.list-view-padding-top{
  padding-top: 10px;
}
.low-margin-top{
  margin-top: 10px;
}

/* The container */
.ctnr {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    /*font-size: 22px;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.ctnr input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #333333;
}

/* On mouse-over, add a grey background color */
.ctnr:hover input ~ .checkmark {
    /*background-color: #ccc;*/
}

/* When the checkbox is checked, add a blue background */
.ctnr input:checked ~ .checkmark {
    background-color: var(--navy);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.ctnr input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.ctnr .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.explanation-div{
    padding-left: 10px;
    border-left: 3px solid var(--navy);
}
.ans-stat{
    margin-top: 3px;
    position: absolute;
    margin-left: 5px;
}

.fixed-count-down-timer{
      position: fixed;
    background: var(--navy);
    padding: 10px 20px 10px 20px;
    left: 0px;
    bottom: 2%;
    color: #fff;
}

.line-height-2-5{
    line-height: 2.5em;
}

hr.style-six {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.voteMe img{
    max-width: 25px;
    max-height: 25px;
    display: inline;
}

iframe {
    display:block;
    width:100%;
}
/* ---------------------------------------------------------------------------
   Restyle additions - see docs/superpowers/specs/2026-08-31-public-site-restyle-design.md
   Appended so these win over earlier rules without raising specificity.
   --------------------------------------------------------------------------- */

/* Ghost secondary. .flat-danger-butt is the variant the public pages actually
   use; .btn_1 is the homepage equivalent. */
.flat-danger-butt:hover,
.flat-danger-butt:focus,
.btn_1:hover,
.btn_1:focus{
  background: var(--navy-tint);
  color: var(--navy);
  border-color: var(--rule);
}

/* Filled primary. Uses --action, not --orange: white on --orange is 2.86:1
   and fails WCAG, while white on --action is 4.56:1 (AA).
   Both names are declared - .flat-action-butt follows the codebase's existing
   flat-*-butt convention, .btn_1--primary is the name the plan specified. */
.flat-action-butt,
.btn_1--primary{
  background: var(--action);
  border: 1px solid var(--action);
  color: var(--surface);
  border-radius: 4px;
}
.flat-action-butt:hover,
.flat-action-butt:focus,
.btn_1--primary:hover,
.btn_1--primary:focus{
  background: var(--action-hover);
  border-color: var(--action-hover);
  color: var(--surface);
}

/* Square ghost buttons previously showed no focus ring at all. */
.flat-butt:focus-visible,
.flat-danger-butt:focus-visible,
.flat-action-butt:focus-visible,
.btn_1:focus-visible,
.btn_1--primary:focus-visible{
  outline: 2px solid var(--action);
  outline-offset: 2px;
}

/* ---------------------------------------------------------------------------
   Typography scale. The site previously had two steps - 44px and 18px - with
   nothing between, so section headings read at almost body weight.
   --------------------------------------------------------------------------- */
h1{ font-size: 40px; font-weight: 600; }
h2{ font-size: 28px; font-weight: 600; color: var(--ink); }
h3{ font-size: 20px; font-weight: 600; color: var(--ink); }
h4{ font-size: 16px; font-weight: 600; color: var(--ink); }

/* h1 sits on the navy .job_header band, so it stays white there. The band's
   own font-size:24px would otherwise place the page title below h2 in the
   scale, so it is pinned to the h2 step. */
.job_header h1, .job_header{ color: var(--surface); }
.job_header h1{ font-size: 28px; font-weight: 600; }

.main-content-heading{
  font-size: 20px;
  font-weight: 600;
  color: var(--ink);
  border-bottom: 1px solid var(--rule);
}

body{ color: var(--body); }

/* ---------------------------------------------------------------------------
   Orange accents. --orange is the exact logo colour but scores 2.86:1 on
   white, below the 3:1 WCAG 1.4.11 requires of a meaningful indicator. Every
   use below therefore pairs it with a second cue - bold weight or a tinted
   row - so state is never carried by colour alone (WCAG 1.4.1).
   Anything with text on it uses --action instead.
   --------------------------------------------------------------------------- */

/* Current topic / subject in the side rails. */
ul.list_1 li.active a,
ul.list_2 li.active a{
  border-left: 3px solid var(--orange);
  background-color: var(--navy-tint);
  padding-left: 9px;
  font-weight: 600;
  color: var(--navy);
}

/* Answer reveal. */
.answer-div{
  border-top: 1px solid var(--rule);
  border-left: 3px solid var(--orange);
  padding-left: 12px;
  background-color: var(--surface-2);
}

/* Current page. --action, not --orange: this one has text on it. */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{
  background-color: var(--action) !important;
  border-color: var(--action) !important;
  color: var(--surface) !important;
}

/* ==========================================================================
   Homepage bands - see docs/superpowers/specs/2026-08-31-homepage-redesign-design.md
   Every colour comes from the token block at the top of this file.
   --orange is used only as a border, background or rule, never as text.
   ========================================================================== */

.hp-hero{
    position: relative;
    background: var(--surface-2);
    padding: 72px 0 64px;
    text-align: center;
    border-bottom: 1px solid var(--rule);
    overflow: hidden;
}
/* Decorative 48px grid, faded at the edges. Pointer-events off and absolutely
   positioned so it can never affect layout. Browsers without mask-image show a
   slightly stronger grid, which is an acceptable fallback. */
.hp-hero:before{
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    pointer-events: none;
    background:
        repeating-linear-gradient(90deg, transparent 0 47px, rgba(36,62,92,.055) 47px 48px),
        repeating-linear-gradient(0deg,  transparent 0 47px, rgba(36,62,92,.055) 47px 48px);
    -webkit-mask-image: radial-gradient(ellipse 70% 80% at 50% 45%, #000 30%, transparent 78%);
            mask-image: radial-gradient(ellipse 70% 80% at 50% 45%, #000 30%, transparent 78%);
}
.hp-hero .container{ position: relative; z-index: 2; }
.hp-eyebrow{
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: var(--action);
    margin: 0 0 14px;
}
.hp-hero h1{
    font-size: 40px;
    line-height: 1.14;
    font-weight: 700;
    color: var(--ink);
    letter-spacing: -.02em;
    margin: 0 0 14px;
}
.hp-lede{
    font-size: 17px;
    line-height: 1.55;
    color: var(--body);
    max-width: 34em;
    margin: 0 auto 26px;
}

.hp-cta{
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}
.hp-btn-primary,
.hp-btn-ghost,
.hp-btn-white{
    display: inline-block;
    padding: 13px 26px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}
.hp-btn-primary{ background: var(--action); border: 1px solid var(--action); color: #FFFFFF; }
.hp-btn-primary:hover,
.hp-btn-primary:focus{ background: var(--action-hover); border-color: var(--action-hover); color: #FFFFFF; text-decoration: none; }
.hp-btn-ghost{ background: transparent; border: 1px solid var(--navy); color: var(--navy); }
.hp-btn-ghost:hover,
.hp-btn-ghost:focus{ background: var(--navy-tint); color: var(--navy); text-decoration: none; }
.hp-btn-white{ background: #FFFFFF; border: 1px solid #FFFFFF; color: var(--navy); }
.hp-btn-white:hover,
.hp-btn-white:focus{ background: var(--navy-tint); color: var(--navy); text-decoration: none; }

.hp-proof{
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 44px;
    flex-wrap: wrap;
    margin: 34px 0 0;
    padding: 0;
}
.hp-proof li{
    font-size: 12px;
    letter-spacing: .03em;
    color: var(--muted);
}
.hp-proof b{
    display: block;
    font-size: 26px;
    font-weight: 700;
    color: var(--ink);
    letter-spacing: -.01em;
    font-variant-numeric: tabular-nums;
}

.hp-band{ background: var(--surface); padding: 44px 0; border-bottom: 1px solid var(--rule); }
.hp-band-alt{ background: var(--surface-2); }
/* Bootstrap 3 rows float their columns, so a short tile leaves its neighbours
   ragged. Flex stretches every column to the tallest, which is what the
   height:100% on .hp-tile and .hp-card then fills.

   Only from 992px up, though: col-md-* declares no width below its own
   breakpoint, so a flex item carrying one shrinks to its content instead of
   filling the row. Below 992px these columns stay block-level and full width. */
@media (min-width: 992px){
    .hp-band .row{ display: flex; flex-wrap: wrap; }
}
/* The interview cards are the exception - they carry col-xs-6, a real width at
   every size, so they can flex all the way down and keep equal heights. */
/* row-gap, not a margin on the card: the card is height:100% of a stretched
   flex column, so a margin on it cannot push the next row down. */
.hp-cards{ display: flex; flex-wrap: wrap; row-gap: 16px; }
.hp-h2{
    font-size: 26px;
    font-weight: 600;
    color: var(--ink);
    letter-spacing: -.015em;
    margin: 0 0 6px;
}
.hp-section-lede{
    font-size: 15px;
    line-height: 1.6;
    color: var(--body);
    max-width: 52em;
    margin: 0 0 24px;
}

.hp-grid-label{
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: var(--muted);
    padding-bottom: 9px;
    border-bottom: 2px solid var(--navy);
    margin: 0 0 2px;
}
.hp-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;               /* keeps a long name off its count */
    padding: 11px 12px;
    border-bottom: 1px solid var(--rule);
    text-decoration: none;
}
.hp-row i{ flex: none; }
.hp-row:hover,
.hp-row:focus{ background: var(--navy-tint); text-decoration: none; }
.hp-row b{ font-size: 15px; font-weight: 500; color: var(--navy); }
.hp-row i{
    font-style: normal;
    font-size: 12px;
    color: var(--muted);
    font-variant-numeric: tabular-nums;
}

.hp-tile{
    border: 1px solid var(--rule);
    border-radius: 6px;
    padding: 20px;
    background: var(--surface);
    box-shadow: 0 1px 2px rgba(36,62,92,.06), 0 2px 8px rgba(36,62,92,.05);
    height: 100%;
}
.hp-rule{ display: block; width: 26px; height: 3px; background: var(--orange); border-radius: 2px; margin-bottom: 14px; }
.hp-tile h3{ font-size: 17px; font-weight: 600; color: var(--ink); margin: 0 0 6px; }
.hp-tile p{ font-size: 13px; line-height: 1.55; color: var(--muted); margin: 0; }

.hp-card{
    display: block;
    border: 1px solid var(--rule);
    border-radius: 6px;
    padding: 18px;
    background: var(--surface);
    text-decoration: none;
    height: 100%;
}
.hp-card:hover,
.hp-card:focus{ border-color: var(--navy); text-decoration: none; }
/* A wrapped subject name would otherwise push this card's bar below its
   neighbour's. Column flex plus margin-top:auto pins every bar to the floor. */
.hp-card{ display: flex; flex-direction: column; }
.hp-card em{ margin-bottom: 12px; }
.hp-card .hp-bar{ margin-top: auto; }
.hp-card b{ display: block; font-size: 15px; font-weight: 600; color: var(--ink); margin-bottom: 8px; }
.hp-num{
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: var(--navy);
    line-height: 1;
    font-variant-numeric: tabular-nums;
}
.hp-card em{ display: block; font-style: normal; font-size: 11px; color: var(--muted); margin-top: 3px; }
.hp-bar{ display: block; height: 4px; background: var(--navy-tint); border-radius: 2px; margin-top: 12px; overflow: hidden; }
.hp-bar i{ display: block; height: 100%; width: 100%; background: var(--orange); border-radius: 2px; }

/* The footer is also flat --navy, so without a hairline the CTA dissolves
   into it and stops reading as a call to action. */
.hp-closer{ background: var(--navy); padding: 44px 0; text-align: center;
            border-bottom: 1px solid rgba(255,255,255,.14); }
.hp-closer h2{ font-size: 27px; font-weight: 600; color: #FFFFFF; margin: 0 0 10px; }
.hp-closer p{ font-size: 15px; color: rgba(255,255,255,.78); margin: 0 0 22px; }

/* Below the col-md breakpoint the two Question grids stack, so the second
   grid's label needs air above it or it collides with the last row of the
   first. The tiles stack the same way. */
@media (max-width: 991px){
    .hp-grid-label{ margin-top: 26px; }
    .hp-band .row > [class*="col-"]:first-child .hp-grid-label{ margin-top: 0; }
    .hp-tile{ margin-bottom: 14px; height: auto; }
}

@media (max-width: 767px){
    .hp-hero{ padding: 48px 0 40px; }
    .hp-hero h1{ font-size: 28px; }
    .hp-lede{ font-size: 15px; }
    .hp-proof{ gap: 24px; }
    .hp-proof b{ font-size: 21px; }
    /* .hp-cards stays flex here, so each pair keeps equal heights and the
       row-gap on the container does the vertical spacing */
    .hp-h2{ font-size: 23px; }
    .hp-closer h2{ font-size: 23px; }
}

/* Course lists.
   The subject/exam lists this two-column layout was built for carry short
   names, so a Bootstrap float row never breaks. Course names are much longer
   -- "Electronics and Telecommunication Engineering" wraps to two lines -- and
   a taller item leaves a gap beside it for the rest of the row. Flex keeps the
   rows even and stretches both tiles to the same height.

   Scoped to .course-grid so the /sel/ pages that share this markup are
   untouched, and gated to >= 992px because col-md-6 declares no width below
   that: flex items would otherwise shrink to their content. */
@media (min-width: 992px) {
    .course-grid {
        display: flex;
        flex-wrap: wrap;
    }
    .course-grid > li {
        float: none;
        display: flex;
    }
    .course-grid > li > .se-list {
        width: 100%;
    }
}

/* ==========================================================================
   Static pages - About, Features, Contact, Terms, Policy.
   Same tokens and the same band rhythm as the homepage; these pages had been
   left on the old sidebar-and-panel layout and read as a different site.
   --orange is used only as a rule or bar, never as text.
   ========================================================================== */

.pg-hero{
    position: relative;
    background: var(--surface-2);
    padding: 46px 0 40px;
    border-bottom: 1px solid var(--rule);
    overflow: hidden;
}
/* Same decorative grid as the homepage hero, shallower so it does not shout on
   a page whose job is to be read. */
.pg-hero:before{
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    pointer-events: none;
    background:
        repeating-linear-gradient(90deg, transparent 0 47px, rgba(36,62,92,.045) 47px 48px),
        repeating-linear-gradient(0deg,  transparent 0 47px, rgba(36,62,92,.045) 47px 48px);
    -webkit-mask-image: radial-gradient(ellipse 70% 90% at 50% 40%, #000 25%, transparent 80%);
            mask-image: radial-gradient(ellipse 70% 90% at 50% 40%, #000 25%, transparent 80%);
}
.pg-hero .container{ position: relative; z-index: 2; }
.pg-hero h1{
    font-size: 34px;
    line-height: 1.18;
    font-weight: 700;
    color: var(--ink);
    letter-spacing: -.02em;
    margin: 0 0 10px;
    padding: 0;
}
.pg-hero .pg-lede{
    font-size: 16px;
    line-height: 1.6;
    color: var(--body);
    max-width: 46em;
    margin: 0;
}
.pg-stamp{
    font-size: 12px;
    color: var(--muted);
    margin: 12px 0 0;
}

/* Section nav. Replaces the boxed sidebar list: on these five pages the nav is
   five short links, which reads better as a strip under the title than as a
   column stealing a sixth of the width. */
.pg-nav{
    background: var(--surface);
    border-bottom: 1px solid var(--rule);
}
.pg-nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    overflow-x: auto;
}
.pg-nav a{
    display: block;
    padding: 13px 14px;
    font-size: 14px;
    font-weight: 500;
    color: var(--muted);
    text-decoration: none;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
}
.pg-nav a:hover,
.pg-nav a:focus{ color: var(--navy); text-decoration: none; }
.pg-nav .is-active a{ color: var(--navy); border-bottom-color: var(--orange); }

.pg-band{ background: var(--surface); padding: 40px 0; }
.pg-band-alt{ background: var(--surface-2); border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }

/* Long-form typography. The old pages inherited .single h2, which centres the
   heading and hangs a rule under it - fine for a marketing band, wrong for a
   privacy policy, where a reader scans a left edge. */
.pg-prose > :first-child{ margin-top: 0; }
.pg-prose h2{
    font-size: 21px;
    font-weight: 600;
    color: var(--ink);
    letter-spacing: -.01em;
    text-align: left;
    margin: 34px 0 10px;
    padding: 0;
    border: 0;
}
.pg-prose h2:after{ display: none; }
.pg-prose h3{
    font-size: 16px;
    font-weight: 600;
    color: var(--ink);
    text-align: left;
    margin: 22px 0 8px;
}
.pg-prose p{ font-size: 15px; line-height: 1.7; color: var(--body); margin: 0 0 14px; }
.pg-prose ul{ margin: 0 0 16px; padding-left: 20px; }
.pg-prose li{ font-size: 15px; line-height: 1.7; color: var(--body); margin-bottom: 7px; }
/* Weight, not underline. --action is only 1.65:1 against body text, so colour
   cannot carry a link on its own; weight separates a link from prose, and the
   colour separates it from <strong>, which renders bold in the body colour. */
.pg-prose a{ color: var(--action); font-weight: 600; }
.pg-prose a:hover, .pg-prose a:focus{ color: var(--action-hover); }
.pg-prose strong{ color: var(--ink); font-weight: 600; }
.pg-prose code{
    background: var(--navy-tint);
    color: var(--ink);
    border-radius: 3px;
    padding: 1px 5px;
    font-size: 13px;
}
.pg-prose table{ width: 100%; margin: 0 0 18px; border: 1px solid var(--rule); }
.pg-prose th{
    background: var(--navy-tint);
    color: var(--ink);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: 10px 12px;
    border: 1px solid var(--rule);
}
.pg-prose td{ font-size: 14px; line-height: 1.55; color: var(--body); padding: 10px 12px; border: 1px solid var(--rule); vertical-align: top; }

/* Contents strip for the two long legal pages. Twenty-one numbered clauses is
   a lot to scroll blind. */
.pg-toc{
    background: var(--surface-2);
    border: 1px solid var(--rule);
    border-radius: 6px;
    padding: 16px 18px;
    margin: 0 0 28px;
}
.pg-toc p{
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: var(--muted);
    margin: 0 0 10px;
}
.pg-toc ul{ list-style: none; margin: 0; padding: 0; column-count: 2; column-gap: 26px; }
.pg-toc li{ font-size: 13px; line-height: 1.55; margin-bottom: 6px; break-inside: avoid; }
.pg-toc a{ color: var(--navy); text-decoration: none; font-weight: 600; }
.pg-toc a:hover, .pg-toc a:focus{ color: var(--action); }
@media (max-width: 600px){ .pg-toc ul{ column-count: 1; } }

/* Contact details, beside the form. */
.pg-info{
    background: var(--surface);
    border: 1px solid var(--rule);
    border-radius: 6px;
    padding: 20px;
    box-shadow: 0 1px 2px rgba(36,62,92,.06), 0 2px 8px rgba(36,62,92,.05);
}
.pg-info h3{ font-size: 16px; font-weight: 600; color: var(--ink); margin: 0 0 4px; }
.pg-info .pg-rule{ display: block; width: 26px; height: 3px; background: var(--orange); border-radius: 2px; margin: 0 0 14px; }
.pg-info dl{ margin: 0; }
.pg-info dt{
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--muted);
    margin-top: 14px;
}
.pg-info dt:first-child{ margin-top: 0; }
.pg-info dd{ font-size: 14px; line-height: 1.6; color: var(--body); margin: 3px 0 0; }
.pg-info dd a{ color: var(--action); text-decoration: none; word-break: break-word; font-weight: 600; }
.pg-info dd a:hover{ color: var(--action-hover); }

@media (max-width: 991px){
    .pg-hero{ padding: 34px 0 30px; }
    .pg-hero h1{ font-size: 27px; }
    .pg-info{ margin-top: 20px; }
}

/* Stat cards. Same shell as .hp-tile so the About page and the homepage share
   one card treatment; the number carries the weight rather than a heading. */
.pg-stats{ display: flex; flex-wrap: wrap; row-gap: 16px; margin: 0 0 32px; }
.pg-stat{
    border: 1px solid var(--rule);
    border-radius: 6px;
    padding: 20px;
    background: var(--surface);
    box-shadow: 0 1px 2px rgba(36,62,92,.06), 0 2px 8px rgba(36,62,92,.05);
    height: 100%;
}
.pg-stat .pg-rule{ display: block; width: 26px; height: 3px; background: var(--orange); border-radius: 2px; margin: 0 0 12px; }
.pg-stat b{
    display: block;
    font-size: 30px;
    font-weight: 700;
    color: var(--ink);
    line-height: 1.05;
    letter-spacing: -.02em;
    font-variant-numeric: tabular-nums;
}
.pg-stat span{
    display: block;
    font-size: 12px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--muted);
    margin-top: 7px;
}
/* No height:auto override below 991px: the cards carry col-xs-6, a real width
   at every size, so they stay flex items and stretch to the tallest in the row.
   Without this "Interview questions" wraps to two lines and leaves its card
   15px taller than its neighbour. */

/* reCAPTCHA v3's floating badge is hidden, which Google's terms allow only when
   the attribution is shown in the flow instead -- recaptcha_notice() renders it
   next to every protected submit button. Hiding the badge without that text
   would breach the reCAPTCHA terms, so the two belong together.

   visibility, not display: the badge holds the invisible challenge iframe, and
   display:none has been reported to break execution in some browsers. */
.grecaptcha-badge{ visibility: hidden; }
.recaptcha-notice{
    font-size: 11px;
    line-height: 1.5;
    color: var(--muted);
    margin: 10px 0 0;
}
.recaptcha-notice a{ color: var(--muted); font-weight: 600; }
.recaptcha-notice a:hover, .recaptcha-notice a:focus{ color: var(--action); }

/* The stat cards sit inside the hero, which is centred and tinted: give them a
   little air above the CTA and left-align the numbers inside each card so the
   column of figures scans, rather than inheriting the hero's centring. */
.hp-hero-stats{ margin-top: 36px; text-align: left; }
.hp-hero-stats .pg-stat{ margin-bottom: 16px; }

/* Two stat cards per row on a phone, four from col-md up.
   col-xs-6 rather than col-sm-6: below 768px a col-sm-* carries no width, and
   .pg-stats is a flex container, so the cards shrank to their own text and
   stepped inwards down the page. col-xs-6 is a real width at every size. */
@media (max-width: 767px){
    .pg-stat{ padding: 16px 14px; }
    .pg-stat b{ font-size: 24px; }
    .pg-stat span{ font-size: 10px; letter-spacing: .05em; }
    .pg-stats{ row-gap: 12px; }
    .hp-hero-stats{ margin-top: 28px; }
}

/* Feature tiles: one clean gap, matching the stat cards on About.
   The spacing was stacking three sources -- the container's 16px row-gap, a
   16px inline margin on each column, and the 14px margin .hp-tile picks up
   below 992px -- for 46px between tiles on a phone against About's 12px.
   Spacing now comes from row-gap alone. Scoped to .hp-cards so the homepage
   tiles, which rely on that 14px margin, are untouched. */
.hp-cards .hp-tile{ margin-bottom: 0; height: 100%; }
@media (max-width: 767px){
    .hp-cards{ row-gap: 12px; }
}

/* ==========================================================================
   Mega-dropdown groups
   A group header and an item used to be the same navy at 1.2em against 1em,
   with no rule and no spacing between them, so "Engineering" read as just
   another subject. The band gives the group a filled ground and an orange
   left edge -- a border, never text -- and the count tells you what is behind
   the View all line before you click it.
   ========================================================================== */
.mega-dropdown-menu .mega-group{
    -webkit-column-break-inside: avoid;
       page-break-inside: avoid;
            break-inside: avoid;
}
/* Align the menu content with .container, so a dropdown lines up with the logo
   above it and the page content below.
 
   The panel itself stays full-bleed -- the white ground and the navy rule under
   it read as a bar across the window, which is the point -- but its columns were
   starting 15px from the browser edge while everything else on the page started
   at the container: 135px in at 1440, 55px at 1280. The first column sat under
   the logo's left margin rather than beside it.
 
   Padding rather than a max-width on the panel, for that reason: a max-width
   would shrink the white ground and cut the rule short. The values reproduce
   Bootstrap 3's own container widths at its own breakpoints, which is what
   .container resolves to here -- verified against .navbar .container at 1440,
   1280, 1024 and 900px. The + 15px is .container's own gutter: the page's text
   starts inside it, so centring on the container's border box alone left the
   columns 15px outside every heading on the page.
   Below 768px the navbar collapses and .container is
   full-width with a 15px gutter, which is the base rule.

   Keyed on the class, not on #limheight: main.js:104-110 REMOVES the id below
   768px and re-adds it above, which is how the menu switches to one column on a
   phone. Every "#limheight" rule in this file is therefore desktop-only,
   whether or not its author knew it -- so the gutter would have gone missing on
   exactly the screens that need one most.

   No base rule for the collapsed navbar: below 768px the panel sits INSIDE
   .container, which already supplies the 15px gutter, so adding another here
   indented the bands to 30px against the container's own 15px. Above 768px the
   panel escapes the container and spans the window, which is exactly why it
   needs the padding to line back up. */
@media (min-width: 768px){
    .mega-dropdown-menu{ padding-left: calc((100% - 750px) / 2 + 15px); padding-right: calc((100% - 750px) / 2 + 15px); }
}
@media (min-width: 992px){
    .mega-dropdown-menu{ padding-left: calc((100% - 970px) / 2 + 15px); padding-right: calc((100% - 970px) / 2 + 15px); }
}
@media (min-width: 1200px){
    .mega-dropdown-menu{ padding-left: calc((100% - 1170px) / 2 + 15px); padding-right: calc((100% - 1170px) / 2 + 15px); }
}
.mega-dropdown-menu .mega-group > ul{ margin-bottom: 18px; }
.mega-dropdown-menu .mega-group-head{ margin-bottom: 6px; }
.mega-dropdown-menu .mega-group-head > a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 10px;
    background: var(--navy-tint);
    border-left: 3px solid var(--orange);
    border-radius: 3px;
    text-decoration: none;
    white-space: normal;
}
.mega-dropdown-menu .mega-group-head > a:hover,
.mega-dropdown-menu .mega-group-head > a:focus{
    background: #E2E9F1;
    text-decoration: none;
}
.mega-dropdown-menu .mega-group-name{
    color: var(--ink);
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3;
}
.mega-dropdown-menu .mega-group-count{
    color: var(--muted);
    font-size: 11px;
    font-weight: 400;
    flex: none;
}
.mega-dropdown-menu .mega-group-all > a{
    color: var(--action);
    font-size: 12px;
    font-weight: 600;
}
/* Already --action at rest, so the global a:hover would leave it unchanged.
   Darken instead, so the one link in the panel that starts orange still reacts. */
.mega-dropdown-menu .mega-group-all > a:hover,
.mega-dropdown-menu .mega-group-all > a:focus{
    color: var(--action-hover);
}
/* The block above inherits a FontAwesome chevron from
   .mega-dropdown-menu > li ul > li > a:after, which belongs on an item and
   looks like a mistake on a filled band or an arrowed View all line. Two
   classes beat that selector's one, so these win without !important. */
.mega-dropdown-menu .mega-group-head > a:after,
.mega-dropdown-menu .mega-group-all > a:after{ content: none; }

/* Column budget.
   #limheight was column-count: 3 unconditionally, so a dropdown with one group
   -- Courses and Interview Questions both have one -- spent two of its three
   columns on nothing. The container now takes only as many columns as it has
   groups, and a lone group spans the full width and flows its own items across
   the three columns instead. */
#limheight.mega-cols-1{
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
}
#limheight.mega-cols-2{
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
}
.mega-dropdown-menu .mega-group-items{ padding: 0; margin: 0; }
.mega-dropdown-menu .mega-items-c2{
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
}
.mega-dropdown-menu .mega-items-c3{
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
}
/* A lone group spans the panel, but its CONTENT should still be as wide as the
   columns it uses -- no wider. Interview Questions has four items: left to run
   the full width, each row stretched to ~1400px and the chevron that floats
   right ended up a screen away from its label. One third of the panel makes it
   read exactly like a column in the Subjects menu. */
.mega-dropdown-menu .mega-group-wide.mega-group-c1 > ul{ max-width: 33.333%; }
.mega-dropdown-menu .mega-group-wide.mega-group-c2 > ul{ max-width: 66.666%; }

/* The View all line closes the group, so it must not be lifted into the middle
   of a column by the balancing algorithm. */
.mega-dropdown-menu .mega-group-all{ break-inside: avoid; }

/* One column on a phone. #limheight is column-count: 3 at every width, which
   was survivable when a group header was a line of text; three ~110px columns
   of tinted bands at 375px wrap the category names to three lines each. */
@media (max-width: 767px){
    /* No #limheight entries here: main.js has already removed that id by this
       width, so the base column-count: 3 has stopped applying on its own. Only
       the class-keyed item columns still need collapsing. */
    .mega-dropdown-menu .mega-group-items,
    .mega-dropdown-menu .mega-items-c2,
    .mega-dropdown-menu .mega-items-c3{
        -webkit-column-count: 1;
           -moz-column-count: 1;
                column-count: 1;
    }
    .mega-dropdown-menu .mega-group-wide.mega-group-c1 > ul,
    .mega-dropdown-menu .mega-group-wide.mega-group-c2 > ul{ max-width: none; }
    .mega-dropdown-menu .mega-group > ul{ margin-bottom: 12px; }
}

/* The online-test picker renders its subject and exam links inside
   .main-content-heading rather than a list_1 rail -- nine on /online-test --
   so it needs the same treatment to avoid being the one listing that still
   reads as plain text. */
.main-content-heading a{
    position: relative;
    padding-right: 18px;
    color: var(--navy);
}
.main-content-heading a:after{
    content: "\203A";
    position: absolute;
    right: 2px;
    top: 0;
    color: var(--muted);
    font-size: 1.1em;
    line-height: 1.3;
}
.main-content-heading a:hover,
.main-content-heading a:hover:after{
    color: var(--link-hover, var(--action));
}

/* Keyboard focus, restored.
   27 declarations across this stylesheet set outline: none or outline: 0,
   which left keyboard users with no indication of where they were -- on the
   search box, the login form, the contact form and the test inputs among
   others. One of them, .btn:focus/.btn:active, carried !important and so beat
   the .flat-butt:focus-visible ring defined further down; since the buttons
   carry class="btn ... flat-butt", that ring had never actually rendered.

   :focus-visible rather than :focus, so the ring appears for keyboard
   navigation and not on every mouse click. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible{
    outline: 2px solid var(--action);
    outline-offset: 2px;
}

/* Exam landing hub (questions/exam_hub.php).
   The one line of chrome the shared .sub_exam_list markup has no slot for: a
   sentence between the h1 and the first subject card. Without the margin it
   sits hard against the card border. */
.hub-intro{
    margin: 0 0 20px;
    color: var(--body);
}

/* Topic names run long enough that a card wraps to two lines -- "Highest,
   Longest, Biggest, Largest, Deepest, Smallest of the World" on UPSC IES.
   The cards are floated col-md-6, so a tall one snags the next float and the
   column below it goes ragged. Starting every odd card on a fresh row is the
   standard remedy and costs nothing when the rows are even. Only from the md
   breakpoint up: below it col-md-6 is full width and there is one card a row.
   Scoped to .hub-grid so the /sel listings, whose names are short enough that
   this never bites, keep the markup they have. */
@media (min-width: 992px) {
    .hub-grid > li:nth-child(odd) { clear: left; }
}

/* Exam landing hub: editorial sections (questions/exam_hub.php).
   Native <details>, so the styling has to supply what a bootstrap accordion
   would have: a marker, a hit area, and a rule between rows. */
.exam-overview{
    line-height: 1.7;
}
.exam-overview p:last-child{ margin-bottom: 0; }

details.exam-detail{
    border-top: 1px solid var(--rule);
}
details.exam-detail:first-of-type{ border-top: 0; }

details.exam-detail > summary{
    cursor: pointer;
    padding: .6em .5em .6em 1.4em;
    position: relative;
    font-weight: 500;
    color: var(--navy);
    list-style: none;          /* Firefox */
}
details.exam-detail > summary::-webkit-details-marker{ display: none; }
details.exam-detail > summary:before{
    content: "+";
    position: absolute;
    left: .4em;
    color: var(--muted);
    font-weight: 600;
}
details.exam-detail[open] > summary:before{ content: "\2212"; }
details.exam-detail > summary:hover{ color: var(--action); }

.exam-detail-body{
    padding: 0 .5em 1em 1.4em;
    line-height: 1.7;
    /* The authored content includes <table border="1"> pattern grids five and
       six columns wide. Without this they push the whole page sideways on a
       phone -- the one thing the layout must never do. */
    overflow-x: auto;
}
.exam-detail-body table{
    border-collapse: collapse;
    margin-bottom: 1em;
    max-width: 100%;
}
.exam-detail-body th,
.exam-detail-body td{
    border: 1px solid var(--rule);
    padding: .4em .6em;
    vertical-align: top;
}
.exam-detail-body th{ background: var(--surface-2); font-weight: 600; }
.exam-detail-body p:last-child{ margin-bottom: 0; }

/* The "last checked on" line under an exam's overview. Quiet -- it is
   provenance, not content -- but present, because a reader looking at a
   vacancy count or a fee is entitled to know how old the page is. */
.exam-verified{
    margin: 1em 0 0;
    padding-top: .6em;
    border-top: 1px solid var(--rule);
    font-size: .9em;
    color: var(--muted);
}

/* ==========================================================================
   Online-test landing: data displays
   These are figures, not controls. The first version borrowed .se-list, the
   bordered card the topic chips use, so the difficulty rows looked clickable
   and were not. A labelled bar cannot be mistaken for a link.
   ========================================================================== */
.ot-figures{ list-style: none; margin: 0; padding: 0; }
.ot-figures li{ margin: 0 0 12px; }
.ot-figures .ot-label{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    font-size: 14px;
    color: var(--ink);
    margin-bottom: 5px;
}
.ot-figures .ot-count{ color: var(--muted); font-size: 12px; white-space: nowrap; }
.ot-track{
    /* a span by default is inline and ignores height, so the bar rendered as
       nothing at all */
    display: block;
    height: 8px;
    border-radius: 4px;
    background: var(--navy-tint);
    overflow: hidden;
}
.ot-track i{
    display: block;
    height: 100%;
    background: var(--navy);
    border-radius: 4px;
}
/* The deepest topics: a plain list, deliberately without a border or a hover,
   so nothing here reads as a target. */
.ot-plain{ list-style: none; margin: 0; padding: 0; }
.ot-plain li{
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 0;
    border-bottom: 1px solid var(--rule);
    font-size: 14px;
    color: var(--body);
}
.ot-plain li:last-child{ border-bottom: 0; }
.ot-plain b{ color: var(--ink); font-weight: 600; }

/* ---------------------------------------------------------------------------
   Breadcrumbs - the visible trail on the exam hub, matching the
   BreadcrumbList JSON-LD emitted from html/header.

   Sits above the h1 rather than below it: the trail is context for the
   heading, and a reader who has landed from search wants to know where they
   are before they read what they are looking at.

   The separator is a :before on each item after the first, so it is
   decoration -- it stays out of the accessibility tree and out of copied
   text, which a literal character between the links would not.

   Colours are --muted for the trail and --navy for the links, both of which
   clear WCAG AA on --surface. --orange is deliberately absent: it is a
   non-text token and design-check fails the build if it is used as one.
---------------------------------------------------------------------------- */
.crumbs{ margin: 0 0 14px; font-size: 13px; line-height: 1.5; }
.crumbs ol{ list-style: none; margin: 0; padding: 0; }
.crumbs li{ display: inline; color: var(--muted); }
.crumbs li + li:before{
  content: "\203A";           /* the same chevron the list rails use */
  margin: 0 7px;
  color: var(--muted);        /* --rule was too faint to read as a separator */
}
/* Colour shift on hover, never an underline. The site distinguishes links by
   colour and a chevron rather than by underlining -- see the global a:hover
   rule, where `text-decoration: none` is load-bearing against bootstrap -- and
   link-check fails the build on any selector that reintroduces one. */
.crumbs a{ color: var(--navy); }
.crumbs a:hover{ color: var(--action); }
.crumbs [aria-current="page"]{ color: var(--muted); }

/* The trail wraps rather than scrolling sideways: exam names run to 41
   characters and the category names are longer still, so on a narrow screen
   this is two or three lines, which is fine, where a nowrap rule would push
   the page into a horizontal scroll. */
@media (max-width: 767px){
  .crumbs{ font-size: 12px; margin-bottom: 10px; }
}

/* Content saved by the admin editor (CKEditor 5, 2026-10) wraps tables and images in <figure>;
   these rules make them lay out like the bare tables and images older content has, and honour the
   editor's image alignment classes (the XSS filter strips inline styles, so alignment is a class). */
figure.table, figure.image { display: block; margin: 0; }
figure.image img { max-width: 100%; height: auto; }
figure.image.image-style-align-left { float: left; margin: 0 1em 0.5em 0; }
figure.image.image-style-align-right { float: right; margin: 0 0 0.5em 1em; }
figure.image.image-style-align-center { margin-left: auto; margin-right: auto; text-align: center; }