/* 
********
ELEMENTS
********
*/

/*body
{
    /*font-family:Calibri;     margin-left:200px !important;     margin-right:200px !important;     background:#F5F5F5 !important;       */
/*margin:0px;
}*/
html {
    height: 100%;
}

body {
    /*   font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;*/
    font-family: NeoSansPro-Bold;
    font-size: 14px;
    /*line-height: 0;*/
    color: #333;
    background-color: #fff;
    margin: 0px;
    min-height: 100%;
    position: relative;
}

/*:focus {
    outline: white dotted 1px;
    outline-color: White;
}

.focus {
    outline: white dotted 1px;
    outline-color: White;
}*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*outline-color: #ccc !important;*/
    /*outline-color:transparent;
    outline:#ff0 solid 2px;*/
}

strong {
    font-family: NeoSansPro-Bold;
}

.container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px;
    /* min-width: 550px;*/
}

.clearfix {
    clear: both;
}


.clearfixAfter:after {
    content: " "; /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

select:disabled {
    cursor: not-allowed;
}

.box {
    background-color: #FFF; /*height:500px;     min-height:500px;     vertical-align:super;     border:1px solid #CBCBCB;     /*padding:10px;*/
}

.slider {
    width: 100%;
}
/*
.gtext
{
    font-weight: bold;
    color: #003b1d;
    font-size: 14px;
    margin: 0px;
}

.ytext
{
    font-weight: bold;
    font-size: 20px;
    color: #ff9c00;
    margin: 0px;
}

.wtext
{
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    margin: 0px;
}
*/
.titlePage {
    font-family: NeoSansPro-Bold;
    font-size: 24px;
    color: #000;
    text-transform: uppercase;
    float: left;
    margin-top: 22px;
}

.breadcrumbs {
    font-family: NeoSansPro-Medium;
    font-size: 13px;
    color: #7f8c8d;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: normal;
}

    .breadcrumbs.active, .breadcrumbs.active:hover {
        color: #FFFFFF;
        cursor: default;
        text-decoration: none;
    }

    .breadcrumbs:hover {
        color: #e30613;
        text-decoration: none;
    }



.breadcrumbsBar {
    font-family: NeoSansPro-Medium;
    font-size: 13px;
    color: #7f8c8d;
    text-transform: uppercase;
    margin-left: 18px;
    margin-right: 18px;
    margin-top: 0px;
    margin-bottom: 0px;
}




.btt {
    background: #ff9c00;
    border: 0; /*outline:none;*/
    color: White;
    font-weight: bold;
    height: 20px;
    padding-bottom: 20px;
    float: right;
}

.divide {
    margin: 5px 0px;
    border: 0;
    border-bottom: 1px dotted #000;
}

.btext {
    font-size: 14px;
}

/* 
*******
WRAPPER
*******
*/

.wrapper {
    width: 100%;
    height: 300px;
    vertical-align: top;
}

/* 
******
HEADER
******
*/

.header-background {
    width: 100%;
    background: #313131;
}

.header {
    width: 100%;
    height: 80px;
}


/* 
****
MENU
****
*/

.menu {
    height: 90px;
    text-align: center;
    padding: 0;
}

    .menu a {
        color: #7f8c8d; /* width: 195px; */
        text-decoration: none;
        position: relative;
        display: block;
        padding: 39px 7px 0px 7px;
        margin-top: -14px;
    }

    .menu > ul {
        list-style-type: none;
    }

    .menu a:hover {
        color: #E30613;
    }

#nav1, #nav2, #nav3, #nav4, #nav5, #nav6, #nav7, #nav8, #nav9, #nav10 {
    font-family: NeoSansPro-Bold;
    font-size: 15px;
    text-transform: uppercase;
    float: left;
}

    #nav1.active > a, #nav2.active > a, #nav3.active > a, #nav4.active > a, #nav5.active > a, #nav6.active > a, #nav7.active > a, #nav8.active > a, #nav9.active > a, #nav10.active > a {
        color: #E30613;
        border-top: 5px solid #E30613;
        padding-top: 34px;
    }
.alt-title {
    display: none;
}
/********CONTENT********/

.homeSearch {
    margin-right: 3%;
    margin-top: 20px;
}

.homeSearchDiv {
    /*max-height:230px;     min-height:195px;     height:25%;*/
    background-color: #E30613;
    width: 100%;
}

.containerJustify {
    text-align: justify;
    font-size: 0.1px; /* IE 9/10 don't like font-size: 0; */
}

    .containerJustify div {
        display: inline-block;
    }


    .containerJustify:after {
        content: '';
        width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
        display: inline-block !important;
    }

.videoBar {
    width: 14.55%;
    min-height: 6px;
    float: left;
    margin-right: 29px;
}

    .videoBar > div {
        border: 3px solid #7F8C8D;
        /* transition: all 0.3s;*/
    }

        .videoBar > div:hover {
            border: 3px solid #E30613;
        }

    .videoBar.active > div {
        border: 3px solid #E30613;
    }


    .videoBar:last-child {
        margin-right: 0px;
    }

.video {
    display: none;
    width: 100%;
    height: 88px;
}

.similarJobs {
    width: 170px;
    height: 94px;
    float: left;
    margin-right: 30px;
    border: 5px solid #BDC3C7;
}

.select_ordemDiv {
    float: right;
}

.descobreFiltro {
    float: right;
}



