/*
 * Custom styles for Online Post
 * Developer: Meena.K
 * Date 14/10/2016
 * 
 * */


/* * * Custom Styles added * * */


/*----- GENERAL STYLES -----*/

html,
body {
    width: auto !important;
    overflow-x: hidden !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}

a {
    text-decoration: none !important;
    color: #333;
}

.container {
    font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    max-width: 960px;
    position: relative;
}

.container h1,
h2,
h3,
h4,
h5 {
    font-weight: bold;
}

.container h2,
h3 {
    margin-top: 2px;
}

.container p {
    margin-top: 0px;
}

.logoheight {
    max-height: 100px!important;
}


/*font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;*/

.content img {
    height: auto;
    max-width: 600px !important;
}

.gutter-50.row {
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.gutter-50>[class^="col-"],
.gutter-50>[class^=" col-"] {
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.gutter-50.row {
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.gutter-50>[class^="col-"],
.gutter-50>[class^=" col-"] {
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.leftAdsStyle {
    position: fixed;
    right: 50%;
    margin-right: 468px;
    width: 300px;
    height: 600px;
	text-align: right;
}

.rightAdsStyle {
    position: fixed;
    left: 50%;
    margin-left: 468px;
    width: 160px;
    height: 600px;
}

.positionRelative {
    position: relative
}

.leftAdsStyle img,
.rightAdsStyle img {
    width: 160px;
    height: 600px
}

.affix {
    position: fixed;
    top: 40px;
}

.affix-bottom {
    position: intial;
    bottom: 40px;
}


/*h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{margin-top:10px;color:#333;}*/

.divider {
    margin-top: 8px;
    margin-bottom: 8px;
}

.dividermostread {
    margin-top: 14px;
    margin-bottom: 14px;
}

em {
    font-style: none!important;
}

.borderBot {
    border-bottom: 1px solid #f2f2f2;
}

.marTop0px {
    margin-top: 0px!important;
}

.marTop5px {
    margin-top: 5px;
}

.marTop10px {
    margin-top: 10px;
}

.marTop15px {
    margin-top: 15px;
}

.marTop16px {
    margin-top: 16px;
}

.marTop20px {
    margin-top: 20px;
}

.marTop25px {
    margin-top: 25px;
}

.marTop30px {
    margin-top: 30px;
}

.marTop60px {
    margin-top: 60px;
}

.marBot1px {
    margin-bottom: 1px!important;
}

.marBot5px {
    margin-bottom: 5px!important;
}

.marBot10px {
    margin-bottom: 10px;
}

.marBot20px {
    margin-bottom: 20px;
}

.marBot30px {
    margin-bottom: 30px;
}

.marBot35px {
    margin-bottom: 35px!important;
}

.marLeft0px {
    margin-left: 0px!important
}

.marLeft5px {
    margin-left: 5px;
}

.marLeft8px {
    margin-left: 8px;
}

.marLeft10px {
    margin-left: 10px;
}

.marLeft15px {
    margin-left: 15px;
}

.marLeft20px {
    margin-left: 20px;
}

.marLeft30px {
    margin-left: 30px;
}

.marLeft40px {
    margin-left: 40px;
}

.marRight-41 {
    margin-left: -41px;
}

.marRight8px {
    margin-right: 8px;
}

.marRight10px {
    margin-right: 10px;
}

.marRight20px {
    margin-right: 20px;
}

.marRight30px {
    margin-right: 30px;
}

.marRight0px {
    margin-right: 0px!important
}

.marBot0px {
    margin-bottom: 0px!important;
}

.padLeft0px {
    padding-left: 0px!important;
}

.padLeft2px {
    padding-left: 2px!important;
}

.padLeft4px {
    padding-left: 4px!important;
}

.padLeft5px {
    padding-left: 5px!important;
}

.padLeft10px {
    padding-left: 10px!important;
}

.padLeft15px {
    padding-left: 15px!important;
}

.padLR15px {
    padding: 0px 15px!important;
}

.padRight0px {
    padding-right: 0px!important;
}

.padRight3px {
    padding-right: 3px!important;
}

.padRight5px {
    padding-right: 5px!important;
}

.padRight7px {
    padding-right: 7px!important;
}

.padLeft3px {
    padding-left: 3px!important;
}

.padLeft16px {
    padding-left: 16px!important;
}

.padLeft40px {
    padding-left: 40px!important;
}

.pad10px {
    padding: 10px;
}

.padTop0px {
    padding-top: 0px!important;
}

.padTop5px {
    padding-top: 5px!important;
}

.padbottom5px {
    padding-bottom: 5px!important;
}

.padbottom7px {
    padding-bottom: 7px!important;
}

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

.selectWd300px {
    width: 300px;
}

.width100pst {
    width: 100%;
}

.width20pst {
    width: 20%;
}

.width35pst {
    width: 35%;
}


/*Twitter count button styles */

.twitterdiv {
    color: #fff;
    background: #00aced;
    max-height: 20px;
    margin: 0px;
    padding: 1px;
}

.twitterimg {
    float: left;
}

.twittercount {
    float: right;
    margin: 1px 3px;
}


/*Icons style */

.iconJob-BG {
    background-color: #004269;
}

.jobborder {
    border-bottom: solid #fff;
}

.iconJob-BG p {
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 0px;
    color: #fff;
    padding-bottom: 2px;
}


/*----- NAV-MENU SECTION STYLES -----*/

.navigation-bar {
    width: 100%;
    /* i'm assuming full width */
    height: 0px;
    /* change it to desired width */
}

.logo {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
    margin-right: 20px;
}

.navigation-bar>a {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    height: 80px;
    /* if you want it to take the full height of the bar */
    line-height: 80px;
    /* if you want it vertically middle of the navbar */
}

.navigation-bar ul {
    padding: 0px;
    margin: 0px;
    text-align: center;
    float: left;
    background: white;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff!important;
}

.navMenu {
    background: #fff!important;
    border-top: 1px solid #e7e7e7;
    margin-bottom: 0px;
    min-height: 38px!important;
}

.navMenu li a {
    color: #004269!important;
    padding: 9px 10px;
    font-weight: bold;
    white-space: normal!important;
}

.navMenu li.active a {
    color: #23527c!important;
}

.navMenu li a:hover {
    color: #bbb!important;
    padding: 9px 10px;
    font-weight: bold;
}

.navMenu li:not(:last-child):after {
    content: '';
    position: absolute;
    right: -2px;
    width: 2px;
    height: 70%;
    top: 20%;
    background: #e7e7e7;
}

.dropdown-menu-new {
    border-radius: 0px!important;
    font-size: 12px;
    border-color: #e7e7e7!important;
}

.dropdown-menu {
    font-size: inherit!important;
}


/*multiple level menu css*/

#navbar li ul {
    display: none;
    position: absolute;
    left: 0;
}

#navbar li:hover>ul {
    display: block;
}

#navbar li ul ul {
    left: 160px;
    top: -4px;
}

#navbar li li a {
    border: 0;
    width: 160px;
    color: #004269!important;
}

