#divContainer {

    /*Pega a imagem direto do wordpress do site

    background: url('http://site.carmob.com.br/wp-content/uploads/2017/10/xcamob-rodape.png.pagespeed.ic.Ngztequ6Xu.png');

    */

    padding: 0px;

    /*background-image: url(../imgs/imgFundoFormContato.png);

    background-repeat: no-repeat;

    background-size: auto;

    background-position: center top;*/

    min-height: 969px;

}





#divForm > div {

    max-width: 650px;

    padding: 10px;

    margin:auto auto;

}



    #divForm > div p {

        color: #495057;

        font-weight: bold;

    }



    #divForm > div h2 {

        color: #000;

        font-size: 2rem;

    }



    #divForm > div h3 {

        color: #fff;

        font-size: 1.5rem;

    }





#divForm #divMsgErro p {

    font-size: 0.9em;

    font-weight: normal;

    padding: 0px;

    margin-bottom: 5px;



}|



    #divForm #divMsgErro p span {

        font-weight: bold;

    }



#divForm #divMsgAguarde p {

 font-size: 1.2em;

 font-weight: normal;

 padding: 0px;

 margin-bottom: 5px;

 color: #0040C1;

}















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

 #divForm > div h2 {

        color: #000;

        font-size: 1.5rem;

    }



    #divForm > div h3 {

        color: #fff;

        font-size: 1rem;

    }

}





#txtNome, #txtEmail, #txtTelefone, #txtCidade, #txtBairro, #divCamposOptions, #divCamposChekBoxs, #txtMensagem, #txtEmpresa {

    padding: 5px 5px 5px 40px;

    width: 100%;

    box-sizing: border-box;

    border: 2px solid #ccc;

    border-radius: 10px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    font-size: 16px;

    background-color: white;

    padding-left: 10px;

    margin-bottom:5px;

}



#txtMensagem {

    padding: 8px 10px 10px 10px;

    width: 100%;

}



#btnEnviar {

    width: 100%;

    max-width: 385px;

}



    #btnEnviar:focus {

        cursor: pointer;

       

    }



.btn-outline-danger {

    color: #fff;

    font-size: 18px;

    background-color: #28a745;

    background-image: none;

    border-color: #28a745;

}



.form-control {

    display: block;

    width: 100%;

    height: calc(2.25rem + 2px);

    padding: 0.375rem 0.75rem;

    font-size: 1.2rem;

    line-height: 1.6;

    color: #28a745;

    background-color: transparent;

    background-clip: padding-box;

    border: 1px solid #28a745;

    border-radius: 0;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}



.input-group-text {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    padding: 0.375rem 0.75rem;

    margin-bottom: 0;

    font-size: 1.5rem;

    font-weight: 700;

    line-height: 1.6;

    color: #495057;

    text-align: center;

    white-space: nowrap;

    background-color: #e9ecef;

    border: 1px solid #ced4da;

    border-radius: 0;

}



#divMsgSucesso, #divMsgErro {

    width: 100%;

    padding: 5px 20px;

    font-weight: normal;

    text-align: left;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

}





#divMsgSucesso {

    background-color: #d4edda;

}



#divMsgErro {

    background-color: #f8d7da;

    text-align: left;

}

#divMsgErro h6 {

    padding: 10px 0px;

    margin: 0px;

    line-height: normal;

}





        







/*Don't forget to add Font Awesome CSS : "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"*/

input[type="text"] {

    width: 100%;

    border: 2px solid #aaa;

    border-radius: 4px;

    margin: 5px 0;

    outline: none;

    padding: 8px;

    box-sizing: border-box;

    transition: 0.3s;

}



textarea {

    margin: 5px 0;

}





input[type="text"]:focus {

    border-color: dodgerBlue;

    box-shadow: 0 0 8px 0 dodgerBlue;

}



.inputWithIcon {

    padding-bottom: 10px;

}



.inputWithIcon span {

    text-align:left

}





.inputWithIcon input[type="text"] {

    padding-left: 10px;

}



.inputWithIcon {

    position: relative;

}



    .inputWithIcon i {

        position: absolute;

        left: 5px;

        top: 14px;

        padding: 0px 0px;

        color: #808080;

        transition: 0.3s;

    }



        .inputWithIcon i.iSenha {

            top: 15px;

        }



        .inputWithIcon i.iMensagem {

            top: 15px;

        }







    .inputWithIcon input[type="text"]:focus + i {

        color: dodgerBlue;

    }



    .inputWithIcon.inputIconBg i {

        background-color: #aaa;

        color: #fff;

        padding: 9px 4px;

        border-radius: 4px 0 0 4px;

    }



    .inputWithIcon.inputIconBg input[type="text"]:focus + i {

        color: #fff;

        background-color: dodgerBlue;

    }





.inputComCheckBox, .inputComOption {

    position: relative;

    padding: 5px 5px 5px 40px;

    width: 100%;

    box-sizing: border-box;

    border: 2px solid #ccc;

    border-radius: 10px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    font-size: 16px;

    background-color: white;

    padding-left: 10px;

    text-align: left;

}



.inputComCheckBox span, .inputComOption span{

 margin-left: 5px;

}



.inputComCheckBox >span, .inputComOption >span{

 position:absolute;

 top:-30px;

 left:0px;

 margin-left: 0px;

}







    .inputComCheckBox i , inputComOption i{

        position: absolute;

        left: 10px;

        top: 15px;

        padding: 0px 0px;

        color: #808080;

        transition: 0.3s;

    }



    .inputComCheckBox > div, .inputComOption > div {

        display: flex;

    }



        .inputComCheckBox > span,.inputComOption > span {

            color: #495057;

        }







.inputComCheckBox > div div, .inputComOption > div div {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    padding: 0px 20px;

}



            .inputComCheckBox > div div:first-child, .inputComOption > div div:first-child {

                padding-left: 0px;

            }



            .inputComCheckBox > div div *, .inputComOption > div div * {

            }



        .inputComCheckBox > div span, .inputComOption > div span  {

            font-size: 13px;

            font-weight: bold;

            color: #495057;

        }





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

    .inputComCheckBox > div, .inputComOption > div {

        display: flex;

        flex-direction: column;

    }



        .inputComCheckBox > div div, .inputComOption > div div  {

            display: flex;

            flex-wrap: wrap;

            align-items: center;

            padding: 0px 0px;

        }

}