#main-menu, #pagetitle, .f-nav, .menu, header#top {
    width: 100%
}

    .contactRA, .menu li > ul li:first-child, .menu li > ul li:last-child {
        margin-left: 0
    }

    #main-menu-container, .menu li a {
        text-align: center
    }

    .bannersmall, .menu li a {
        -moz-transition: background .4s linear 0s,color .3s linear 0s
    }

ul.arrowsBullet, ul.nobullet {
    list-style-type: none
}

.breadcrumbs, .menu li, .menu ul li, ul.arrowUl, ul.tags {
    list-style: none
}

    .db, .menu, .menu li, .menu li a, .menu ul, .menu ul li, .nav, a#toptop {
        display: block
    }

body {
    font-family: "Open Sans",Helvetica Neue,Helvetica,Arial,sans-serif !important;
    color: #333
}

header#top {
    background-position: left top;
    background-repeat: repeat-x;
    background-image: url(../img/header-background.jpg);
    background-color: #FFF
}

#title {
    color: #FFF;
    font: 700 2.4em/26px 'Trebuchet MS',Trebuchet,Arial,sans-serif;
    letter-spacing: -.02em;
    text-shadow: 1px 1px 3px #111;
    background-image: url(../img/recruitalliance-com-logo1.jpg);
    background-repeat: no-repeat;
    padding: 30px 0 45px
}

    #title span {
        color: #FFC806
    }

#pagetitle {
    background-color: #5D9ADF;
    border-top: 4px solid #266DBB;
    border-bottom: 1px solid #2A7AD2;
    float: left;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(.2,#5092dc),color-stop(.8,#6ba3e2));
    background: -moz-linear-gradient(center bottom,#5092dc 20%,#6ba3e2 80%)
}

.note {
    border-left: 5px solid #0071AF;
    line-height: 2.5;
    padding: 25px;
    color: #333;
    background-color: #f5f5f5
}

.menu li.selected, .menu li.selected a, .menu li:hover {
    background-color: #002032;
    color: #ffc200
}

.f-nav {
    z-index: 999;
    position: fixed;
    left: 0;
    top: 0
}

#main-menu {
    display: inline-block;
    margin-bottom: -10px
}

#lhnchatimg {
    margin-top: 130px
}

.menu, .menu a, .menu li, .menu ul {
    margin: 0;
    padding: 0;
    border: none;
    outline: 0
}

ul.menu {
    margin: 0
}

.menu li {
    float: left;
    position: relative
}

    .menu li a {
        text-decoration: none;
        color: #fff;
        font-size: 14px;
        padding: 15px;
        font-weight: 600 !important;
        line-height: 30px;
        -webkit-transition: background .4s linear 0s,color .3s linear 0s;
        -o-transition: background .4s linear 0s,color .3s linear 0s;
        -ms-transition: background .4s linear 0s,color .3s linear 0s;
        transition: background .4s linear 0s,color .3s linear 0s
    }

    .menu li:first-child a, .menu li:last-child a {
        border-left: none
    }

    .menu li:hover > a {
        color: #ffc200
    }

    .menu li.selected > ul li a {
        background-color: #002032;
        color: #fff
    }

    .menu li.selected > ul li:hover a {
        background-color: #0071af;
        color: #fff
    }

.menu ul {
    position: absolute;
    opacity: 0;
    width: 230px;
    background-color: #002032;
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
    border-radius: 0;
    top: 56px;
    z-index: 1;
    filter: alpha(opacity=0)
}

.menu li:hover > ul {
    opacity: 1;
    filter: alpha(opacity=100)
}

.menu ul li {
    height: 0;
    overflow: hidden;
    padding: 0;
    float: left;
    position: relative
}

    .menu ul li a {
        line-height: 25px;
        width: 230px;
        color: #fff;
        margin: 0;
        border: none;
        padding: 10px;
        text-align: left;
        border-bottom: 1px solid #00263c;
        font-weight: 400;
        text-transform: none
    }

.menu li:hover > ul li {
    height: auto;
    overflow: hidden
}