div#navbar ul li ul li.dropdown a .menu-bullet {
    display: block;
    background: url('images/arrowRight.png') no-repeat right 3px;
}

.search-form {
    margin: 4px 0px;
}

.search-form-control {
    height: 30px!important;
    font-size: inherit
}

.search-icon {
    background: url("images/search_icon.png") no-repeat scroll right center transparent;
}


/*----- NAV-MENU SECTION STYLES -----*/


/* Headings start here*/

.whiteText {
    color: #fff!important;
    padding: 2px;
    font: Montserrat;
    font-weight: bold;
    font-size: 19;
    font-style: normal;
    font-stretch: expanded;
}

.orangeTabHeading {
    background: orange;
    padding: 0px 10px;
    color: #bbb;
}

.orangeTabHeading>div>a {
    color: #f1f1f1;
}

.blueTabHeading {
    background: #004269;
    padding: 0px 10px;
    color: #bbb;
}

.blueTabHeading>div>a {
    color: #f1f1f1;
}


/* Headings ends here */


/* Blue background starts here */

.bluerow {
    background: #004269;
    color: #fff;
    padding: 8px 0px 0px 0px;
    margin-right: 0px;
    margin-left: 0px;
}

.whitepara {
    color: #fff!important;
}

.mobilewhitepara {
    font-size: 13px;
    margin-top: 0px;
    font-weight: bold!important;
}


