@import url(//fonts.googleapis.com/css?family=Roboto:100,300,400,400italic,700);
@import url(//fonts.googleapis.com/css?family=Patua+One:100,300,400,400italic,700);
@import url(//fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900);
@import url(//fonts.googleapis.com/css?family=Poppins:100,300,400,400italic,500,700,700italic);
@import url(//fonts.googleapis.com/css?family=Montserrat);

.pt, .en { display:none; } /* hide all elements with a language class */
.pt:lang(pt), .en:lang(en) { display:block; } /* show those elements that match their language class */

video::-webkit-media-text-track-display {
    font-size: 50%;
}

p {
    margin: 0;
}

a {
    text-decoration:none !important;
}
li {
    list-style-type: none
}

.ib {
    display: inline-block;
}

.langflags {
    position: fixed;
    z-index: 1;
    right: 30px;
    top: 30px;
}

.langflags img {
    padding: 5px 0;
    height: 40px;
    cursor: pointer;
}

.pp_content {
    height: 500px !important;
    width: auto;
}
.pp_bottom, .pp_expand, .ppt, .pp_top, .pp_details {
    display: none !important;
}

#biglogo{
    position: absolute;
    top: 50px;
    left: 150px;
    /*transform: translate(-50%, -50%);*/
    width: 30%;
    max-height: 100%;
    /*margin-left: -240px;    margin-top: -22px;*/
}

#headerbiglogo{
    background-size: 100%;
    height: 100%;
}

#Header {
    /*background-image: url('../imagens/top_banner.jpg');*/
    /*background-size: 100%;*/
    /*background-repeat: no-repeat;*/
    /*background-color: #fff;*/
    position: relative;

}


#backgroundimageheader {
    position: absolute;
}

#homepagesectionone {
    max-width: 100% !important;
    display: table;
}

#odoo {
    background-color: #fff;
    background-image: url('../imagens/background07.png');
    background-position: bottom right;
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: 100% auto;}

#sectiononecolumnone{
    padding:59px 4% 30px ;
    background-color: transparent;
    max-width: 100%;
    display: table-cell;
    margin-bottom: 50px;
}

#sectiononecolumnotwo{
    display: table-cell;
    background-color: #fff;
    margin-top: 0px;
}

.button.button_theme.button_js.button_left {
    position: center;
    background-color: #fff !important;
    border: 2px solid #87547b !important;
    color: #87547b;
}

#seconeblockone {
    padding-top: 50px;
}

#faq {
    background-color: #fff !important;
}

.faq .question:before {
    border-color: rgba(0, 0, 0, .1);
}

.style-simple .faq .question:after {
    display: none;
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #fff !important;
}

.answer, .title, .question, .question::before, .question::after, .question.active:before, .question.active:after,
.question.active {
    background-color: rgb(255, 255, 255) !important;
}

#ferramentasdoodoo{
    position: center;
    background-color: #87547b !important;
    border: none !important;
    color: #fff;
}

.nonquotepic:after {
    background: none !important;
}

.error {
    color: #F08683;
}


.arximenu>li.current-menu-item>a,.arximenu>li.current_page_item>a,.arximenu>li.current-menu-parent>a,
.arximenu>li.current-page-parent>a,.arximenu>li.current-menu-ancestor>a,.arximenu>li.current-page-ancestor>a,
.arximenu>li.current_page_ancestor>a,.arximenu>li.hover>a {
     color: #3B52A4; !important;
}

#Side_slide #menu .arximenuone>li.current-menu-item>a,#Side_slide #menu .arximenuone>li.current_page_item>a,
#Side_slide #menu .arximenuone>li.current-menu-parent>a,#Side_slide #menu .arximenuone>li.current-page-parent>a,
#Side_slide #menu .arximenuone>li.current-menu-ancestor>a,#Side_slide #menu .arximenuone>li.current-page-ancestor>a,
#Side_slide #menu .arximenuone>li.current_page_ancestor>a{
    color: #875A7D;
}

#businessapps {
    background-image:url('../imagens/devices.gif') !important;
    background-color: #fff !important;padding-top:0px;
    background-repeat:no-repeat;
    background-position:top center;
    background-attachment:fixed;
    background-size:cover;
}

