#at4m-dock.ats-dark,
.at4m-dock.ats-dark a:active, 
.at4m-dock.ats-dark a:hover,
.at4m-dock-toggle.ats-dark, 
.at4m-dock.ats-dark,
.at4m-menu.ats-dark .at4m-menu-footer, 
.at4m-menu.ats-dark .at4m-menu-header {
    background: #337ab7 !important;
    border-color: #337ab7 !important;
}

.at4m-dock-toggle.ats-dark a {
    border-color: #337ab7 !important;
}

.awm_modal {
    z-index: 999999999 !important;
}

.required-star {
	font-weight: bold;
	color: #dd4b39;
}

.overlay_box { 
	padding:8px; 
	width:50px;
	height:50px; 
	margin:0 auto; 
	background-color: #333333;
	z-index: 999999999;
  	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	font-size:18px;
	text-align:center;
}

.navbar-default {
    background-color: #fff;
    border-bottom-color: #fff;
}

    .navbar-default .container {
        border-bottom: #dddddd solid 2px;
    }

.navbar-header {
    height: 110px;
}

.nav-top {
    float: right;
    margin-top: 50px;
}

#nav-menu > ul > li {
    /*text-transform: uppercase;*/
    padding: 0 7px;
}

    /* Note sure why the selector above is affecting these... */
    #nav-menu > ul > li > ul > li {
        text-transform: none;
    }

    #nav-menu > ul > li:last-child {
        padding-right: 0;
    }

.fa-bars {
    color: #388dd6;
}

.sectionTitle{
/* text-transform:uppercase; */
}



#banner {
    height: 512px;    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 4%;
    background-image: url({{design.asset.image.OtisEd_banner_image}});
}

.bannerOtisEd{
    height: 512px;    
    background-repeat: no-repeat;
    background-size: cover;    
    margin-bottom: 4%;
    background-image:url({{design.asset.image.banner_OtisEd}});
}
.bannerMohawk{
     height: 512px;    
    background-repeat: no-repeat;
    background-size: cover;    
    margin-bottom: 4%;
    background-image: url({{design.asset.image.iStock_000059657630_Large}});
}
.banner{
    height: 512px;    
    background-repeat: no-repeat;
    background-size: cover;    
    margin-bottom: 4%;

}
.bannerHavertys{
     height: 512px;    
    background-repeat: no-repeat;
    background-size: cover;    
    margin-bottom: 4%;
    background-image: url({{design.asset.image.iStock_000059657630_Large}});
}


    #banner div,.banner div {
        padding-top:4%;
    }

        #banner div h1, .banner div h1 {
                 text-transform: none;
        }

.greybox {
    float: right;
    width: 50%;
    margin: 0 0 5% 5%;
    padding: 20px 10px 10px 30px;
    background-color: #f6fafa;
    min-width: 320px;
}

.greyquote {
    text-align: center;
    padding: 0;
    margin-top:10px;
    margin-bottom:10px;
    background-color: #f6fafa;
    min-width: 320px;
}

.greyboxpanel {
    padding: 20px 10px 10px 30px;
    background-color: #f6fafa;
    min-width: 320px;
}

.panelimage {
    margin: 3% 0;
}

    .panelimage > img {
        width: 100%;
    }

.sidebox {
    float: right;
    width: 50%;
    margin: 0 0 5% 5%;
    padding: 20px 10px 10px 30px;
    min-width: 320px;
}

    .sidebox > img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

.highlighted {
    border-bottom: 12px #0963b4 solid;
    vertical-align: bottom;
}

footer a {
    color: #000;
}

.btnnoradius {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0;
}

.inlinediv {
    display: inline;
}

.divright {
    float: right;
}

.divleft {
    float: left;
}

#Otisname {
    font-size: 22px;
    line-height: 150%;
}
.uppercase{
/*    text-transform:uppercase;   */
}
.sideimage{
    background-image:url({{design.asset.image.neocon2015_showroom}});
    height: 150px;
    background-repeat: no-repeat;
    background-size: contain;
}

.sideimageHavertys{
     background-image:url({{design.asset.image.iStock_000055157494_Medium}});
    height: 150px;
    background-repeat: no-repeat;
    background-size: contain;
}
.casestudy p{
    font-size:16px;
}

.link{
    margin-top:3%;

}
/*ul.nav li.dropdown a.dropdown-toggle {     
    position: relative;
    width: auto;
    float: right;
    margin: -50px -15px 0 0; 
}*/