/* Blue background endss here */


/* Vertical line starts here */

.verticalLine {
    border-right: 1px solid #e7e7e7;
}


/* Vertical line endss here */


/* Hr tag margin start here */

.hrtag hr {
    margin: 0px;
}


/*HR tag margin ends here */


/* bold text style starts here */

.boldtext {
    font-weight: bold;
}


/* bold text style ends here */


/*Red read more style starts here */

.redtext {
    color: Red;
    text-align: right;
}


/*Red read more style ends here */


/* logo in the homepage style */

.img-center {
    display: block;
    height: 80px;
    margin-right: auto;
    margin-left: auto;
}


/*----- BODYLINE-ONE SECTION STYLES -----*/

.txtDec-None {
    text-decoration: none!important;
}

.news-tab>li>a {
    background: #004269;
    color: #FFF;
    font-size: 14px;
}

.news-tab>li.active>a,
.news-tab>li.active>a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #333!important;
    border-color: transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #fff!important;
    cursor: default;
}

.news-tab>li>a:hover,
.news-tab>li>a:focus {
    text-decoration: none;
    background-color: #333;
    border-color: transparent;
    outline: medium none;
}

.news-tab a span {
    font-size: 13px;
    color: #CCC;
    font-style: italic;
}

.latest-news-bg h4 {
    background: none repeat scroll 0 0 #004269;
    color: #fff;
    margin-bottom: 5px;
    margin-top: 0 !important;
    padding: 5px 10px;
}

.viewall {
    bottom: 0;
    float: right !important;
    position: absolute;
    right: 10px;
}

.news-heading {
    border-bottom: 1px dotted #333;
    padding-bottom: 10px;
    padding-top: 10px;
}

.latest-news {
    border-bottom: 1px solid #666;
}

.latest-news a {
    text-decoration: none!important;
}

.latest-news p {
    font-size: 13px;
    margin-top: 15px;
}

.latest-news img {
    border: medium none;
    display: inline;
    float: left;
    height: 50px;
    margin-right: 10px;
    margin-top: 5px;
    width: 50px;
}

.bottomNewTabHeading {
    background: #004269;
    padding: 5px 10px;
    color: #bbb;
}

.bottomNewTabHeading>div>a {
    color: #f1f1f1;
}

.media-left {
    width: 60px;
}

a.media-left img.thumbnail {
    margin-bottom: 5px;
}

.top-stroy-hd {
    background-color: #002b44;
    top: 0;
    color: #fff;
    left: 15px;
    padding: 0 10px 5px;
    position: absolute;
    margin-top: 8px;
    opacity: 0.85;
    font-size: 24px;
}

.top-stroy-sub {
    background-color: #FFF;
    top: 0;
    right: 8px;
    padding: 8px;
    position: absolute;
    margin-top: 8px;
    opacity: 0.85;
    width: 300px;
}

.top-stroy-sub h1 {
    color: #002D47;
    font-size: 20px!important;
    margin: 0px!important;
    line-height: 26px!important;
}

.top-news-style {
    color: #000
}

.top-news-style h1 {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 15px;
    margin-top: 0px;
    color: #000;
}

.top-news-style p {
    font-size: 15px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 0px;
    color: #000;
}

.top-news-BG {
    bottom: 0;
    color: #fff;
    left: 15px;
    padding: 8px;
    position: absolute;
    right: 15px;
}

.top-news-BG p {
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 0px;
    color: #fff;
}


/*----- BODYLINE-TWO SECTION STYLES -----*/

.newsGray:hover {
    text-decoration: none!important;
}

.newsGray:hover .news-blackBG:hover {
    background: #EFEFF0!important;
}