#arxiserv {
    background-image:url('../imagens/background05.jpg');
    background-repeat:no-repeat;
    background-position:center top;
    background-attachment:fixed;
    background-size:cover;
    -webkit-background-size:cover;
}

#arxirecruit {
    background-image:url('');
    background-repeat:no-repeat;
    background-position:center top;
    background-attachment:fixed;
    background-size:cover;
    -webkit-background-size:cover;
    background-image: url("https://www.arxi.pt/imagens/recrutamento_fundo.png");
}

#laptop {
    width: 90%;
    display: block;
    margin-right: auto;
    margin-left: auto;
}


#Side_slide {
    background-color: #fff;
    border-color: #fff;
}

/* POPUP SETTINGS */
#popup_this {
    top: 50%;
    left: 50%;
    transform: translate(-9%, 3%);
    text-align:center;
    margin-top: 0;
    margin-bottom: 0;
    position: fixed;
    max-width: 800px;
    background-image:url('../imagens/background-popup.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;

}

#popup_this h2, #tempblock h2 {
    font-size: 40px;
}

.none {
    display: none;
}

.b-close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    color: #3B52A4;
    padding: 5px 10px;
    z-index: 10;
    font-size: x-large;
}


.fullwidthbutton div {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #0D88C1;
    height: 150px;
    line-height: 150px;
}

.fullwidthbutton h2 {
    color: #fff;
    position: center;
    line-height: 1.5;
    display: inline-block;
    vertical-align: middle;
}




#logo2 {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 999;
    max-width: 150px
}

#contact a i {
    color: #3B52A4;    
    font-size:36px
}

#contact a i:hover {
    color: #875A7B;
}


@media only screen and (min-width: 1240px) {
    .langflags {
        position: fixed;
        z-index: 1;
        right: 30px;
        top: 30px;
    }

    .langflags img {
        padding: 5px 0;
        height: 40px;
        cursor: pointer;
    }

    #biglogo {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 30%;
        top: 30px;
        left: 20%px;
        z-index: 1;
    }

    #redefenirblock {
        width: 50%;
    }

    #Top_bar {
        margin: 0px !important;
    }

    #odooapps {
        padding-top: 50px !important;
    }

    .odooapplink {
        display: inline-block !important;
    }

    .odooapppic {
        max-width: 90px !important;
    }

    laptoppic {
        display: none !important;
    }

    .menubarlogo {
        display: none;
    }

    .header-creative.layout-full-width #Wrapper {
        padding-top: 0 !important;
    }


}

@media only screen and (max-width: 900px) {
    #arxilogoheader {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 40%;
        height: auto;
        margin-left: 0px;
        margin-top: -80px;
    }

    #odoologoheader {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 40%;
        height: auto;
        margin-left: 0px;
        margin-top: 50px;
    }

    #divslogenheader {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        margin-left: 0px;
        margin-top: 170px;
        color: #8B8B8B !important;
    }

    #biglogo {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 60%;
        top: 40px;
        left: 1%;
        z-index: 1;
    }

    #redefenirblock {
        width: 50%;
    }

    #Top_bar {
        margin: 0px !important;
    }

    #odooapps {
        padding-top: 50px !important;
    }

    .odooapplink {
        display: inline-block !important;
    }

    .odooapppic {
        width: 90px !important;
    }

    .laptoppic {
        display: none !important;
    }

    .header-creative.layout-full-width #Wrapper {
        padding-top: 0 !important;
    }

    #popup_this {
        min-height: auto;
        min-width: 100%;
        top: 0;
        padding: 0;
        transform: translate(0%, 0%);
    }

    #popupmaindiv {
        margin-top: 10%;
        margin-bottom: 10%;
    }
    #popup_content {
        position: relative;
    }
}



