@font-face {

    font-family: OpenSansRegular;

    src: url(//static.xrz.pt/fonts/OpenSans/OpenSans-Regular.ttf);

}

@font-face {

    font-family: OpenSansLight;

    src: url(//static.xrz.pt/fonts/OpenSans/OpenSans-Light.ttf);

}

@font-face {

    font-family: OpenSansSemiBold;

    src: url(//static.xrz.pt/fonts/OpenSans/OpenSans-SemiBold.ttf);

}

@font-face {

    font-family: OpenSansSemiBoldItalic;

    src: url(//static.xrz.pt/fonts/OpenSans/OpenSans-SemiBoldItalic.ttf);

}

@font-face {

    font-family: OpenSansBold;

    src: url(//static.xrz.pt/fonts/OpenSans/OpenSans-Bold.ttf);

}

@font-face {

    font-family: OpenSansBoldItalic;

    src: url(//static.xrz.pt/fonts/OpenSans/OpenSans-BoldItalic.ttf);

}


@font-face {

    font-family: BebasNeueBold;

    src: url(//static.xrz.pt/fonts/BebasNeue/BebasNeueBold.ttf);

}

@font-face {

    font-family: BebasNeueBook;

    src: url(//static.xrz.pt/fonts/BebasNeue/BebasNeueBook.ttf);

}

@font-face {

    font-family: BebasNeueLight;

    src: url(//static.xrz.pt/fonts/BebasNeue/BebasNeueLight.ttf);

}

@font-face {

    font-family: BebasNeueRegular;

    src: url(//static.xrz.pt/fonts/BebasNeue/BebasNeueRegular.ttf);

}

@font-face {

    font-family: BebasNeueThin;

    src: url(//static.xrz.pt/fonts/BebasNeue/BebasNeueThin.ttf);

}

@font-face {

    font-family: AbjectFailure;

    src: url(//static.xrz.pt/fonts/AbjectFailure/abject-failure.otf);

}


@font-face {

    font-family: 'fontello';

    src: url('/assets/frontend/fonts/fontello/fontello.eot?39573177');

    src: url('/assets/frontend/fonts/fontello/fontello.eot?39573177#iefix') format('embedded-opentype'),
    url('/assets/frontend/fonts/fontello/fontello.woff2?39573177') format('woff2'),
    url('/assets/frontend/fonts/fontello/fontello.woff?39573177') format('woff'),
    url('/assets/frontend/fonts/fontello/fontello.ttf?39573177') format('truetype'),
    url('/assets/frontend/fonts/fontello/fontello.svg?39573177#fontello') format('svg');

    font-weight: normal;

    font-style: normal;

}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*

@media screen and (-webkit-min-device-pixel-ratio:0) {

  @font-face {

    font-family: 'fontello';

    src: url('../font/fontello.svg?39573177#fontello') format('svg');

  }

}

*/


[class^="icon-"]:before, [class*=" icon-"]:before {

    font-family: "fontello";

    font-style: normal;

    font-weight: normal;

    speak: none;


    display: inline-block;

    text-decoration: inherit;

    width: 1em;

    margin-right: .2em;

    text-align: center;

    /* opacity: .8; */


    /* For safety - reset parent styles, that can break glyph codes*/

    font-variant: normal;

    text-transform: none;


    /* fix buttons height, for twitter bootstrap */

    line-height: 1em;


    /* Animation center compensation - margins should be symmetric */

    /* remove if not needed */

    margin-left: .2em;


    /* you can be more comfortable with increased icons size */

    /* font-size: 120%; */


    /* Font smoothing. That was taken from TWBS */

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;


    /* Uncomment for 3D effect */

    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

}


.icon-left-thin:before {
    content: '\e800';
}

/* '' */

.icon-right-thin:before {
    content: '\e801';
}

/* '' */


html, body {
    width: 100%;
    background-color: #fff;
}

html, body, div, p, ul, ol, li, img, h1, h2, h3, h4, h5, h6, h7, form, input, textarea, select, label, button {
    font-family: 'Source Sans Pro', sans-serif;
    position: relative;
    font-weight: normal;
    font-size: 14px;
    margin: 0;
    padding: 0;
    outline: 0;
}

body {
    /*min-width: 1180px;*/
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
}

input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 100%;
    color: #000;
}

a {
    text-decoration: none;
}

.buttonform:hover, a:hover, .blink {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    text-decoration: none;
}

.show-inline {
    display: inline-block;
}

.hide, .visible-mobile {
    display: none !important;
}

.show {
    display: block;
}

.fcenter {
    margin: 0 auto;
}

.fleft {
    float: left
}

.fright {
    float: right
}

.clear {
    clear: both;
}

.acenter {
    text-align: center;
}

.aleft {
    text-align: left;
}

.aright {
    text-align: right;
}

.ajustify {
    text-align: justify;
}

.bold {
    font-weight: bold;
}

.img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
}

.uppercase {
    text-transform: uppercase;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
}

.bgrey {
    background-color: #dddddd;
}

.border0 {
    border: 0;
}

.buttonform:hover {
    bacground-color: #222;
}


.hidden {
    opacity: 0;
}

.visible {
    opacity: 1;
}


/****** FONT SIZE ******/

.size-12 {
    font-size: 12px !important;
}

.size-14 {
    font-size: 14px;
}

.size-16 {
    font-size: 16px;
}

.size-18 {
    font-size: 18px;
}

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

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

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

.size-25 {
    font-size: 25px;
}

.size-30 {
    font-size: 30px;
}

.size-35 {
    font-size: 35px;
}

.size-45 {
    font-size: 45px;
}

.size-55 {
    font-size: 55px;
}

.size-65 {
    font-size: 65px;
}

.size-75 {
    font-size: 75px;
}


/****** LAYOUT ******/

.col-100 {
    width: 100%;
}

.col-95 {
    width: 95%;
}

.col-90 {
    width: 90%;
}

.col-85 {
    width: 85%;
}

.col-80 {
    width: 80%;
}

.col-75 {
    width: 75%;
}

.col-70 {
    width: 70%;
}

.col-65 {
    width: 65%;
}

.col-60 {
    width: 60%;
}

.col-55 {
    width: 55%;
}

.col-50 {
    width: 50%;
}

.col-48 {
    width: 48%;
}

.col-46 {
    width: 46%;
}

.col-45 {
    width: 45%;
}

.col-40 {
    width: 40%;
}

.col-35 {
    width: 35%;
}

.col-33 {
    width: 33.33333333333333%
}

.col-32 {
    width: 32%;
}

.col-30 {
    width: 30%;
}

.col-25 {
    width: 25%;
}

.col-20 {
    width: 20%;
}

.col-15 {
    width: 15%;
}

.col-10 {
    width: 10%;
}

.col-8 {
    width: 8%;
}

.col-5 {
    width: 5%;
}

.col-4 {
    width: 4%;
}


.contend {
    width: 1180px
}


/****** SPACER ******/

.spacer-1, .spacer-5, .spacer-10, .spacer-15, .spacer-20, .spacer-25, .spacer-30, .spacer-35, .spacer-40, .spacer-45, .spacer-50, .spacer-55, .spacer-60, .spacer-65, .spacer-70, .spacer-75, .spacer-80, .spacer-85, .spacer-90, .spacer-95, .spacer-100, .spacer-200 {
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    display: block;
    clear: both;
}

.spacer-1 {
    height: 1px;
}

.spacer-5 {
    height: 5px;
}

.spacer-10 {
    height: 10px;
}

.spacer-15 {
    height: 15px;
}

.spacer-20 {
    height: 20px;
}

.spacer-25 {
    height: 25px;
}

.spacer-30 {
    height: 30px;
}

.spacer-35 {
    height: 35px;
}

.spacer-40 {
    height: 40px;
}

.spacer-45 {
    height: 45px;
}

.spacer-50 {
    height: 50px;
}

.spacer-55 {
    height: 55px;
}

.spacer-60 {
    height: 60px;
}

.spacer-65 {
    height: 65px;
}

.spacer-70 {
    height: 70px;
}

.spacer-75 {
    height: 75px;
}

.spacer-80 {
    height: 80px;
}

.spacer-85 {
    height: 85px;
}

.spacer-90 {
    height: 90px;
}

.spacer-95 {
    height: 95px;
}

.spacer-100 {
    height: 100px;
}

.spacer-200 {
    height: 200px;
}

.height40 {
    height: 40px;
}

.height100 {
    height: 100%;
}


/****** MARGINS & PADDINGS ******/

.margin-left-5 {
    margin-left: 5px;
}

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

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

.margin-left-20 {
    margin-left: 20px;
}

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


.margin-right-0 {
    margin-right: 0;
}

.margin-right-2-percentage {
    margin-right: 2%;
}

.margin-right-5 {
    margin-right: 5px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-15 {
    margin-right: 15px;
}

.margin-right-20 {
    margin-right: 20px;
}

.margin-right-25 {
    margin-right: 25px;
}


.padding-left-5 {
    padding-left: 5px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-left-15 {
    padding-left: 15px;
}

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

.padding-left-25 {
    padding-left: 25px;
}


.padding-right-5 {
    padding-right: 5px;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-right-15 {
    padding-right: 15px;
}

.padding-right-20 {
    padding-right: 20px;
}

.padding-right-25 {
    padding-right: 25px;
}


.l-height-25 {

    line-height: 25px;

}


/*fonts*/

.abjectFailure {

    font-family: AbjectFailure;

}


/*colors*/

.cbranco {
    color: #ffffff;
}

.cvermelho {
    color: #D9020A;
}

.cverde {
    color: #009244
}

.bvermelho {
    background-color: #D9020A;
}


.flex {

    display: flex;

}

.flex-right {

    display: flex;

    justify-content: center;

    justify-content: flex-end;

}

.flex-left {

    display: flex;

    justify-content: center;

    justify-content: flex-start;

}

.flex-center {

    display: flex;

    justify-content: center;

    flex-direction: column;

}


.preloader {

    position: fixed;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    z-index: 999999;

    background-color: #fff;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    align-content: center;


}


@keyframes fadeIn {

    from {
        opacity: 0.1;
    }

}


.preloader img {

    animation: fadeIn 1000ms infinite alternate;

}


.material-scrolltop.reveal {

    width: 50px;

    height: 50px;

}

.material-scrolltop {

    background-color: #999999;

}

.material-scrolltop:hover {

    background-color: #666666;

}

.material-scrolltop::before {

    background: #666666;

}

.material-scrolltop, .material-scrolltop::before {

    background-image: url(//static.xrz.pt/plugins/material-scrolltop/uv/icons/top-arrow.svg);

    background-position: center 50%;

    background-repeat: no-repeat;

}


#msgCookie {

    background: #FFFFFF;

    bottom: 0;

    color: #58595B;

    display: none;

    left: 0;

    padding: 15px 25px;

    position: fixed;

    width: 100%;

    z-index: 2001;

    border: 1px solid #CCCCCC;

}

#msgCookie a {

    color: #DA020A;

    font-weight: bold;

}

#msgCookie a:hover {

    color: #58595B;

}

#msgCookie .mensagem {

    display: block;

    position: initial;

    margin-top: 5px;

}

#msgCookie .btn-close {

    padding: 5px 15px;

    display: block;

    margin-left: 10px;

    float: right;

    width: 120px;

    text-align: center;

    color: #fff;

    font-family: OpenSansRegular;

    background-color: #DA020A;


}

#msgCookie .btn-close:hover {

    background-color: #58595B;

    color: #fff;

}


/*** Header Menu ***/

.header-menu {

    padding: 15px 20px;

    position: fixed;

    width: 100%;

    z-index: 1000;

    transition: background-color 0.5s ease;

    background-color: rgba(0, 0, 0, 0.8);

}


.header-menu:hover {

    background-color: rgba(0, 0, 0, 1);

}


.header-menu .logo {

    float: left;

    width: 200px;

}

.header-menu .logo img {

    max-height: 50px;

}

.header-menu .menu {

    float: left;

    width: calc(100% - 400px);

    height: 50px;

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    justify-content: flex-end;

    align-items: center;

    align-content: stretch;

}

.header-menu .menu ul li {

    float: left;

    margin-right: 30px;

    padding: 10px 0;

}

.header-menu .menu ul li:last-child {

    margin-right: 0;

}

.header-menu .menu ul li a {

    font-family: OpenSansRegular;

    color: #FFFFFF;

    font-size: 14px;

}

.header-menu .menu ul li:hover a, .header-menu .menu ul li a.active {

    color: #DA020A;

}


/*** SUB MENU ***/

.header-menu .menu .pai-sub-menu:hover > .sub-menu {

    visibility: visible;

    opacity: 1;

}

.header-menu .menu .sub-menu {

    position: absolute;

    top: 35px;

    width: 220px;

    visibility: hidden;

    opacity: 0;

    transition: visibility 0.5s, opacity 0.5s linear;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);

    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);

}

.header-menu .menu .sub-menu li {

    margin: 0;

    padding: 8px 10px;

    background-color: rgba(255, 255, 255, 1);

    border-bottom: 1px solid #A6A8AB;

    display: block;

    width: 100%;

}

.header-menu .menu .sub-menu li:last-child {

    border-bottom: none;

}

.header-menu .menu .sub-menu li a {

    display: flex;

    width: 100%;

}

.header-menu .menu .sub-menu .titles {

    float: left;

    width: calc(100% - 30px);

}

.header-menu .menu .sub-menu .titles .title {

    font-family: OpenSansSemiBold;

    color: #000000;

    font-size: 14px;

}


.header-menu .menu .sub-menu .titles .descricao {

    font-family: OpenSansRegular;

    color: #A6A8AB;

    font-size: 10px;

}

.header-menu .menu .sub-menu .arrow {

    float: left;

    width: 30px;

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    justify-content: center;

    align-items: center;

    align-content: center;

}

.header-menu .menu .sub-menu .arrow i {

    font-size: 20px;

    color: #A6A8AB;

}


.header-menu .menu .sub-menu li:hover {

    background-color: rgba(255, 255, 255, 1);

}

.header-menu .menu .sub-menu li:hover .titles .title, .header-menu .menu .sub-menu li.active .titles .title {

    color: #DA020A;

}

.header-menu .menu .sub-menu li:hover .arrow i, .header-menu .menu .sub-menu li.active .arrow i {

    color: #DA020A;

}


.header-menu .redes-sociais {

    float: left;

    width: 180px;

    height: 50px;

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    justify-content: center;

    align-items: center;

    align-content: center;

    margin-top: 3px;

}

.header-menu .redes-sociais a {

    margin-right: 10px;

}

.header-menu .redes-sociais a:last-child {

    margin-right: 0;

}

.header-menu .redes-sociais img {

    height: 30px;

    transition: transform 1s ease-in-out 0s;

}

.header-menu .redes-sociais img:hover {

    opacity: 0.8;

    transform: rotate(360deg);

}


.header-menu .lang {

    float: left;

    width: 20px;

    height: 50px;

    display: flex;

    flex-direction: column;

    flex-wrap: nowrap;

    justify-content: center;

    align-items: center;

    align-content: center;

    text-align: center;

}

.header-menu .lang a {

    display: block;

    font-family: OpenSansRegular;

    color: #FFFFFF;

    font-size: 12px;

    border-bottom: 1px solid #FFFFFF;

}

.header-menu .lang a:hover, .header-menu .lang a.active {

    color: #DA020A;

}

.header-menu .lang a:last-child {

    border-bottom: none;

}


.footer {

    background-color: #FFFFFF;

    padding: 0;

    float: left;

    width: 100%;

}

.footer h3 {

    font-family: BebasNeueRegular;

    color: #DA020A;

    font-size: 22px;

}

.footer .separador {

    width: 100%;

    font-size: 0;

    margin: 15px 0;

    padding: 0;

    display: block;

    clear: both;

    height: 1px;

    background-color: #929497;

}

.footer .separador-titulo {

    width: 80px;

    font-size: 0;

    margin: 15px 0;

    padding: 0;

    display: block;

    clear: both;

    height: 1px;

    background-color: #929497;

}

.footer .offices {

    display: flex;

    justify-content: center;

}

.footer .offices .office {

    float: left;

    width: 33%;

    display: flex;

}

.footer .offices .office .info {

    float: left;

    width: 50%;

    padding-left: 0px;

    padding-top: 60px;

    display: flex;

    flex-direction: column;

    flex-wrap: nowrap;

    justify-content: flex-start;

    align-items: stretch;

    align-content: center;

}

.footer .offices .office .info li {

    font-family: OpenSansRegular;

    color: #58595B;

    font-size: 12px;

    margin-bottom: 2px;

}

.footer .offices .office .imagem {

    max-height: 280px;

    float: left;

    width: 50%;

    background: #FFFFFF;

    -webkit-clip-path: polygon(25% 0, 0% 100%, 75% 100%, 100% 0);

    clip-path: polygon(25% 0, 0% 100%, 75% 100%, 100% 0);

}

.footer .mapa-site {

    background-color: #FFFFFF;

    padding: 40px 0;

    float: left;

    width: 100%;

    display: flex;


}

.footer .mapa-site .item {

    float: left;

    display: flex;

}

.footer .mapa-site .item:nth-child(1), .footer .mapa-site .item:nth-child(2) {

    width: 22.5%;

}

.footer .mapa-site .item:nth-child(3) {

    width: 25%;

}

.footer .mapa-site .item:nth-child(4) {

    width: 30%;

}

.footer .mapa-site .title {

    display: flex;

    border-right: 1px solid #929497;

    padding-right: 20px;

}

.footer .mapa-site .item ul {

    padding: 0 10px 0 20px;

}

.footer .mapa-site .item ul li a {

    font-family: OpenSansRegular;

    color: #58595B;

    font-size: 12px;

}

.footer .mapa-site .item ul li a:hover {

    color: #DA020A;

}

.footer .sociais-newsletter {

    padding: 20px 0 20px 0;

    float: left;

    width: 100%;

}

.footer .sociais-newsletter .sociais a {

    margin-left: 10px;

}

.footer .sociais-newsletter .sociais a:first-child {

    margin-left: 0;

}


.footer .sociais-newsletter .sociais img {

    height: 40px;
    transition: transform 1s ease-in-out 0s;

}

.footer .sociais-newsletter .sociais img:hover {

    opacity: 0.8;

    transform: rotate(360deg);

}

.footer .sociais-newsletter input[type="email"] {

    float: left;

    width: calc(100% - 42px);

    height: 40px;

    line-height: 40px;

    padding: 10px;

    border: 1px solid #414042;

    background: transparent;

    color: #414042;

}

.footer .sociais-newsletter input[type="submit"] {

    left: -1px;

    float: left;

    width: 41px;

    height: 40px;

    line-height: 40px;

    padding: 10px;

    font-size: 20px;

    font-weight: bold;

    border: 1px solid #414042;

    background: url('/assets/frontend/img/send.png') no-repeat center center #414042;

    background-size: 15px 20px;

}

.footer .sociais-newsletter input[type="submit"]:hover {

    background: url('/assets/frontend/img/send.png') no-repeat center center #E5E6E7;

    background-size: 15px 20px;

    cursor: pointer;

}

.footer .creditos {

    font-family: OpenSansRegular;

    font-size: 14px;

    color: #414042;

    background: #E5E6E7;

    padding: 25px 0;

}

.footer .creditos a {

    color: #414042;

}

.footer .creditos a:hover {

    color: #DA020A;

}

.footer .creditos i {

    color: #DA020A;

    font-size: 18px;

    padding: 0 5px;

}

.separador {

    background-color: #231F20;

    clear: both;

    width: 100%;

    height: 1px;

}


.triangle-shadow-up {

    position: absolute;

    bottom: 0;

    width: 100%;

    filter: drop-shadow(0px -5px 5px rgba(0, 0, 0, 0.5));

}

.triangle-up {

    height: 30vh;

    width: 100%;

    background: #FFFFFF;

    -webkit-clip-path: polygon(100% 100%, 0 100%, 50% 0);

    clip-path: polygon(100% 100%, 0 100%, 50% 0);

}


.triangle-shadow-down {

    position: absolute;

    top: 0;

    width: 100%;

    filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.5));

}

.triangle-down {

    height: 20vh;

    width: 100%;

    background: #FFFFFF;

    -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);

    clip-path: polygon(100% 0, 0 0, 50% 100%);

}


.no-shadow-top:before {

    content: '';

    background-color: #FFFFFF;

    position: absolute;

    top: 0px;

    left: 0;

    right: 0;

    height: 10px;

    z-index: 100;

}

.no-shadow-bottom {

    float: left;

    width: 100%;

    padding: 30px 0;

}

.no-shadow-bottom:after {

    content: '';

    background-color: #FFFFFF;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 10px;

    z-index: 100;

}


/*Geral*/

.parallaxie {

    height: 100vh;

    z-index: 3;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

}

.parallaxie-25 {

    height: 25vh;

    z-index: 3;

}

.parallaxie-33 {

    height: 33vh;

    z-index: 3;

}

.parallaxie-40 {

    height: 40vh;

    z-index: 3;

}

.white-back {

    background-color: #FFFFFF;

    z-index: 3;

}

.separador-titulo {

    width: 100px;

    font-size: 0;

    margin: 15px auto;

    padding: 0;

    display: block;

    clear: both;

    height: 3px;

    background-color: #DA020A;


}


/*paginacao*/

.container-rhombus {

    margin: 0 auto;

    text-align: center;

}


.pagination {

    margin: 0 auto;

    display: inline-block;

}


.pagination li {

    height: 40px;

    line-height: 40px;

    float: left;

    margin: 0 7px;

}


.pagination li a {

    font-family: OpenSansSemiBold;

    color: #58595B;

    font-size: 20px;

}


.pagination li a:hover {

    color: #DA020A;

}


.pagination li a i {

    color: #DA020A;

}


.pagination li a i:hover {

    color: #58595B;

}


.rhombus {

    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);

    width: 40px;

    height: 40px;

    background-color: #DA020A;

}

.rhombus .text {

    position: absolute;

    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);

    width: 38px;

    height: 38px;

    background-color: #fff;

    line-height: 36px;

    right: 1px;

    bottom: 1px;

    color: #58595B;

    font-size: 20px;

    font-family: OpenSansSemiBold;

}


.pagination-nav {

    margin: 0 auto;

    display: inline-block;

}

.pagination-nav li {

    float: left;

    margin: 0 7px;

}

.pagination-nav li:first-child {

    margin-right: 15px;

}


.pagination-nav li:last-child {

    margin-left: 15px;

}

.pagination-nav li a {

    font-family: OpenSansBold;

    color: #58595B;

    text-transform: uppercase;

}

.pagination-nav li a:hover {

    color: #DA020A;

}

.pagination-nav li a i {

    color: #DA020A;

}

.pagination-nav li.disabled, .pagination-nav li a.disabled {

    pointer-events: none;

    opacity: 0.5;

    background: #fff;

    filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));

}