.news-blackBG {
    background-color: #F5F5F5;
    bottom: 0;
    color: #000;
    left: 22px;
    opacity: 0.85;
    padding: 8px;
    /* position: absolute; */
    right: 22px;
}

.news-blackBG h2 {
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 0;
}

.news-blackBG p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0;
}

.latest-news-bg {
    background-color: #F5F5F5;
    min-height: 90px;
}

.latest-news-bg-height {
    height: 646px!important;
}

.subPage-latest-news-bg {
    height: 300px!important;
}

.latest-news-bg-article {
    background-color: #F5F5F5;
    overflow-y: auto;
    min-height: 90px;
    margin: 20px 0px 0px 0px;
}


/*@media (min-width: 1200px) {
.lg-img img{width:612px; height:465px}
}
@media (min-width: 992px and max-width: 1200px) {
	.lg-img img{width:612px; height:485px;}
}

@media only screen(min-width: 992px) and (max-width: 1200px) { 
    .lg-img img{width:612px; height:485px;}
}*/

.lg-img img {
    width: 100%
}

.imgHeight img {
    height: 100%
}

@media (min-width:992px) {
    .lg-img img {
        width: 612px;
        height: 340px;
    }
    /* .latest-news-bg{background-color:#F5F5F5;height:473px;overflow-y:auto;min-height:90px;} */
    a.media-heading {
        color: #333;
        font-size: 13px;
        text-decoration: none;
    }
    a.media-heading:hover {
        color: #004269;
    }
    .latest-news-bg h4 {
        font-size: 12px;
    }
    .comp-logo-bg h4 {
        font-size: 12px;
    }
    .news-blackBG {
        min-height: 105px;
    }
    .imgHeight {
        height: 408px;
    }
}

@media (min-width:1250px) {
    .lg-img img {
        width: 612px;
        height: 465px;
    }
    /* .latest-news-bg{background-color:#F5F5F5;height:603px;overflow:auto;overflow-y:auto;min-height:90px;} */
    a.media-heading {
        color: #333;
        font-size: 13px;
        text-decoration: none;
    }
    a.media-heading:hover {
        color: #004269;
    }
    .news-blackBG {
        min-height: 105px;
    }
    .latest-news-bg h4 {
        font-size: 12px;
    }
    .comp-logo-bg h4 {
        font-size: 12px;
    }
    .imgHeight {
        height: 386px;
    }
}

@media (min-width:1366px) {
    .lg-img img {
        width: 612px;
        height: 465px;
    }
    /* .latest-news-bg{background-color:#F5F5F5;height:670px!important;overflow-y:auto;min-height:90px;} */
    a.media-heading {
        color: #333;
        font-size: 13px;
        text-decoration: none;
    }
    a.media-heading:hover {
        color: #004269;
    }
    .news-blackBG {
        min-height: 90px;
    }
    .latest-news-bg h4 {
        font-size: 18px;
    }
    .comp-logo-bg h4 {
        font-size: 18px;
    }
    .imgHeight {
        height: 350px;
    }
}

@media (max-width:2700px) {
    .xsNewsHeading {
        display: none;
    }
    /* .latest-news-bg{overflow-y:auto;overflow-x:hidden;} */
}

@media (max-width: 768px) {
    .date-text-align {
        text-align: center;
    }
    .nav-justified>li {
        display: table-cell;
        width: 1%;
    }
    .nav-justified>li>a {
        border-bottom: 1px solid #ddd !important;
        border-radius: 4px 4px 0 0 !important;
        margin-bottom: 0 !important;
    }
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #fff !important;
    }
    .top-news-BG-xs {
        background-color: #f5f5f5;
        color: #333 !important;
        padding: 8px;
    }
    .top-news-BG-xs h1 {
        color: #333 !important;
        font-size: 16px;
        line-height: 22px;
        margin-top: 0;
        margin-bottom: 0;
    }
    .latest-news-bg-height {
        height: 582px!important;
    }
}

@media (max-width: 480px) {
    .btn {
        padding: 2px 4px!important;
    }
}


/*media section*/


