/*
* **********************************
* ################################## ESTILOS DO CONTATO
* **********************************
*/

/*
========================
======================== CONTATO
========================
*/

.contato{
    background-color: #f7f7f7 !important;
    padding: 230px 0 70px 0;
    color: #2b3748;
}

@media(max-width: 1024px){
    .contato{
        padding: 70px 0;
    }
}

.contato .content{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

@media(max-width: 1024px){
    .contato .content{
        flex-direction: column;
        align-items: initial;
        text-align: center;
    }
}

.contato_left{
    flex-basis: 45%;
    margin-right: 10%;
}

@media(max-width: 1024px){
    .contato_left{
        margin-right: 0;
    }
}

.contato_title{
    width: 100%;
}

@media(max-width: 1024px){
    .contato_title{
        width: 100%;
    }
}

.contato_title h1{
    font-size: 2em;
    font-weight: 300;
    margin-bottom: 5px;
}

.contato_title p{
    font-size: 1.25em;
    font-weight: 300;
}

.contato_left form{
    margin-top: 30px;
}

.contato_left form input,
.contato_left form select,
.contato_left form textarea{
    background-color: #FFF;
    font-size: 1em;
    border-color: #FFF;
    font-size: 1em;
    font-weight: 300;
    color: #2b3748;
    padding: 15px;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.contato_left form textarea{
    height: 160px;
}

.contato_left form input:focus,
.contato_left form select:focus,
.contato_left form textarea:focus{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.3);
    box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.3);
}

.contato_left form ::-webkit-input-placeholder { opacity:1; color: #2b3748; }
.contato_left form ::-moz-placeholder { opacity:1; color: #2b3748; }
.contato_left form :-ms-input-placeholder { opacity:1; color: #2b3748; }
.contato_left form :-moz-placeholder { opacity:1; color: #2b3748; }

.contato_left form .btn{
    background-color: #2b3648;
    padding: 13px 20px;
    font-size: 1em;
    font-weight: 400;
    min-width: 160px;
    display: block;
}

@media (max-width: 1024px){
    .contato_left form .btn{
        width: 100%;
    }
}

.contato_left form .btn:hover{
    background-color: #121820;
}

@media(max-width: 1024px){
    .contato_left h1{
        text-align: center;
    }
}

.contato_right{
    flex-basis: 45%;
    overflow: hidden;
}

.contato_right h1{
    font-size: 1.375em;
    font-weight: 700;
    margin-bottom: 5px;
}

.contato_right p{
    font-size: 1.25em;
    font-weight: 300;
    margin-bottom: 5px;
}

@media(max-width: 1024px){
    .contato_right{
        margin-top: 40px;
    }
}

.contato_onde_estamos_item{
    margin-bottom: 20px;
}

/*
========================
======================== TRABALHE CONOSCO
========================
*/

.contato_trabalhe_conosco{
    flex-basis: 100%;
    margin-top: 60px;
}

.contato_trabalhe_conosco_title h1{
    font-size: 2em;
    font-weight: 300;
}

.contato_trabalhe_conosco form{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

@media(max-width: 1024px){
    .contato_trabalhe_conosco form{
        flex-direction: column;
        align-items: initial;
    }
}

.contato_trabalhe_conosco form .label{
    flex-basis: 28%;
    margin-bottom: 0;
}

@media(max-width: 1024px){
    .contato_trabalhe_conosco form .label{
        margin-bottom: 15px;
    }
}

.contato_trabalhe_conosco form .label_btn{
    flex-basis: 11%;
    margin-bottom: 0;
}

.contato_trabalhe_conosco form input{
    background-color: #FFF;
    border-color: #FFF;
    font-size: 1em;
    font-weight: 300;
    color: #2b3748;
    padding: 15px;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.contato_trabalhe_conosco form .attachment {
    width: 100%;
    margin-bottom: 0;
    position: relative;
}

.contato_trabalhe_conosco form .attachment label {
    background-color: #FFF;
    width: 100%;
    font-size: 1em;
    font-weight: 300;
    color: #2b3748;
    padding: 15px;
    text-align: left;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.contato_trabalhe_conosco form .attachment:after{
    font-family: 'FontAwesome';
    content: "\f093";   
    font-size: 25px;
    color: #2b3748;
    position: absolute;
    top: 0;
    right: 0;
    margin: 14px 15px 15px 15px;
}

.contato_trabalhe_conosco form input:focus{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.3);
    box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.3);
}

.contato_trabalhe_conosco form .label_btn .btn{
    width: 100%;
    background-color: #2b3648;
    padding: 17px 20px;
    font-size: 1em;
    font-weight: 700;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.contato_trabalhe_conosco form ::-webkit-input-placeholder { opacity:1; color: #2b3748; }
.contato_trabalhe_conosco form ::-moz-placeholder { opacity:1; color: #2b3748; }
.contato_trabalhe_conosco form :-ms-input-placeholder { opacity:1; color: #2b3748; }
.contato_trabalhe_conosco form :-moz-placeholder { opacity:1; color: #2b3748; }

/*
========================
======================== ANEXOS
========================
*/

.attachment{
    width: 100% !important;
}
.attachment label{
    background: #f58634 url('../../img/global/custom/icon-upload.png') right 15px center no-repeat;
    text-align: left !important;
    color: #FFF !important;
    padding: 15px !important;
}
.attachment:hover label{
    background-color: #1A2F44;
}

/*VAGAS*/
.contato_right .vagas h2{
    font-size: 23px;
    margin-bottom: 20px;
}

.contato_right .vagas-item{
    margin-bottom: 10px;
    text-align: center;
}

.contato_right .owl-carousel .owl-item{
    text-align: center;
}

.contato_right .owl-carousel .owl-item img {
    display: inline-block;
    width: auto !important;
    height: 450px;
}

/*DOTS*/
.vagas_list .owl-dots{
    text-align: center;
    z-index: 2;
    margin-top: 15px;
}

.vagas_list .owl-dot {
    display: inline-block;
}

.vagas_list .owl-dot span {
    background-color: #005a8e;
    display: block;
    width: 15px;
    height: 15px;
    margin: 2px;
    cursor: pointer;

    font-size: 0;
    outline: 0;
    padding: 0;
    border: 0;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;

    transition: background-color 300ms ease-out;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
}

.vagas_list .owl-dot.active span,
.vagas_list .owl-dot:hover span{
    background-color: #f58634;
}