.plusSign {
    width: 19px;
    height: 18px;
    background-image: url('../images/icon_criar.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    margin: 15px 10px 0 0;
}

    .plusSign:hover {
        background-image: url('../images/icon_criar_over.png');
    }


.jobOfferDivText {
    float: left;
    padding-top: 15px;
    padding-left: 10px;
}

.jobOfferDiv {
    height: 50px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

p, div, ul, li {
    font-family: NeoSansPro-Regular;
}

p {
    line-height: normal;
    margin: 0;
}

div, ul, li {
    /*    line-height: 0;*/
}

li {
    line-height: normal;
}

.btn {
    font-family: NeoSansPro-Bold;
}

.p16Bold {
    font-size: 16px;
    font-family: NeoSansPro-Bold;
}

.p16BoldGrey {
    font-size: 16px;
    color: #95a5a6;
    font-family: NeoSansPro-Bold;
}

.p16BoldGreyUpper {
    font-size: 16px;
    color: #95a5a6;
    font-family: NeoSansPro-Bold;
    text-transform: uppercase;
}

.p20BoldGreyUpper {
    font-size: 20px !important;
    color: #95a5a6;
    font-family: NeoSansPro-Bold !important;
    text-transform: uppercase;
}

.p18BoldBlackUpper {
    font-size: 18px !important;
    color: #303434;
    font-family: NeoSansPro-Bold !important;
    text-transform: uppercase;
}

.p18MediumGrey {
    font-size: 18px;
    color: #95a5a6;
    font-family: NeoSansPro-Medium;
}

.p20MediumGrey {
    font-size: 20px;
    color: #95a5a6;
    font-family: NeoSansPro-Medium;
}

.p18MediumBlack {
    font-size: 18px;
    color: #303434;
    font-family: NeoSansPro-Medium;
}

.p20MediumBlack {
    font-size: 20px;
    color: #303434;
    font-family: NeoSansPro-Medium;
}



.p24BoldGreyUpper {
    font-size: 24px;
    color: #95a5a6;
    font-family: NeoSansPro-Bold;
    text-transform: uppercase;
}

.p24BoldBlackUpper {
    font-size: 24px;
    color: #000;
    font-family: NeoSansPro-Bold;
    text-transform: uppercase;
}

.p16MediumGrey {
    font-size: 16px;
    color: #95a5a6;
    font-family: NeoSansPro-Medium;
}

.p20MediumGrey {
    font-size: 20px;
    color: #95a5a6;
    font-family: NeoSansPro-Medium;
}


.editSign {
    width: 40px;
    height: 40px;
    background-image: url('../images/bt_edit.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
}


    .editSign:hover {
        background-image: url('../images/bt_edit_over.png');
    }


.editSign_table {
    position: relative;
    background-image: url(../images/bt_edit01.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

    .editSign_table:hover {
        background-image: url(../images/bt_edit_over01.png);
    }

.editSignDisable_table {
    position: relative;
    background-image: url(../images/bt_edit01_disabled.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}

.deleteSign_table {
    position: relative;
    background-image: url(../images/bt_delete01.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

    .deleteSign_table:hover {
        background-image: url(../images/bt_delete_over01.png);
    }


.openText {
    width: 19px;
    height: 12px;
    background-image: url('../images/seta_baixo.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    margin: 7px 0px 0 0;
}

    .openText:hover {
        background-image: url('../images/seta_baixo_over.png');
    }

.separador:hover .openText {
    background-image: url('../images/seta_baixo_over.png');
}

.closeText {
    width: 19px;
    height: 12px;
    background-image: url('../images/seta_cima.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    margin: 7px 0px 0 0;
}

    .closeText:hover {
        background-image: url('../images/seta_cima_over.png');
    }

.separador:hover .closeText {
    background-image: url('../images/seta_cima_over.png');
}



/*-white-*/

.openTextWhite {
    width: 19px;
    height: 12px;
    background-image: url('../images/seta_baixo_branco.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    margin: 20px 10px 0 0;
}

    .openTextWhite:hover {
        background-image: url('../images/seta_baixo_preto.png');
    }

.closeTextWhite {
    width: 19px;
    height: 12px;
    background-image: url('../images/seta_cima_branco.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    margin: 20px 10px 0 0;
}

    .closeTextWhite:hover {
        background-image: url('../images/seta_cima_preto.png');
    }

.openTextBlack {
    width: 19px;
    height: 12px;
    background-image: url('../images/seta_baixo_preto.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    margin: 7px 0px 0 0;
}

    .openTextBlack:hover {
        background-image: url('../images/seta_baixo_over.png');
    }

.closeTextBlack {
    width: 19px;
    height: 12px;
    background-image: url('../images/seta_cima_preto.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    margin: 7px 0px 0 0;
}

    .closeTextBlack:hover {
        background-image: url('../images/seta_cima.png');
    }


.arrowSignRight {
    width: 12px;
    height: 19px;
    background-image: url('../images/seta_direita.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    margin: 0px 0px 0 0;
}

    .arrowSignRight:hover {
        background-image: url('../images/seta_direita_over.png');
    }



.loupeSignBlack {
    width: 20px;
    height: 19px;
    background-image: url('../images/lupa_01.png');
    background-repeat: no-repeat; /*cursor:pointer;*/
    float: right;
}

.loupeSignGrey {
    width: 20px;
    height: 19px;
    background-image: url('../images/lupa_03.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
}

.loupeSignWhite {
    width: 20px;
    height: 19px;
    background-image: url('../images/lupa_02.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
}

.editText {
    width: 23px;
    height: 18px;
    background-image: url('../images/icon_edit01.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
}

    .editText:hover {
        background-image: url('../images/icon_edit01_over.png');
    }

.mailSign {
    width: 40px;
    height: 40px;
    background-image: url('../images/bt_candidatar.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    margin: 16px 10px 0 0;
}


    .mailSign:hover {
        background-image: url('../images/bt_candidatar_over.png');
    }


.downloadSign {
    width: 40px;
    height: 40px;
    background-image: url('../images/bt_download.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    margin: 16px 10px 0 0;
}


    .downloadSign:hover {
        background-image: url('../images/bt_download_over.png');
    }


.linkSign {
    width: 40px;
    height: 40px;
    background-image: url('../images/bt_linked.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    margin: 16px 10px 0 0;
}


    .linkSign:hover {
        background-image: url('../images/bt_linked_over.png');
    }


.toggleOffButton {
    width: 80px;
    height: 29px;
    background-image: url('../images/toggle_off.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
}

.toggleOnButton {
    width: 80px;
    height: 29px;
    background-image: url('../images/toggle_on.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
}

.closeSign {
    width: 21px;
    height: 20px;
    background-image: url('../images/icon_fechar.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
}

    .closeSign:hover {
        background-image: url('../images/icon_fechar_fechar.png');
    }

.boxButton {
    float: right;
}

.containerMenuList {
    padding-top: 75px;
    min-height: 500px;
}

.containerMenuListNoTitle {
    padding-top: 68px;
}

.rightMenuList {
    float: left;
    width: 77.5%;
    display: inline-block;
    margin-bottom: 68px;
}

.leftMenuList {
    float: left;
    width: 22.5%;
    padding-right: 25px;
    margin-bottom: 68px;
}



.leftMenuListTitle {
    color: #E30613;
    margin-top: 11px;
    margin-bottom: 14px;
}

.rightMenuListTitle {
    color: #95a5a6;
    margin-top: 13px;
    margin-bottom: 12px;
}

.boxText {
    min-height: 50px;
    background-color: #ecf0f1;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0px 0 10px 0;
}

    .boxText.pad14Top {
        padding-top: 14px;
    }

.boxText2 {
    min-height: 40px;
    background-color: #ecf0f1;
    padding-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0px 0 0px 0;
}

.boxText3 {
    min-height: 40px;
    background-color: #ecf0f1;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0px 0 0px 0;
}


.boxText4 {
    min-height: 40px;
    background-color: #D7DCDE;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0px 0 14px 0;
    width: 175px;
    float: left;
}


.boxText .p16Bold {
    display: inline;
    line-height: 21px;
}

.text_boxText {
    margin-top: 10px;
    border-top: 2px solid #BDC3C7;
    padding-top: 5px;
    padding-bottom: 10px;
    line-height: normal;
    white-space: pre-wrap;
    text-align: justify;
    word-wrap: break-word;
}

    .text_boxText div {
        line-height: normal;
    }

.leftMenuList .btn {
    text-transform: uppercase;
}

.btn {
    height: 50px;
    display: inline-block;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; /*user-select: none;*/
    background-image: none;
    border: none;
    border-radius: 6px;
    padding-bottom: 7px;
    padding-top: 7px;
    margin-bottom: 10px;
}

.btn-default {
    color: #92a4a4;
    background-color: #D7DCDE;
}

.leftMenuList .btn-default {
    color: #92a4a4;
    background-color: #D7DCDE;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 20px;
}

.btn-default:hover {
    color: #FFF;
    background-color: #E30613;
}


.btn-default:focus, .btn-default:active, .btn-default.active {
    color: #FFF;
    background-color: #E30613;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-arrowright:focus, .btn-arrowright:active, .btn-arrowright.active, .btn-arrowright:hover {
    color: #FFF;
    background-color: #E30613;
    background-image: url('../images/seta_direita_branco.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
    margin-right: 10px;
}




.btn-arrowright {
    background-image: url('../images/seta_direita.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
}



.btn-loupe {
    background-image: url('../images/lupa_02.png');
    background-repeat: no-repeat;
    background-position: 12% 50%;
}


    .btn-loupe:hover {
        background-image: url('../images/lupa_03.png');
    }

.btn-thumbsgrid {
    width: 40px;
    height: 40px;
    background-image: url('../images/bt_thumbs01.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

    .btn-thumbsgrid:focus, .btn-thumbsgrid:hover, .btn-thumbsgrid:active, .btn-thumbsgrid.active {
        width: 40px;
        height: 40px;
        color: #FFF;
        background-color: #E30613;
        background-image: url('../images/bt_thumbs01_select.png');
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }

.btn-thumbsgrid_02 {
    width: 40px;
    height: 40px;
    background-image: url('../images/bt_thumbs02.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

    .btn-thumbsgrid_02:focus, .btn-thumbsgrid_02:hover, .btn-thumbsgrid_02:active, .btn-thumbsgrid_02.active {
        width: 40px;
        height: 40px;
        color: #FFF;
        background-color: #E30613;
        background-image: url('../images/bt_thumbs02_select.png');
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }

.btn-thumbslist {
    width: 40px;
    height: 40px;
    background-image: url('../images/bt_list.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

    .btn-thumbslist:focus, .btn-thumbslist:active, .btn-thumbslist.active, .btn-thumbslist:hover {
        width: 40px;
        height: 40px;
        color: #FFF;
        background-color: #E30613;
        background-image: url('../images/bt_list_select.png');
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }

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

.imageDiscover {
    width: 370px;
    height: 208px;
}

.infoDiscover {
    width: 57%;
    display: inline-block;
    padding: 10px;
}

.boxDiscover {
    background-color: #ecf0f1;
    width: 100%;
    margin-bottom: 35px;
}

.multiselect {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    max-height: 230px;
    border: 0;
    overflow-x: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.multiselect_border {
    border: 2px solid #D7DCDE;
    padding-top: 10px;
    margin-top: -10px;
    z-index: 1;
    position: relative;
    padding-right: 1px;
    border-radius: 6px;
}

.multiselect label {
    padding: 2px 10px;
    margin: 1px 10px 1px 15px;
}


.boxAll {
    min-height: 50px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #FFFFFF;
    zoom: 1;
    margin: 10px 0 10px 0;
}

.boxHeader {
    height: 50px;
    line-height: 50px;
    color: #393939;
    padding-left: 15px;
    color: #ffffff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #E30613;
    zoom: 1;
    font-size: 16px;
    font-family: NeoSansPro-Bold;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
}

.checkBox input[type=checkbox] {
    visibility: hidden;
    width: 0px;
}


/**
 * Checkbox Five
 */
.checkBox {
    width: 100%;
    font-family: NeoSansPro-Regular;
    font-size: 14px;
    color: Black;
    line-height: 22px;
    min-height: 20px;
}



    /**
 * Create the box for the checkbox
 */
    .checkBox label {
        cursor: pointer;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        background: url('../images/pick_unchecked.png') left top no-repeat;
        float: left;
    }

        .checkBox label:hover {
            background: url('../images/pick_over.png') left top no-repeat;
        }


    .checkBox input[type="checkbox"]:checked + label {
        background: url('../images/pick_checked.png') left top no-repeat;
    }


.multiselect hr {
    margin: 5px 15px;
    border: 0;
    border-top: 1px solid #D7DCDE;
    clear: both;
}

.overlayImage {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    background-color: rgba(48, 52, 52, 0.8);
    display: none;
    cursor: pointer;
}

.overlayImageList {
    top: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    background-color: rgba(114,114,114,0.9);
    padding: 5px;
    margin: 5px;
    display: none;
    width: 75px;
    cursor: pointer;
}

.overlayImage_nomargin {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    padding: 5px;
    display: none;
}

.favoriteSign {
    width: 43px;
    height: 43px;
    background-image: url('../images/icon_favorito.png');
    background-repeat: no-repeat;
    float: right;
    cursor: pointer;
    position: absolute;
    right: 0;
    display: none;
}

    .favoriteSign.active, .favoriteSign:active {
        background-image: url('../images/icon_favorito_select.png');
    }

.item.standard .favoriteSign {
    margin-top: 5px;
    top: 0;
    margin-right: 5px;
}

.boxDiscoverGrid {
    width: 49%;
    position: relative;
    float: left;
    margin-bottom: 2%;
}

#gridImageView .boxDiscoverGrid:nth-child(even) {
    float: right;
}

.boxDiscoverGridText {
    color: white;
    font-size: 22px;
    font-weight: bold;
    display: inline;
    width: 85%;
    float: left;
    margin-bottom: 25px;
}

.boxHomeGrid {
    position: relative;
}

#grid-content {
    list-style-type: none;
    position: relative;
    width: auto;
    min-height: 200px;
}

ul#grid-content {
    margin-top: 25px;
}


#grid-content li {
    width: 370px;
    height: 208px;
    margin: 10px;
}



#favorites #grid-content li {
    width: 406px;
    height: 233px;
    margin: 10px;
    padding: 3px;
}

ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

.boxHomeGridHeader {
    color: white;
    font-size: 19px;
    display: inline;
    width: 100%;
    font-family: NeoSansPro-Medium;
}

.standard .overlayImage.acess2 {
    height: 120px;
}

.standard .overlayImage.acess3 {
    height: 150px;
}

.boxHomeGridHeader.acess2 {
    font-size: 22px;
}

.boxHomeGridHeader.acess3 {
    font-size: 26px;
}

.boxHomeGridHeader p {
    font-family: NeoSansPro-Medium;
    padding: 5px;
}

.boxHomeGridText {
    font-family: NeoSansPro-Regular;
    color: White;
    font-size: 16px;
    clear: both;
    position: absolute;
    bottom: 0px;
}

#gridcontent {
    position: relative;
    width: auto;
    min-height: 300px;
}

#grid_content {
    position: relative;
    width: auto;
    min-height: 300px;
}

#gridcontent > div {
    margin: 10px;
    padding: 0px;
    float: left;
}

#grid_content > div {
    margin: 5px;
    padding: 5px;
}

#gridcontent div.large {
    width: 64.5%;
    height: 460px;
}


#gridcontent div.normal {
    width: 31.80%;
    height: 220px;
}

#gridcontent div.middle {
    width: 48.2%;
    height: 330px;
}

#gridcontent div.custom {
    width: 415px;
    height: 243px;
    margin: 10px;
}

#grid_content div.homeCustom {
    width: 380px;
    height: 218px;
    margin: 5px;
}

.boxHomeGridBody {
    color: White;
    font-size: 16px;
    clear: both;
    width: 100%;
    position: absolute;
    bottom: 5px;
    text-align: justify;
    max-height: 160px;
    overflow: auto;
    margin: 5px;
}

#gridImageView_favorites .boxHomeGridBody {
    max-height: 130px;
}

#gridImageView .boxHomeGridBody {
    padding: 5px;
    bottom: 0;
}

.boxHomeGridBody.acess2 {
    font-size: 20px;
}

.boxHomeGridBody.acess3 {
    font-size: 24px;
}

.homeCustom .boxHomeGridBody {
    color: White;
    font-size: 16px;
    clear: both;
    width: 83%;
    height: 121px;
    position: absolute;
    padding: 5px;
    bottom: 2px;
}

.custom .boxHomeGridBody {
    color: White;
    font-size: 16px;
    clear: both;
    width: 83%;
    height: 121px;
    position: absolute;
    padding: 5px;
    bottom: 2px;
}

.normal .boxHomeGridBody {
    position: absolute;
    bottom: 5px;
}

.normal .overlayImage {
    height: 100px !important;
    top: auto;
    width: 100% !important;
}


.large .boxHomeGridBody {
    position: absolute;
    bottom: 5px;
}

.large .overlayImage {
    height: 100px;
    top: auto;
    width: 100%;
}

.middle .boxHomeGridBody {
    position: absolute;
    bottom: 5px;
}

.middle .overlayImage {
    height: 100px;
    top: auto;
    width: 100%;
}

.standard .overlayImage {
    height: 100px;
    top: auto;
    width: 100%;
}

.standard, .normal, .middle, .large {
    cursor: pointer;
}

    .standard.pub, .normal.pub, .middle.pub, .large.pub {
        cursor: default;
    }

#description .boxText {
    margin-top: 0;
}

#companies .boxText {
    margin-top: 0;
}

.boxText ul {
    padding-left: 20px;
}

@font-face {
    font-family: 'NeoSansPro-Bold';
    src: url('../fonts/NeoSansPro-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/NeoSansPro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/NeoSansPro-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: NeoSansPro-BoldItalic;
    src: url('../fonts/NeoSansPro-BoldItalic.ttf' );
}

@font-face {
    font-family: NeoSansPro-Italic;
    src: url('../fonts/NeoSansPro-Italic.ttf' );
}

@font-face {
    font-family: 'NeoSansPro-Light';
    src: url('../fonts/NeoSansPro-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/NeoSansPro-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/NeoSansPro-Light.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: NeoSansPro-LightItalic;
    src: url('../fonts/NeoSansPro-LightItalic.ttf' );
}

@font-face {
    font-family: 'NeoSansPro-Medium';
    src: url('../fonts/NeoSansPro-Medium.eot'); /* IE9 Compat Modes */
    src: url('../fonts/NeoSansPro-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/NeoSansPro-Medium.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'NeoSansPro-Regular';
    src: url('../fonts/NeoSansPro-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/NeoSansPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/NeoSansPro-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}


@font-face {
    font-family: 'NeoSansPro-Ultra';
    src: url('../fonts/NeoSansPro-Ultra.eot'); /* IE9 Compat Modes */
    src: url('../fonts/NeoSansPro-Ultra.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/NeoSansPro-Ultra.ttf') format('truetype'); /* Safari, Android, iOS */
}

select {
    font-size: 16px;
    font-family: NeoSansPro-Bold;
    width: 100%;
    border: none;
    appearance: button;
    -moz-appearance: button; /* Firefox */
    -webkit-appearance: button; /* Safari and Chrome */
    background: url(../images/seta_baixo.png) 100% 50% no-repeat;
    cursor: pointer;
    padding-top: 4px;
}

    select::-ms-expand {
        display: none; /*fix IE11*/
    }

    select:hover {
        background-image: url(../images/seta_baixo_over.png);
        background-position: 100% 50%;
        background-repeat: no-repeat;
    }


.arrowBlack {
    background: url(../images/seta_baixo_preto.png) 100% 50% no-repeat;
    padding-right: 20px;
}

/**jquery ui dialog*/
#dialog .no-close .ui-dialog-titlebar-close {
    display: none;
}


.ui-dialog-titlebar {
    display: none;
}

.ui-widget-header {
    border: none !important;
    background-color: transparent !important;
    font-size: 16px !important;
    color: #BDC3C7 !important;
    font-family: NeoSansPro-Bold !important;
}

.ui-state-default .ui-icon {
    width: 21px;
    height: 20px;
    background: transparent url(../images/icon_fechar.png) no-repeat 0 0 !important;
}

    .ui-state-default .ui-icon:hover {
        background: transparent url(../images/icon_fechar_fechar.png) no-repeat 0 0 !important;
    }


.ui-dialog-titlebar .ui-widget-header .ui-corner-all .ui-helper-clearfix {
    border-bottom: 1px solid Black !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none !important;
    background: none !important;
}

.ui-dialog .ui-dialog-content {
    padding: 0 !important;
}

.ui-dialog {
    padding: 0 !important;
}

.ui-widget-content {
    border: none !important;
}

#loginBt {
    width: 370px;
    height: 50px;
    text-align: center;
    font-size: 20px;
    color: White;
    font-family: NeoSansPro-Bold;
    background-color: #E30613;
    text-transform: uppercase;
}

.loginBt {
    width: 370px;
    height: 50px;
    text-align: center;
    font-size: 20px;
    color: White;
    font-family: NeoSansPro-Bold;
    background-color: #E30613;
    text-transform: uppercase;
}

.loginTab {
    width: 252px;
    height: 50px;
    display: inline-block;
    color: white;
    font-size: 20px;
    font-family: NeoSansPro-Bold;
    text-align: center;
    padding-top: 12px;
    cursor: pointer;
    text-transform: uppercase;
    line-height: normal;
}


.loginTab2 {
    width: 252px;
    height: 50px;
    display: inline-block;
    font-size: 20px;
    font-family: NeoSansPro-Bold;
    text-align: center;
    padding-top: 12px;
    cursor: pointer;
    text-transform: uppercase;
    line-height: normal;
    background-color: #D7DCDE;
    color: #92a4a4;
}


    .loginTab2.active {
        color: white;
        background-color: #E30613;
    }

.loginTabFbGoogle {
    width: 252px;
    height: 50px;
    display: inline-block;
    color: #FFFFFF;
    font-size: 16px;
    font-family: NeoSansPro-Medium;
    text-align: center;
    padding-top: 12px;
    cursor: pointer;
    line-height: normal;
}

.iconFB {
    background-image: url(../images/icon_facebook_login.png);
    background-repeat: no-repeat;
    background-position: 18px 10px;
}


.iconGoogle {
    background-image: url(../images/icon_google_login.png);
    background-repeat: no-repeat;
    background-position: 28px 10px;
}

.loginTextArea {
    width: 370px;
    height: 50px;
    color: #94a6a6;
    font-size: 20px !important;
    font-family: NeoSansPro-Medium !important;
    margin-left: 65px;
    position: relative;
}

.loginBorderArea {
    border: 2px solid #dee1e3;
    width: 325px;
    height: 50px;
    border-left: none;
    margin-left: 47px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

#pass {
    width: 321px;
    border: none;
    padding-left: 10px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    height: 46px;
    margin-left: 2px;
}



#user {
    width: 321px;
    border: none;
    padding-left: 10px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    height: 46px;
    margin-left: 2px;
}

#email_new, #mailrequest {
    width: 321px;
    border: none;
    padding-left: 10px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    height: 46px;
    margin-left: 2px;
}

#pass_new {
    width: 321px;
    border: none;
    padding-left: 10px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    height: 46px;
    margin-left: 2px;
}


.pass {
    background: url(../images/password.png) 0 50% no-repeat;
}

.user {
    background: url(../images/username.png) 0 50% no-repeat;
}


.exitSign {
    background: url(../images/icon_fechar.png) 100% 50% no-repeat;
    float: right;
    width: 100%;
    height: 20px;
    cursor: pointer;
}

    .exitSign:hover {
        background: url(../images/icon_fechar_fechar.png) 100% 50% no-repeat;
    }

.editTextArea {
    width: 600px;
    height: 52px;
    padding-left: 10px;
    border-radius: 6px;
    border: 1px solid #D7DCDE;
}


.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: 16px !important;
    font-family: NeoSansPro-Bold !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0 !important;
    top: 0 !important;
    width: 60px !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 30px !important;
}

#newsletter {
    background-image: url(../images/bt_newsletter_01.png);
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    float: right;
    cursor: pointer;
}

    #newsletter:hover {
        background-image: url(../images/bt_newsletter_01_over.png);
    }

.newsletter {
    width: 250px;
    height: 36px;
    padding-left: 10px;
    border: none;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background-color: #d7dcde;
    color: #7f8c8d;
}


.textEdit {
    width: 97%;
    height: 300px;
    margin: 0px;
    border-radius: 6px;
    resize: none;
    border: 2px solid #D7DCDE;
}


#tableList th {
    background-color: #D7DCDE;
    font-family: NeoSansPro-Bold;
    font-size: 16px;
    color: #92a4a4;
    height: 15px;
    line-height: normal;
}

    #tableList th:first-child {
        border-top-left-radius: 6px;
    }

    #tableList th:last-child {
        border-top-right-radius: 6px;
    }

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 8px;
    border-bottom: 0px solid #111111;
}


#tableList td {
    background-color: #ecf0f1;
    border-bottom: 1px solid #D7DCDE;
    line-height: 30px;
}


#tableList tr:last-child td {
    border-bottom: none;
}

    #tableList tr:last-child td:first-child {
        border-bottom-left-radius: 6px;
    }

    #tableList tr:last-child td:last-child {
        border-bottom-right-radius: 6px;
    }

table.dataTable.no-footer {
    border-bottom: 0px solid #111111;
}

#tableList td:first-child div:first-child {
    font-family: NeoSansPro-Bold;
    font-size: 16px;
}

#tableList td:first-child .ofertaDiv {
    line-height: 30px;
    float: left;
    margin-left: 10px;
    width: 32%;
    word-break: break-word;
}

#tableList td:first-child {
    font-family: NeoSansPro-Bold;
    font-size: 16px;
}

#tableList td:last-child {
    font-family: NeoSansPro-Bold;
    font-size: 16px;
}