.jobseekersBanner{
        background-image: url("{{design.asset.image.matrix-banner}}");
    height: 850px;
    border-bottom: #dddddd 2px solid;
    background-size: cover;
    margin-top: -25px;
}

#quotes {
    position: absolute;
    margin-top: -362px;
}

/* --------------------------- MEDIA QUERIES- -------------------------- */
/* --------------------------------------------------------------------- */

/* --------------------------- EXTRA SMALL DEVICES  (phones)------------ */
/* --------------------------------------------------------------------- */

@media (min-width: 120px) and (max-width: 767px) {
    .navbar-header {
        height: auto;
    }

    #logo {
        width: 121px;
        height: 50px;
    }

    #nav-menu {
        width: 85%;
        height: auto;
    }

    .nav-top {
        margin-top: 0;
    }
}

/* --------------------------- SUPER DUPER EXTRA SMALL DEVICE OVERRIDES (cheap ass phones) ------------------ */
/* ---------------------------------------------------------------------------------------------------------- */

@media (min-width: 120px) and (max-width: 320px) {
}

/* --------------------------- SMALL DEVICES (tablets) ----------------- */
/* --------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
    #logo {
        width: 121px;
        height: 50px;
    }

    .navbar-header {
        height: 10px;
    }

    .nav-top {
        float: right;
        margin-top: 5px;
    }

    #nav-menu > ul > li {
        font-size: 11px;
        padding: 0 3px;
    }

        #nav-menu > ul > li > ul > li {
            font-size: 11px;
        }
}

/* --------------------------- MEDIUM DEVICES (laptops & desktops) ----- */
/* --------------------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {
    #logo {
        width: 242px;
        height: 100px;
    }

    .navbar-header {
        height: 10px;
    }

    .nav-top {
        float: right;
        margin-top: 40px;
    }

    #nav-menu > ul > li {
        font-size: 12px;
        padding: 0 3px;
    }

        #nav-menu > ul > li > ul > li {
            font-size: 12px;
        }
}

/* --------------------------- LARGE DEVICES (laptops & desktops) ----- */
/* --------------------------------------------------------------------- */
@media (min-width: 1200px) {
}



/* Sticky footer styles
        -------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

.footer {
    position: absolute;
    width: 100%;
    height: 80px;
    margin-top: 5%;
    background-color: #fff;
}

/* Main menus styles
        -------------------------------------------------- */
.nav-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1;
}

.nav-menu > ul {
    position: relative;
    display: block;
}

    .nav-menu:after,
    .nav-menu > ul:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

.nav-menu.align-center ul {
    text-align: center;
}

    .nav-menu.align-center ul ul {
        text-align: left;
    }

.nav-menu > ul > li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.nav-menu ul li a {
    display: inline-block;
    text-decoration: none;
}

.nav-menu > ul > li > a {
    padding: 20px 0px 20px 0px;
    color: #000;
    -webkit-transition: color 0.25s ease-out;
    -moz-transition: color 0.25s ease-out;
    -ms-transition: color 0.25s ease-out;
    -o-transition: color 0.25s ease-out;
    transition: color 0.25s ease-out;
}

.nav-menu > ul > li:hover > a {
    color: #388dd6;
}


.nav-menu ul ul ul {
    top: 37px;
    left: 200px;
}

.nav-menu ul ul li {
    position: relative;
    width: 200px;
    padding: 0 20px;
    background: #f6fafa;
}


    .nav-menu ul ul li a {
        border-bottom: 1px solid #eeeeee;
        padding: 10px 0;
        color: #3d3d3d;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -ms-transition: all .35s ease;
        -o-transition: all .35s ease;
        transition: all .35s ease;
    }

    .nav-menu ul ul li:hover > a {
        color: #388dd6;
    }

    .nav-menu ul ul li:last-child > a,
    .nav-menu ul ul li.last > a {
        border-bottom: 0;
    }

.nav-menu > ul > li > ul::after {
}

.has-sub i.fa-bars {
    display: none;
    cursor: pointer;
    font-size: 1.3em;
}

.has-sub i.fa-angle-down {
    margin-left: 5px;
    font-size: 1.3em;
    cursor: pointer;
}

    .has-sub i.fa-angle-down:hover {
        color: #388dd6;
    }

