/*contact*/
.contact-banner{ display: inline-block; width: 100%; padding: 100px 0 230px 0; text-align: center; background:url(images/contact-banner.jpg) no-repeat bottom; background-size:cover}
.contact-banner h2{ color: #fff; font-size: 35px; font-weight: 400;}
.contact-info{margin-top:-170px; text-align:center;background:#F1F1F1;}
.contact-info h3{padding:20px 0}
.contact-info a{color:#32B675!important}
.contact-info p{color: #000;font-weight: 500; font-size:15px;}
.contact-info .left{width:49%; float:left; background:#fff; padding:87px 0; box-shadow:0 0 8px rgba(0,0,0,0.1)}
.contact-info .right{width:49%; float:right; background:#fff; padding:65px 0; box-shadow:0 0 8px rgba(0,0,0,0.1)}
.contact-info .form{width:100%; float:right; background:#fff; padding:20px; box-shadow:0 0 8px rgba(0,0,0,0.1); margin-top:25px; text-align:left}
.contact-address .et_pb_row,
.contact-banner .et_pb_row,
.contact-form .et_pb_row
{padding:0}

.contact-form { background:#F1F1F1; padding-bottom:60px;}
.contact-form .form{background:#fff; padding:30px 30px 50px 30px; box-shadow:0 0 8px rgba(0,0,0,0.1)}
.contact-form .form h3{margin:10px 0 20px 0}
.contact-form .form button{background:#32B675; color:#fff; padding: 7px 20px; width: 180px;float: left;margin-top: 132px;
margin-left: 220px;}
.contact-form .form input{padding:15px 15px; width:100%; margin-bottom:20px;border: 1px solid #bbb; font-family:raleway, arial,}
.contact-form .form textarea{padding:15px 20px; width:100%;  min-height: 181px; max-height: 181px;  max-width:100%; font-family:raleway, arial}
.contact-form .form .item{height:206px;}
.contact-form .left{width:48%; float:left; }
.contact-form .right{width:48%; float:right; }

.contact-address {font-size:16px; font-weight:500; padding:60px 0}
.contact-address h3{font-size:30px; font-weight:500; padding-bottom:0px; text-align:center}
.contact-address .left{width:48%; float:left; }
.contact-address .right{width:48%; float:right; }
.contact-address .address{background:#2a2a2afc; text-align:center; padding:30px;margin-top: -7px;}
.contact-address .img{position:relative;}
.contact-address .img .location{position:absolute; width:100%; margin-top:18%; z-index:1; color:#fff; text-align:center}
.contact-address .right .img .location{margin-top:20%;}
.contact-address .img .location h3{font-weight:600;color:#fff}
.contact-address .address a{display:block; color:#363636; padding:5px 0}
.contact-address .address p{line-height: 20px}
.form-btn{display:flow-root}

@media screen and (max-width: 800px) {
.contact-info .left,.contact-form .left, .contact-form .right,.contact-address .left,.contact-address .right{width:100%;  }
.contact-info .right{width:100%}
.contact-address .left, .contact-info .left{margin-bottom:30px;}
.contact-info h3 { padding: 0px 0  9px 0;position: relative;max-width: 100%;text-align: left; margin-left: 104px;}
.contact-info p { position: relative; max-width: 100%;     margin-left: 104px; text-align: left;}
.contact-info img { max-width: 100%; float: left; padding-left: 30px;width: 77px;}
.contact-info .left, .contact-info .right{padding: 37px 0;}
.contact-info { margin-top: -90px;}
.contact-banner {padding: 80px 0 130px 0;}
.form-btn{display:inherit}
.contact-form .form button{float:inherit}
}

.et_pb_row {
    padding: 60px 128px !important;
}
.et_pb_button:hover:after {
    margin-top: 0px !important;
}

@media screen and (max-width: 767px) {

}
@media (max-width: 490px) {
    .contact-form .form button {
    margin-top: 30px;
    margin-left: 92px;
    }
    .et_pb_row {
        padding: 20px 0px !important;
    }
}
@media (min-width: 1439px) and (max-width: 1920px) {
    .contact-info .left {
        width: 49%;
        float: left;
        background: #fff;
        padding: 87px 0;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    }
    .contact-info .right {
        width: 49%;
        float: right;
        background: #fff;
        padding: 87px 0;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    }
}
@media (min-width: 1921px) and (max-width: 2560px) {
    .contact-info .left {
        width: 49%;
        float: left;
        background: #fff;
        padding: 87px 0;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    }
    .contact-info .right {
        width: 49%;
        float: right;
        background: #fff;
        padding: 70px 0;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    }
}
/*@media (min-width: 1200px) and (max-width: 1919px){
    .contact-info .left {
        width: 49%;
        float: left;
        background: #fff;
        padding: 70px 0;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    }
}*/