/* .media{color:#fff} */

.black-txt a {
    color: #000;
    text-decoration: none;
}

.black-txt a:hover {
    /* color:#004269; */
    text-decoration: underline;
}

.catHeading-mobile {
    background: #004269;
    padding: 5px 10px 0px 0px;
}

.catHeading-mobile .badge {
    background-color: #fff;
    color: #004269;
    margin-left: 3px;
}

.catHeading-mobile a {
    color: #fff;
    text-decoration: none;
    margin-top: 6px;
}

.catHeadingDot-mobile {
    margin: 8px 0 0 10px;
    color: #fff;
}


/*----- SUB-PAGE STYLES -----
.articleStyle {
  -webkit-columns: 3 100px;
     -moz-columns: 3 100px;
          columns: 3 100px;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
  -webkit-column-rule: 1px dotted #ddd;
     -moz-column-rule: 1px dotted #ddd;
          column-rule: 1px dotted #ddd;
		  padding:10px 0px 40px;
}
article p {
	hyphens:auto;
    text-align:justify;
	text-justify: newspaper;
    -webkit-hyphens:auto;
    -webkit-hyphenate-character:"\2010";
    -webkit-hyphenate-limit-after:1;
    -webkit-hyphenate-limit-before:3;
    -moz-hyphens:auto;
}*/

.articleStyle a {
    text-decoration: underline!important;
}

.headline-news h1 {
    margin-top: 0px;
    padding-top: 8px;
    color: #004269;
}

.headline-news h2 {
    font-size: 18px;
    margin-top: 10px;
}

.headline-news ul li {
    float: left;
    list-style: none;
    padding-left: 0px;
}

.headline-news p {
    text-align: justify;
    text-justify: inter-word;
    font-size: 14px;
    color: #000!important;
}

.sideMenu {
    background: #EBEBEB;
}

.sideMenu h2 {
    color: #004269;
    font-size: 24px;
    padding: 10px;
    font-weight: bold;
    border-bottom: 1px solid #F8F8F8;
    margin-bottom: 0px;
}

.sideMenu ul {
    padding-left: 0px!important;
}

.sideMenu li {
    list-style: none;
    padding: 8px 10px;
    font-weight: bold;
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #F8F8F8;
}

.sideMenu li a {
    text-decoration: none!important;
    font-weight: bold;
    color: #333;
}

.sideMenu li a:hover {
    color: #ff9000;
}


/*----- INDEX STYLES -----*/

.index-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #F0F0F0;
    z-index: 10;
    padding-top: 80px;
}

.tile {
    background-color: #2e8bcc;
    color: #fff;
    display: block;
    float: left;
    width: 100%;
    opacity: 1;
    text-align: center;
    z-index: 1;
}

.tile h1,
.tile h2,
.tile h3,
.tile h4,
.tile h5,
.tile h6 {
    color: #004269;
    line-height: 27px;
}

.tile h1.tile-text,
.tile h2.tile-text,
.tile h3.tile-text,
.tile h4.tile-text {
    margin-top: 20px;
}

.tile img {
    padding-top: 20px;
    margin: 0 auto;
}

.tile:hover {
    opacity: 0.75;
    text-decoration: none!important;
}

.tile.tile-white {
    background-color: #fff;
    border-bottom: 3px solid #ccc;
    border-right: 3px solid #ccc;
}

.employee-bg {
    background-color: #f2f2f2;
    border-bottom: 2px solid #ddd;
    border-right: 2px solid #ddd;
    padding: 15px 10px 10px 10px;
    margin-left: 8px;
    margin-right: 8px;
}

.employee-user {
    font-size: 30px;
    margin-right: 10px;
}

.blueTxt {
    color: #004269;
}

.panel-group .arrowDown {
    background: none repeat scroll 0 0 #ddd;
    border-radius: 0 0 4px 4px;
    color: #004269;
    float: right;
    outline: medium none;
    padding: 0 20px;
}

.subHeader h1 {
    font-size: 26px;
    color: #004269;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 5px;
    padding-top: 5px;
}


