@charset "utf-8";
/* CSS Document */


.inrpg.contactpg .inrpg_section {padding: 70px 0 0;}

.inrpg.contactpg {width: 100%; float:left; clear: both; background:url(../images/patternbg.png)repeat 0 0;}
.contactpg_left {width: 620px;float:left; clear: both; background: url('../images/contact-pg-red-pattern.png')repeat 0 0; position: relative;z-index: 0; text-align: center; padding: 50px}
.contactpg_left:before {content: 'Designer cabinets& joinery';position: absolute;z-index: 0;top: -21px;left: 0;font-size: 18px;font-family: 'Avenir LT Std';font-weight: 300;color: #ee2d26;text-transform: uppercase;letter-spacing: 2.5px; width: 100%}

.contactpg_left .sectiontitle{color: #fff; font-size: 30px; font-family: 'Avenir LT Std'; font-weight:300; text-transform: uppercase; position: relative;z-index: 0; margin:0 0 60px}
.contactpg_left .sectiontitle:after{content: ''; position: absolute;z-index: 0; width: 620px; height: 1px; background: url('../images/get-in-touch-line.png')no-repeat 0 0; left: 50%; bottom: -22px; margin: 0 0 0 -310px}

.contactpg_left dl{width: 100%; float:left; clear: both; margin: 0 0 55px 0}
.contactpg_left dl dt{width: 100%; float:left; color: #fff; font-size: 18px;font-family: 'Avenir Next LT Pro'; font-weight:bold; text-transform: uppercase;  margin: 0 0 10px 0}
.contactpg_left dl dt i{margin: 0 10px 0 0}
.contactpg_left dl dd{width: 100%; float:left; font-size: 18px; color:#fff; text-align: center; font-family: 'Avenir LT Std'; font-weight:300; line-height: 26px; text-transform: none}

.contactpg_left a.ctabtn {
    background: #fff;
    color: #101010;
    margin: 0 0 20px;
    font-size: 26px;
    text-transform: none;
    border: 0px solid red;
}
.contactpg_left a.ctabtn:hover {
    background: #101010;
    color: #fff;}
.contactpg_left a.ctabtn i{margin: 0 5px 0 0; font-size: 24px}
.contactpg_left a.ctabtn.contactphone i{transform: rotate(90deg)}

.contactpg_map {width: calc(100% - 620px); float:right}
.contactpg_map img{width: 100%}

.contactpg_formsection {width: 100%; clear: both; float:left; background: #fff; border-top: 1px solid #d9d9d9; position: relative;z-index: 0; padding: 70px 0 188px}
.contactpg_formsection .formsec_img{position: absolute;z-index: -1; top: 0; left: 0}

.contpg_formdiv {width: 700px; float:right;}
.contpg_formdiv .formtitle{font-size: 36px; color: #101010; font-family: 'HelveticaCE-Cond'; font-weight: normal;text-transform: uppercase; margin: 0 0 50px}



.formdiv{width: 100%; float: left; clear: both;}
.form-block-6 {width: 47%;float: left;}
.form-block-6:nth-child(even) {float: right;margin-right: 0;}
.form-control {border: 1px solid #959595;margin-bottom: 20px;min-height: 50px;background: url(../images/input-bg.png) repeat-y;border-radius: 30px;width: 100%;padding: 15px 15px 15px 20px;font-size: 14px;font-family: 'HelveticaNeueLTPro-Roman';}

.btn-submit {background: #fff;font-size: 18px;color: #5b5b5b;border-radius: 20px;min-width: 152px;min-height: 40px;text-align: center;padding: 10px 15px;line-height: 100%;border: 0px;outline: none;cursor: pointer;text-transform: uppercase;font-family: 'Avenir LT Std'; font-weight:300;font-family: 'HelveticaCE-CondBold'; font-weight:normal;float:right;transition: all .7s ease-in-out;-webkit-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out;}

input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="tel"]::placeholder, textarea::placeholder {color:#5b5b5b!important}


.btn-submit {
    background: #ee2d26 url(../images/send-img.png)no-repeat left 24px top 13px;
    font-size: 18px;
    color: #fff;
    border-radius: 26px;
    min-width: 145px;
    min-height: 45px;
    text-align: center;
    padding: 12px 15px 12px 30px;
    line-height: 100%;
    border: 0px;
    outline: none;
    cursor: pointer;
    text-transform: uppercase;
    font-family: 'Avenir LT Std';
    font-weight: 300;
    font-family: 'HelveticaCE-CondBold';
    font-weight: normal;
    float: right;
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
}

.btn-submit:hover {background: #101010 url(../images/send-img.png)no-repeat left 24px top 13px}
textarea {height: 140px!important;}