@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:200,300,400,600,700,800,900');

@font-face {
    font-family: 'icocml';
    src: url('../fonts/icocml.eot?n9p3xh');
    src: url('../fonts/icocml.eot?n9p3xh#iefix') format('embedded-opentype'), url('../fonts/icocml.ttf?n9p3xh') format('truetype'), url('../fonts/icocml.woff?n9p3xh') format('woff'), url('../fonts/icocml.svg?n9p3xh#icocml') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icocml' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-audio-full:before {
    content: "\e900";
}

.icon-audio-small:before {
    content: "\e901";
}

.icon-calendar:before {
    content: "\e902";
}

.icon-calendar2:before {
    content: "\e903";
}

.icon-calendar2-small:before {
    content: "\e904";
}

.icon-calendar-full:before {
    content: "\e905";
}

.icon-calendar-full_1:before {
    content: "\e906";
}

.icon-calendar-small:before {
    content: "\e907";
}

.icon-camera:before {
    content: "\e908";
}

.icon-camera-full:before {
    content: "\e909";
}

.icon-camera-small:before {
    content: "\e90a";
}

.icon-category:before {
    content: "\e90b";
}

.icon-category-full:before {
    content: "\e90c";
}

.icon-category-small:before {
    content: "\e90d";
}

.icon-clock:before {
    content: "\e90e";
}

.icon-clock-full:before {
    content: "\e90f";
}

.icon-clock-small:before {
    content: "\e910";
}

.icon-close:before {
    content: "\e911";
}

.icon-close-small:before {
    content: "\e912";
}

.icon-coordinates:before {
    content: "\e913";
}

.icon-coordinates-full:before {
    content: "\e914";
}

.icon-coordinates-small:before {
    content: "\e915";
}

.icon-dialog:before {
    content: "\e916";
}

.icon-dialog-full:before {
    content: "\e917";
}

.icon-dialog-small:before {
    content: "\e918";
}

.icon-document:before {
    content: "\e919";
}

.icon-document2:before {
    content: "\e91a";
}

.icon-document2-full:before {
    content: "\e91b";
}

.icon-document2-small:before {
    content: "\e91c";
}

.icon-document-full:before {
    content: "\e91d";
}

.icon-document-small:before {
    content: "\e91e";
}

.icon-download:before {
    content: "\e91f";
}

.icon-download-small:before {
    content: "\e920";
}

.icon-email:before {
    content: "\e921";
}

.icon-email-full:before {
    content: "\e922";
}

.icon-email-small:before {
    content: "\e923";
}

.icon-facebook-full:before {
    content: "\e924";
}

.icon-facebooksmall:before {
    content: "\e925";
}

.icon-filter:before {
    content: "\e926";
}

.icon-filter-small:before {
    content: "\e927";
}

.icon-instagram-full:before {
    content: "\e928";
}

.icon-instagram-small:before {
    content: "\e929";
}

.icon-list:before {
    content: "\e92a";
}

.icon-list-small:before {
    content: "\e92b";
}

.icon-nav-menu:before {
    content: "\e92c";
}

.icon-nav-menu2:before {
    content: "\e92d";
}

.icon-nav-menu2-small:before {
    content: "\e92e";
}

.icon-nav-menu3:before {
    content: "\e92f";
}

.icon-nav-menu-small:before {
    content: "\e930";
}

.icon-news:before {
    content: "\e931";
}

.icon-news2:before {
    content: "\e932";
}

.icon-news2-full:before {
    content: "\e933";
}

.icon-news2-small:before {
    content: "\e934";
}

.icon-news-full:before {
    content: "\e935";
}

.icon-news-small:before {
    content: "\e936";
}

.icon-ok:before {
    content: "\e937";
}

.icon-ok-full:before {
    content: "\e938";
}

.icon-ok-small:before {
    content: "\e939";
}

.icon-phone:before {
    content: "\e93a";
}

.icon-phone-full:before {
    content: "\e93b";
}

.icon-phone-small:before {
    content: "\e93c";
}

.icon-picture:before {
    content: "\e93d";
}

.icon-picture-full:before {
    content: "\e93e";
}