.ofertaDiv.acess2 {
    font-size: 20px !important;
}

.ofertaDiv.acess3 {
    font-size: 24px !important;
}

#tableList td:not(:first-child) {
    font-family: NeoSansPro-Regular;
    font-size: 16px;
}

.newAlert {
    background-image: url(../images/novo.png);
    background-repeat: no-repeat;
    width: 42px;
    height: 30px;
    float: right;
    display: inline;
    cursor: pointer;
    background-position: 0% 50%;
    margin-left: 15px;
}

#alertCount {
    width: 37px;
    height: 30px;
    background-color: #E30613;
    position: absolute;
    bottom: 28%;
    right: 15%;
    border-radius: 14px;
    text-align: center;
    color: White;
    font-family: NeoSansPro-Bold;
    font-size: 19px;
    line-height: normal;
    padding-top: 3px;
}

.btn-default.active:first-child #alertCount {
    background-color: White;
    color: #E30613;
}

#loginDiv {
    display: inline;
    cursor: pointer;
    color: #7f8c8d;
}

    #loginDiv:hover, #loginDiv:active {
        color: #e30613;
    }

#logOut {
    display: inline;
    cursor: pointer;
    color: #7f8c8d;
}

    #logOut:hover, #logOut:active {
        color: #e30613;
    }