@media only screen and (min-width: 767px) and (max-width: 1239px) {
    .langflags {
        position: fixed;
        z-index: 1;
        right: 30px;
        top: 80px;
    }

    .langflags img {
        padding: 5px 0;
        height: 40px;
        cursor: pointer;
    }
}


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

    #biglogo {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 60%;
        top: 30px;
        left: 1%;
        z-index: 1;
    }

    #redefenirblock {
        width: 50%;
    }

    #Top_bar {
        margin: 0px !important;
    }

    #odooapps {
        padding-top: 50px !important;
    }

    .odooapplink {
        display: inline-block !important;
    }

    .odooapppic {
        width: 90px !important;
    }

    .laptoppic {
        display: none !important;
    }

    .paddingtop40 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    body:not(.template-slider):not(.header-simple) #Header {
        background-position: center;
    }

    #Header {
        background-position: right center !important;
        background-size: 140%;
    }

    #Top_bar, #Header_creative {
        background: transparent !important;
    }

    .header-creative.layout-full-width #Wrapper {
        padding-top: 0 !important;
    }

    #Top_bar a.responsive-menu-toggle i {
        line-height: normal;
    }

    #seconeblockone {
        padding-top: 20px;
    }

    #popup_this {


    top: 0;
    padding: 0;
    transform: translate(0%, 0%);
    }

    #popup_this a, #tempblock a {
        max-width: 250px;
        padding: 10px;
    }

    .b-close {
        right: 30px;
    }

    #popupmaindiv {
        margin-top: 20%;
        margin-bottom: 20%;
    }

    .langflags {
        position: fixed;
        z-index: 1 !important;
        right: 20px;
        top: 85px;
    }

    .langflags img {
        padding: 5px 0;
        height: 35px;
        cursor: pointer;
        z-index: 1 !important;
    }
    #popup_this .one-second {
        width: 100%;
    }
    #popup_this #picvertical {
        display: none;
    }
    #popup_this #pichorizontal {
        display: block;
    }
    #logo2 {
        max-width: 100px
    }
}

@media only screen and (max-width: 766px) {
    #popup_this .one-third {
        width: 100%;
    }
}

.d-inline-block {
   display: inline-block !important;
}

.text-white {
    color: #fff;
}

.col-4{
    width: 33% !important;
}

/*spacing classes*/

.pa-0 {
    padding: 0px;
}

.pa-1 {
    padding: 4px;
}

.pa-2 {
    padding: 8px;
}

.pa-3 {
    padding: 12px;
}

.pa-4 {
    padding: 16px;
}

.pa-5 {
    padding: 20px;
}

.pa-6 {
    padding: 24px;
}

.pa-7 {
    padding: 28px;
}

.pa-8 {
    padding: 32px;
}

.pa-9 {
    padding: 36px;
}

.pa-10 {
    padding: 40px;
}

.pa-11 {
    padding: 44px;
}

.pa-12 {
    padding: 48px;
}

/*pr*/
.pr-0 {
    padding-right: 0px;
}

.pr-1 {
    padding-right: 4px;
}

.pr-2 {
    padding-right: 8px;
}

.pr-3 {
    padding-right: 12px;
}

.pr-4 {
    padding-right: 16px;
}

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

.pr-6 {
    padding-right: 24px;
}

.pr-7 {
    padding-right: 28px;
}

.pr-8 {
    padding-right: 32px;
}

.pr-9 {
    padding-right: 36px;
}

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

.pr-11 {
    padding-right: 44px;
}

.pr-12 {
    padding-right: 48px;
}

/*pl*/
.pl-0 {
    padding-left: 0px;
}

.pl-1 {
    padding-left: 4px;
}

.pl-2 {
    padding-left: 8px;
}

.pl-3 {
    padding-left: 12px;
}

.pl-4 {
    padding-left: 16px;
}

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

.pl-6 {
    padding-left: 24px;
}

.pl-7 {
    padding-left: 28px;
}

.pl-8 {
    padding-left: 32px;
}

.pl-9 {
    padding-left: 36px;
}

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

.pl-11 {
    padding-left: 44px;
}

.pl-12 {
    padding-left: 48px;
}

/*pt*/
.pt-0 {
    padding-top: 0px;
}

.pt-1 {
    padding-top: 4px;
}

.pt-2 {
    padding-top: 8px;
}

.pt-3 {
    padding-top: 12px;
}

.pt-4 {
    padding-top: 16px;
}

.pt-5 {
    padding-top: 20px;
}

.pt-6 {
    padding-top: 24px;
}

.pt-7 {
    padding-top: 28px;
}

.pt-8 {
    padding-top: 32px;
}