.fa-angle-right {
    font-size: 1.3em;
    margin-left: 15px;
}

.has-sub-blue {
    color: #388dd6;
}

.nav-menu ul ul {
    z-index: 1000;
    display: block;
    position: absolute;
    left: auto;
    top: 60px;
}

.blue-menu-indicator {
    border-bottom: solid #388dd6 6px;
}

.vr {
    width: 1px;
    background-color: #dddddd;
    position: absolute;
}

.job-filter {
    /*margin-left: 87px;
    margin-top: 58px;*/
    margin-left: 33%;
    margin-top: 21%;
}

.div-checkbox {
}

    .div-checkbox label {
        display: block;
        padding-left: 15px;
        text-indent: -15px;
        font-weight: 400;
    }

        .div-checkbox label input[type=checkbox] {
            padding: 0;
            margin: 0 27px 0 0;
            width: 18px;
            height: 18px;
            vertical-align: bottom;
            position: relative;
            top: -1px;
            *overflow: hidden;
        }


#joblisting {
    margin-left: 8%;
}

#jobfilter {
    margin: 1%;
}

#joblink {
    margin-bottom: 20px;
}
/* --------------------------- MEDIA QUERIES- -------------------------- */
/* --------------------------------------------------------------------- */

@media (min-width: 1200px) {

    .nav-menu ul ul {
        position: absolute;
        left: -9999px;
        top: 70px;
        opacity: 0;
        -webkit-transition: opacity .3s ease, top .25s ease;
        -moz-transition: opacity .3s ease, top .25s ease;
        -ms-transition: opacity .3s ease, top .25s ease;
        -o-transition: opacity .3s ease, top .25s ease;
        transition: opacity .3s ease, top .25s ease;
        z-index: 1000;
    }

    #menu2.nav-menu > ul > li.has-sub:hover > a {
        border-bottom: solid #388dd6 6px;
    }

    .nav-menu > ul > li:hover > ul {
        position: absolute;
        left: auto;
        top: 60px;
        opacity: 1;
        border: solid 1px #dddddd;
    }

    #menu1.nav-menu > ul > li:hover > ul {
        top: 40px;
    }

    .nav-menu ul ul li:hover > ul {
        position: absolute;
        left: 200px;
        top: 0;
        opacity: 1;
        border: solid 1px #dddddd;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .nav-menu ul ul {
        display: none;
    }

    .has-sub i.fa-bars {
        display: inline;
        color: #000;
        margin-left: 15px;
    }

        .has-sub i.fa-bars:hover {
            color: #388dd6;
        }

    .has-sub i.fa-angle-right,
    .has-sub i.fa-angle-down {
        display: none;
    }
}
/* Main mobile menus styles
        -------------------------------------------------- */
#mobile-navigation {
}

    #mobile-navigation li {
        padding: 0px 0;
        list-style: none;
    }

        #mobile-navigation li a {
            width: 120px;
            text-align: left;
        }

/*.btn-primary {
            color: #000;
            background-color: #fff;
            max-width: 200px;
            border: 0px;
        }

            .btn-primary:hover {
                color: #388dd6;
                background-color: #fff;
            }

            .btn-primary:active {
                color: #388dd6;
                background-color: #fff;
            }

        .btn-group .btn.btn-primary:not(.dropdown-toggle):hover {
            color: #000;
            background-color: #fff;
        }

        .btn-primary.active,
        .btn-primary.focus,
        .btn-primary:active,
        .btn-primary:focus,
        .btn-primary:hover,
        .open > .dropdown-toggle.btn-primary {
            color: #388dd6;
            background-color: #fff;
            border: 0px;
        }*/
/* Main navigation styles
        -------------------------------------------------- */

/* --------------------------- NAV GENERAL  ---- */
/* --------------------------------------------- */

.navbar-default {
    background-color: #fff;
}

    .navbar-default.container.row {
        display: none;
    }

.nav-menu ul {
}

/* --------------------------- NAV TOP  ---- */
/* ----------------------------------------- */

.nav-top {
    float: right;
}

    .nav-top div,
    .nav-top span,
    #search-toggle-button1 {
        /*display: inline-block;*/
    }

#menu1 > ul > li {
    display: inline-block;
    text-transform: uppercase;
    padding: 0 20px;
}

    /* Note sure why the selector above is affecting these... */
    #menu1 > ul > li > ul > li {
        text-transform: none;
    }

    #menu1 > ul > li:last-child {
        padding-right: 0;
    }