#welcomeName {
    display: inline;
    color: #7f8c8d;
}



#registerDiv {
    display: inline;
    cursor: pointer;
    color: #7f8c8d;
}

    #registerDiv:hover, #registerDiv:active {
        color: #e30613;
    }

#info_bt {
    background-image: url(../images/bt_info.png);
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 4px;
}

    #info_bt:hover {
        background-image: url(../images/bt_info_over.png);
    }

.barLogin {
    display: inline;
    color: #7f8c8d;
    margin: 0px 14px 0px 14px;
}


.videoGalleryText {
    font-size: 13px;
    color: White;
    font-family: NeoSansPro-Medium;
    text-transform: uppercase;
    text-align: initial;
    word-wrap: break-word;
    margin: 5px;
}



.proMediumUpper {
    font-family: NeoSansPro-Medium;
    text-transform: uppercase;
}

.proBoldUpper {
    font-family: NeoSansPro-Medium;
    text-transform: uppercase;
}

/*.footer {
    background-color: #D7DCDE;
    margin: 0;
    height: 60px;
    width: 100%;c
    padding-top: 6px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}*/
.footer {
    background-color: #D7DCDE;
    margin: 0;
    height: 110px;
    width: 100%;
    padding-top: 6px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

.footerInfo {
    float: right;
    margin-top: 15px;
}

    .footerInfo p {
        font-size: 13px;
        color: #7f8c8d;
        display: inline;
    }

.footerInfoLinks {
    float: right;
    margin-top: 15px;
}

    .footerInfoLinks p {
        font-size: 13px;
        color: #7f8c8d;
        display: inline;
    }

        .footerInfoLinks p:nth-child(odd) {
            cursor: pointer;
        }

            .footerInfoLinks p:nth-child(odd):hover {
                color: #e30613;
            }


    .footerInfoLinks a {
        font-size: 13px;
        color: #7f8c8d;
        text-decoration: none;
    }

        .footerInfoLinks a:hover {
            color: #e30613;
        }

.w3c {
    background-image: url(../images/icon_W3C.png);
    background-repeat: no-repeat;
    width: 88px;
    height: 31px;
    float: right;
    margin-top: 5px;
    margin-left: 14px;
}

    .w3c:hover {
        background-image: url(../images/icon_W3C_over.png);
    }


.w3c2 {
    background-image: url(../images/bt_fb.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    float: right;
    cursor: pointer;
    margin-top: 5px;
    margin-left: 14px;
}

.ui-widget-overlay {
    background-position: 0% 0%;
    opacity: 1 !important;
    background-color: rgba(24, 24, 24, 0.63) !important;
    filter: Alpha(Opacity=100) !important;
    background-image: none !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}

.sombra {
    width: 100%;
    height: 45px;
    background-image: url(../images/sombra_cima.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.sombra_menu {
    width: 100%;
    height: 5px;
    background-image: url(../images/sombra_cima2.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.sombra_baixo {
    width: 100%;
    height: 85px;
    background-image: url(../images/sombra_baixo.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -40px;
    right: 0;
    left: 0;
}

.container.acessPage {
    margin-top: 30px;
}

#acess_1, .access1 {
    background-image: url(../images/bt_texto_1.png);
    background-repeat: no-repeat;
}

#acess_2, .access2 {
    background-image: url(../images/bt_texto_2.png);
    background-repeat: no-repeat;
    margin-left: 10px;
    margin-right: 10px;
}

#acess_3, .access3 {
    background-image: url(../images/bt_texto_3.png);
    background-repeat: no-repeat;
}

.acessIcon {
    cursor: pointer;
    width: 36px;
    height: 36px;
    float: left;
    margin-top: 7px;
}

    .acessIcon.discoverAcessIcon {
        margin-top: 2px;
    }

        .acessIcon.discoverAcessIcon#acess_1 {
            margin-left: 10px;
        }

.acessIconDiv {
    float: right;
    padding-bottom: 10px;
}

.acessIcon2 {
    cursor: pointer;
    width: 36px;
    height: 36px;
    float: left;
}

.pageTitle {
    font-size: 22px;
    float: left;
    width: 85%;
    padding-top: 4px;
    margin-bottom: 5px;
}


    .pageTitle.estab {
        font-size: 22px;
        font-family: NeoSansPro-Regular;
        margin-bottom: 0px;
    }

    .pageTitle.curso {
        font-size: 20px;
    }


#acess_1:hover, #acess_1:active, #acess_1.active, .access1:hover, .access1:active, .access1.active {
    background-image: url(../images/bt_texto_1_over.png);
}

#acess_2:hover, #acess_2:active, #acess_2.active, .access2:hover, .access2:active, .access2.active {
    background-image: url(../images/bt_texto_2_over.png);
}

#acess_3:hover, #acess_3:active, #acess_3.active, .access3.active, .access3:hover, .access3:active, .access3.active {
    background-image: url(../images/bt_texto_3_over.png);
}