.icon-picture-small:before {
    content: "\e93f";
}

.icon-pinplace:before {
    content: "\e940";
}

.icon-pinplace-full:before {
    content: "\e941";
}

.icon-pinplace-small:before {
    content: "\e942";
}

.icon-play:before {
    content: "\e943";
}

.icon-play-full:before {
    content: "\e944";
}

.icon-play-small:before {
    content: "\e945";
}

.icon-search:before {
    content: "\e946";
}

.icon-search-small:before {
    content: "\e947";
}

.icon-share:before {
    content: "\e948";
}

.icon-share-full:before {
    content: "\e949";
}

.icon-share-small:before {
    content: "\e94a";
}

.icon-smile:before {
    content: "\e94b";
}

.icon-smile-small:before {
    content: "\e94c";
}

.icon-twitter-full:before {
    content: "\e94d";
}

.icon-twitter-small:before {
    content: "\e94e";
}

.icon-video:before {
    content: "\e94f";
}

.icon-video-full:before {
    content: "\e950";
}

.icon-video-small:before {
    content: "\e951";
}

.icon-vimeo-full:before {
    content: "\e952";
}

.icon-vimeo-small:before {
    content: "\e953";
}

.icon-website:before {
    content: "\e954";
}

.icon-website-small:before {
    content: "\e955";
}

.icon-alert:before {
    content: "\e956";
}

.icon-alert-full:before {
    content: "\e957";
}

.icon-alert-small:before {
    content: "\e958";
}

.icon-arrow:before {
    content: "\e959";
}

.icon-arrow-small:before {
    content: "\e95a";
}

.icon-audio:before {
    content: "\e95b";
}



body {
    font-family: 'Nunito Sans', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: 400;
    font-size: 1.8rem;
    letter-spacing: .009rem;
    line-height: 2.6rem;
    word-wrap: break-word;
    color: #000;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0 0 1.2rem 0;
    word-break: keep-all;
}



h1 {
    font-weight: 800;
    font-size: 4rem !important;
    line-height: 4.8rem;
    display: inline-block;
}

h2 {
    font-weight: 800;
    font-size: 2.4rem;
}

h3 {
    font-weight: 800;
    font-size: 2rem;
}

h4 {
    font-weight: 800;
    font-size: 1.6rem;
}

h5 {
    font-weight: 800;
    font-size: 1.4rem;
}

p {
    font-weight: 300;
}

a {
    color: #000;
    text-decoration: underline;
    font-weight: 200;
    display: inline-block;
    -webkit-transition: 200ms linear;
    -moz-transition: 200ms linear;
    -o-transition: 200ms linear;
    transition: 200ms linear;
}

    a:hover, a:focus {
        opacity: 0.8;
        color: #8e8e8e !important;
    }

.navbar-brand {
    height: auto;
}

img.navbar-brand-logo-normal {
    width: 100px;
    height: auto;
}

.vertical-center {
    display: flex;
    align-items: center;
}

.row {
    margin-right: -10px;
    margin-left: -10px;
}

.content-center .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding: 10px;
}

.container {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.containerHomePage {
    width: 100%;
    max-width: 1650px;
    padding-left: 10px;
    padding-right: 10px;
}

#lastEvents > img {
    width: 100%;
    height: 300px;
    display: block;
}