/*----- FOOTER SECTION STYLES -----*/

.footer-section {
    background: #333;
    width: 100%;
    color: #bbb;
}

.footer-section p {
    font-size: 13px;
    color: #bbb;
    line-height: 20px;
}

.footer-section h3 {
    font-size: 18px;
    color: #fff;
    margin-top: 0px;
}

.blk-txt-box {
    font-size: 13px;
    background: #bbb;
    border-radius: 0px;
    box-shadow: none;
    border: none;
}

.whiteText {
    color: #fff!important;
}

.grayText {
    color: #666;
}

.yellowText {
    color: #FFEB3B;
}

.send-btn {
    width: 100%;
    background: #666;
    color: #fff;
    border-radius: 0px;
}

.send-btn:hover {
    color: #FFFFFF!important;
}

.footer-section ul {
    padding-left: 0px;
    list-style: none;
}

.footer-section li {
    padding-top: 10px
}

.footer-section li a {
    color: #FFF!important;
    font-size: 13px;
    color: #ccc!important;
    text-decoration: none;
}

.footer-section li a:hover {
    color: #fff!important;
}

.footer-bottom {
    background: none repeat scroll 0 0 #222;
    margin-top: 20px;
    padding: 0 0 15px;
}

.social-link ul {
    padding-left: 0px;
    list-style: none;
}

.social-link li a {
    float: right;
    margin-left: 10px;
}

.form-style p {
    font-size: 14px;
    line-height: 18px;
}

.form-style h3 {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    margin-top: 0px;
    color: #000!important;
}

.socilaLinkLarge li {
    float: right;
    opacity: 0.5;
}

.socilaLinkLarge li:hover {
    opacity: 0.8;
}


/* contact form styles */

div.wpcf7 img.ajax-loader {
    margin-left: 15px!important;
    margin-top: 30px!important;
}

div.wpcf7-response-output {
    margin-left: 0px!important;
}


/*show video inside the article area*/

.articleStyle iframe {
    width: 100%!important;
    height: 100%!important;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*new index styles*/

.centered {
    text-align: center;
    font-size: 0;
    margin-top: 20px;
}

.centered>div {
    margin: 2px;
    float: none;
    display: inline-block;
}

.boxStyle {
    background: #F6F6F6;
    text-align: center;
    height: 130px;
    overflow: hidden
}

.boxStyle:hover {
    background: #eee;
    color: #337ab7!important;
}

.boxStyle a {
    color: #000
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /*height: 90px;*/
    background-color: #f5f5f5;
    z-index: 1;
    padding-top: 10px;
    margin-top: 20px;
}

.footer .latestNewsHeading {
    background-color: #f5f5f5;
    position: absolute;
    z-index: 2;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    top: -30px;
    padding: 8px 10px 8px;
}

.lightGrayBg {
    background-color: #F5F5F5;
    padding: 20px;
}

.blueHeader,
.latest-news-bg h4,
.latest-news-bg-article h4 {
    background: none repeat scroll 0 0 #004269;
    color: #fff;
    margin-bottom: 5px;
    margin-top: 0 !important;
    padding: 5px 10px;
}


/*mailchimp subscribtion form */

#mc4wp_email {
    color: initial!important;
}


/*newsletter subscribtion form */

#newsletter {
    font-family: arial!important;
    font-weight: bold;
    font-size: 10pt!important;
    color: #fff!important;
}

#newsletter .mc4wp-notice {
    color: #b94a48!important;
}

#newsletter .mc4wp-error {
    display: none;
}

#newsletter .mc4wp-success {
    color: #468847!important;
}

#newsletter input[type='text'] {
    font-size: 10pt!important;
    font-family: arial!important;
}

#newsletter input[type='button'],
#newsletter input[type='submit'] {
    color: #004269;
    font-size: 10pt;
    font-family: arial;
    font-weight: bold;
}

#newsletter ::-webkit-input-placeholder {
    color: #004269;
}

#newsletter :-moz-placeholder {
    /* Firefox 18- */
    color: #004269;
}