.boxNumber {
    font-family: NeoSansPro-Regular;
    font-size: 14px;
    color: White;
    font-weight: normal;
}

.list_title {
    font-family: NeoSansPro-Medium;
    font-size: 22px;
    color: #333334;
    margin-bottom: 5px;
}

.list_text {
    font-family: NeoSansPro-Regular;
    font-size: 16px;
    color: #333334;
    padding-top: 5px;
}


    .list_text.acess2 {
        font-size: 20px;
    }

.list_title.acess2 {
    font-size: 24px;
}

.list_text.acess3 {
    font-size: 24px;
}

.list_title.acess3 {
    font-size: 26px;
}

.print {
    cursor: pointer;
    width: 70px;
    height: 70px;
    background-image: url(../images/bt_imprimir.png);
    background-repeat: no-repeat;
    float: right;
    background-position: 50% 50%;
}

    .print:hover {
        background-image: url(../images/bt_imprimir_over.png);
    }

.printDiv {
    padding-top: 16px;
    margin-top: 36px;
    height: 70px;
    float: left;
    width: 88%;
}

#play_bt {
    position: absolute;
    cursor: pointer;
    width: 76px;
    height: 81px;
    right: 32%;
    top: 43%;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-image: url(../images/play_v2.png);
    background-repeat: no-repeat;
}

.play_bt {
    position: absolute;
    cursor: pointer;
    width: 96px;
    height: 103px;
    right: 46%;
    top: 38%;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-image: url(../images/play_v2.png);
    background-repeat: no-repeat;
}

    #play_bt:hover, .play_bt:hover {
        transform: scale(1.09,1.09);
    }

#ytVideo .play_bt {
    z-index: 1;
}

#saberMais_bt {
    position: absolute;
    cursor: pointer;
    width: 200px;
    height: 50px;
    left: 5px;
    bottom: 56px;
    border-radius: 6px;
    background-color: #e30613;
    display: none;
}

    #saberMais_bt p {
        color: White;
        text-align: center;
        font-family: NeoSansPro-Regular;
        font-size: 24px;
        padding-top: 10px;
        text-transform: uppercase;
        margin-bottom: 0px;
        margin-top: 0px;
    }

.text_boxText p {
    margin: 0 0 0px;
    text-indent: 0px !important;
}


.shadow {
    width: 100%;
    height: 512px;
    background-image: url(../images/mask_1170.png);
    background-size: contain;
}

.blank {
    width: 100%;
    height: 512px;
    background-image: url(../images/blank.png);
    background-size: contain;
}


.marginTop {
    margin-top: 20px;
}



input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(250, 255, 189);
    color: rgb(0, 0, 0);
}

.similarJobsContainer {
    background-color: #ecf0f1;
    height: 225px;
    margin-top: 58px;
    clear: both;
    position: relative;
}

    .similarJobsContainer .overlayLoading {
        margin-bottom: 20px;
    }

.mediaSliders {
    position: relative;
}

#printPage {
    display: none;
}

.shareText {
    float: left;
    padding-top: 10px;
}

.headerBar {
    background-color: #BDC3C7;
    width: 100%;
    height: 74px;
}

.footerNewsLetter {
    background-color: #BDC3C7;
    height: 46px;
    width: 100%;
}

.imageVDf {
    padding: 10px;
}

.bannerCitacao {
    width: 376px;
    text-align: left;
    position: absolute;
    top: 60px;
}

.bannerTitulo {
    width: 600px;
    text-align: left;
    position: absolute;
    top: 210px;
    font-size: 45px;
}

.bannerDescricao {
    width: 490px;
    text-align: left;
    position: absolute;
    top: 370px;
}

.carreiraBannerTitulo {
    position: absolute;
    width: 550px;
    text-align: left;
    position: absolute;
    top: 35%;
    font-size: 45px;
    white-space: pre-wrap;
    color: #ffffff;
    font-family: NeoSansPro-Medium;
    line-height: normal;
}

.carreiraBannerDescricao {
    width: 490px;
    text-align: left;
    position: absolute;
    top: 75%;
    font-size: 25px;
    white-space: pre-wrap;
    color: #ffffff;
    font-family: NeoSansPro-Medium;
    position: absolute;
    line-height: normal;
}

.dialogBar {
    height: 2px;
    background-color: #D7DCDE;
    margin-left: 18px;
    margin-right: 18px;
}

