/*06. newsletter area css here*/
.newsletter_area_start{
    padding: 92px 0 100px;
    @media #{$tablet-device}{
       padding: 74px 0 80px;
    }
    @media #{$large-mobile}{
        padding: 57px 0 60px;
    }
    & .section_title{
        & h2{
            & span{
                color: $secondary_color;
            }
        }
    }
}
.newsletter_container {
	padding-top: 16px;
    @media #{$tablet-device}{
       padding-top: 8px;
    }
    @media #{$large-mobile}{
        padding-top: 0;
    }
}
.subscribe_form{
    & form{
        position: relative;
        border-bottom: 1px solid #373737;
        width: 630px;
        margin: 0 auto;
        @media #{$tablet-device}{
           width: 590px;
        }
        @media #{$large-mobile}{
            width: 100%;
        }
        & input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
           color: #222;
        }
        & input::-moz-placeholder { /* Firefox 19+ */
           color: #222;
        }
        & input:-ms-input-placeholder { /* IE 10+ */
           color: #222;
        }
        & input:-moz-placeholder { /* Firefox 18- */
           color: #222;
        }
        & input{
            width: 100%;
            border: 0;
            background: none;
            padding: 0 108px 0 45px;
            height: 48px;
            font-size: 15px;
            color: #222;
            @media #{$tablet-device}{
                height: 40px;
            }
            @media #{$large-mobile}{
                height: 40px;
                font-size: 13px;
                padding: 0 74px 0 33px;
            }
        }
        & button{
            font-size: 14px;
            text-transform: uppercase;
            font-weight: 500;
            height: 100%;
            border: 0;
            position: absolute;
            top: 0;
            right: 0;
            @include transition(.3s);
            padding: 0;
            background: inherit;
            &:hover{
                color: $secondary_color;
            }
            @media #{$tablet-device}{
                line-height: 36px;
                height: 40px;
            }
            @media #{$large-mobile}{
                font-size: 12px;
            }
        }
        & .email_icon{
            position: absolute;
            top: 56%;
            left: 0;
            transform: translatey(-50%);
            & i{
                font-size: 25px;
                @media #{$large-mobile}{
                    font-size: 20px;
                }
            }
        }
    }
}
.mailchimp-error {
	text-align: center;
	color: green;
}
.mailchimp-success {
	text-align: center;
    max-width: 510px;
	color: green;
    margin: 0 auto;
    &.active{
        margin-top: 20px;
    }
}

/*home two css here*/