body {
    font-family: inherit!important;
}
#mkm-es-subscribe:hover {
    background-color: #646060 !important
}

@media only screen and (min-width: 300px) {
    #mkmSForm div ::-webkit-input-placeholder {
        color: #646060;
    }

    :-moz-placeholder {
        color: #646060;
    }

    ::-moz-placeholder {
        color: #646060;
    }

    :-ms-input-placeholder {
        color: #646060;
    }
}
@media only screen and (min-width: 692px) {
   
    .left-div{ 
        float: left;
        width: 50%;
        text-align:right;
       
    }
    .right-div{
        float: right;
        width: 50%;
        text-align:left;
         
    }
    button#submit-form {
        width: 45%;
    }
    form#online-sign-up-form {
        padding: 24px 50px;
    }
}
@media only screen and (max-width: 691px) {
    
    button#submit-form {
        width: 60%;
    }
}
.right-div,  .left-div{ 
    padding:10px
}
.main-form-div p{    
    text-align: center;
    margin-bottom: -15px;
    padding: 10px 0 0 0;
    font-size: 18px;
}
input#first_name, input#last_name, input#email, input#phone {              
    margin-top: 0px;
    background-color: #e7e7e7;         
    border-color: #e7e7e7!important;
}
button#submit-form {
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    background: #e53333;
    border-color: #e53333;    
    font-size: 27px;
    font-family: initial;
}
.required {
    opacity: initial;
    color: #d90707;
}
.non-clickable-button {
    background-color: #f4524d!important;
    border: none;
    color: #cec2ab;     
    text-align: center;
    text-decoration: none;
    display: inline-block;     
    cursor: default;
    pointer-events: none;
}
.loadIcon1 {
    display:none;
    position: absolute;
    left: none!important;
    top: none!important;
    margin-top: 0px;  
    margin-left: 12px;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
}
.error {
    color: red;
    margin-left: 5px;
    font-size: 13px;
}

label.error {
    display: inline;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.main-form-div{
    margin-top: 50px;    
}
.main-form-tnk{
    text-align:center;
    margin-top: 30px;
}
 
.tnk-div {
    padding: 35px 87px 0 87px;
}
 
h2 {
    font-weight: bold;
    font-size: 28px;
    font-family: fangsong;
}
.background{
    background-color: #b90d0d;
    padding: 17px 10px 10px 10px;
    color: #ffffff;
}
.background p{
    font-size: 14px;
}
h1 {
    font-size: 1.3rem;
    font-weight: 700;
   
}
.img-part {
    padding: 20px;
}
.social-icon ul{
    list-style:none;
    text-align: center;
}
.social-icon ul li {
    float: left;
    padding: 5px;
}
.social-icon {
    margin-left:21px;
}