.menu ul li:hover a {
    background-color: transparent;
    -moz-background: linear-gradient(#0071af,#0071af);
    -webkit-background: linear-gradient(#0071af,#0071af);
    -ms-background: linear-gradient(#0071af,#0071af);
    -o-background: linear-gradient(#0071af,#0071af);
    background: linear-gradient(#0071af,#0071af);
    color: #fff;
    margin: 0;
    text-transform: none
}

.banner, .banner-m {
    background-image: url(../img/newHome/raHomeBg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    min-width: 100%;
    max-width: 100%
}

.center, .or {
    margin-right: auto
}

.menu ul li:last-child a {
    border: none
}

.menu li a.selected {
    background-color: #002032;
    color: #ffc200
}

.nav {
    background-color: #0071af !important;
    width: 100%
}

.bigNum {
    font-size: 48px;
    color: #999
}

.midNum {
    font-size: 30px;
    color: #999
}

.banner {
    height: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff
}

.onbanner {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 400px
}

.banner-m {
    height: auto;
    padding-bottom: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff
}

.transp {
    background: rgba(0,51,102,.7);
    padding-bottom: 30px
}

.bannerInternal {
    background-image: url(../img/newHome/raHomeBg.jpg);
    background-repeat: no-repeat;
    background-position: center 25%;
    width: 100%;
    min-width: 100%;
    margin-top: 130px;
    max-width: 100%;
    height: 200px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff
}

.transpInternal {
    background: rgba(0,51,102,.7);
    height: 200px
}

.bannersmall, .scheduledemo {
    background-repeat: no-repeat;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.bannersmall {
    background-image: url(../img/newHome/raHomeBg-inner.jpg);
    background-position: center 50%;
    height: 150px;
    margin-top: 130px;
    background-size: cover;
    color: #fff;
    -webkit-transition: background .4s linear 0s,color .3s linear 0s;
    -o-transition: background .4s linear 0s,color .3s linear 0s;
    -ms-transition: background .4s linear 0s,color .3s linear 0s;
    transition: background .4s linear 0s,color .3s linear 0s
}

.transpSmall {
    background: rgba(0,51,102,.7);
    height: 150px
}

.f15 {
    font-size: 15px;
    line-height: 26px
}

.f17 {
    font-size: 17px
}

.employer {
    border-right: thin solid #507a96;
    padding-right: 30px
}

.employer, .employer1, .vendor, .vendor1 {
    margin-top: 30px;
    text-align: center
}

    .employer h2, .vendor h2 {
        font-family: Open Sans
    }

.signup .employer h2, .signup .vendor h2 {
    font-family: Sans-Serif;
    font-weight: 600
}

.articleHori, .articleVert, .scheduledemo, .scheduledemoBig, footer {
    font-family: Open Sans
}

.yellowtxt, a.yellowtxt, a:hover.yellowtxt {
    color: #ffc610
}

.bluetxt, a.bluetxt, a:hover.bluetxt {
    color: #0071AF
}

.signup .employer {
    border-right: 0 solid #507a96
}

.aboutRA {
    margin-top: 70px;
    text-align: center;
    line-height: 25px;
    font-weight: 600
}

    .aboutRA h3, .contact div {
        line-height: 30px
    }

    .aboutRA h3 {
        margin-bottom: 20px
    }

    .aboutRA p {
        font-weight: 300 !important;
        font-size: 15px
    }

.bannersmall .contactRA h1, .numBox {
    font-weight: 600
}

.contactRA {
    margin-top: 50px;
    text-align: left
}

.aboutRA span {
    background-color: #ffc610;
    padding: 1px
}

.black {
    color: #000 !important
}

.pad {
    padding: 20px 0
}

.content {
    margin-left: 10px
}

.scheduledemo {
    background-color: #00ABEC;
    background-position: center top;
    background-size: cover;
    color: #fff;
    padding-bottom: 25px
}

.bgccc, .logins {
    background-color: #ccc
}

.logins, .scheduledemoBig {
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    min-width: 100%;
    max-width: 100%
}

.bgccc, .bgeee {
    padding: 20px 0
}

.onscheduledemo {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 400px
}

.scheduledemoBig {
    background-image: url(../img/newHome/imgBig.jpg);
    height: 400px;
    background-size: cover;
    color: #fff
}

.logins {
    background-size: cover
}

.bgeee {
    background-color: #EFEFEF
}

.bgffff {
    background-color: #fff;
    padding: 20px 30px 20px 20px
}

.box-shadows {
    box-shadow: 0 0 2px #888
}

.ht420 {
    height: 430px
}

.ht220 {
    height: 240px
}

.ht130 {
    height: 130px
}

.ht180 {
    height: 180px
}

.padding {
    padding: 20px
}

.pad5 {
    padding: 5px
}

.boxbrdr, .boxbrdrCrv {
    border: thin solid #ccc;
    padding: 10px;
    margin-top: 10px
}

.boxbrdrCrv {
    border-radius: 4px;
    margin-bottom: 10px
}

.numBox {
    border: thin solid #0071AF;
    background-color: #0071AF;
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
    font-size: 20px
}

.rtBrdr, .rtBrdr-resp {
    border-right: thin solid #ccc
}

.ltBrdr {
    border-left: thin solid #ccc
}

.blueshadowboxL div a, .blueshadowboxR a {
    border: 2px solid #fff;
    text-decoration: none;
    font-weight: 600
}

div.threeC {
    font-size: 25px
}

    div.threeC div::first-letter {
        font-size: 60px;
        color: #ccc;
        font-weight: 600
    }

.center {
    width: 920px;
    margin-left: auto
}

.blueshadowbox {
    background-color: #3db4f6;
    color: #fff;
    padding: 15px 10px
}

    .blueshadowbox a {
        padding: 5px 10px;
        color: #fff;
        font-weight: 600;
        text-decoration: none;
        margin-top: 15px
    }

    .blueshadowbox li a {
        padding-left: 0 !important
    }

.blueshadowboxL {
    color: #fff;
    padding: 15px 10px;
    margin-bottom: 10px
}

    .blueshadowboxL h3, .blueshadowboxR h3 {
        margin-top: 0 !important;
        margin-bottom: 0
    }

    .blueshadowboxL div, .blueshadowboxR div {
        padding: 10px;
        text-align: left
    }

        .blueshadowboxL div a {
            padding: 5px 10px;
            color: #fff
        }

.blueshadowboxR {
    color: #fff;
    padding: 15px 10px;
    margin-bottom: 10px
}

    .blueshadowboxR a {
        padding: 5px 10px;
        color: #fff
    }

.loginfields {
    margin-top: 35px;
    margin-left: 0;
    padding-bottom: 10px
}

.footer, .row.articles {
    margin-left: 0 !important
}

.btn-yellow, a.btn-yellow, a:hover.btn-yellow, button:hover.btn-yellow {
    color: #FFF;
    background-color: #ffc610;
    border-color: #e2ad03;
    font-weight: 600
}

figure img {
    max-width: 100%
}

.articleHori section, .articleVert section {
    padding: 20px 0 10px;
    font-size: 13px
}

    .articleVert section h1, .articleVert section h2, .articleVert section h3, .articleVert section h4, .articleVert section h5 {
        color: #666
    }

    .articleHori section h1, .articleHori section h2, .articleHori section h3, .articleHori section h4, .articleHori section h5, .articles {
        color: #666;
        margin-top: 0 !important
    }

section strong {
    color: #333
}

footer {
    background-image: url(../img/newHome/raHomeBg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    padding-bottom: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff
}

.transpFooter {
    background: rgba(0,51,102,.7);
    height: auto
}

.onfooter {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 400px
}

.footer {
    margin-top: 40px
}

.disclaimer {
    background-color: #1A1A1A;
    width: 100%;
    padding: 10px 0;
    color: #969696
}

    .disclaimer a {
        color: #fff;
        text-decoration: none
    }

        .disclaimer a:active, .disclaimer a:hover {
            color: #e1b61b;
            text-decoration: none
        }

        .disclaimer a i {
            color: #f5f5f5;
            text-decoration: none
        }

        .disclaimer a:hover i {
            color: #fff;
            text-decoration: none
        }

.or {
    background-color: #ccc;
    padding: 10px;
    border-radius: 60px;
    width: 40px;
    margin-top: 95px;
    margin-left: auto
}

.circleBg, .circleBgGray {
    width: 100px;
    height: 100px;
    line-height: 45px
}

a.multibtn {
    margin: 0 10px
}

a:first-child.multibtn {
    margin: 0 10px 0 0
}

button.multibtn {
    margin: 0 10px
}

button:first-child.multibtn {
    margin: 0 10px 0 0
}

input[type=submit].multibtn {
    margin: 0 10px
}

input[type=submit]:first-child.multibtn {
    margin: 0 10px 0 0
}

input[type=reset].multibtn {
    margin: 0 10px
}

input[type=reset]:first-child.multibtn {
    margin: 0 10px 0 0
}

input[type=button].multibtn {
    margin: 0 10px
}

input[type=button]:first-child.multibtn {
    margin: 0 10px 0 0
}

.circleBg, .circleBgGray, .circleBlue {
    padding: 28px 20px 20px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    text-align: center
}

.circleBg {
    background-color: #0071af;
    border-radius: 60%;
    font-size: 20px;
    font-weight: 600
}

.circleBgGray {
    background-color: #f9f9f9;
    border: thin solid #eee;
    border-radius: 60%
}

.circleBlue, .tabsbg {
    background-color: #0071af
}

.circleBlue {
    width: 80px;
    height: 80px;
    border-radius: 60%
}

.tabsbg {
    width: 100%
}

a, button {
    outline: 0 !important
}

/*.strong {
    font-weight: 600 !important
}*/

.mt1 {
    margin-top: 1px !important
}

.mt2 {
    margin-top: 2px !important
}

.mt3 {
    margin-top: 3px !important
}

.mt4 {
    margin-top: 4px !important
}

.mt5 {
    margin-top: 5px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt12 {
    margin-top: 12px !important
}

.mt13 {
    margin-top: 13px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt18 {
    margin-top: 18px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt25 {
    margin-top: 25px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt35 {
    margin-top: 35px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt45 {
    margin-top: 45px !important
}

.mt50 {
    margin-top: 50px !important
}

.mt55 {
    margin-top: 55px !important
}

.mt60 {
    margin-top: 60px !important
}

.mt75 {
    margin-top: 68px !important
}

.mt80 {
    margin-top: 80px !important
}

.mt85 {
    margin-top: 85px !important
}

.mt95 {
    margin-top: 90px !important
}

.mt96 {
    margin-top: 95px !important
}

.mt120 {
    margin-top: 120px !important
}

.mt130 {
    margin-top: 130px !important
}

.mt140 {
    margin-top: 140px !important
}

.mt150 {
    margin-top: 150px !important
}

.mt0 {
    margin-top: 0
}

.mt-5 {
    margin-top: -5px
}

.mt-10 {
    margin-top: -10px
}

.mt-15 {
    margin-top: -15px
}

.mt-20 {
    margin-top: -20px
}

.mt-25 {
    margin-top: -25px
}

.mt-30 {
    margin-top: -30px
}

.mt-35 {
    margin-top: -35px
}

.mt-40 {
    margin-top: -40px !important
}

.mt-45 {
    margin-top: 45px
}

.mt-50 {
    margin-top: -50px
}

.mt-75 {
    margin-top: -75px
}

.mL5 {
    margin-left: 5px
}

.mL10 {
    margin-left: 10px
}

.mL15 {
    margin-left: 15px
}

.mL20 {
    margin-left: 20px
}

.mL25 {
    margin-left: 25px
}

.mL30 {
    margin-left: 30px
}

.mL35 {
    margin-left: 35px
}

.mL40 {
    margin-left: 40px !important
}

.mL45 {
    margin-left: 45px
}

.mL50 {
    margin-left: 50px
}

.mL75 {
    margin-left: 75px
}

.mL-10 {
    margin-left: -10px
}

.mL-15 {
    margin-left: -15px
}

.mL-25 {
    margin-left: -25px
}

.mL-30 {
    margin-left: -30px
}

.mL-35 {
    margin-left: -35px
}

.mL-40 {
    margin-left: -40px !important
}

.mL-45 {
    margin-left: 45px
}

.mL-50 {
    margin-left: -50px
}

.mL-75 {
    margin-left: -75px
}

.mL-100 {
    margin-left: -180px
}

.bold {
    font-weight: 600
}

.unbold {
    font-weight: 300
}

.div-bordered {
    border: 1px solid #ddd;
    padding: 5px;
    text-align: center;
    width: 100%;
    margin: 10px 0
}

.raButton, a.raButton {
    border: thin solid #0d78b3
}

.capitals {
    text-transform: uppercase !important
}

.pb10 {
    margin-bottom: 10px
}

.pb20 {
    margin-bottom: 20px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.mb60 {
    margin-bottom: 60px
}

.mb70 {
    margin-bottom: 70px
}

.mb80 {
    margin-bottom: 80px
}

.mb90 {
    margin-bottom: 90px
}

.mb100 {
    margin-bottom: 100px
}

.ml0 {
    margin-left: 0 !important
}

.mtb20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.mtb30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.fff {
    color: #fff !important
}

label.loginpwd {
    color: #111;
    font-weight: 600 !important
}

#txtpasswordindex, #txtusernameindex {
    height: 42px !important;
    padding: 5px 20px !important;
    line-height: 10px !important
}

.breadcrumbs {
    width: 75%;
    padding: 8px 0;
    top: 118px;
    background: linear-gradient(90deg,rgba(0,0,0,0) 2px,rgba(0,0,0,.7),rgba(0,0,0,0));
    background: -webkit-linear-gradient(180deg,rgba(0,0,0,0) 2px,rgba(0,0,0,.7),rgba(0,0,0,0));
    font-size: 85%;
    margin-left: 0;
    position: absolute;
    color: #fff
}

.row p {
    line-height: 25px
}

.breadcrumbs span.current {
    font-weight: 600
}

.arrowsBullet li {
    line-height: 30px;
    margin-left: 0;
    font-family: Open Sans !important;
    font-size: 15px;
    color: #111;
    font-weight: 300
}

.nobullet li, .taglist li {
    font-family: Open Sans !important;
    font-size: 14px;
    color: #111
}

    .raButton, .raButtonYellow, .taglist li h4, .tags li h4, a.raButton {
        font-weight: 600
    }

ul.arrowsBullet li a {
    margin-left: 0;
    padding-left: 0 !important
}

.arrowUl li, .tags li, ul.tags {
    padding-left: 0
}

.arrowsBullet li i {
    margin-top: 0;
    line-height: 30px;
    margin-right: 0
}

.nobullet li {
    line-height: 26px;
    margin-left: 0
}

    .nobullet li i {
        margin-top: 5px
    }

ul.taglist {
    list-style-type: disc
}

.taglist li {
    line-height: 25px;
    margin-left: -15px
}

ul.arrowUl {
    width: 50%
}

.arrowUl li {
    margin-left: -35px;
    line-height: 25px
}

a.raButton, a.raButtonLiteYellow, a.raButtonYellow {
    text-decoration: none;
    outline: 0;
    line-height: 20px
}

.arrowUl li:before {
    content: '> ';
    word-spacing: 10px
}

.arrowUl li a {
    color: #fff;
    text-decoration: none
}

    .arrowUl li a:hover {
        color: #ffc610;
        text-decoration: none
    }

.arrowUl li:hover {
    color: #ffc610
}

ul.tags {
    margin-left: 0
}

.tags li {
    margin-left: 10px;
    padding-bottom: 20px
}

.tags .arr-checkmark {
    background: url(../img/arr-bullet-sm.png) left 4px no-repeat
}

    .tags .arr-checkmark div {
        margin-left: 20px
    }

.raButton {
    background: linear-gradient(#0b76b1 50%,#0b76b1 50%);
    background: -webkit-linear-gradient(#0b76b1 50%,#0b76b1 50%);
    height: 40px;
    padding: 5px 20px;
    color: #fff
}

    .raButton:hover {
        color: #FFC200
    }

a.raButton {
    background-color: #0b76b1;
    background: linear-gradient(#0b76b1 50%,#0b76b1 50%);
    background: -webkit-linear-gradient(#0b76b1 50%,#0b76b1 50%);
    padding: 10px 20px;
    color: #fff
}

    a.raButton:hover {
        color: #fff;
        opacity: .9
    }

.raButtonYellow {
    background: linear-gradient(#fcc619 50%,#f2bc0f 50%);
    background: -webkit-linear-gradient(#fcc619 50%,#f2bc0f 50%);
    height: 40px;
    padding: 5px 20px;
    border: thin solid #f2bc0f;
    color: #333
}

a.raButtonYellow {
    background: linear-gradient(#fcc619 50%,#fcc619 50%);
    background: -webkit-linear-gradient(#fcc619 50%,#fcc619 50%);
    padding: 10px 20px;
    border: thin solid #f2bc0f;
    color: #333;
    font-weight: 600;
    height: 40px
}

.raButtonLiteYellow, a.raButtonLiteYellow {
    border: thin solid #edc957;
    font-weight: 600;
    color: #333;
    height: 40px
}

.raButtonLiteYellow {
    background: linear-gradient(#fada72 50%,#edc957 50%);
    background: -webkit-linear-gradient(#fada72 50%,#edc957 50%);
    padding: 5px 20px
}

a.raButtonLiteYellow {
    background-color: #fada72;
    background: linear-gradient(#fada72 50%,#fada72 50%);
    background: -webkit-linear-gradient(#fada72 50%,#fada72 50%);
    padding: 10px 20px
}

    a.raButtonLiteYellow:hover {
        color: #333;
        opacity: .9
    }

.raDefaultBtn, a.raDefaultBtn {
    background-color: #fbfcfe;
    border: thin solid #0071af;
    color: #0071af
}

.raDefaultBtn {
    height: 40px;
    padding: 6px 20px;
    font-weight: 600
}

a.raDefaultBtn, a.raYellowBtn {
    padding: 10px 20px;
    text-decoration: none;
    font-weight: 600;
    outline: 0
}

a.raYellowBtn {
    background-color: #fcc619;
    background: linear-gradient(#fcc619 50%,#fcc619 50%);
    border: thin solid #fcc619;
    color: #333
}

.raDefaultBtn:hover, a:hover.raDefaultBtn {
    color: #FFC200;
    font-weight: 600;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

a#toptop:active, a#toptop:focus, a#toptop:hover, a.raYellowBtn:hover {
    color: #333;
    text-decoration: none
}

a.raYellowBtn:hover {
    outline: 0;
    opacity: .85
}

.button-xxs, a.button-xxs {
    width: 10%
}

.button-xs, a.button-xs {
    width: 20%
}

.button-vvs, a.button-vvs {
    width: 30%
}

.button-vs, a.button-vs {
    width: 40%
}

.button-s, a.button-s {
    width: 50%
}

.button-m, a.button-m {
    width: 60%
}

.button-xl, a.button-xl {
    width: 70%
}

.button-xxl, a.button-xxl {
    width: 80%
}

.button-xxxl, a.button-xxxl {
    width: 90%
}

.button-full, a.button-full {
    width: 100%
}

.w1 {
    width: 10%
}

.w2 {
    width: 20%
}

.w3 {
    width: 30%
}

.w4 {
    width: 40%
}

.w5 {
    width: 50%
}

.w6 {
    width: 60%
}

.w7 {
    width: 70%
}

.w8 {
    width: 80%
}

.w9 {
    width: 90%
}

.w10 {
    width: 100%
}

form {
    margin: 0 !important
}

.centerAlign {
    width: 70%;
    margin: 0 15%
}

a#toptop {
    background-color: #ccc;
    bottom: 2px;
    font-size: 11px;
    opacity: .9;
    -khtml-opacity: .9;
    -moz-opacity: .9;
    padding: 3px 6px;
    position: fixed;
    right: 2px;
    color: #666;
    text-decoration: none;
    cursor: pointer
}

strong {
    font-weight: 600 !important
}

.articles strong {
    font-weight: 600
}

div.small {
    font-size: 11px;
    padding-bottom: 6px;
    margin-bottom: 12px;
    line-height: 160%;
    color: #7C7C7C;
    border-bottom: 1px solid #F1F1EB
}

span.post_written {
    line-height: 18px;
    padding: 2px 0
}

.fw-normal {
    font-weight: 300 !important
}

.topHr {
    border-top: thin solid #507A96;
    width: 100%;
    margin-bottom: 15px
}

.transpSection {
    background: linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,.8),rgba(0,0,0,.5));
    width: 100%;
    padding: 0 20px 20px;
    margin-top: 20px
}

.fancybox-wrap .fancybox-desktop .fancybox-type-iframe .fancybox-opened {
    width: 100% !important;
    height: auto !important;
    position: absolute !important;
    top: 105px !important;
    left: 251px !important;
    opacity: 1 !important;
    overflow: visible !important
}

.fancybox-skin {
    padding: 0 !important;
    width: auto !important;
    height: auto !important
}

.disclaimer .footerMenu span {
    padding-left: 12px !important
}

.raButtonGreen, a.raButtonGreen {
    padding: 20px 40px;
    color: #fff;
    font-weight: 600;
    line-height: 20px
}

.raButtonGreen {
    background-color: #89C402;
    background: linear-gradient(#89C402 50%,#89C402 50%);
    background: -webkit-linear-gradient(#89C402 50%,#89C402 50%);
    border: thin solid #89C402;
    font-size: 17px
}

a.raButtonGreen {
    background-color: #89C402;
    background: linear-gradient(#89C402 50%,#89C402 50%);
    background: -webkit-linear-gradient(#89C402 50%,#89C402 50%);
    border: thin solid #9C0;
    text-decoration: none;
    outline: 0;
    font-size: 12px
}

.raBtnGreen, .raBtnGreen-sm, .raBtnGreenTop, a.raBtnGreen, a.raBtnGreen-sm {
    border: thin solid #9C0;
    font-weight: 600;
    outline: 0;
    font-size: 14px;
    color: #fff;
    text-decoration: none
}

a:hover.raButtonGreen {
    background-color: #9C0;
    background: linear-gradient(#9C0 50%,#9C0 50%)
}

.raBtnGreen, .raBtnGreenTop, a.raBtnGreen {
    background-color: #89C402;
    background: linear-gradient(#89C402 50%,#89C402 50%);
    background: -webkit-linear-gradient(#89C402 50%,#89C402 50%);
    padding: 10px 20px;
    line-height: 20px
}

    .raBtnGreen:hover, a:hover.raBtnGreen {
        background-color: #9C0;
        background: linear-gradient(#9C0 50%,#9C0 50%);
        background: -webkit-linear-gradient(#9C0 50%,#9C0 50%)
    }

.raBtnGreen-sm, a.raBtnGreen-sm {
    background-color: #89C402;
    background: linear-gradient(#89C402 50%,#89C402 50%);
    background: -webkit-linear-gradient(#89C402 50%,#89C402 50%);
    padding: 8px 20px;
    line-height: 16px
}

    .raBtnGreen-sm:hover, a:hover.raBtnGreen-sm {
        background-color: #9C0;
        background: linear-gradient(#9C0 50%,#9C0 50%);
        background: -webkit-linear-gradient(#9C0 50%,#9C0 50%)
    }

a.raBtnGreenTop:hover {
    color: #fff;
    opacity: .8;
    text-decoration: none
}

.text-right-resp {
    text-align: right !important
}

@media screen and (max-width:2700px) {
    div#clickMenu, div:hover #clickMenu {
        display: none;
        margin-top: 5px;
        cursor: pointer
    }

    .fmenu-align, .text-right-resp {
        text-align: right !important
    }

    div#clickMenu {
        color: #fff
    }

    div:hover #clickMenu {
        color: #f5f5f5
    }

    .wrappers {
        width: 1366px;
        margin: 0 auto
    }

    .centerAlign {
        width: 70%;
        margin: 0 15%
    }

    .container {
        margin: 0 auto !important;
        max-width: 1170px !important;
        width: 100% !important
    }

    .raButtonGreen, a.raButtonGreen {
        padding: 20px 40px;
        font-size: 17px
    }

    .banner {
        background-image: url(../img/newHome/raHomeBg.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: auto;
        padding-bottom: 30px;
        background-size: cover;
        color: #FFF
    }

    #txtusernameindex {
        width: 300px
    }

    #txtpasswordindex {
        width: 295px
    }

    .ht450 {
        height: 400px
    }

    .targetimg, .vendorHandshake {
        height: auto;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left top !important;
        width: 100%
    }

    .targetimg {
        background-image: url(../img/newhome/targetImg.png)
    }

    .vendorHandshake {
        background-image: url(../img/newhome/vendorHandshake.jpg)
    }

    .rtBrdr-resp {
        border-right: thin solid #fff
    }

    .social-sep {
        border-right: thin solid #ddd !important;
        height: 350px
    }

        .social-sep:last-child {
            border-right: 0 solid #ddd !important
        }

    .social {
        text-align: center !important;
        margin: 0
    }
}

@media screen and (max-width:1366px) {
    div#clickMenu, div:hover #clickMenu {
        display: none;
        margin-top: 5px;
        cursor: pointer
    }

    .fmenu-align, .text-right-resp {
        text-align: right !important
    }

    div#clickMenu {
        color: #fff
    }

    div:hover #clickMenu {
        color: #f5f5f5
    }

    .centerAlign {
        width: 70%;
        margin: 0 15%
    }

    .raButtonGreen, a.raButtonGreen {
        padding: 20px 40px;
        font-size: 17px
    }

    .ht400 {
        height: 350px
    }

    .banner {
        background-image: url(../img/newHome/raHomeBg.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: auto;
        padding-bottom: 30px;
        background-size: cover;
        color: #FFF
    }

    .align3c {
        width: 630px;
        height: 500px;
        margin-left: 0
    }

    .wrappers {
        width: 80% !important;
        margin: 0 10% !important
    }

    .btnAlign1, .btnAlign2 {
        margin-top: 20px
    }

    .container {
        margin: 0 auto !important;
        max-width: 1170px !important;
        width: 100% !important
    }

    #txtusernameindex {
        width: 300px
    }

    #txtpasswordindex {
        width: 295px
    }

    .ht450 {
        height: 400px
    }

    .social-sep {
        border-right: thin solid #ddd;
        height: 350px
    }

    .targetimg, .vendorHandshake {
        height: auto;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right top !important;
        width: 100%
    }

    .social-sep:last-child {
        border-right: 0 solid #ddd
    }

    .targetimg {
        background-image: url(../img/newhome/targetImg.png)
    }

    .vendorHandshake {
        background-image: url(../img/newhome/vendorHandshake.jpg)
    }

    .rtBrdr-resp {
        border-right: thin solid #fff
    }

    .social {
        text-align: center !important;
        margin: 0
    }
}

@media screen and (max-width:1280px) {
    div#clickMenu, div:hover #clickMenu {
        display: none;
        margin-top: 5px;
        cursor: pointer
    }

    .fmenu-align, .text-right-resp {
        text-align: right !important
    }

    div#clickMenu {
        color: #fff
    }

    div:hover #clickMenu {
        color: #f5f5f5
    }

    .banner {
        background-image: url(../img/newHome/raHomeBg.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: auto;
        padding-bottom: 30px;
        background-size: cover;
        color: #FFF
    }

    .ht400, .social-sep {
        height: 350px
    }

    .wrappers {
        width: 80% !important;
        margin: 0 10% !important
    }

    .centerAlign {
        width: 70%;
        margin: 0 15%
    }

    .btnAlign1, .btnAlign2 {
        margin-top: 20px
    }

    .container {
        margin: 0 auto !important;
        max-width: 1170px !important;
        width: 100% !important
    }

    .social-sep {
        border-right: thin solid #ddd
    }

        .social-sep:last-child {
            border-right: 0 solid #ddd
        }

    #txtusernameindex {
        width: 300px
    }

    #txtpasswordindex {
        width: 295px
    }

    .raButtonGreen, a.raButtonGreen {
        padding: 20px 40px;
        font-size: 17px
    }

    .ht450 {
        height: 400px
    }

    .align3c {
        width: 580px;
        height: 500px;
        margin-left: 10px
    }

    .targetimg, .vendorHandshake {
        height: auto;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right top !important;
        width: 100%
    }

    .targetimg {
        background-image: url(../img/newhome/targetImg.png)
    }

    .vendorHandshake {
        background-image: url(../img/newhome/vendorHandshake.jpg)
    }

    .rtBrdr-resp {
        border-right: thin solid #fff
    }

    .social {
        text-align: center !important;
        margin: 0
    }
}

@media screen and (max-width:1024px) {
    div#clickMenu, div:hover #clickMenu {
        display: none;
        margin-top: 5px;
        cursor: pointer
    }

    div#clickMenu {
        color: #fff
    }

    div:hover #clickMenu {
        color: #f5f5f5
    }

    .banner {
        background-image: url(../img/newHome/raHomeBg.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: auto;
        background-size: cover;
        color: #FFF;
        padding-bottom: 30px
    }

    .container, .wrappers {
        width: 100% !important
    }

    .rtBrdr-resp {
        border-right: thin solid #fff
    }

    .wrappers {
        margin: 0 !important
    }

    .btnAlign1 {
        margin-top: 40px
    }

    .container {
        margin: 0 auto !important;
        max-width: 970px !important
    }

    .ht400 {
        height: 400px
    }

    .social-sep {
        border-right: thin solid #ddd;
        height: 390px
    }

        .social-sep:last-child {
            border-right: 0 solid #ddd
        }

    #txtpasswordindex, #txtusernameindex {
        width: 250px
    }

    .ht450 {
        height: 450px
    }

    .align3c {
        width: 400px;
        height: 600px;
        margin-left: 10px
    }

    .targetimg, .vendorHandshake {
        height: auto;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right top !important;
        width: 100%
    }

    .raButtonGreen, a.raButtonGreen {
        padding: 20px 40px;
        font-size: 17px
    }

    .targetimg {
        background-image: url(../img/newhome/targetImg.png)
    }

    .vendorHandshake {
        background-image: url(../img/newhome/vendorHandshake.jpg)
    }

    .fmenu-align, .text-right-resp {
        text-align: right !important
    }

    .social {
        text-align: center !important;
        margin: 0
    }
}

@media screen and (max-width:768px) {
    .menu li, .menu ul li, ul.arrowUl {
        list-style: none
    }

    ul.arrowUl {
        width: 100%
    }

    .or {
        background-color: #CCC;
        padding: 10px;
        border-radius: 60px;
        width: 40px;
        margin-top: 45px;
        margin-left: auto;
        margin-right: auto
    }

    a.multibtn:first-child, a.multibtn:last-child {
        margin: 0 10px 20px 0
    }

    a.multibtn {
        margin: 20px 10px
    }

    h1, h2, h3, h4, h5 {
        line-height: 35px
    }

    .fmenu-align {
        text-align: center !important
    }

    .social {
        text-align: left !important;
        margin: 10px 0
    }

    .employer {
        border-right: 0 solid #507a96;
        border-bottom: thin solid #507a96;
        padding-bottom: 40px
    }

    li h5 {
        line-height: 20px;
        font-size: 14px
    }

    .menu li a, .menu ul li a {
        line-height: 25px;
        text-align: center
    }

    .social-sep {
        border-right: thin solid #ddd;
        height: 330px;
        margin-top: 10px
    }

    .banner, .banner-m, .ht450 {
        height: auto
    }

    .social-sep:last-child {
        border-right: 0 solid #ddd
    }

    .banner {
        padding-bottom: 30px
    }

    .logins {
        background-repeat: no-repeat;
        background-position: center 80%;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        background-size: cover
    }

    .scheduledemoBig {
        height: 410px
    }

    .w1 {
        width: 10%
    }

    .w2 {
        width: 20%
    }

    .w3 {
        width: 25%
    }

    .w4 {
        width: 60%
    }

    .w5 {
        width: 50%
    }

    .w6 {
        width: 60%
    }

    .w7 {
        width: 70%
    }

    .w8 {
        width: 80%
    }

    .w9 {
        width: 90%
    }

    .w10 {
        width: 100%
    }

    footer {
        height: 420px
    }

    .articleHori {
        margin-left: -15px
    }

    .wrappers {
        width: 100% !important;
        margin: 0 !important
    }

    .centerAlign {
        width: 70%;
        margin: 0 15%
    }

    .container {
        margin: 0 !important;
        max-width: 768px !important;
        width: 100% !important
    }

    .align3c {
        width: 100%;
        height: auto;
        margin-left: 30px
    }

    .raButtonGreen {
        padding: 20px 40px;
        font-size: 17px
    }

    a.raButtonGreen {
        padding: 20px;
        font-size: 17px
    }

    .banner {
        margin-top: 32px
    }

    div#clickMenu, div:hover #clickMenu {
        display: block;
        margin-top: 5px;
        cursor: pointer;
        margin-left: 10px
    }

    nav {
        margin-top: 0
    }

    div#clickMenu {
        color: #fff
    }

    div:hover #clickMenu {
        color: #f5f5f5
    }

    .menu, .menu a, .menu li, .menu ul {
        margin: 0;
        padding: 0;
        border: none;
        outline: 0
    }

    #txtusernameindex {
        width: 300px
    }

    #txtpasswordindex {
        width: 295px
    }

    ul.menu {
        margin: 17px -40px 0 -15px
    }

    .menu {
        width: 768px;
        display: none;
        background-color: #0071af
    }

        .menu li, .menu li a, .menu ul, .menu ul li {
            display: block
        }

            .menu li.selected, .menu li.selected a, .menu li:hover {
                background-color: #002032;
                color: #ffc200
            }

            .menu li:first-child {
                margin-left: 0;
                text-align: center
            }

            .menu li > ul li:first-child, .menu li > ul li:last-child {
                margin-left: 0
            }

        .menu li {
            float: none;
            position: relative
        }

            .menu li a {
                text-decoration: none;
                color: #fff;
                font-size: 14px;
                padding: 10px 15px;
                font-weight: 600;
                -moz-transition: background .4s linear 0s,color .3s linear 0s;
                -webkit-transition: background .4s linear 0s,color .3s linear 0s;
                -o-transition: background .4s linear 0s,color .3s linear 0s;
                -ms-transition: background .4s linear 0s,color .3s linear 0s;
                transition: background .4s linear 0s,color .3s linear 0s
            }

            .menu li:first-child a, .menu li:last-child a {
                border-left: none
            }

            .menu li:hover > a {
                color: #ffc200
            }

            .menu li.selected > ul li a {
                background-color: #002032;
                color: #fff
            }

            .menu li.selected > ul li:hover a {
                background-color: #0071af;
                color: #fff
            }

        .menu ul {
            position: absolute;
            opacity: 0;
            width: 768px;
            background-color: #002032;
            -webkit-transition: opacity .25s ease .1s;
            -moz-transition: opacity .25s ease .1s;
            -ms-transition: opacity .25s ease .1s;
            -o-transition: opacity .25s ease .1s;
            transition: opacity .25s ease .1s;
            border-radius: 0;
            top: 40px;
            z-index: 1;
            filter: alpha(opacity=0)
        }

        .menu li:hover > ul {
            opacity: 1;
            filter: alpha(opacity=100)
        }

        .menu ul li {
            height: 0;
            overflow: hidden;
            padding: 0;
            position: relative
        }

            .menu ul li a {
                width: 768px;
                color: #fff;
                margin: 0;
                border: none;
                padding: 10px;
                border-bottom: 1px solid #00263c;
                font-weight: 400;
                text-transform: none
            }

        .menu li:hover > ul li {
            height: auto;
            overflow: hidden
        }

        .menu ul li:hover a {
            background-color: transparent;
            -moz-background: linear-gradient(#0071af,#0071af);
            -webkit-background: linear-gradient(#0071af,#0071af);
            -ms-background: linear-gradient(#0071af,#0071af);
            -o-background: linear-gradient(#0071af,#0071af);
            background: linear-gradient(#0071af,#0071af);
            color: #fff;
            margin: 0;
            text-transform: none
        }

    .targetimg, .vendorHandshake {
        height: auto;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%
    }

    .menu ul li:last-child a {
        border: none
    }

    .nav {
        padding: 11px 0
    }

    .rtBrdr-resp {
        border-right: thin solid #fff
    }

    .text-right-resp {
        text-align: left !important
    }

    .targetimg {
        background-image: url(../img/newhome/targetImg.png);
        background-position: right top !important
    }

    .vendorHandshake {
        background-image: url(../img/newhome/vendorHandshake.jpg);
        background-position: 70% top !important
    }

    header#top {
        height: 76px
    }
}

@media screen and (max-width:670px) {
    .menu li, .menu ul li, ul.arrowUl {
        list-style: none
    }

        .menu li a, .menu ul li a, .social-sep, .social-sep a.raBtnGreen {
            text-align: center
        }

    .banner {
        margin-top: 32px
    }

    nav {
        margin-top: 30px
    }

    .menu, .menu a, .menu li, .menu ul {
        margin: 0;
        padding: 0;
        border: none;
        outline: 0
    }

    #txtusernameindex {
        width: 300px
    }

    #txtpasswordindex {
        width: 295px
    }

    ul.menu {
        margin: 17px -40px 0 -15px
    }

    .menu {
        width: 360px;
        display: none;
        background-color: #0071af
    }

        .menu li, .menu li a, .menu ul, .menu ul li {
            display: block
        }

            .menu li.selected, .menu li.selected a, .menu li:hover {
                background-color: #002032;
                color: #ffc200
            }

            .menu li:first-child {
                margin-left: 0;
                text-align: center
            }

            .menu li > ul li:first-child, .menu li > ul li:last-child {
                margin-left: 0
            }

        .menu li {
            float: none;
            position: relative
        }

            .menu li a {
                text-decoration: none;
                color: #fff;
                font-size: 14px;
                padding: 10px 15px;
                font-weight: 600;
                line-height: 25px;
                -moz-transition: background .4s linear 0s,color .3s linear 0s;
                -webkit-transition: background .4s linear 0s,color .3s linear 0s;
                -o-transition: background .4s linear 0s,color .3s linear 0s;
                -ms-transition: background .4s linear 0s,color .3s linear 0s;
                transition: background .4s linear 0s,color .3s linear 0s
            }

            .menu li:first-child a, .menu li:last-child a {
                border-left: none
            }

            .menu li:hover > a {
                color: #ffc200
            }

            .menu li.selected > ul li a {
                background-color: #002032;
                color: #fff
            }

            .menu li.selected > ul li:hover a {
                background-color: #0071af;
                color: #fff
            }

        .menu ul {
            position: absolute;
            opacity: 0;
            width: 360px;
            background-color: #002032;
            -webkit-transition: opacity .25s ease .1s;
            -moz-transition: opacity .25s ease .1s;
            -ms-transition: opacity .25s ease .1s;
            -o-transition: opacity .25s ease .1s;
            transition: opacity .25s ease .1s;
            border-radius: 0;
            top: 40px;
            z-index: 1;
            filter: alpha(opacity=0)
        }

        .menu li:hover > ul {
            opacity: 1;
            filter: alpha(opacity=100)
        }

        .menu ul li {
            height: 0;
            overflow: hidden;
            padding: 0;
            float: left;
            position: relative
        }

    .banner, .banner-m, .scheduledemoBig {
        height: auto
    }

    .menu ul li a {
        line-height: 25px;
        width: 360px;
        color: #fff;
        margin: 0;
        border: none;
        padding: 10px;
        border-bottom: 1px solid #00263c;
        font-weight: 400;
        text-transform: none
    }

    .menu li:hover > ul li {
        height: auto;
        overflow: hidden
    }

    .menu ul li:hover a {
        background-color: transparent;
        -moz-background: linear-gradient(#0071af,#0071af);
        -webkit-background: linear-gradient(#0071af,#0071af);
        -ms-background: linear-gradient(#0071af,#0071af);
        -o-background: linear-gradient(#0071af,#0071af);
        background: linear-gradient(#0071af,#0071af);
        color: #fff;
        margin: 0;
        text-transform: none
    }

    .menu ul li:last-child a {
        border: none
    }

    .employer, .signup .employer {
        border-right: 0 solid #507a96
    }

    ul.arrowUl {
        width: 100%
    }

    .or {
        background-color: #CCC;
        padding: 10px;
        border-radius: 60px;
        width: 40px;
        margin-top: 45px;
        margin-left: auto;
        margin-right: auto
    }

    a.multibtn:first-child, a.multibtn:last-child {
        margin: 0 10px 20px 0
    }

    a.multibtn {
        margin: 20px 10px
    }

    input[type=submit].multibtn, input[type=submit]:first-child.multibtn {
        margin: 10px
    }

    input[type=reset].multibtn {
        margin: 0 10px
    }

    input[type=button].multibtn, input[type=button]:first-child.multibtn, input[type=reset]:first-child.multibtn {
        margin: 10px
    }

    h1, h2, h3, h4, h5 {
        font-size: 130%;
        line-height: 25px
    }

    .employer {
        border-bottom: thin solid #507a96;
        padding-bottom: 40px
    }

    .signup .employer {
        border-bottom: 0 solid #507a96;
        padding-bottom: 0 !important
    }

    .banner {
        padding-bottom: 20px
    }

    .logins {
        background-repeat: no-repeat;
        background-position: center bottom;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        background-size: cover
    }

    .disclaimer .footerMenu span {
        display: block !important;
        padding-bottom: 5px
    }

    .disclaimer span, .disclaimer span.yellowtxt {
        display: inline
    }

    .disclaimer {
        font-size: 13px
    }

    footer {
        height: 420px
    }

    .footerMenu, .social {
        margin: 20px -10px
    }

    .disclaimer .social span a i {
        padding: 5px
    }

    .social i:hover {
        background-color: #000
    }

    .button-xxs, a.button-xxs {
        width: 20%
    }

    .button-xs, a.button-xs {
        width: 40%
    }

    .button-vvs, a.button-vvs {
        width: 60%
    }

    .button-vs, a.button-vs {
        width: 80%
    }

    .button-full, .button-m, .button-s, .button-xl, .button-xxl, .button-xxxl, a.button-full, a.button-m, a.button-s, a.button-xl, a.button-xxl, a.button-xxxl {
        width: 100%
    }

    .w1 {
        width: 10%
    }

    .w2 {
        width: 20%
    }

    .w3 {
        width: 60%
    }

    .w4 {
        width: 40%
    }

    .w5 {
        width: 50%
    }

    .w6 {
        width: 60%
    }

    .w7 {
        width: 70%
    }

    .w8 {
        width: 80%
    }

    .w9 {
        width: 90%
    }

    .w10 {
        width: 100%
    }

    .wrappers {
        width: 100% !important;
        margin: 0 !important
    }

    header#top {
        height: 156px
    }

    .centerAlign {
        width: 90%;
        margin: 0 5%
    }

    .bannersmall {
        margin-top: 180px
    }

    .banner-m {
        margin-top: 130px
    }

    .bannerInternal {
        height: 250px;
        margin-top: 180px
    }

    .transpInternal {
        background: rgba(0,51,102,.7);
        height: 250px
    }

    .targetimg, .vendorHandshake {
        background-size: cover;
        background-repeat: no-repeat
    }

    li h5 {
        line-height: 20px;
        font-size: 14px
    }

    .social-sep {
        border-bottom: thin solid #ddd;
        height: 320px;
        margin-top: 10px
    }

    .align3c, .ht450, .targetimg {
        height: auto
    }

    .social-sep:last-child {
        border-bottom: 0 solid #ddd
    }

    .container {
        margin: 0 !important;
        max-width: 360px !important;
        width: 100% !important
    }

    div#clickMenu, div:hover #clickMenu {
        cursor: pointer;
        margin-left: 10px;
        display: block
    }

    .pull-right {
        float: none !important
    }

    div#clickMenu {
        margin-top: 5px;
        color: #fff
    }

    div:hover #clickMenu {
        margin-top: 5px;
        color: #f5f5f5
    }

    .breadcrumbs {
        width: 95%
    }

    .align3c {
        width: 100%;
        margin-left: 0
    }

    .raButtonGreen, a.raButtonGreen {
        padding: 20px 15px;
        font-size: 11px
    }

    .targetimg {
        background-image: url(../img/newhome/targetImg.png);
        background-position: 60% top !important;
        width: 100%
    }

    .vendorHandshake {
        background-image: url(../img/newhome/vendorHandshake.jpg);
        height: auto;
        background-position: 80% top !important;
        width: 100%
    }

    .raButtonLiteYellow, .raButtonYellow {
        display: block;
        margin-top: 5px;
        line-height: 20px
    }

    .raBtnGreen, .raButton {
        display: block;
        margin-top: 15px;
        line-height: 20px
    }

    .text-right-resp {
        text-align: left !important
    }

    .rtBrdr-resp {
        border-right: 0 solid #ccc;
        border-bottom: thin solid #fff
    }

    .f-nav {
        z-index: 9999;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%
    }

    #main-menu-container {
        text-align: center
    }

    .fmenu-align, .social {
        text-align: left !important
    }

    #main-menu {
        display: inline-block;
        width: 100%;
        margin-bottom: -40px
    }

    .social {
        margin: 10px 0
    }
}

@media screen and (max-width:320px) {
    .employer, .signup .employer {
        border-right: 0 solid #507a96
    }

    .banner, .banner-m, .scheduledemoBig {
        height: auto
    }

    .menu li, .menu ul li, ul.arrowUl {
        list-style: none
    }

    .disclaimer .footerMenu span {
        display: block !important
    }

    .disclaimer span, .disclaimer span.yellowtxt {
        display: inline
    }

    .disclaimer {
        font-size: 13px
    }

    .footerMenu, .social {
        margin: 20px -10px
    }

    ul.arrowUl {
        width: 100%
    }

    .or {
        background-color: #CCC;
        padding: 10px;
        border-radius: 60px;
        width: 40px;
        margin-top: 45px;
        margin-left: auto;
        margin-right: auto
    }

    .text-right-resp {
        text-align: left !important
    }

    a.multibtn:first-child, a.multibtn:last-child {
        margin: 10px 20px 20px 0
    }

    #txtusernameindex {
        width: 300px
    }

    #txtpasswordindex {
        width: 295px
    }

    a.multibtn {
        margin: 20px 10px
    }

    h1, h2, h3, h4, h5 {
        font-size: 130%;
        line-height: 25px
    }

    .employer {
        border-bottom: thin solid #507a96;
        padding-bottom: 40px
    }

    .signup .employer {
        border-bottom: 0 solid #507a96;
        padding-bottom: 0 !important
    }

    .banner {
        padding-bottom: 20px
    }

    .banner-m {
        padding-bottom: 30px
    }

    .raButtonLiteYellow, .raButtonYellow {
        display: block;
        margin-top: 5px;
        line-height: 20px
    }

    .raBtnGreen, .raButton {
        display: block;
        margin-top: 15px;
        line-height: 20px
    }

    div#clickMenu, div:hover #clickMenu {
        display: block;
        margin-top: 5px;
        cursor: pointer;
        margin-left: 10px
    }

    .menu li a, .menu ul li a {
        line-height: 25px;
        text-align: center
    }

    .f-nav {
        z-index: 9999;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%
    }

    #main-menu-container {
        text-align: center
    }

    #main-menu {
        display: inline-block;
        width: 100%;
        margin-bottom: -40px
    }

    .logins {
        background-repeat: no-repeat;
        background-position: center bottom;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        background-size: cover
    }

    footer {
        height: 450px
    }

    header#top {
        height: 150px
    }

    div#clickMenu {
        color: #fff
    }

    div:hover #clickMenu {
        color: #f5f5f5
    }

    .menu, .menu a, .menu li, .menu ul {
        margin: 0;
        padding: 0;
        border: none;
        outline: 0
    }

    ul.menu {
        margin: 17px -40px 0 -15px
    }

    .menu {
        width: 320px;
        display: none;
        background-color: #0071af
    }

        .menu li, .menu li a, .menu ul, .menu ul li {
            display: block
        }

            .menu li.selected, .menu li.selected a, .menu li:hover {
                background-color: #002032;
                color: #ffc200
            }

            .menu li:first-child {
                margin-left: 0;
                text-align: center
            }

            .menu li > ul li:first-child, .menu li > ul li:last-child {
                margin-left: 0
            }

        .menu li {
            float: none;
            position: relative
        }

            .menu li a {
                text-decoration: none;
                color: #fff;
                font-size: 14px;
                padding: 10px 15px;
                font-weight: 600;
                -moz-transition: background .4s linear 0s,color .3s linear 0s;
                -webkit-transition: background .4s linear 0s,color .3s linear 0s;
                -o-transition: background .4s linear 0s,color .3s linear 0s;
                -ms-transition: background .4s linear 0s,color .3s linear 0s;
                transition: background .4s linear 0s,color .3s linear 0s
            }

            .menu li:first-child a, .menu li:last-child a {
                border-left: none
            }

            .menu li:hover > a {
                color: #ffc200
            }

            .menu li.selected > ul li a {
                background-color: #002032;
                color: #fff
            }

            .menu li.selected > ul li:hover a {
                background-color: #0071af;
                color: #fff
            }

        .menu ul {
            position: absolute;
            opacity: 0;
            width: 320px;
            background-color: #002032;
            -webkit-transition: opacity .25s ease .1s;
            -moz-transition: opacity .25s ease .1s;
            -ms-transition: opacity .25s ease .1s;
            -o-transition: opacity .25s ease .1s;
            transition: opacity .25s ease .1s;
            border-radius: 0;
            top: 40px;
            z-index: 1;
            filter: alpha(opacity=0)
        }

        .menu li:hover > ul {
            opacity: 1;
            filter: alpha(opacity=100)
        }

        .menu ul li {
            height: 0;
            overflow: hidden;
            padding: 0;
            float: left;
            position: relative
        }

            .menu ul li a {
                width: 320px;
                color: #fff;
                margin: 0;
                border: none;
                padding: 10px;
                border-bottom: 1px solid #00263c;
                font-weight: 400;
                text-transform: none
            }

        .menu li:hover > ul li {
            height: auto;
            overflow: hidden
        }

        .menu ul li:hover a {
            background-color: transparent;
            -moz-background: linear-gradient(#0071af,#0071af);
            -webkit-background: linear-gradient(#0071af,#0071af);
            -ms-background: linear-gradient(#0071af,#0071af);
            -o-background: linear-gradient(#0071af,#0071af);
            background: linear-gradient(#0071af,#0071af);
            color: #fff;
            margin: 0;
            text-transform: none
        }

        .menu ul li:last-child a {
            border: none
        }

    .button-xxs, a.button-xxs {
        width: 20%
    }

    .button-xs, a.button-xs {
        width: 40%
    }

    .button-vvs, a.button-vvs {
        width: 60%
    }

    .button-vs, a.button-vs {
        width: 80%
    }

    .button-full, .button-m, .button-s, .button-xl, .button-xxl, .button-xxxl, a.button-full, a.button-m, a.button-s, a.button-xl, a.button-xxl, a.button-xxxl {
        width: 100%
    }

    input[type=submit].multibtn, input[type=submit]:first-child.multibtn {
        margin: 10px
    }

    input[type=reset].multibtn {
        margin: 0 10px
    }

    input[type=button].multibtn, input[type=button]:first-child.multibtn, input[type=reset]:first-child.multibtn {
        margin: 10px
    }

    .w1 {
        width: 10%
    }

    .w2 {
        width: 20%
    }

    .w3 {
        width: 60%
    }

    .w4 {
        width: 40%
    }

    .w5 {
        width: 50%
    }

    .w6 {
        width: 60%
    }

    .w7 {
        width: 70%
    }

    .w8 {
        width: 80%
    }

    .w9 {
        width: 90%
    }

    .w10 {
        width: 100%
    }

    .wrappers {
        width: 100% !important;
        margin: 0 !important
    }

    .centerAlign {
        width: 96%;
        margin: 0 2%
    }

    .bannersmall {
        margin-top: 180px
    }

    #title {
        color: #FFF;
        font: 700 2.4em/26px "Trebuchet MS",Trebuchet,Arial,sans-serif;
        letter-spacing: -.02em;
        text-shadow: 1px 1px 3px #111;
        background-image: url(../img/recruitalliance-com-logo.jpg);
        background-repeat: no-repeat;
        padding: 30px 0 40px;
        margin-left: -10px
    }

    .container {
        margin: 0 !important;
        max-width: 320px !important;
        width: 100% !important
    }

    .targetimg, .vendorHandshake {
        height: auto;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%
    }

    .ht450 {
        height: auto
    }

    .raButtonGreen, a.raButtonGreen {
        padding: 20px 15px;
        font-size: 9px
    }

    .targetimg {
        background-image: url(../img/newhome/targetImg.png);
        background-position: 60% top !important
    }

    .vendorHandshake {
        background-image: url(../img/newhome/vendorHandshake.jpg);
        background-position: 80% top !important
    }

    .rtBrdr-resp {
        border-right: 0 solid #ccc;
        border-bottom: thin solid #fff
    }

    li h5 {
        line-height: 20px;
        font-size: 13px
    }

    .social-sep {
        border-bottom: thin solid #ddd;
        height: 330px;
        margin-top: 10px;
        text-align: center
    }

        .social-sep:last-child {
            border-bottom: 0 solid #ddd
        }

        .social-sep a.raBtnGreen {
            text-align: center
        }

    .fmenu-align, .social {
        text-align: left !important
    }

    .social {
        margin: 10px 0
    }
}