/*
	4.7. Contact page
		
 */

.contact-title {
    font-size: 20px;
    font-weight: bold;
    &.v2 {
        font-size: 16px;
    }
    &.spc {
        margin-bottom: 34px;
    }
}

.contact-info {
    p {
        line-height: 26px;
        color: #666666;
        @media(min-width: $screen-md) {
            max-width: 560px;
        }
    }
    margin-bottom:33px;
}

.pdl {
    @media(min-width: $screen-md) {
        padding-left: 40px;
    }
}

.e-contact {
    padding-top: 24px;
    padding-bottom: 87px;
    .row {
        margin-bottom: 36px;
        @media(min-width: $screen-md) {
            padding:0 80px;
        }
        @media(min-width:1681px) {
            padding: 0 120px;
        }
    }
    .map {
        @include border-radius(10px);
        height: 400px;
        margin-bottom: 30px;
        @media(min-width: $screen-md) {
            height:705px;
            margin-bottom: 92px;
        }
    }
    .footer-block-content {
        margin-top: 17px;
        margin-bottom: 55px;
    }
    .form-control {
        margin-bottom: 26px;
    }
    input {
        height: 54px;
        @include border-radius(999px);
        border: 1px solid #eaeaea;
        @include placeholder(#999999, 14px);
        padding-left: 33px;
        @media(min-width: $screen-sm-max) {
            width:440px;
        }
    }
    textarea {
        border: 1px solid #eaeaea;
        @include placeholder(#999999, 14px);
        padding-left: 33px;
        padding-top: 15px;
        @include border-radius(22px);
        resize: none;
        @media(min-width: $screen-sm-max) {
            width:440px;
            padding-top: 34px;
        }
        &.form-control {
            margin-bottom: 29px;
        }
    }
    .btn-submit {
        width: 229px;
        height: 54px;
        line-height: 54px;
        @include border-radius(999px);
        font-size: 16px;
        padding: 0;
        border: 0;
    }
}

.banner-callus {
    p {
        color: #fff;
        font-weight: 300;
        font-size: 20px;
        @media(min-width: $screen-xs) {
            font-size:50px;
            margin-bottom: 14px;
        }
    }
    .btn-callus {
        @media(min-width:$screen-xs){
            font-size: 16px;
            padding-bottom: 6px;
        }
        font-weight: 500;
        color: #fff;
        border-bottom: 1px solid #fff;
        
    }
    &.v2 {
        p {
            color: #333;
        }
        .btn-callus {
            color: #ff5050;
            border-bottom: 1px solid #ff5050;
        }
    }
}