.pagination-nav-left, .pagination-nav-right {

    font-family: OpenSansBold;

    font-size: 11px;

}

.pagination-nav-left {

    padding-left: 0;

    text-align: right;

}

.pagination-nav-right {

    text-align: left;

}

.pagination-nav-back {

    background-color: #ccc;

}


.grecaptcha-badge {

    z-index: 2000;

}


.triangle-down-btn.btn-center {

    display: flex;

    flex-direction: column;

}

.triangle-down-btn.btn-center img {

    margin: 0 auto;

}


.grecaptcha-badge {

    display: none;

}


.menuMobile {

    display: none;

}


.mm-menu_offcanvas {

    z-index: 2001;

}


.mm-menu {

    background: #FFFFFF;

    border-color: #DA020A;

    color: #000000;

}


.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {

    color: #000000;

}

.mm-menu .mm-btn::after, .mm-menu .mm-btn::before {

    border-color: #DA020A;

}

.mm-menu .mm-listview .mm-btn_next::after {

    border-color: #DA020A;

}

.mm-counter {

    color: #DA020A;

}


.mm-menu .mm-listitem a {

    font-family: OpenSansSemiBold;

    color: #000000;

    font-size: 14px;

}

.mm-listitem a.active {

    color: #DA020A;

}

.mm-navbars_top .linguas {

    float: left;

    width: 45%;

    text-align: left;

    padding: 0 10px 0 20px;

}

