.contact-page{
    margin:60px 0 10px 0
}
.contact-page .page-body{
    border:1px solid #e2e6eb;
    border-radius:3px;
    background:#fff;
    padding:0 15px 15px
}
.contact-page .page-body .contact-header{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    border-bottom:1px solid #e2e6eb;
    margin-bottom:20px;
    padding:15px 0
}
.contact-page .page-body .contact-header h1{
    font-size:14px;
    font-weight:700;
    color:#212121;
    margin-bottom:15px
}
.contact-page .page-body .contact-header .breadcrumb{
    display:block
}
.contact-page .page-body .contact-header .breadcrumb ul{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.contact-page .page-body .contact-header .breadcrumb ul li{
    font-size:11px;
    color:#666;
    text-transform:capitalize
}
.contact-page .page-body .contact-header .breadcrumb ul li a{
    color:#666;
    font-size:11px
}
.contact-page .page-body .contact-header .breadcrumb ul li .delimiter{
    font-size:0
}
.contact-page .page-body .contact-header .breadcrumb ul li .delimiter:before{
    content:"\f105";
    font-family:"Faprika";
    color:#E21D69;
    font-size:12px;
    font-weight:400;
    margin:0 5px
}
.contact-page .page-body .contact-blocks{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    padding-bottom:20px
}
.contact-page .page-body .contact-blocks h3{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    justify-content:center;
    -ms-flex-pack:center;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    font-size:15px;
    color:#212121;
    font-weight:600;
    margin-bottom:15px
}
.contact-page .page-body .contact-blocks h3:before{
    font-family:"Faprika";
    font-weight:300;
    color:#666;
    font-size:40px;
    margin-bottom:15px
}
.contact-page .page-body .contact-blocks h3.icon-headset:before{
    content:"\f590"
}
.contact-page .page-body .contact-blocks h3.icon-mail:before{
    content:"\f0e0"
}
.contact-page .page-body .contact-blocks h3.icon-address:before{
    content:"\f5a0"
}
.contact-page .page-body .contact-blocks span{
    font-size:13px;
    color:#666
}
.contact-page .page-body .contact-blocks>div{
    -webkit-box-flex:1;
    -moz-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    border:1px solid #e2e6eb;
    border-radius:3px;
    padding:20px;
    text-align:center;
    margin-bottom:10px
}
.ie .contact-page .page-body .contact-blocks>div{
    flex:1 1 1
}
.contact-page .page-body .contact-content>div{
    font-size:13px;
    line-height:26px;
    margin-bottom:15px
}
.contact-page .page-body .contact-content>div strong,.contact-page .page-body .contact-content>div a{
    color:#212121
}
.contact-page .page-body .contact-content>div h2{
    font-size:14px;
    line-height:26px
}
.contact-page .page-body .contact-content>div .social a{
    color:#666
}
.contact-page .page-body .contact-content>div .social a.facebook:before{
    content:"\f39e"
}
.contact-page .page-body .contact-content>div .social a.instagram:before{
    content:"\f16d"
}
.contact-page .page-body .contact-content>div .social a.twitter:before{
    content:"\f099"
}
.contact-page .page-body .contact-content>div .social a.youtube:before{
    content:"\f167"
}
.contact-page .page-body .contact-content>div .social a.pinterest:before{
    content:"\f231"
}
.contact-page .page-body .contact-content>div .social a:before{
    font-family:"FaprikaBrand";
    font-size:15px;
    margin-right:10px
}
.contact-page .page-body .contact-content>div .social a:hover:before{
    color:#E21D69
}
.contact-page .page-body .contact-content form{
    width:100%
}
.contact-page .page-body .contact-content form .result{
    padding:15px;
    position:relative;
    margin:0 0 10px 0;
    background-color:#94db94;
    border-left:3px solid #393;
    color:#1a4d1a
}
.contact-page .page-body .contact-content form textarea{
    min-height:150px
}
.contact-page .page-body .contact-content form button{
    height:40px;
    line-height:38px;
    text-transform:uppercase;
    cursor:pointer;
    transition:all .3s ease;
    padding:0 15px;
    font-weight:600;
    color:#fff;
    background:#E21D69;
    border:1px solid #E21D69;
    border-radius:3px;
    width:100%;
    margin-top:10px
}
.contact-page .page-body .contact-content form .inputs{
    position:relative
}
.contact-page .page-body .contact-content form .inputs .input-validate{
    max-width:100%
}
.contact-page .page-body .contact-content form .inputs input,.contact-page .page-body .contact-content form .inputs textarea{
    padding-left:30px
}
.ie .contact-page .page-body .contact-content form .inputs input,.ie .contact-page .page-body .contact-content form .inputs textarea{
    width:100%
}
.contact-page .page-body .contact-content form .inputs textarea{
    padding-left:15px
}
.contact-page .page-body .contact-content form .inputs:before{
    position:absolute;
    font-family:"Faprika";
    left:10px
}
.ie .contact-page .page-body .contact-content form .inputs:before{
    top:17px
}
.contact-page .page-body .contact-content form .inputs.name:before{
    content:"\f007"
}
.contact-page .page-body .contact-content form .inputs.mail:before{
    content:"\f0e0"
}
.contact-page .page-body .contact-content form .inputs.subject:before{
    content:"\f059"
}
@media only screen and (min-width: 768px){
    .contact-page .page-body .contact-header{
        -webkit-flex-direction:row;
        -moz-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-justify-content:space-between;
        -moz-justify-content:space-between;
        -ms-justify-content:space-between;
        justify-content:space-between;
        -ms-flex-pack:space-between;
        line-height:48px;
        padding:0
    }
    .contact-page .page-body .contact-header h1{
        margin:0
    }
    .contact-page .page-body .contact-blocks{
        -webkit-flex-direction:row;
        -moz-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row;
        margin:0 -15px
    }
    .contact-page .page-body .contact-blocks>div{
        margin:0 15px
    }
    .contact-page .page-body .contact-content{
        display:-webkit-box;
        display:-moz-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex
    }
    .contact-page .page-body .contact-content>div{
        -webkit-box-flex:0 276px;
        -moz-box-flex:0 276px;
        -webkit-flex:0 276px;
        -ms-flex:0 276px;
        flex:0 276px;
        margin-right:30px
    }
    .contact-page .page-body .contact-content form{
        -webkit-box-flex:1;
        -moz-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1
    }
}
@media only screen and (min-width: 992px){
    .contact-page{
        margin:20px 0
    }
    .contact-page .page-body{
        padding:0 20px 20px
    }
}
@media only screen and (min-width: 1201px){
    .contact-page .page-body .contact-content>div{
        -webkit-box-flex:0 356px;
        -moz-box-flex:0 356px;
        -webkit-flex:0 356px;
        -ms-flex:0 356px;
        flex:0 356px
    }
}