/*#menu1 > ul > li.last-item {
            padding-right: 0px;
        }*/

#menu-toggle-button,
#search-toggle-button1 {
    padding-left: 10px;
}

    #menu-toggle-button:hover,
    #search-toggle-button:hover {
        cursor: pointer;
    }

.fa-bars {
    color: #388dd6;
}

.highlighted {
    background-color: #edf5f5;
}
/*Placeholder color and font*/


.job-seeker ::-webkit-input-placeholder {
    color: #388dd6 !important;
}

.job-seeker #keyword-textbox {
    text-align: left;
    font-size: 20px;
    border-radius: 0;
}

.job-seeker #location-textbox {
    text-align: left;
    font-size: 20px;
    border-radius: 0;
}

.job-seeker :-moz-placeholder {
    color: #388dd6 !important;
    opacity: 1;
}



.job-seeker ::-moz-placeholder {
    color: #388dd6 !important;
}


/* for the future */

.job-seeker :-ms-input-placeholder {
    color: #388dd6 !important;
}





/**/
.add-on .input-group-btn > .btn {
    border-left-width: 0;
    left: -2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .add-on .input-group-btn > .btn:focus, .add-on .input-group-btn > .btn:hover, .add-on .input-group-btn > .btn:active,
    .add-on .input-group-btn i:focus, .add-on .input-group-btn i:hover, .add-on .input-group-btn i:active {
        outline: none;
        background: none;
    }

.add-on .input-group-btn i {
    color: #337AB7;
}

.add-on input[type=text] {
    border-right-width: 0;
}
/* stop the glowing blue shadow */




/* --------------------------- NAV SPLITTER---- */
/* -------------------------------------------- */
.nav-splitter hr {
    margin-top: 55px;
    border-top-color: #dddddd;
    width: 100%;
}

/* --------------------------- NAV BOTTOM  ---- */
/* -------------------------------------------- */
.nav-bottom-left {
    float: left;
    margin-top: -15px;
}

    .nav-bottom-left ul {
        padding-left: 0px;
    }

#menu2 > ul > li {
    display: inline-block;
    padding-right: 50px;
}

    #menu2 > ul > li:last-child {
        padding-right: 0px;
    }

/*#menu2 > ul > li.last-item {
            padding-right: 0px;
        }*/

.nav-bottom-right {
    float: right;
}

    .nav-bottom-right div {
        float: right;
    }


/* --------------------------- NAV SEARCH  ---- */
/* -------------------------------------------- */

.fa-search {
    color: #388dd6;
}

.nav-bottom-right .input-group {
    width: 250px;
    margin-top: -5px;
}

#search-options {
    background-color: #f9f9f9;
}

.search-textbox {
    border-right: 0px;
}

.search-textbox-button {
    background-color: white;
    padding-bottom: 0px;
    margin-top: 5px;
}

    .search-textbox-button.input-group-addon {
        padding: 0px 6px 0 6px;
        cursor: pointer;
    }

    .search-textbox-button span i.fa-circle {
        color: #388dd6;
    }

    .search-textbox-button span i.fa-search {
        color: #fff;
    }

.search-toggle:hover {
    cursor: pointer;
}

#mobile-search-form {
}

/* --------------------------- NAV MOBILE---- */
/* ------------------------------------------ */
#search-toggle-button2,
#menu-toggle-button {
    font-size: 2em;
}

#mobile-navigation-buttons {
    margin-top: 5px;
    text-align: right;
}

#mobile-navigation div ul {
    list-style: none;
}

/* --------------------------- MEDIA QUERIES- -------------------------- */
/* --------------------------------------------------------------------- */

/* --------------------------- EXTRA SMALL DEVICES  (phones)------------ */
/* --------------------------------------------------------------------- */

@media (min-width: 120px) and (max-width: 767px) {
    #main-navigation {
        display: none;
    }

    #mobile-navigation-buttons {
        margin-left: -15px;
    }

    #logo {
        width: 121px;
        height: 50px;
    }
}

/* --------------------------- SUPER DUPER EXTRA SMALL DEVICE OVERRIDES (cheap ass phones) ------------------ */
/* ---------------------------------------------------------------------------------------------------------- */

@media (min-width: 120px) and (max-width: 320px) {
}

