/*

Theme Name: Pro – Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/

.my_contact_form {
    background: #891020;
    padding: 10px 54px;
    text-align: center;
    border-radius: 6px;
}
.my_contact_form h1 {
    color: white;
    font-size: 45px;
    margin: 27px 0px;
    font-weight: 500;
}
.my_contact_form input {
    background-color: #600B16;
    border: none;
    border-radius: 3px;
    height: 43px;
	    color: white;
	
}

.my_contact_form textarea {
    background-color: #600B16;
    border: none;
	   color: white;
	
    border-radius: 3px;
    
}

.my_contact_form select {
    background-color: #600B16;
    border: none;
    border-radius: 3px;
    height: 43px;
	 color: white;
    font-weight: 300;
    font-size: 17px;
    font-family: Oswald;
    padding-left: 10px;
}



.my_contact_form input::placeholder {
    color: white;
    font-weight: 300;
    font-size: 17px;
    font-family: Oswald;
    padding-left: 10px;
}
.my_contact_form textarea::placeholder {
    color: white;
    font-weight: 300;
    font-size: 17px;
    font-family: Oswald;
    padding-left: 10px;
}
.my_contact_form input.wpcf7-form-control.wpcf7-submit {
   
    
    display: inline-block;
    background-color: #fff;
    color: #891020;
    font-family: "Oswald", sans-serif;
    font-size: 1.6rem !important;
    font-weight: 400;
    line-height: 0px !important;
    cursor: pointer;
    -webkit-transition: background-color 0.25s;
    -o-transition: background-color 0.25s;
    transition: background-color 0.25s;
    padding: 30px 60px;
    border-radius: 3px;
    text-shadow: none;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    font-size: 2.4rem;
    -webkit-transition: -webkit-transform 0.25s, -webkit-box-shadow 0.25s;
    transition: -webkit-transform 0.25s, -webkit-box-shadow 0.25s;
    -o-transition: box-shadow 0.25s, -o-transform 0.25s;
    transition: transform 0.25s, box-shadow 0.25s;
    transition: transform 0.25s, box-shadow 0.25s, -webkit-transform 0.25s, -o-transform 0.25s, -webkit-box-shadow 0.25s;
}

.my_contact_form input.wpcf7-form-control.wpcf7-submit:hover {
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.5);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
}

/*contact page forms*/
.main_heading::after {
    position: absolute;
    top: 55%;
    left: 0;
    display: block;
    width: 100%;
    height: 53px;
    content: " ";
    background-color: rgba(232, 235, 237, 0.7);
    z-index: -1;
}
     /*form*/

.form_sec .my_contact_form {
    background-color: #074060 !important;
    padding: 10px 14px;
}
.form_sec .my_contact_form h1 {
    font-family: Oswald, sans-serif !important;
    font-weight: 300;
}

.form_sec .my_contact_form input {
    background-color: rgba(0, 0, 0, 0.3);
	    color: white;
}
.form_sec .my_contact_form select {
    background-color: rgba(0, 0, 0, 0.3);
}
.form_sec .my_contact_form textarea {
    background-color: rgba(0, 0, 0, 0.3);
}
.form_sec .my_contact_form input.wpcf7-form-control.wpcf7-submit {
   padding: 42px 60px !important;
    line-height: 0px;
    font-size: 2.4rem;
    font-weight: 300;
    border: none;
    outline: none;
    position: relative;
    display: inline-block;
    background-color: #891020;
    color: #fff;
    font-family: "Oswald", sans-serif;
    width: 100%;
    padding: 8px 40px;
    border-radius: 3px;
    text-shadow: none;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    margin: 0 16px 0 0;
    font-size: 38px !important;
}
.form_sec .my_contact_form input.wpcf7-form-control.wpcf7-submit:hover {
    background-color: #971223;
}
@media only screen and (max-width:900px){
  .main_heading {
    font-size: 8vw !important;
}
}