.mm-navbars_top .linguas a {

    margin-right: 10px;

}

.mm-navbars_top .linguas a.active {

    color: #DA020A;

}


.mm-menu li .title {

    font-family: OpenSansSemiBold;

    color: #000000;

    font-size: 14px;

}

.mm-menu li .descricao {

    font-family: OpenSansRegular;

    color: #A6A8AB;

    font-size: 10px;

}

.mm-menu li.active .title {

    color: #DA020A;

}


.remove-subscription {

    font-size: 10px;

    color: #58595B;

    font-family: OpenSansRegular;

}

.remove-subscription:hover {

    color: #DA020A;

}


.heart{
    animation: heartbeat 1s infinite;
}

@keyframes heartbeat
{
    0%
    {
        transform: scale( .75 );
    }
    20%
    {
        transform: scale( 1 );
    }
    40%
    {
        transform: scale( .75 );
    }
    60%
    {
        transform: scale( 1 );
    }
    80%
    {
        transform: scale( .75 );
    }
    100%
    {
        transform: scale( .75 );
    }
}


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


    body {

        min-width: 100%;

    }

    .contend {

        width: 100%;

    }


    .visible-mobile {

        display: block !important;

    }


    .hidden-mobile {

        display: none !important;

    }


    .header-menu {

        display: none;

    }


    .menuMobile {

        position: fixed;

        z-index: 1000;

        width: 100%;

        height: 50px;

        display: block;

        padding: 15px 10px;

        background-color: rgba(0, 0, 0, 0.9);

        box-shadow: 0 3px 2px -2px #DA020A;

    }

    .menuMobile .logotipo {

        position: absolute;

        top: 10px;

        left: 10px;

        z-index: 100;

    }

    .menuMobile .logotipo img {

        max-height: 30px;

    }

    .menuMobile .butoes {

        text-align: right;

    }

    .menuMobile .butoes a {

        font-size: 16px;

        color: #FFFFFF;

    }

    .menuMobile .butoes a i {

        font-size: 16px;

        color: #FFFFFF;

    }


    /***** FOOTER *****/
    .footer .separador {

        margin: 0;

    }

    .footer .separador-titulo {

        margin: 15px auto;

    }

    .footer .offices {

        display: block;

    }

    .footer .offices .office {

        width: 50%;

        display: block;

    }

    .footer .offices .office .info {

        width: 230px;

        height: 190px;

        position: absolute;

        text-align: center;

        z-index: 1;

        background-color: rgba(255, 255, 255, 0.8);

        padding: 20px 15px;

        left: 50%;

        top: 50%;

        transform: translate(-50%, -50%);

    }

    .footer .offices .office .imagem {

        width: 100%;

        clip-path: none;

        overflow: hidden;

    }


    .footer .mapa-site {

        display: flex;

        flex-wrap: wrap;

        padding: 30px 10px;

        text-align: center;

    }

    .footer .mapa-site .item:nth-child(1), .footer .mapa-site .item:nth-child(2) {

        width: 50%;

    }

    .footer .mapa-site .item:nth-child(3) {

        width: 50%;

    }

    .footer .mapa-site .item:nth-child(4) {

        width: 50%;

    }

    .footer .mapa-site .item {

        width: 100%;

        float: left;

        display: block;

        margin-bottom: 20px;

    }

    .footer .mapa-site .item:last-child {

        margin-bottom: 0;

    }

    .footer .mapa-site .title {

        display: block;

        width: 100%;

        border-right: none;

        padding-right: 0;

    }

    .footer .mapa-site .item .list {

        width: 100%;

    }

    .footer .mapa-site .item ul {

        padding: 0;

    }


    .footer .sociais-newsletter {

        padding: 30px 10px;

    }

    .footer .sociais-newsletter .sociais, .footer .sociais-newsletter .subscrever {

        width: 100%;

        text-align: center;

    }

    .footer .sociais-newsletter .sociais {

        margin-bottom: 15px;

    }


    .footer .creditos .col-70, .footer .creditos .col-30 {

        width: 100%;

        text-align: center;

    }

    .footer .creditos .col-70 {

        margin-bottom: 5px;

    }


    .material-scrolltop {

        right: 10px;

        bottom: 10px;

    }

    .material-scrolltop.reveal {

        width: 35px;

        height: 35px;

    }


}


