body{
    font-family: 'Roboto', sans-serif;
}
.color-595959{
    color:#595959;
}
.img-center{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2em;
}
.width-40-per{
    width: 40%!important;
}
.font-26px{
    font-size: 26px;
}
.width-320-px{
    width: 320px;
}
.form-input-style{
    float: right;
    padding: 6px;
    border-radius: 6px;
    border: 1px solid white;
    background: #14a8981c;
    width: 72%;
}
.textArea-input-style{
    border-radius: 6px;
    border: 1px solid white;
    background: #14a8981c;
    width: 100%;
    min-height: 200px;
    width: 72%;
    float: right;
}

::-webkit-input-placeholder {
    color: #00000063;
 }
 
 :-moz-placeholder { /* Firefox 18- */
    color: 00000063;  
 }
 
 ::-moz-placeholder {  /* Firefox 19+ */
    color: #00000063;  
 }
 
 :-ms-input-placeholder {  
    color: #00000063;  
 }
 .color-14a898{
     color: #14a898;
 }
.width-42per{
    width: 42%;
}
 .form-container{
     padding:4%;
 }
 .hover-icons{
     transition: .4s cubic-bezier(0.6, -0.28, 0.31, 0.9);
     color:black;
 }
 .hover-icons:hover{
    transform: scale(1.08);
 }
 a{
     color:black;
 }
 a:hover{
     color: black;
 }
section.form-section {
    opacity: 1;
    -webkit-transition: max-height .7s;
    transition: max-height .7s;
    will-change: max-height;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    background-image: url(https://www.loumarturismo.com.br/img/contact-page-bg.svg);
    background-size: cover;
    background-repeat: no-repeat;}

section.form-section .form-container {
    border-radius: 4px;
    -webkit-box-shadow: 0 50px 100px -20px rgba(50,50,93,.25), 0 30px 60px -30px rgba(0,0,0,.3), 0 -18px 60px -10px rgba(0,0,0,.025);
    box-shadow: 0 50px 100px -20px rgba(50,50,93,.25), 0 30px 60px -30px rgba(0,0,0,.3), 0 -18px 60px -10px rgba(0,0,0,.025);
    max-width: 645px;
    background: #fff;
    margin: 0 auto;
}

@media (min-width: 670px){
    section.form-section form {
        padding: 10px 18px 20px 24px;
    }
}


@media (min-width: 880px){
    section.form-section .container-lg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .form-section{
        padding:30px;
    }
    .form-container{
        padding:1%;
    }
   
}


@media (min-width: 880px){
    section.form-section .form-column {
        -webkit-box-flex: 6;
        -ms-flex: 6;
        flex: 6;
        padding-bottom: 0;
    }
}

@media only screen and (min-width:320px) and (max-width:670px){
    .form-input-style{
        float: right;
        padding: 6px;
        border-radius: 6px;
        border: 1px solid white;
        background: #14a8981c;
        width: 65%;
    }
    .textArea-input-style{
        border-radius: 6px;
        border: 1px solid white;
        background: #14a8981c;
        width: 100%;
        min-height: 200px;
        width: 100%;
        float: right;
    }
    .form-section{
        padding: 0;
    }
}