@media (min-width: 300px) and (max-width: 1024px) {
    .contactos {
      
    }
}


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

    .main-container {
        padding-top: 82px !important;
    }
}



.linha{
    border-bottom: 1px solid #404040;
    width: 85px;
    text-align: center;
    margin: 0px auto 90px;
    padding-top: 30px;
}
.p_container{ padding: 60px 0px; }
.p_titulo_h1_holder{  
    padding: 0px;
    text-align: center;
}
.p_titulo_h1 {
    color: #404040 !important;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 2.7em;
    line-height: 1em;
    margin-bottom: 0px;
}
.clear{clear:both;}




.sucesso{
    margin:0px 0px 30px;
    text-align: center;
    border: 1px solid #e1e1e1;
    padding: 10px;
    border-radius: 6px;
    background: #f9f9f9;
    color: #404040 !important;
}

@media (max-width: 767px) and (min-width: 320px){
  .desk{display:none;}
  .tab{display:none;}
  .mob{display:block;}
  .tab-mob{display:block;}

}
@media (max-width: 991px) and (min-width: 768px){
  .desk{display:none;}
  .tab{display:block;}
  .mob{display:none;}
  .tab-mob{display:block;}
}

@media (min-width: 992px){
  .desk{display:block;}
  .tab{display:none;}
  .mob{display:none;}
  .tab-mob{display:none;}
}



::placeholder {
  font-family: "Montserrat", Helvetica, Arial, sans-serif !important; 
    font-size: 16px !important;
    color: #333 !important;
    font-weight: 400 !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { 
  font-family: "Montserrat", Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    color: #333 !important;
    font-weight: 400 !important;

}

::-ms-input-placeholder { 
  font-family: "Montserrat", Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    color: #333 !important;
    font-weight: 400 !important;

}



@media (min-width: 320px) and (max-width: 767px) {  
        ::placeholder {
            font-size: 12px !important;
        }

        :-ms-input-placeholder { 
            font-size: 16px !important;
        }

        ::-ms-input-placeholder { 
            font-size: 16px !important;
        }
}


#desc_contactos p, #desc_contactos li {
    font-family: 'Montserrat','Montserrat',sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.9em;
    color: #3d3d3d;
    -webkit-font-smoothing: antialiased !important;
}


.contactos input[type="text"], .contactos textarea {
    border-bottom: 1px solid #404040 !important;
    padding-left: 15px !important;
    padding-right: 0px !important;
    border-radius: 0px; 
}

.bt_contactos{
    background: #111111 !important;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    padding: 8px 17px;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 6px;
}



ul{ padding:0px; }


.novobt {
    width: 120px !important;
    height: 41px;
    border-radius: 6px;
    background: #f5f5f5 !important;
    color: #999 !important;
    border: 1px solid #ddd !important;
    font-size: 16px !important;
    font-weight: 400;
    text-align: left;
    padding-left: 15px;
    text-transform: lowercase !important;
}

.novobt:after {
    font-family: FontAwesome;
    content: "\f105";
    color: #999 !important;
    float: right;
    font-size: 24px;
    padding-right: 7px;
}
.novobt:hover {
    color: #999 !important;
    border: 1px solid #333 !important;
}
.novobt:hover:after {
    padding-right: 5px;
}



#pag_contactos input, #pag_contactos textarea{
    font-size: 15px !important;
    color: #3d3d3d !important;
    font-weight: 300 !important;
}


@media (max-width: 991px) and (min-width: 320px){
    .about #desc_1 .img-responsive {
        margin: 5% 25% !important;
        width: 50% !important;
    }
}










/***/








@media (min-width: 300px) and (max-width: 991px) {
    .container { width: auto !important;}
    .col-sm-offset-2 { margin-left: 0% !important;}
}

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

        footer{ border-top:1px solid #ddd; }
        .div_input input {
            margin-left: 0px !important;
        }

        .col-md-12.tab-mob h1 {
            font-size: 32px !important;
        }
        .col-md-12.tab-mob {
            width: 90%;
            margin: 0px 5%;
        }
        .div_input {
            width: 90% !important;
            margin: 0px 5%;
        }

        .div_input div:first-child {
            margin: 0px;
            float: left !important;
        }
        .div_input input {
            float: left !important;
        }
        .div_input textarea {
            width: 95% !important;
        }
        input#captchaResult {
            float: none !important;
        }
        p.subtitle {
            text-align: left !important;
            margin: 0px 0px 30px !important;
            padding-top: 0px !important;
        }
        .bt_h{
            width: 90% !important;
            margin: 0 5% !important;
        }
        .bt_submit_holder {
            text-align: center;
        }
        section.about {
            padding-bottom: 20px !important;
        }
        .tab-mob{margin-bottom: 60px !important;}

        .openRGPD + .txtRGPD{
             margin-top: 10px !important;
        }

        .openRGPD + .txtRGPD p:before {
            top: 0% !important;
            left: 40% !important;
        }

        .map{ padding:150px 0px 0px 0px !important; }

}



  .bt_contactos{ color: #ffffff;
    background: #111;
    border: none;
    padding: 8px 28px;
    height:45px;
    font-size: 14px;
    font-family: 'Montserrat';
    font-weight: 600;
    -webkit-font-smoothing: antialiased; 
transition: background-color 0.9s ease;
}

.bt_contactos:hover{ 
    background: #f2cb13;
}

.info_txtx{ font-weight: 500; }
.info_txtx br{ display:none; }

.openRGPD{
    user-select: none;
    margin: 0;
    padding: 0;
    color: #000;
    position: relative;
    width: 45px;
    height: 45px;
    display: inline-block;
    border: 2px solid transparent !important;
    box-sizing: border-box;
    z-index: 3;
    font-family: "Arial",sans-serif !important;
    margin-left: 10px;
    float:left;
}


    .circle-button:hover:before {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }


.circle-button.yellow:before {
    /*background: #fc0;
    border: 2px solid #fc0;*/
}
.circle-button:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.6);
    z-index: 0;
    opacity: 0;
    border-radius: 50%;
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.15s cubic-bezier(0.165,0.84,0.44,1);
}

.openRGPD>span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 4;
    font-size: 15px;
    font-weight: 900;
}


    .circle-button:hover:after {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.2);
    }



.circle-button.yellow:after {
    /*border: 2px solid #fc0;*/
}
.circle-button:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    z-index: 0;
    opacity: 1;
    border-radius: 50%;
    transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19,1,0.22,1);
}



.openRGPD+.txtRGPD {
    transform: translateY(0);
    transition: all 0s ease-in-out 0.55s;
    z-index: 1;
}


.openRGPD + .txtRGPD p {
    background: white;
    padding: 14px 20px 0px;
    font-size: 12px;
    text-align: left;
    color: black;
    transition: all 0.25s ease-in-out;
    margin:0px;
}

.openRGPD + .txtRGPD p:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    transform: translate(-50%, -50%) rotate(45deg);
    background: white;
}