/* --------------------------- SMALL DEVICES (tablets) ----------------- */
/* --------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
    #main-navigation {
        display: none;
    }

    #mobile-navigation-buttons {
        margin-top: 30px;
        font-size: 1.25em;
    }
}

/* --------------------------- MEDIUM DEVICES (laptops & desktops) ----- */
/* --------------------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {

    .nav-bottom-right {
        display: none;
    }

    #mobile-navigation-buttons {
        display: none;
    }
}

/* --------------------------- LARGE DEVICES (laptops & desktops) ----- */
/* --------------------------------------------------------------------- */
@media (min-width: 1200px) {
    .nav-bottom-right {
        display: inline;
    }

    #search-toggle-button1 {
        display: none;
    }

    #mobile-navigation-buttons {
        display: none;
    }
}
/* Footer styles
        -------------------------------------------------- */
.footer {
}

    .footer > .container {
        background-color: #f6fafa;
        border-top: #dddddd solid 2px;
        /*border-left: #ebebeb solid 3px;
                border-right: #ebebeb solid 3px;*/
    }

        .footer > .container > .row {
            display: table;
            width: 100%;
            background-color: #f6fafa;
        }

            .footer > .container > .row > div,
            .footer > .container > .row > div ul {
                height: auto;
                display: table-cell;
                vertical-align: middle;
            }

.footer-left div,
.footer-right div {
    display: table;
    height: 75px;
}

.footer-right div {
    float: right;
}

.footer-left ul {
    padding-left: 0;
}

    .footer-left ul li {
        display: inline-block;
        padding-right: 20px;
    }


.footer-right {
    text-align: right;
}

    .footer-right ul li {
        display: inline-block;
        padding-right: 10px;
    }

        .footer-right ul li:last-child {
            padding-right: 0;
            margin-right: 0;
        }


/* --------------------------- MEDIA QUERIES- -------------------------- */
/* --------------------------------------------------------------------- */

@media (max-width: 260px) {

    .footer-right ul li img {
    }
}

@media (max-width: 450px) {


    .footer-right ul li {
        width: 30px;
        padding: 0;
    }

        .footer-right ul li img {
            width: 25px;
            height: 25px;
            padding: 0;
        }
}

@media (max-width: 767px) {
    .footer-left div,
    .footer-right div {
        height: 45px;
    }
}

@media (max-width: 991px) {

    .footer-right div {
        float: left;
    }


        .footer-right div ul {
            padding-left: 0;
        }
}

@media (min-width: 767px) {
    .footer-right ul li img {
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }

        .footer-right ul li img:hover {
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -o-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2);
        }
}
/* Breadcrumb styles
        -------------------------------------------------- */
#breadcrumb {
    list-style: none;
    background-color: #f6fafa;
    padding-top: 15px;
    padding-bottom: 15px;
}

    #breadcrumb li {
        display: inline-block;
    }

        #breadcrumb li a {
            color: #323232;
        }



            .breadcrumb li:hover, #breadcrumb li a:hover {
                color: #2c7dc1;
            }

    #breadcrumb .active {
        color: #2c7dc1;
        text-decoration: underline;
    }

    #breadcrumb .divider {
        padding: 0 10px;
    }

/* Main styles
        -------------------------------------------------- */
body {
    margin-top: 145px;
    font-family: 'Lato', sans-serif;
    margin-bottom: 80px;
    color: #363636;
}

/*a {
    color: #000;
}*/

a:hover {
    text-decoration: none;
    color: #388dd6;
}

.content-push-for-mobile-search {
    margin-top: 190px;
}

h2 {
    font-size: 1.8em;
    font-weight: 500;
    color: #323232;
}

.altSection {
    background: #f6fafa;
}

.bottomBorder {
    border-bottom: #dddddd solid 2px;
}

.section-left {
    float: left;
    width: 50%;
}

.section-right {
    float: right;
    width: 50%;
}

.job-seeker {
    margin: 35px;
/*    margin-bottom:20px; */
}


#upload, #search {
    margin-left: 20px;
    background-color: #388dd6;
    color: #fff;
    width: 100px;
}

.job-list {
    margin-left: 40px;
    margin-right: 116px;
    /*margin-top: 58px;*/
    border-left: 1px solid #dddddd;
}

.divborder {
    margin-left: 0px;
    border-left: 1px solid #dddddd;
    margin-bottom:20px;
}