@media only screen and (max-width: 499.98px) {


    body {

        min-width: 100%;

    }

    .contend {

        width: 100%;

    }


    .visible-mobile {

        display: block !important;

    }


    .hidden-mobile {

        display: none !important;

    }


    .header-menu {

        display: none;

    }


    .menuMobile {

        position: fixed;

        z-index: 1000;

        width: 100%;

        height: 50px;

        display: block;

        padding: 15px 10px;

        background-color: rgba(0, 0, 0, 0.9);

        box-shadow: 0 3px 2px -2px #DA020A;

    }

    .menuMobile .logotipo {

        position: absolute;

        top: 10px;

        left: 10px;

        z-index: 100;

    }

    .menuMobile .logotipo img {

        max-height: 30px;

    }

    .menuMobile .butoes {

        text-align: right;

    }

    .menuMobile .butoes a {

        font-size: 16px;

        color: #FFFFFF;

    }

    .menuMobile .butoes a i {

        font-size: 16px;

        color: #FFFFFF;

    }


    /***** FOOTER *****/
    .footer .separador {

        margin: 0;

    }

    .footer .separador-titulo {

        margin: 15px auto;

    }

    .footer .offices {

        display: block;

    }

    .footer .offices .office {

        width: 100%;

        display: block;

    }

    .footer .offices .office .info {

        width: 230px;

        position: absolute;

        text-align: center;

        z-index: 1;

        background-color: rgba(255, 255, 255, 0.8);

        padding: 20px 15px;

        left: 50%;

        top: 50%;

        transform: translate(-50%, -50%);

    }

    .footer .offices .office .imagem {

        width: 100%;

        clip-path: none;

        overflow: hidden;

    }


    .footer .mapa-site {

        display: block;

        padding: 30px 10px;

        text-align: center;

    }

    .footer .mapa-site .item:nth-child(1), .footer .mapa-site .item:nth-child(2) {

        width: 100%;

    }

    .footer .mapa-site .item:nth-child(3) {

        width: 100%;

    }

    .footer .mapa-site .item:nth-child(4) {

        width: 100%;

    }

    .footer .mapa-site .item {

        width: 100%;

        float: left;

        display: block;

        margin-bottom: 20px;

    }

    .footer .mapa-site .item:last-child {

        margin-bottom: 0;

    }

    .footer .mapa-site .title {

        display: block;

        width: 100%;

        border-right: none;

        padding-right: 0;

    }

    .footer .mapa-site .item .list {

        width: 100%;

    }

    .footer .mapa-site .item ul {

        padding: 0;

    }


    .footer .sociais-newsletter {

        padding: 30px 10px;

    }

    .footer .sociais-newsletter .sociais, .footer .sociais-newsletter .subscrever {

        width: 100%;

        text-align: center;

    }

    .footer .sociais-newsletter .sociais {

        margin-bottom: 15px;

    }


    .footer .creditos .col-70, .footer .creditos .col-30 {

        width: 100%;

        text-align: center;

    }

    .footer .creditos .col-70 {

        margin-bottom: 5px;

    }


    .material-scrolltop {

        right: 10px;

        bottom: 10px;

    }

    .material-scrolltop.reveal {

        width: 35px;

        height: 35px;

    }

}





