@font-face{
    font-family:Poppins-Regular;
    src:url(../fonts/poppins/Poppins-Regular.ttf)
}
@font-face{
    font-family:Poppins-Medium;
    src:url(../fonts/poppins/Poppins-Medium.ttf)
}
@font-face{
    font-family:Poppins-Bold;
    src:url(../fonts/poppins/Poppins-Bold.ttf)
}
.container-contact2{
    margin:0;
    padding:0;
    box-sizing:border-box
}

textarea.input2:focus,input.input2:focus{
    border-color:transparent!important
}
input.input2:focus::-webkit-input-placeholder{
    color:transparent
}
input.input2:focus:-moz-placeholder{
    color:transparent
}
input.input2:focus::-moz-placeholder{
    color:transparent
}
input.input2:focus:-ms-input-placeholder{
    color:transparent
}
textarea.input2:focus::-webkit-input-placeholder{
    color:transparent
}
textarea.input2:focus:-moz-placeholder{
    color:transparent
}
textarea.input2:focus::-moz-placeholder{
    color:transparent
}
textarea.input2:focus:-ms-input-placeholder{
    color:transparent
}
input.input2::-webkit-input-placeholder{
    color:#999
}
input.input2:-moz-placeholder{
    color:#999
}
input.input2::-moz-placeholder{
    color:#999
}
input.input2:-ms-input-placeholder{
    color:#999
}
textarea.input2::-webkit-input-placeholder{
    color:#999
}
textarea.input2:-moz-placeholder{
    color:#999
}
textarea.input2::-moz-placeholder{
    color:#999
}
textarea.input2:-ms-input-placeholder{
    color:#999
}
button.contact2-form-btn{
    outline:none!important;
    border:none;
    background:0 0
}
button.contact2-form-btn:hover{
    cursor:pointer
}

.bg-contact2{
    width:100%;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover
}
.container-contact2{
    width:100%;
    max-height:auto;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    padding:15px;
    background:rgba(219,21,99,.8);
    background:-webkit-linear-gradient(45deg,rgba(255, 220, 74, 0.8),rgba(255, 118, 17, 0.8));
    background:-o-linear-gradient(45deg,rgba(255, 220, 74, 0.8),rgba(255, 118, 17, 0.8));
    background:-moz-linear-gradient(45deg,rgba(255, 220, 74, 0.8),rgba(255, 118, 17, 0.8));
    background:linear-gradient(45deg,rgb(255, 220, 74),rgba(255, 118, 17, 0.8))
}
.wrap-contact2{
    width:790px;
    height: auto;
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    padding:72px 55px 90px
}
.contact2-form{
    width:100%
}
.contact2-form-title{
    display:block;
    font-family:Poppins-Bold;
    font-size:39px;
    color:#333;
    line-height:1.2;
    text-align:center;
    padding-bottom:70px
}
.wrap-input2{
    width:100%;
    position:relative;
    border-bottom:2px solid #adadad;
    margin-bottom:37px
}
.input2{
    display:block;
    width:100%;
    font-family:Poppins-Regular;
    font-size:15px;
    color:#555;
    line-height:1.2
}
.focus-input2{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    top:0;
    left:0;
    pointer-events:none
}
.focus-input2::before{
    content:"";
    display:block;
    position:absolute;
    bottom:-2px;
    left:0;
    width:0;
    height:2px;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s;
    background:#db1563;
    background:-webkit-linear-gradient(45deg,#d5007d,#e53935);
    background:-o-linear-gradient(45deg,#d5007d,#e53935);
    background:-moz-linear-gradient(45deg,#d5007d,#e53935);
    background:linear-gradient(45deg,#d5007d,#e53935)
}
.focus-input2::after{
    content:attr(data-placeholder);
    display:block;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    font-family:Poppins-Regular;
    font-size:13px;
    color:#999;
    line-height:1.2;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s
}
input.input2{
    outline:none;
    border:none;
    height:45px
}
input.input2+.focus-input2::after{
    top:16px;
    left:0
}
textarea.input2{
    outline:none;
    border:none;
    min-height:115px;
    padding-top:13px;
    padding-bottom:13px
}
textarea.input2+.focus-input2::after{
    top:16px;
    left:0
}
.input2:focus+.focus-input2::after{
    top:-13px
}
.input2:focus+.focus-input2::before{
    width:100%
}
.has-val.input2+.focus-input2::after{
    top:-13px
}
.has-val.input2+.focus-input2::before{
    width:100%
}
.container-contact2-form-btn{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    padding-top:13px
}
.wrap-contact2-form-btn{
    display:block;
    position:relative;
    z-index:1;
    border-radius:2px;
    width:auto;
    overflow:hidden;
    margin:0 auto
}
.contact2-form-bgbtn{
    position:absolute;
    z-index:-1;
    width:300%;
    height:100%;
    background:#db1563;
    background:-webkit-linear-gradient(-135deg,#0028ff,#ff310f,#ff8328,#e32ccf);
    background:-o-linear-gradient(-135deg,#0028ff,#ff310f,#ff8328,#e32ccf);
    background:-moz-linear-gradient(-135deg,#0028ff,#ff310f,#ff8328,#e32ccf);
    background:linear-gradient(-135deg,#0028ff,#ff310f,#ff8328,#e32ccf);
    top:0;
    left:-100%;
    -webkit-transition:all .4s;
    -o-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s
}
.contact2-form-btn{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0 20px;
    min-width:244px;
    height:50px;
    font-family:Poppins-Medium;
    font-size:16px;
    color:#fff;
    line-height:1.2
}
.wrap-contact2-form-btn:hover .contact2-form-bgbtn{
    left:0
}
@media(max-width:576px){
    .wrap-contact2{
        padding:72px 15px 90px
    }
}
.validate-input{
    position:relative
}
.alert-validate::before{
    content:attr(data-validate);
    position:absolute;
    max-width:70%;
    background-color:#fff;
    border:1px solid #c80000;
    border-radius:2px;
    padding:4px 25px 4px 10px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    right:0;
    pointer-events:none;
    font-family:Poppins-Regular;
    color:#c80000;
    font-size:13px;
    line-height:1.4;
    text-align:left;
    visibility:hidden;
    opacity:0;
    -webkit-transition:opacity .4s;
    -o-transition:opacity .4s;
    -moz-transition:opacity .4s;
    transition:opacity .4s
}
.alert-validate::after{
    content:"\f12a";
    font-family:FontAwesome;
    display:block;
    position:absolute;
    color:#c80000;
    font-size:16px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    right:8px
}
.alert-validate:hover:before{
    visibility:visible;
    opacity:1
}
@media(max-width:992px){
    .alert-validate::before{
        visibility:visible;
        opacity:1
    }
}