.editF {
    width: 731px;
    margin: 10px 18px 0 18px;
}


    .editF label {
        width: 221px !important;
        float: left;
        line-height: normal;
        padding-top: 17px;
    }
    /*label*/

    .editF input[type=text], .editF input[type=password], .editF textarea, .editF select { /*textbox*/
        border: 1px solid #D7DCDE;
        padding: 8px 8px;
        display: inline-block;
        width: 510px;
        overflow: hidden;
        position: relative;
        z-index: 1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        resize: none;
        margin-bottom: 10px;
    }

.overlay_Banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 495px;
}

#bannerContainer {
    max-width: 1170px;
    margin-bottom: 22px;
    position: relative;
    height: 475px;
    text-align: right;
    padding: 0 20px 0 45px;
}

#bannerArrowPreview, #bannerArrowNext {
    position: absolute;
    display: block;
    top: 205px;
    width: 55px;
    height: 55px;
}

#bannerArrowPreview {
    left: -33px;
}

#bannerArrowNext {
    right: -27px;
}

.jssora061 {display:block;position:absolute;cursor:pointer;}
.jssora061 .a {fill:none;stroke:#fff;stroke-width:660;stroke-linecap:round;}
.jssora061:hover {opacity:.8;}
.jssora061.jssora061dn {opacity:.5;}
.jssora061.jssora061ds {opacity:.3;pointer-events:none;}

#banner {
    max-width: 1170px;
    margin-bottom: 22px;
    position: relative;
    height: 495px;
    text-align: right;
}

.guiaNavP {
    /*width: 75%;*/
    float: left;
}

#imageBlur {
    height: 495px;
    width: 100%;
    position: absolute;
}

    #imageBlur img {
        width: 100%;
        height: inherit;
        -webkit-filter: blur(22px);
        filter: blur(22px);
        transform: scale(1,3);
        -webkit-transform: scale(1,2);
    }




.tagsProfs {
    float: left;
    margin-left: 62px;
}

    .tagsProfs .boxText {
        background-color: White;
        width: 170px;
    }

.pesquisarHomeInput {
    background-color: White;
    width: 270px;
    float: left;
    padding-top: 14px;
    margin: 0;
}

    .pesquisarHomeInput.filterInst {
        width: 63%;
    }

.tagsVocs {
    float: left;
    margin-left: 15px;
}

    .tagsVocs .boxText {
        background-color: White;
        width: 160px;
    }


.pesquisarHomeButton {
    width: 170px;
    float: right;
    margin-bottom: 0;
}

    .pesquisarHomeButton p {
        font-family: NeoSansPro-Medium;
        text-transform: uppercase;
        font-size: 19px;
        padding-left: 40px;
        color: White;
    }

    .pesquisarHomeButton:hover p {
        color: #95a5a6;
    }

    .pesquisarHomeButton .btn {
        margin-bottom: 0;
    }

#pesquisar, #pesquisarCurso, #pesquisarInst, #pesquisarVocBT {
    width: 100%;
    background-color: #303434;
}

    #pesquisar:disabled, #pesquisarVocBT:disabled {
        cursor: not-allowed;
        background-color: #D7DCDE;
    }

#pesquisarResp, #pesquisarRespCurso, #pesquisarVoc {
    width: 100%;
    background-color: #303434;
}


.over {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    padding: 4px 6px;
    font-size: 13px;
    color: #fff;
    background: #222;
    background: rgba(0,0,0,.7);
}

#mobileDiv {
    position: absolute;
    right: 0;
    padding-top: 10px;
}

#logoDTF {
    margin-top: 18px;
    float: left;
}

    #logoDTF img {
        cursor: pointer;
    }

.filterTagsDropDown {
    background-color: #D7DCDE;
    width: 170px;
    height: 40px;
    padding-top: 4px;
    margin-top: 17px;
    float: right;
}

.buttonsHomeOrderVideos {
    float: left;
    width: 23%;
}

#recentes_bt {
    padding-bottom: 0px;
    padding-top: 0px;
    height: 40px;
    width: 90%;
    text-align: center;
    font-size: 20px;
}

#vistos_bt {
    padding-bottom: 0px;
    padding-top: 0px;
    height: 40px;
    width: 90%;
    text-align: center;
    font-size: 20px;
}

.mediaBts {
    position: absolute;
    top: 45px;
    right: 0;
    z-index: 1;
}

#videoSlider_bt {
    text-transform: uppercase;
    height: 40px;
    display: block;
    width: 100px;
    padding-left: 16px;
    text-align: center;
    line-height: 20px;
}

.target {
    mask: url("#m1");
}

#imageSlider_bt {
    text-transform: uppercase;
    height: 40px;
    display: none;
    width: 100px;
    text-align: center;
    line-height: 20px;
}

#imageContainer {
    height: 532px;
    text-align: center;
    display: none
}

#ytVideo {
    height: 532px;
    text-align: center;
    padding-right: 131px;
    padding-left: 131px;
}



#video {
    width: 100% !important;
    height: inherit;
    padding-bottom: 22px;
}

.combodate .day {
    width: 55px !important;
}

.combodate .month {
    width: 65px !important;
}

.combodate .year {
    width: 80px !important;
}

.combodate select {
    font-size: 16px;
    font-family: NeoSansPro-Bold;
    width: 100%;
    border: none;
    appearance: button;
    -moz-appearance: button;
    -webkit-appearance: button;
    background: url(../images/seta_baixo.png) 100% 50% no-repeat;
    cursor: pointer;
    padding: 3px 5px 5px 5px;
}

.combodate div {
    border: 2px solid #D7DCDE;
    border-radius: 6px;
    float: left;
    padding: 10px;
}

    .combodate div:not(:first-child) {
        margin-left: 10px;
    }


.motivo {
    vertical-align: top;
    width: 100%;
}

    .motivo p {
        margin: 16px 0 16px 0;
    }

    .motivo .motivoTD {
        word-break: break-word;
    }


.blankSign {
    position: relative;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-color: #D7DCDD;
}

#seeAll_bt {
    font-size: 18px;
    padding-bottom: 0px;
    padding-top: 0px;
    height: 40px;
    width: 118px;
    text-align: center;
    margin-right: 5px;
}

.logoheader {
    width: 200px;
}

.logoMenuWhite {
    height: 100px;
}

#menuMobile {
    float: right;
    /*overflow: hidden;*/
}

#menuSearch {
    float: right;
    margin: 25px 5px 0px 5px;
    cursor: pointer;
}

#menuSearchContent {
    float: right;
    margin: 10px 5px 0px 5px;
}

.partnerLogo {
    /*    width: 140px; */
    height: 50px;
    margin-top: 5px;
    float: right;
}

.partnerSubTitle {
    margin-left: 90px;
    font-weight: 600;
    color: #7f8c8d;
    font-size: 14px;
    margin-top: -10px;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    position: absolute;
}

/*li {
    display: inline;
}

    li:nth-child(4):before {
        display: block;
        content: '';
    }*/

.formationNameDiv {
    float: left;
    padding-top: 16px;
}

.formationSelect {
    background-color: #D7DCDE;
    width: 210px;
    margin-bottom: 14px;
    float: right;
}


.dialogBts {
    width: 170px;
    text-align: center;
}

.selectDistrictCouncil {
    background-color: transparent;
    color: #92a4a4;
    display: inline;
    width: 100%;
    border: 1px solid #D7DCDE;
    border-radius: 6px;
    height: 52px;
    background-position-x: 98% !important;
    margin-bottom: 10px;
    margin-top: 5px;
    padding-left: 6px;
}


.divDistrictCouncil {
    margin: 18px;
}

.newVideosBox {
    width: 100%;
    border: 2px solid #D7DCDE;
}

.ofertasAlertasBox {
    width: 48%;
    float: left;
}

.newVideosBox .checkBox {
    float: left;
    width: 50%;
    padding-bottom: 5px;
    padding-top: 5px;
}

.alertasProfs {
    margin-top: 25px;
    padding-left: 18px;
    padding-right: 18px;
    width: 770px;
}

.alertasOfertas {
    margin-top: 36px;
    padding-left: 18px;
    padding-right: 18px;
    width: 770px;
}

#ofertasdeEmpregoTitle {
    margin-top: 30px;
}

.selectAlertasActiveBox, .selectAlertasHistBox {
    background-color: #D7DCDE;
    width: 200px;
}

#profileUser .boxText {
    padding-left: 18px;
    padding-right: 18px;
}

#formRegistoe .selectDistrictCouncil#district, #formRegisto .selectDistrictCouncil#district {
    background-color: White;
    margin-right: 26px;
}

#formRegistoe .selectDistrictCouncil#council, #formRegisto .selectDistrictCouncil#council {
    background-color: transparent;
}