.pt-9 {
    padding-top: 36px;
}

.pt-10 {
    padding-top: 40px;
}

.pt-11 {
    padding-top: 44px;
}

.pt-12 {
    padding-top: 48px;
}

/*pb*/
.pb-0 {
    padding-bottom: 0px;
}

.pb-1 {
    padding-bottom: 4px;
}

.pb-2 {
    padding-bottom: 8px;
}

.pb-3 {
    padding-bottom: 12px;
}

.pb-4 {
    padding-bottom: 16px;
}

.pb-5 {
    padding-bottom: 20px;
}

.pb-6 {
    padding-bottom: 24px;
}

.pb-7 {
    padding-bottom: 28px;
}

.pb-8 {
    padding-bottom: 32px;
}

.pb-9 {
    padding-bottom: 36px;
}

.pb-10 {
    padding-bottom: 40px;
}

.pb-11 {
    padding-bottom: 44px;
}

.pb-12 {
    padding-bottom: 48px;
}

/*margin*/
.ma-0 {
    margin: 0px;
}

.ma-1 {
    margin: 4px;
}

.ma-2 {
    margin: 8px;
}

.ma-3 {
    margin: 12px;
}

.ma-4 {
    margin: 16px;
}

.ma-5 {
    margin: 20px;
}

.ma-6 {
    margin: 24px;
}

.ma-7 {
    margin: 28px;
}

.ma-8 {
    margin: 32px;
}

.ma-9 {
    margin: 36px;
}

.ma-10 {
    margin: 40px;
}

.ma-11 {
    margin: 44px;
}

.ma-12 {
    margin: 48px;
}

/*pr*/
.mr-0 {
    margin-right: 0px;
}

.mr-1 {
    margin-right: 4px;
}

.mr-2 {
    margin-right: 8px;
}

.mr-3 {
    margin-right: 12px;
}

.mr-4 {
    margin-right: 16px;
}

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

.mr-6 {
    margin-right: 24px;
}

.mr-7 {
    margin-right: 28px;
}

.mr-8 {
    margin-right: 32px;
}

.mr-9 {
    margin-right: 36px;
}

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

.mr-11 {
    margin-right: 44px;
}

.mr-12 {
    margin-right: 48px;
}

/*pl*/
.ml-0 {
    margin-left: 0px;
}

.ml-1 {
    margin-left: 4px;
}

.ml-2 {
    margin-left: 8px;
}

.ml-3 {
    margin-left: 12px;
}

.ml-4 {
    margin-left: 16px;
}

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

.ml-6 {
    margin-left: 24px;
}

.ml-7 {
    margin-left: 28px;
}

.ml-8 {
    margin-left: 32px;
}

.ml-9 {
    margin-left: 36px;
}

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

.ml-11 {
    margin-left: 44px;
}

.ml-12 {
    margin-left: 48px;
}

/*pt*/
.mt-0 {
    margin-top: 0px;
}

.mt-1 {
    margin-top: 4px;
}

.mt-2 {
    margin-top: 8px;
}

.mt-3 {
    margin-top: 12px;
}

.mt-4 {
    margin-top: 16px;
}

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

.mt-6 {
    margin-top: 24px;
}

.mt-7 {
    margin-top: 28px;
}

.mt-8 {
    margin-top: 32px;
}

.mt-9 {
    margin-top: 36px;
}

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

.mt-11 {
    margin-top: 44px;
}

.mt-12 {
    margin-top: 48px;
}

/*pb*/
.mb-0 {
    margin-bottom: 0px;
}

.mb-1 {
    margin-bottom: 4px;
}

.mb-2 {
    margin-bottom: 8px;
}

.mb-3 {
    margin-bottom: 12px;
}

.mb-4 {
    margin-bottom: 16px;
}

.mb-5 {
    margin-bottom: 20px;
}

.mb-6 {
    margin-bottom: 24px;
}

.mb-7 {
    margin-bottom: 28px;
}

.mb-8 {
    margin-bottom: 32px;
}

.mb-9 {
    margin-bottom: 36px;
}

.mb-10 {
    margin-bottom: 40px;
}

.mb-11 {
    margin-bottom: 44px;
}

.mb-12 {
    margin-bottom: 48px;
}