/* --------------------------- MEDIA QUERIES- -------------------------- */
/* --------------------------------------------------------------------- */

/* --------------------------- EXTRA SMALL DEVICES  (phones)------------ */
/* --------------------------------------------------------------------- */

@media (min-width: 321px) and (max-width: 767px) {
    body {
        margin-top: 60px;
    }

    .content-push-for-mobile-search {
        margin-top: 120px;
    }
}

/* --------------------------- SUPER DUPER EXTRA SMALL DEVICE OVERRIDES (cheap ass phones) ------------------ */
/* ---------------------------------------------------------------------------------------------------------- */

@media (min-width: 1px) and (max-width: 320px) {
    .content-push-for-mobile-search {
        margin-top: 120px;
    }
}

/* --------------------------- SMALL DEVICES (tablets) ----------------- */
/* --------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
}

/* --------------------------- MEDIUM DEVICES (laptops & desktops) ----- */
/* --------------------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* --------------------------- LARGE DEVICES (laptops & desktops) ----- */
/* --------------------------------------------------------------------- */
@media (min-width: 1200px) {
}

/* Job Seekers Style
        -------------------------------------------------- */



/* --------------------------- HOW WE CAN HELP ------------------------- */
/* ---------------------------------------------------------- */

#HowWeCanHelp {
    padding-bottom: 35px;
}

/*h2 {
    margin: 58px 0 0 0;
}
 

    h2 + p, h2 + p + div {
        margin: 0 0 50px 75px;
    }*/


h1 {
    text-transform: uppercase;
}

    h1.notransform {
        text-transform: none;
    }

.textgreyed {
    color: #A2A2A2;
}

h4 {
    margin-bottom: 26px;
    margin-top: 33px;
}

    h4.job-overview {
        margin-bottom: 10px;
    }

.listing h2 {
    margin: 30px 0 0 0;
}

.position {
    margin-bottom: 5%;
}

.howWeCanHelpList {
    text-align: center;
}

    .howWeCanHelpList .img-responsive {
        margin: 0 auto;
    }

    .howWeCanHelpList > div {
        text-align: center;
        display: inline-block;
        margin: 30px 45px;
        width: 295px;
    }

    .howWeCanHelpList h3 {
        font-weight: bold;
    }

    .howWeCanHelpList > div > p {
        margin-top: 20px;
    }

        .howWeCanHelpList > div > p > a {
            text-decoration: none;
            color: #367fc1;
            font-weight: bold;
        }

/*Modal css*/

.savesearch .modal-content {
    border-radius: 0;
}

.savesearch .modal-header, .savesearch .modal-footer {
    border: none;
    text-align: center;
}

    .savesearch .modal-footer > .btn {
        border-radius: 0;
    }

    .savesearch .modal-header .close {
    }

.savesearch .modal-body {
    margin: 0 20%;
    padding: 0;
}

    .savesearch .modal-body input[type=text] {
        color: #337AB7;
        border-radius: 0;
    }

.savesearch .control-group {
    margin: 2%;
}



/* --------------------------- MEDIA QUERIES- -------------------------- */
/* --------------------------------------------------------------------- */

/* --------------------------- EXTRA SMALL DEVICES  (phones)------------ */
/* --------------------------------------------------------------------- */

@media (min-width: 120px) and (max-width: 767px) {

    h2,
    h2 + p {
        margin-left: 20px;
    }

    .howWeCanHelpList > div {
        width: 250px;
    }

    .job-list {
        border: none;
    }

    .job-filter {
        margin-top: 0;
    }
}

/* ---------------------------------------------------------------------------------------------------------- */
@media (min-width: 551px) and (max-width: 767px) {



    h1 {
        font-size: 1.8em;
    }

    h2 {
        font-size: 1.75em;
    }

    h4 {
        font-size: 1.125em;
    }
}

/* ---------------------------------------------------------------------------------------------------------- */
@media (min-width: 381px) and (max-width: 550px) {

    body {
        margin-top: 80px;
    }


    h1 {
        font-size: 1.2em;
    }

    h2 {
        font-size: 1.8em;
    }

    h4 {
        font-size: 1.125em;
    }
}

