@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Raleway:400,500,600,700');
body{background-color: #efefef !important;}

/*****Preload Starts Here *****/
.preload {position: fixed;width: 100%;height: 100%;z-index: 9999999;text-align: center;top: 0;left: 0;background-color: #003a6a;}
.spinner {top: 50%;position: absolute;left: 50%;margin-left: -25px;margin-top: -20px;width: 50px;height: 40px;text-align: center;font-size: 10px;}
.spinner > div {background-color: #fecd0b;height: 100%;width: 6px;display: inline-block;-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;animation: sk-stretchdelay 1.2s infinite ease-in-out;}
.spinner .rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.spinner .rect3 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.spinner .rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.spinner .rect5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
 @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4);} 20% { -webkit-transform: scaleY(1);}}
 @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4);} 20% { transform: scaleY(1); -webkit-transform: scaleY(1);}}
/*****Preload Ends Here *****/

.headerSection {width: 100%; float: left; background: #003a6a; border-top: 4px solid #fecd0b; border-bottom: 4px solid #d5d5d5;}
.siteLogo {margin: 18px 0 27px;}
.qkCont{margin: 22px 0 0 0; padding: 0; color: #bdb4dd;}
.qkCont li {list-style-type: none; line-height: 24px;}
.qkCont li .fa-volume-control-phone {font-size: 18px;}

.bodySection {width: 100%;float: left;border-bottom: 5px solid #d5d5d5;padding-bottom: 30px;}

#bios {width: 100%; float: left; border:5px solid #fff;position: relative;}
#bios .item1 {position: relative;}
#bios .prev1, #bios .next1 {position: absolute;bottom: 0;z-index: 9;background: #003a6a;padding: 10px 17px;color: #fff;cursor: pointer; transition: all 300ms ease-in-out;}
#bios .prev1:hover, #bios .next1:hover {color: #00569d;background: #fecd0b}
#bios .next1 {right: 0;}
#bios .prev1 {right: 44px;}

#showHideBios{    
    bottom: 0;
    z-index: 9;
    background: #fecd0b;
    border: none;
    color: #fff;
    padding: 10px 15px;
    right: 80px;}

.rightDiv {width: 100%;float: left;background: #fff;padding: 20px;}
.request-title {color: #282a2c;font-family: 'Raleway', serif;margin: 0;text-transform: uppercase;font-size: 13px;font-weight: 700;margin-bottom: 15px;}
.request-information label {font-weight: 400;font-size: 12px;}
.request-information label, .request-information input, .request-information textarea {display: block;}
.request-information input, .request-information textarea {width: 100%;border: 1px solid;padding: 5px 10px;outline: none;border-color: #d5dbe0 !important;}
.request-information input, .request-information textarea {resize: none;}
.request-info {margin-top: 15px;}
.mainBtn, .request-information .submit_field .mainBtn {height: 40px;text-align: right;width: auto;padding: 0 15px;margin: 0;}
.submit_field {margin-top: 16px;line-height: 40px;}
.full-row {margin-bottom: 15px;}
.request-information .submit_field .mainBtn, .mainBtn {border: 0;background-color: #003a6a;height: 40px;text-align: right;width: auto;padding: 0 15px;margin: 0;color: #fff;transition: all ease-in-out 300ms;}
.request-information .submit_field .mainBtn:active, .request-information .submit_field .mainBtn:focus, .mainBtn:active, .mainBtn:focus {border: 0;}
.request-information .submit_field .mainBtn:hover, .mainBtn:hover {background-color: #fecd0b; color: #003a6a;}
.request-information .bdrBottom {border-bottom: 1px solid #d5dbe0 !important;padding-bottom: 13px;margin-right: -20px;margin-left: -20px;padding-left: 20px;}
.rdMr {background: #fecd0b; color: #000; text-shadow: 1px 1px 1px #fff; float: right; padding: 6px 12px; margin-right: -20px; margin-bottom: -20px; margin-top: 34px; transition: all 300ms ease-in-out; font-size: 12px;}
.rdMr:hover {text-decoration: none; background: #003a6a; color: #fff;text-shadow: 1px 1px 1px #000; }
.mainBtn {padding: 8px 15px;}

.rightDiv ul {margin: 0; padding: 0;}
.rightDiv ul li {list-style-type: none;padding-bottom: 15px;border-bottom: 1px dashed;border-color: #d5dbe0 !important;margin-top: 15px;}
.rightDiv ul li a {color: #666666;font-size: 12px;}
.rightDiv ul li a:hover {text-decoration: none}
.rightDiv ul li a div {font-family: Helvetica, Arial, sans-serif;line-height: 22px;font-weight: 700;color: #4782b2;font-size: 14px;}
.rightDiv ul li a:hover div {color: #2a6496;}

.workingArea {width: 100%;float: left;padding: 0;background: #fff;position: relative;}
.workingArea h1 {font-family: 'Raleway', serif;color: #282a2c;padding: 0;font-size: 24px; font-weight: 600; margin: 0 0 20px 0;}
.workingArea h6 {font-family: 'Raleway', serif;color: #003a6a;padding: 0;font-size: 18px;font-weight: 500;margin: 0 0 40px 0;position: relative;}
.workingArea h6 span {color: #a38407;}
.workingArea h6:after {content: '';position: absolute;background: url('../../images/theme/h6.png') no-repeat left center;width: 100%;left: 0;height: 13px;bottom: -20px;}
.workingArea .pdfLink {margin: 0 0 34px 0;padding: 0;}
.workingArea .pdfLink li {list-style-type: none;position: relative;font: 400 14px 'Lato';padding: 0 0 0 25px;margin-bottom: 11px;}
.workingArea .pdfLink li a{color: #000;}
.workingArea .pdfLink li:before {content: '';position: absolute;background: url('../../images/theme/pdf_icon.png') no-repeat center center;width: 15px;height: 20px;left: 0;top: -2px;}
.workingArea .nomargin, .workingArea .nomargin li:last-child {margin: 0 !important;}
.workingArea p{
    font: 400 13px/24px 'Lato';
}

.bannerContainer {width: 100%; float: left;}

.footerSection {width: 100%;float: left;background: #004884;border-top: 1px solid #003a6a;color: #6b90ad;font-size: 12px;padding: 26px 0;}
.footerSection a {color: #6b90ad; transition: all ease-in-out 300ms}
.footerSection a:hover {color: #fecd0b; text-decoration: none;}
.sbk {margin: 0; padding: 0; font-size: 15px;}
.sbk a {margin: 0;display: inline-block;padding: 0 5px;}


/* for quick links */
.quickLinks {
    float: right;
    margin-top: 30px;
    margin-left: 0;
    margin-right: 0;
    background: #fff;
    position: relative;
    z-index: 2;
    width: 100%;
    }
.quickLinks .btnLinks {width:100%; float: left;}
.quickLinks .btnLinks a {font: 500 15px 'Raleway';transition: all ease-in-out 300ms;background: red;margin: 0;padding: 5px 10px;color: #fff;line-height: inherit;float: right;margin-right: -10px;position: relative;margin-top: -10px;border-radius: 0 0 0 5px;box-shadow: -2px 2px 4px #a09999e3;border-left: 1px solid #ffffffba;border-bottom: 1px solid #ffffffba;z-index: 9;text-shadow: 1px 1px 0px #e00000, 2px 2px 0px #e00000, 3px 3px 0px #e00000, 4px 4px 0px #e00000, 5px 5px 0px #e00000, 6px 6px 0px #e00000;}
.quickLinks .btnLinks a:hover{background: #fecd0b; color: #a38407;text-shadow: 1px 1px 1px #fff;}
.quickLinks .btnLinks a:hover, .quickLinks .btnLinks a:active, .quickLinks .btnLinks a:focus{text-decoration: none;}
.quickLinks .btnLinks a:after{transition: all ease-in-out 300ms;content: '';position: absolute;border-width: 5px;border-style: solid;border-color: #794e4e transparent transparent #794e4e;right: 0;bottom: -11px;}
.quickLinks .btnLinks a:before{transition: all ease-in-out 300ms;content: '';position: absolute;border-width: 5px;border-style: solid;border-color: transparent #963232 #963232 transparent;left: -11px;top: 0;}
.quickLinks .btnLinks a:hover:after{border-color: #deb200 transparent transparent #deb200;}
.quickLinks .btnLinks a:hover:before{border-color: transparent #deb200 #deb200 transparent;}
#qkLinks{width: 100%;float: left;padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #c5c5c5;box-shadow: 0px 1px 0px #e2e2e2;}


/* for sub nav extra */
.tpsubMen {width: 120px;top: 0;font:400 12px 'Lato';position: relative;z-index: 2;left: 0;}
.tpsubMen span {display: none;}
.tpsubMen a {width: 35px;margin-right: 1px;float: left;text-align: center;padding: 7px 0;color: #fff;}
.tpsubMen a i {font-size: 15px;}
.tpsubMen a:hover i {color: #fff;}
.tpsubMen a:hover {background: #333;}
.ePage{background: #5cb85c;}
.dCont{background: red;}
.lOut{background: #f0ad4e;}


/* for right nav */
.leftBar {width: 100%; float: left;}
.leftBar a {font: 400 13px 'Lato';transition: all ease-in-out 300ms}
.leftBar ul {margin: 0 0 7px 0; padding: 0;}
.leftBar ul li{list-style-type: none; position: relative; padding: 0;margin-top: -1px;}
.leftBar ul li:before{content: '';}
.leftBar ul li a{position: relative;display: block;padding: 10px 15px;margin-bottom: -1px;background-color: #fff;border: 1px solid #ddd;text-decoration: none;color: #000;}
.leftBar ul li a:hover{background-color: #eee;}
.leftBar ul li .lemmenuToggle{position: absolute;top: 1px;right: 1px;bottom: 1px;cursor: pointer;transition: all 300ms ease-in-out}
.leftBar ul li .lemmenuToggle:hover{background: #eee;}
.leftBar ul li .lemmenuToggle i{padding: 8px 0;width: 35px;text-align: center;font-size: 20px;}
.leftBar ul li .lemmenuToggle .selt{background: #fc0;}
.leftBar ul li ul{margin: 0;border-left: 4px solid #ffbd33}
.leftBar ul li ul li a{padding-top: 7px;padding-bottom: 7px; background: #fc0;}



/* text area */
.textArea{width: 100%;float: left;position: relative;z-index: 1;background: #fff;padding: 20px;margin: 0;}
.neuLink {text-align: center;border: 2px solid #fecd0b;padding: 1px 10px;display: inline-block;border-radius: 3px;background: #fecd0b;transition: all ease-in-out 300ms;text-shadow: 1px 1px 1px #fff;}
.neuLink:hover {text-align: center;border: 2px solid #d5d5d5;display: inline-block;background: transparent;}