#formRegistoe #cancelar_bt, #formRegisto #cancelar_bt {
    width: 170px;
    text-align: center;
}

#formRegistoe #registar_bt, #formRegisto #registar_bt {
    width: 210px;
    text-align: center;
}

#formRegistoe .cancelar_btDiv, #formRegisto .cancelar_btDiv {
    float: left;
    padding: 40px 0 18px 0;
}

#formRegistoe .registar_btDiv, #formRegisto .registar_btDiv {
    float: right;
    padding: 40px 0 18px 0;
}

#formRegisto .editTextArea, #formRegistoe .editTextArea {
    width: 100%;
}

.formRegistoSelect {
    width: 100%;
    background-color: White;
    margin-bottom: 10px;
    margin-top: 5px;
    padding-left: 6px;
    border: 1px solid #D7DCDE;
    height: 52px;
    color: #92a4a4;
    background-position: 98%;
    border-radius: 6px;
}

    .formRegistoSelect:disabled {
        background-color: #ecf0f1;
    }

    .formRegistoSelect:hover {
        background-position: 98%;
    }

.separador {
    /* cursor: pointer;*/
}

.overlayLoading {
    position: absolute;
    top: 82px;
    right: 0;
    left: 0;
    background-color: #ccc;
    width: 100%;
    bottom: 0;
    z-index: 1;
    opacity: 0.5;
    /* min-height: 224px;*/
    border-radius: 6px;
    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=50);
    /* Older than Firefox 0.9 */
    -moz-opacity: 0.5;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.5;
    /* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
    opacity: 0.5;
    background-image: url("../images/loading.gif");
    background-position: 50%;
    background-repeat: no-repeat;
}

h3 + [aria-hidden] {
    display: none;
}

h3 + [aria-hidden="false"] {
    display: block;
}

h3 {
    -webkit-margin-after: 0;
    -webkit-margin-before: 0;
    margin: 0;
    line-height: 30px;
}

.separadorBt {
    width: 100%;
    text-align: left;
    border: none;
    background-color: transparent;
    font-family: NeoSansPro-Bold;
    font-size: 16px;
    padding: 0;
    line-height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 22px;
}

#option2 h3 {
    width: 97%;
    display: inline-block;
}

h3 [aria-expanded] {
    background-image: url('../images/seta_baixo.png');
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 100% 50%;
}

h3:hover [aria-expanded] {
    background-image: url('../images/seta_baixo_over.png');
}

h3 [aria-expanded="true"] {
    background-image: url('../images/seta_cima.png');
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: 100% 50%;
}

h3:hover [aria-expanded="true"] {
    background-image: url('../images/seta_cima_over.png');
}

.requestbt {
    cursor: pointer;
    font-size: 12px !important;
    color: Black;
    text-align: center;
    height: 25px;
    clear: both;
    background-color: transparent;
    border: none;
    width: 119px;
}

#nomeUser.acess2, #idade.acess2, #district.acess2, #council.acess2, #formRegistoe .editTextArea.acess2, .boxText.acess2 {
    font-size: 20px;
}

#nomeUser.acess3, #idade.acess3, #district.acess3, #council.acess3, #formRegistoe .editTextArea.acess3, .boxText.acess3 {
    font-size: 22px;
}


.checkboxTitle {
    float: left;
    width: 65%;
    line-height: 22px;
}

.requestbtDiv {
    width: 100%;
    padding: 16px 0 0 38%;
}


.boxText.selectboxit {
    padding: 0;
    margin: 0;
}

.arrowBlack2 {
    background-image: url(../images/seta_baixo_preto.png);
    background-repeat: no-repeat;
    height: 12px;
    width: 19px;
}

.selectboxit-hover .arrowBlack2 {
    background: url(../images/seta_baixo_over.png) 100% 50% no-repeat;
}


.tagsVocs .boxText.selectboxit {
    width: 160px;
}

.tagsVocs .selectboxit-container .selectboxit {
    width: 160px !important;
}

.tagsVocs .selectboxit-text {
    width: 128px;
}

.tagsProfs .selectboxit-text {
    width: 138px;
}

#serchBar_title_Filter {
    padding: 17px 0;
}

#searchBar_line {
    background-color: #f18389;
    width: 100%;
    height: 2px;
}

#filter_searchDiv {
    background-color: White;
    border: 2px solid #D7DCDE;
}

/*POLLS*/

#polls {
    position: absolute;
    top: 0;
    background-color: #D7DCDE;
    width: 100%;
    z-index: 10;
    border-bottom: 1px solid #95A5A6;
}

.pollQuestions {
    line-height: normal;
    background-color: White;
    word-wrap: break-word;
    border-radius: 6px;
    margin-bottom: 15px;
    padding: 5px 10px 5px 10px;
}

.pollBoxText > div {
    border-top: 2px solid #BDC3C7;
    margin-top: 5px;
    padding-top: 15px;
    clear: both;
}

.pollBoxText {
    height: 40px;
    padding-top: 36px;
    background-image: url(../images/sombra_cima.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 0%;
}

.pollSep {
    width: 100%;
    text-align: left;
    border: none;
    background-color: transparent;
    font-family: NeoSansPro-Bold;
    font-size: 16px;
    color: #95A5A6;
    padding: 0;
    line-height: 20px;
    padding-right: 22px;
    padding-bottom: 5px;
    padding-top: 5px;
    float: left;
    word-wrap: break-word;
}


    .pollSep::before {
        content: url(../images/bt_reporting.png);
        padding-right: 10px;
        float: left;
    }

    .pollSep span {
        float: left;
        width: 95%;
    }

.pollBts {
    width: 170px;
    text-align: center;
    color: White;
    font-family: NeoSansPro-Bold;
    background-color: #E30613;
    text-transform: uppercase;
    float: right;
    height: 50px;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    border: none;
    border-radius: 6px;
    padding-bottom: 7px;
    padding-top: 7px;
    margin-bottom: 10px;
}

/* RADIO BOX*/
.radio input[type=radio] {
    visibility: hidden;
    width: 0px;
}

.radio {
    width: 100%;
    font-family: NeoSansPro-Regular;
    font-size: 14px;
    color: Black;
    line-height: 22px;
    min-height: 20px;
    width: 100%;
}

    /*.radio span {
        width: 96%;
        float: left;
    }*/

    /**
 * Create the box for the checkbox
 */
    .radio label {
        cursor: pointer;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        background: url('../images/radio_unchecked.png') left top no-repeat;
        float: left;
        display: inline-block;
        margin-right: 10px;
    }

        .radio label:hover {
            background: url('../images/radio_over.png') left top no-repeat;
        }

    .radio input[type="radio"]:checked + label {
        background: url('../images/radio_checked.png') left top no-repeat;
    }


    /*POLLS RESULT*/
    .radio.radioResult {
        float: left;
        width: 60%;
        margin-top: 0;
    }

.votes {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.votesBar {
    height: 20px;
    background-color: rgb(227, 6, 19);
    display: none;
}

.votesBG {
    float: left;
    height: 20px;
    border-radius: 6px;
    width: 30%;
    background-color: #D7DCDE;
    overflow: hidden;
    margin-right: 10px;
}

.votesPercent {
    float: left;
    width: 50px;
    line-height: 22px;
    color: #95A5A6;
    font-family: NeoSansPro-Bold;
    font-size: 16px;
}

#pollHist {
    float: left;
}

    #pollHist .boxText {
        float: left;
        width: 100%;
        margin-bottom: 35px;
        word-break: break-word
    }

#pollsDiv {
    position: relative;
    float: left;
    width: 100%;
}


    #pollsDiv .overlayLoading {
        top: 0px;
    }

        #pollsDiv .overlayLoading > div {
            text-align: center;
        }

        #pollsDiv .overlayLoading img {
            margin-top: 96px;
        }

.overlayLoading > div {
    text-align: center;
}

.overlayLoading img {
    margin-top: 30%;
}


#pollHist h3.acess2 {
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 10px;
}

#pollHist h3.acess3 {
    font-size: 24px;
    line-height: 35px;
    padding-bottom: 10px;
}


#pollHist .radio.radioResult.acess2 {
    font-size: 16px;
    line-height: 26px;
}

#pollHist .radio.radioResult.acess3 {
    font-size: 20px;
    line-height: 26px;
}

.separadorBt.acess2 {
    font-size: 22px;
    line-height: 30px;
}


.separadorBt.acess3 {
    font-size: 26px;
    line-height: 35px;
}