.jumboimage {
    background-image: url("/Style%20Library/Images/image.jpg");
    background-color: #000;
    margin-bottom: 0;
    min-height: 50%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    min-height: 550px;
    position: relative;
}

    .jumboimage:before {
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        bottom: 0;
        pointer-events: none;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+20,000000+100&0+20,0.75+100 */
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 20%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 20%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0,0,0,0) 20%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
    }

    .jumboimage h1, .jumboimage p {
        color: #FFF;
    }

    .jumboimage .container {
        max-width: 600px;
        text-align: center;
        z-index: 999;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.jumbotron {
    background-color: #e1eff7;
    margin: 0;
}

    .jumbotron .container {
        max-width: 1350px;
    }

    .jumbotron h1, .jumbotron p {
        color: #000;
        font-size: 1.8rem;
    }

.frame-space-before-large {
    margin-top: 2em;
}

.frame-space-after-large {
    margin-bottom: 1em;
    margin-left: 6%;
    margin-right: 6%;
}


.navbar-default .navbar-toggle {
    border-color: transparent;
    margin-top: 20px;
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: -10px
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-collapse .collapse .in ul li a {
    line-height: 2;
    padding-left: 30px;
}

.btn {
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 2px;
    color: #fff;
    font-weight: 600;
    background: #000;
    padding: 14px 35px 14px 35px;
    text-decoration: none;
    border: none;
    letter-spacing: 1.4px;
    -webkit-transition: background 200ms linear;
    -moz-transition: background 200ms linear;
    -o-transition: background 200ms linear;
    transition: background 200ms linear;
}

    .btn:hover {
        background-color: transparent;
        color: #0a95e2;
        border: 1px solid #0a95e2;
        padding: 13px 34px 13px 34px;
    }


.btn-extra-small {
    padding: 5px 10px 5px 10px;
    margin: 0;
    font-weight: 900;
    font-size: 1.28rem;
}

    .btn-extra-small:hover {
        padding: 4px 9px 4px 9px;
    }

.btn-search {
    padding: 9px 11px 8px 11px;
    margin: 0;
    font-weight: 600;
    font-size: 1.28rem;
}

    .btn-search:hover {
        padding: 9px 11px 8px 11px;
    }


.btn-blue {
    background: #0a95e2;
}

.corporate_logo {
    display: inline-block;
}

    .corporate_logo a img {
        width: 28px;
        padding: 10px 0;
    }

.corporate-navigation .dropdown {
    display: inline-block;
    float: right;
}

.corporate-navigation .dropdown-toggle {
    background: none;
    border: 0;
    line-height: 2.6;
    padding: 0;
}

.corporate-navigation .dropdown-menu {
    right: 0;
    border-radius: 0;
    margin: 0;
    left: inherit;
}

    .corporate-navigation .dropdown-menu > li > a {
        padding: 13px 20px;
        text-decoration: none;
        font-weight: 900;
    }

    .corporate-navigation .dropdown-menu:before {
        right: -1px;
        border: 8px solid transparent;
        border-bottom-color: #ddd;
    }

    .corporate-navigation .dropdown-menu:after {
        right: 0;
        border: 7px solid transparent;
        border-bottom-color: #fff;
    }

    .corporate-navigation .dropdown-menu:before, .corporate-navigation .dropdown-menu:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 100%;
        width: 0;
        height: 0;
    }

.nav > li > a {
    padding-right: 20px;
    padding-left: 20px;
}

.navbar-default .navbar-nav > li > a, .navbar-default-transition .navbar-nav > li > a, .navbar-default-transition.navbar-transition .navbar-nav > li > a {
    color: #fff;
    text-decoration: none;
    font-size: 1.48rem;
    text-transform: none;
    font-weight: 200;
    line-height: 3;
}

.navbar-default .navbar-nav > li:last-child {
    padding-right: 0;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default-transition .navbar-nav > li > a:hover, .navbar-default-transition .navbar-nav > li > a:focus, .navbar-default-transition.navbar-transition .navbar-nav > li > a:hover, .navbar-default-transition.navbar-transition .navbar-nav > li > a:focus, a:focus, a:hover {
    color: #FFF;
}

.navbar {
    border-radius: 0;
    margin-bottom: 0;
}

.navbar-default {
    background-color: #2d2d2d;
    border-color: inherit;
    border: 0;
}

.thumbnail {
    padding: 0;
    border-radius: 0;
    border: 1px solid #e2e2e2;
    height: 100%;
    margin: 0;
}

    .thumbnail .caption {
        text-align: left;
        padding: 20px;
    }

        .thumbnail .caption a {
            display: block;
        }

.img-center {
    display: block;
    margin: 0 auto;
    padding: 20px 0;
}

.date {
    display: inline-block;
    padding: 5px;
    padding-left: 0;
}

    .date p, .date span {
        font-size: 1.4rem;
        display: inline-block;
        margin: 0;
    }

footer .container {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

footer .jumbotron {
    padding: 1em;
    background-color: #2d2d2d;
}

    footer .jumbotron h1, footer .jumbotron h2, footer .jumbotron h3, footer .jumbotron h4, footer .jumbotron p, footer .jumbotron a {
        color: #FFF;
    }

    footer .jumbotron p, footer .jumbotron a {
        font-size: 1.4rem;
        font-weight: 200;
    }

footer .footer-brand-corporate img {
    width: 110px;
}

footer .socialmedia a {
    padding: 9px;
    border: 1px solid #e2e2e2;
    border-radius: 20px;
    margin: 5px 5px 5px 0;
    text-decoration: none;
    display: -webkit-inline-box;
}

    footer .socialmedia a:last-child {
        margin-right: 10px;
    }

footer .contacts > div {
    float: right;
}

footer .privacy {
    font-size: 1.4rem;
}

    footer .privacy ul {
        text-align: right;
    }

        footer .privacy ul li {
            list-style: none;
        }

            footer .privacy ul li a {
                padding-right: 10px;
                padding-left: 10px;
            }

    footer .privacy ul, footer .privacy p {
        margin-bottom: 0;
    }

@media (min-width: 400px) {
    footer .privacy ul li {
        display: inline-block;
    }
}

@media (max-width: 992px) {
    footer .contacts > div, footer .socialmedia > div {
        float: none;
    }

    footer {
        text-align: center;
    }

        footer .footer-brand-corporate {
            float: none;
        }

        footer .privacy ul {
            text-align: inherit;
            padding-left: 0;
        }
}

.linkFooter {
    color: #000;
    text-decoration: underline;
    font-weight: 800;
}

.textUnderline {
    text-decoration: underline;
}

.containerPadding {
    padding-left: 6%;
    padding-right: 6%;
}


.menuText {
    color: #fff;
    text-decoration: none;
    font-size: 1.48rem;
    text-transform: none;
    font-weight: 200 !important;
    line-height: 3;
}

.img-thumbnailHP {
    width: 150px;
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    height: 150px;
    /* background-color: #fff; */
    /* border: 1px solid #ddd; */
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


/*.ms-dialog div#s4-ribbonrow {
    display: none !important;
}*/
/*Adicional CSS*/
#RibbonContainer-TabRowRight {
    display: none !important;
}

div.o365cs-nav-rightMenus {
    float: right !important;
}

div.o365cs-nav-leftAlign, div.o365cs-nav-headerRegion, div.o365cs-rsp-tn-hideIfAffordanceOn, .div.ms-verticalAlignTop {
    display: none !important;
}

.afontWeight800 {
    font-weight: 800 !important;
}


.pointerNone {
    pointer-events: none;
    text-decoration-line: none !important;
}

.titleEvents {
    padding: 1%;
    font-size: 2.8rem;
    font-weight: 800;
}

.fontBold {
    font-weight: bold;
}

.marginLeft20 {
    margin-bottom: 1em;
    margin-left: 20%;
    margin-right: 3%
}

.txtRigthAlign {
    text-align: right;
}

.listScroll {
    max-height: 500px;
    overflow-x: hidden;
    margin-top: 5%;
}

.rowLeft {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.marginLeftBtn {
    margin-left: 5%;
}

.noWordWrap {
    white-space: nowrap;
}

.noWordWrap-requirer {
    white-space: nowrap;
}

.fontSize-requirer {
    font-size: 1.1rem;
}
/*#sideNavBox {
    display: none;
}*/


.alert-login {
}

.alert-login-text {
    font-weight: bold;
}

.logo__appstore-img {
    width: 155px;
}

footer .socialmedia > .rowRight {
    margin-bottom: 10px;
}

footer .socialmedia .logo__appstore {
    padding-top: 5px;
}

    footer .socialmedia .logo__appstore a {
        padding: 0px;
        border: none;
        margin-right: 0;
        margin-left: 0;
        float: right;
    }

@media (max-width:992px) {
    footer .socialmedia .logo__appstore a {
        float: initial;
    }
}

.rowRight {
    float: right;
}


.rTable {
    display: table;
}

.rTableRow {
    display: table-row;
}

.rTableHeading {
    display: table-header-group;
}

.rTableBody {
    display: table-row-group;
}

.rTableFoot {
    display: table-footer-group;
}

.rTableCell, .rTableHead {
    display: table-cell;
}

.volunteer-quiz .rTableRow .rTableCell {
    height: 60px;
}

.volunteer-opportunities-details {
    text-align: left;
    background-color: rgba(53, 145, 67, 0.5);
    margin-left: 7%;
    margin-right: 7%;
    padding: 10px;
}

.volunteer-opportunities-form {
    width: 100%;
    padding-bottom: 10px;
}

    .volunteer-opportunities-form input[type=text] {
        width: 100%
    }

.volunteer-opportunities-details button:hover {
    background-color: white;
}

.dynamic .menu-item-text {
    color: black;
}

.ms-navedit-linkNode .menu-item-text:hover {
    color: #0a95e2;
}

.dynamic-children li {
    list-style: none;
}

.row-magin-bottom-5 {
    margin-bottom: 5px;
}

.cell-fixed-width-25 {
    width: 25px;
}

.cell-fixed-width-35 {
    width: 35px;
}

.cell-fixed-width-185 {
    width: 185px;
}

.cell-fixed-width-225 {
    width: 225px;
}

.cell-fixed-width-275 {
    width: 275px;
}

.alternated-color-row {
    background-color: lightgray;
}

.cell-right {
    text-align: right;
    padding-right: 10px;
}

.cell-left {
    text-align: left;
}

.float-left {
    float: left;
}

.loading-vol-opp {
    width: 25px;
    height: 25px;
    border: 2px solid #ccc;
    border-top-color: #0a95e2;
    border-radius: 100%;
    /* here we center it*/
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    /* Tha animation*/
    animation: round 1s linear infinite;
}

#loading {
    width: 50px;
    height: 50px;
    border: 2px solid #ccc;
    border-top-color: #0a95e2;
    border-radius: 100%;
    /* here we center it*/
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    /* Tha animation*/
    animation: round 1s linear infinite;
}

@keyframes round {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.ios-back {
    background-image: url('/Style%20Library/Images/back_ios.png');
}

.align-center {
    text-align: center;
}


.navbar-collapse.in {
    overflow-y: initial;
}


input[type=button][disabled], input[type=reset][disabled], input[type=submit][disabled], button[disabled][disabled] {
    background-color: #fdfdfd;
    background-color: #fdfdfd;
    color: #b1b1b1;
    border: 1px solid #e1e1e1;
    padding: 13px 34px 13px 34px;
}

.resp-iframe {
    height: 780px;
}

@media (max-width: 760px) {
    .ms-core-listMenu-horizontalBox ul {
        display: grid;
    }


    .resp-iframe {
        height: 480px;
    }


    .cell-fixed-width-275 {
        width: auto;
    }

    .rTableCell, .rTableHead {
        padding-bottom: 7px;
    }

    .thumbnail {
        width: 55%;
    }

    .listScroll {
        max-height: 625px;
    }
}

.entity-image {
    max-width: 256px;
}

@media (max-width: 983px) {
    .volunteer-opportunities-details {
        width:150%;
    }
}

@media (max-width: 441px) {
    #popupInterviewResult .rTableCell {
        float: left;
        height: auto;
    }

    #popupInterviewResult textarea {
        width: 200px;
    }
}

.opportunities-buttons-magnifier {
    width: 36px;
    padding: 10px 0 0 0;
    float: left;
    margin-left: 10px;
}
.opportunities-buttons-clear {
    width: 77px;
    padding: 10px 0 0 10px;
    float: left;
}

@media (min-width: 1578px) {
    .opportunities-buttons-group-left {
    width:75%;
    
    }
    .opportunities-buttons-group-right {
        width: 25%;
        float:left;
    }
    .opportunities-buttons-magnifier {
        margin-top: 25px;
        margin-left: 0px;
    }

    .opportunities-buttons-clear {
        margin-top: 25px;
    }
}