/* ---------------------------------------------------------------------------------------------------------- */
@media (min-width: 251px) and (max-width: 380px) {

    body {
        margin-top: 52px;
    }


    .howWeCanHelpList > div {
        width: 200px;
    }

    h1 {
        font-size: 1.8em;
    }

    h2 {
        font-size: 1.5em;
    }

    h4 {
        font-size: 1.125em;
    }
}
/* --------------------------- SUPER DUPER EXTRA SMALL DEVICE OVERRIDES (cheap ass phones) ------------------ */
/* ---------------------------------------------------------------------------------------------------------- */

@media (min-width: 1px) and (max-width: 251px) {
    body {
        margin-top: 52px;
    }



    .howWeCanHelpList > div {
        width: 170px;
    }

    h1 {
        font-size: .4em;
    }

    h2 {
        font-size: .3em;
    }

    h4 {
        font-size: .15em;
    }
}

/* --------------------------- SMALL DEVICES (tablets) ----------------- */
/* --------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {

    .howWeCanHelpList > div {
        width: 250px;
    }

    h1 {
        font-size: 1.85em;
    }

    h2 {
        font-size: 1.15em;
    }

    h4 {
        font-size: 1em;
    }

    .div-checkbox label input[type=checkbox] {
        margin: 0 2px 0 0;
    }
}

/* --------------------------- MEDIUM DEVICES (laptops & desktops) ----- */
/* --------------------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {




    h1 {
        font-size: 2.35em;
    }

    h2 {
        font-size: 1.35em;
    }

    h4 {
        font-size: 1em;
    }

    .div-checkbox label input[type=checkbox] {
        margin: 0 2px 0 0;
    }
}

/* --------------------------- LARGE DEVICES (laptops & desktops) ----- */
/* --------------------------------------------------------------------- */
@media (min-width: 1200px) {
}


/* -------------------------------- CAROUSEL ------------------------------ */
/* ------------------------------------------------------------------------ */

/* Carousel base class */
.carousel {
    height: 362px;
    margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
    height: 362px;
}

.carousel-inner > .item > img {
    background-image: url("{{design.asset.image.glass}}");
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 362px;
}

.carousel-caption h3, .carousel-caption h3 + p {
    color: #000;
    text-shadow: none;
}

.carousel-control.left, .carousel-control.right {
    background-image: none
}

/* -------------------------- IDEAS AND RESOURCES ------------------------- */
/* ------------------------------------------------------------------------ */

.ideasAndResourcesList {
    text-align: center;
    margin-bottom: 30px;
}

    .ideasAndResourcesList > div {
        display: inline-block;
        margin: 30px 16px 0 16px;
        vertical-align: top;
        text-align: center;
        max-width: 355px;
    }

        .ideasAndResourcesList > div > p > a {
            text-decoration: none;
            color: #367fc1;
            font-weight: bold;
        }

.truncate {
  max-width: 350px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* -------------------------- POST SUMMARY ------------------------- */
/* ----------------------------------------------------------------- */
/*.post-name {
    height: 80px;
}

    .post-exceprt p,
    .post-name h3 {
        vertical-align: middle;
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0 0 0 0;
    }

.post-exceprt {
    height: 100px;
}*/




/* --------------------------- MEDIA QUERIES- -------------------------- */
/* --------------------------------------------------------------------- */

/* --------------------------- EXTRA SMALL DEVICES  (phones)------------ */
/* --------------------------------------------------------------------- */

@media (min-width: 381px) and (max-width: 767px) {


    .ideasAndResourcesList > div {
        max-width: 355px;
    }
}


/* ---------------------------------------------------------------------------------------------------------- */
@media (min-width: 251px) and (max-width: 380px) {

    .ideasAndResourcesList > div {
        max-width: 220px;
    }
}
/* --------------------------- SUPER DUPER EXTRA SMALL DEVICE OVERRIDES (cheap ass phones) ------------------ */
/* ---------------------------------------------------------------------------------------------------------- */

@media (min-width: 1px) and (max-width: 251px) {
    .ideasAndResourcesList > div {
        max-width: 190px;
    }

    .post-name {
        height: 100px;
    }

    .post-exceprt {
        height: 130px;
    }
}

/* --------------------------- SMALL DEVICES (tablets) ----------------- */
/* --------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {

    .ideasAndResourcesList > div {
        max-width: 250px;
    }
}

.c-layout-header .c-navbar .c-mega-menu.c-fonts-uppercase > .nav.navbar-nav > li > .c-link{
    font-size: 13px !important;
}