.nota.acess2 {
    font-size: 22px;
    line-height: 30px;
}


.nota.acess3 {
    font-size: 26px;
    line-height: 35px;
}


.separador .text_boxText.acess2 {
    font-size: 20px;
    line-height: 20px;
}


.separador .text_boxText.acess3 {
    font-size: 24px;
    line-height: 24px;
}

h3.arrowRight [aria-expanded] {
    background-image: url('../images/seta_direita.png');
}

h3.arrowRight:hover [aria-expanded] {
    background-image: url('../images/seta_direita_over.png');
}

.nota {
    padding-bottom: 10px;
}

.profissaoNomeBanner {
    position: absolute;
    top: 70%;
    font-size: 45px;
    white-space: pre-wrap;
    color: #ffffff;
    font-family: NeoSansPro-Medium;
}

#scrollToTop {
    position: fixed;
    bottom: 25px;
    left: 16px;
    z-index: 2000;
    display: none;
    cursor: pointer;
}

    #scrollToTop img {
        max-width: 100%;
    }

.mediaContainer {
    padding-top: 30px;
}

.spanName {
    max-width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    line-height: normal;
    vertical-align: text-bottom;
}

#pesquisarResp, #pesquisarRespCurso, #pesquisarVoc {
    display: none;
    height: 37px;
}

#bannerInfo {
    text-align: center;
    margin: 25px 0;
}


#img404 {
    text-align: center;
    padding-right: 131px;
    padding-left: 131px;
    cursor: pointer;
    margin-bottom: 60px;
}




#favorites {
    position: relative;
}


    #favorites .overlayLoading {
        display: none;
        min-height: 100px;
        opacity: 1;
        background-position: 50% 20px;
    }

@media print {
    #printPage {
        display: block;
        margin: 0 auto;
        width: 1000px;
    }

    .container {
        display: none;
    }

    .mediaContainer {
        display: none;
    }

    .mediaSliders {
        display: none;
    }

    .similarJobsContainer {
        display: none;
    }

    .headerBar {
        display: none;
    }

    .footerNewsLetter {
        display: none;
    }

    .footer {
        display: none;
    }

    #profTitlePrint {
        border-bottom: 5px solid #BDC3C7;
    }

    #descriptionPrint, #biografiaPrint, #formationPrint, #empresaPrint {
        margin: 30px auto;
        width: 90%;
    }

    #universidadePrint, #unidadePrint, #cursoPrint, #planoPrint, #candidaturasPrint, #saidasPrint, #acordosPrint, #erasmusPrint, #testemunhosPrint, #bolsasPrint, #alojamentosPrint, #extraPrint {
        margin: 30px auto;
        width: 90%;
    }

    .titlePrint {
        border-bottom: 3px solid #E30613;
    }

    .boxText {
        background: none;
        min-height: 0;
        padding-top: 0;
        margin: 25px 0 0px 0;
    }

    .text_boxText {
        background: none;
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        word-break: break-word !important;
        text-align: left;
    }

    #greyBar {
        display: none;
    }

    #titleFixed {
        display: none;
    }

    #scrollToTop {
        display: none !important;
    }
}



.abcFilter input[type="radio"] {
    display: none;
}


    .abcFilter input[type="radio"]:checked + label {
        color: #e30613;
    }

    .abcFilter input[type="radio"]:disabled + label {
        color: #f0f2f3;
        cursor: default;
    }

.abcFilter {
    display: flex;
    flex-direction: row;
}

    .abcFilter label {
        display: inline-block;
        line-height: 20px;
        font-size: 20px;
        flex-grow: 1;
        flex-basis: 0;
        font-family: NeoSansPro-Bold;
        color: #d7dcde;
        text-align: center;
        cursor: pointer;
    }

        .abcFilter label:not(:last-child) {
            border-right: 2px solid #d7dcde;
        }

.hrAbcList {
    background-color: #d7dcde;
    height: 2px;
    clear: both;
    border: 0;
}


.overlayLoading.noTop {
    top: 0;
    display: none;
    min-height: 100px;
}

#filterProf, #filterCursos, #filterInst, #filterVoc {
    display: none;
}

.goTo {
    display: inline-block;
    width: 17px;
    height: 17px;
    background-image: url('../images/icon_link.png');
    background-repeat: no-repeat;
    vertical-align: middle;
    background-size: 17px;
    margin-left: 5px;
}

    .goTo:hover {
        background-image: url('../images/icon_link_over.png');
    }


.goToSeeMore {
    display: inline-block;
    width: 62px;
    height: 19px;
    background-image: url('../images/icon_vermais.png');
    background-repeat: no-repeat;
    vertical-align: middle;
    background-size: 62px;
    margin-left: 5px;
}

    .goToSeeMore:hover {
        background-image: url('../images/icon_vermais_over.png');
    }

#option2 .goTo {
    margin-left: 0px;
    margin-right: 5px;
    vertical-align: baseline;
}


.colab{
    height:50px;
    margin-top:10px;
    text-align:center;
}
    .colab img {
        height: inherit;
        vertical-align: middle;
        margin-right: 10px;
    }
    .colab span {
        font-size: 17px;
        color: #7f8c8d;
        font-family: NeoSansPro-Regular;
    }

nav ul li ul {
    position: relative;
    background: #FFF;
    padding: 10px 0 0 3px;
}

    nav ul li ul li {
        width: 100%;
        list-style: none;
        background-color: #fff;
        text-align:left;
    }

        nav ul li ul li a {
            display: block;
            color: #444;
            padding: 23px 10px;
        }

        nav ul li ul li:hover a {
            
        }

    nav ul li ul.fallback {
        display: none;
        position: absolute;
        background-color: #E30613;
        margin-top: 2px;
    }
    
    nav ul li ul a.submenu {
        padding: 18px 9px;
    }

nav ul li:hover ul.fallback {
    display: block;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box {
    background: rgba(48, 52, 52, 0.8);
    /*border: 3px solid #e30613;
    border-radius: 6px;*/
    box-shadow: 5px 5px 2px 0 rgba(0,0,0,0.4);
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content {
    color: #fff;
    padding: 10px;
}


/*BUBBLE*/

/* Speech bubble with a shadow */
.bubble {
    position: fixed;
    bottom: 68px;
    right: 12px;
    background-color: #e30613;
    background-image: -webkit-linear-gradient(top, hsla(0,0%,100%,.5), hsla(0,0%,100%,0));
    background-image: -moz-linear-gradient(top, hsla(0,0%,100%,.5), hsla(0,0%,100%,0));
    background-image: -ms-linear-gradient(top, hsla(0,0%,100%,.5), hsla(0,0%,100%,0));
    background-image: -o-linear-gradient(top, hsla(0,0%,100%,.5), hsla(0,0%,100%,0));
    background-image: linear-gradient(top, hsla(0,0%,100%,.5), hsla(0,0%,100%,0));
    border-radius: 5px;
    /*box-shadow: inset 0 1px 1px hsla(0,0%,100%,.5), 3px 3px 0 hsla(0,0%,0%,.1);*/
    color: #ecf0f1;
    display: inline-block;
    font: 12px/18px NeoSansPro-Bold;
    padding: 8px 15px;
    cursor: pointer;
    /*text-shadow: 0 1px 1px hsla(0,0%,100%,.5);*/
}

    .bubble:after, .bubble:before {
        border-bottom: 25px solid transparent;
        border-left: 25px solid #e30613;
        bottom: -25px;
        content: '';
        position: absolute;
        left: 25px;
    }

    .bubble:before {
        border-left: 25px solid hsla(0,0%,0%,.1);
        bottom: -28px;
        left: 22px;
    }


a, a:active, a:focus, div {
   outline: 0;
   ie-dummy: expression(this.hideFocus=true);
}


/*** POP-UP BANNER ***/

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.modal-banner {
    display: none;
    position: fixed;
    z-index: 1000;
    padding-top: 200px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.7);
}

    .modal-banner .modal-content {
        margin: auto;
        display: block;
        width: 80%;
        max-width: 700px;
        animation-name: zoom;
        animation-duration: 0.6s;
    }

    .modal-banner .close {
        position: absolute;
        top: 15px;
        right: 35px;
        color: #f1f1f1;
        font-size: 40px;
        font-weight: bold;
        transition: 0.3s;
    }

        .modal-banner .close:hover,
        .modal-banner .close:focus {
            color: #bbb;
            text-decoration: none;
            cursor: pointer;
        }

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .modal-banner .modal-content {
        width: 100%;
    }
}