/*
@Author: ThemeMascot Updated by: Kima Banks
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */
/* Section contact background color*/
.contact-bg-color{
    background-color: #f4f4f4;
  }
 
.contact-section-padding {
    padding-top: 50px;
    padding-right: 90px;
    padding-bottom: 20px;
    padding-left: 90px;
  }

.misc_padding {
    padding-left: 25px;
}
.bullet_padding {
    padding-right: 10px;
    padding-bottom: 10px;
}
.map_padding {
    padding-top: 25px;
}

/* Format the Form */

.form-group {
    position: relative;
}

.form-control2 {
    border-radius: 0;
    width: 100%;
    height: 45px;
}

.form-control2 {
    border: 1px solid #c0c0c0;
    padding-left: 0;
    box-shadow: 3px 3px 3px lightgrey;
  }

textarea.form-control2 {
  height: 150px;
}

input {
    width: 100%;
    padding: 10px;
    font-size: 14px;
}

label{
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    cursor: text;
    transition: 0.2s;
}

input:focus~label, 
input:valid~label, 
textarea:focus~label, 
textarea:valid~label{
    font-size: 10px;
    top: -10px;
}