#newsletter ::-moz-placeholder {
    /* Firefox 19+ */
    color: #004269;
}

#newsletter :-ms-input-placeholder {
    color: #004269;
}


/************Events image styles********/

.events-blackBG {
    background-color: #FFF;
    bottom: 0;
    color: #000;
    left: 22px;
    opacity: 0.85;
    padding: 8px;
    /* position: absolute; */
    right: 22px;
}

.events-blackBG h2 {
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 0;
}

.events-blackBG p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0;
}


/******Events image styles ends here ****/


/********Nothern Makers style ******/

#partenername {
    background-color: #E47297;
    text-decoration: none;
}

#partenername a {
    text-decoration: none;
}

#northernmakers {
    background-color: #EFEFF0;
    padding-top: 10px;
    margin-left: 1px;
    margin-right: 0px;
    padding-bottom: 10px;
}

.partner {
    color: #666;
}


/********Nothern Makers style ends here ******/


/********Job page style starts here ******/

.boxjobStyle {
    background: #F6F6F6;
    text-align: center;
    overflow: hidden;
	margin: 5px;
    border: #fff medium solid;
    height: 90px;
}

.boxjobStyle:hover {
    background: #eee;
    color: #337ab7!important;
}

.boxjobStyle a {
    color: #000;
}

.boxjobStyle img {
    padding: 8px;
    margin: 0px;
    border: 0px;
}

.logoborder {
    margin: 5px;
    padding: 5px;
    border: #cdcdcd medium solid;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.comp-logo-bg {
    background-color: #F5F5F5;
    min-height: 90px;
    font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-right: 10px;
}

.comp-logo-bg h4 {
    background: none repeat scroll 0 0 #F5F5F5;
    color: #004269;
    margin-bottom: 5px;
    margin-top: 0 !important;
    padding: 5px 10px;
}

.Introtext h1 {
    color: #00aeef;
    font-family: Candara;
    font-weight: bold;
}

.Introtext p {
    font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/********job page style ends here ******/


/******** Pop up styles **********/

#slidebox {
    width: 300px;
    height: 350px;
    padding: 10px;
    background-color: #fff;
    border-top: 3px solid #E28409;
    border-bottom: 3px solid #E28409;
    position: fixed;
    bottom: 20px;
    right: -430px;
    z-index: 1000;
    -moz-box-shadow: -2px 0px 5px #aaa;
    -webkit-box-shadow: -2px 0px 5px #aaa;
    box-shadow: -2px 0px 5px #aaa;
}

#slidebox.mc4wp-notice {
    color: #b94a48!important;
}

#slidebox .mc4wp-error {
    display: none;
}

#slidebox .mc4wp-success {
    color: #468847!important;
}

#slidebox p,
a.more {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    color: #555;
    top: 18px;
}

#slidebox input[type='submit'] {
    font-size: 10pt!important;
    font-family: arial!important;
    background-color: #004269;
    color: #fff;
}

#slidebox input[type='submit']:hover {
    text-decoration: underline;
}

a.more {
    cursor: pointer;
    color: #E28409;
}

a.more:hover {
    text-decoration: underline;
}

#slidebox h2 {
    color: #E28409;
    font-size: 18px;
    margin: 10px 20px 10px 0px;
}

a.close {
    width: 13px;
    height: 13px;
    position: absolute;
    cursor: pointer;
    top: 0px;
    right: 23px;
}

a.close:hover {
    background-position: 0px -13px;
}


/*#arrowslidebox{visibility:hidden;}*/

a.openarrow {
    background: url(../images/arrow.png) no-repeat top left;
    width: 13px;
    height: 13px;
    position: fixed;
    cursor: pointer;
    bottom: 70px;
    right: 20px;
}


/*for newletter preview on website*/

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #075c8f;
    text-decoration: none;
}

.navigation li {
    display: inline;
    margin: 5px;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #6FB7E9;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}

.navigation li a:hover,
.navigation li.active a {
    background-color: #3C8DC5;
}

.page_info {
    display: block;
    float: right !important;
    font-size: 85%;
    padding: 7px 0 2px;
}