#section-contact-information{ background: url('../img/contact/background-contact.png') no-repeat top left; /*margin-top: -120px;*/ position: relative; z-index: 0;  background-size: cover; padding:75px 10% 75px 10%;}
#section-contact-form{background: #ffffff; position: relative; z-index: 0;  background-size: cover; padding:0px 0% 75px 0%; overflow:hidden;}

.min-350{min-height:350px;}
.mb-3{margin-bottom:3%;}
.mt-3{margin-top:3%;}

.banner-image-left-contact {
    width: 56%;
    top: -102px;
    position: relative;
    left: 0;
}


.banner-image-right-contact {
    width: 71%;
    position: absolute;
    right: 0;
    top: -115px;
}
.contact-mb-3{margin-bottom:3%;}

.contact-tipe-banner-content {
    position: absolute;
    right: 100px;
    top: 95px;
    width: 37%;
}

.contact-banner-title-white {
    font-family: 'touchesemibold';
    font-size: 12px;
    color: #ffffff;
    margin-left: 3%;
}

.contact-banner-title-text {
    font-family: 'toucheregular';
    font-size: 34px;
    color: #ffcc00;
}

.contact-banner-text{
    color:#ffffff; 
    font-family:'gibsonregular'; 
    font-size:17px;
}

.border-contact-info{
    background: url('../img/contact/line-contact.png');
    width:100%;
    height:2px;
    background-size:cover;
    margin-top:5%;
    margin-bottom:5%;
}

.contact-form-background{
    background: url('../img/contact/form-contact.png') no-repeat top left;
    background-size: 100% 100%;
    width:80%; float:left; position:relative;
    /* height: 575px; */
}
.contact-form-image-background{width:20%; float:left;}


.contact-information-left{width:50%; float:left;padding-left: 5%;padding-right: 5%;}
.contact-information-city{margin-left:3%; font-family:'touchesemibold'; font-size:15px; color:#f0b400; letter-spacing: 0.7px;}
.contact-information-address{margin-top:3%; font-family:'gibsonregular'; font-size:16px; color:#2e2d2c;}
.contact-information-form {margin-bottom: 5px;}
.contact-information-text-detail{width:30%; float:left; font-family:'touchesemibold'; font-size:13px; color:#929292; letter-spacing:1.7px;}
.contact-information-text-value{width:70%; float:left; font-family:'touchebold'; font-size:14px; color:#2e2d2c; letter-spacing:1.7px;}
.img-background-contact{position:relative; vertical-align:middle; z-index:1; max-width:150%;left: -225px;top: 155px;}
.contact-form-1{padding-left:10%; padding-top:8%;}
.contact-form-1-left{width:5%;float:left;}
.contact-form-1-right{width:95%;float:left; font-family:'gibsonregular'; font-size:17px; color:#2e2d2c;}
.contact-form-2{padding-left:10%; padding-top:5%; padding-right: 10%; padding-bottom:9%;}
.contact-form-2-left{width:45%; float:left; padding-right: 5%;}
.contact-form-2-right{width:55%; float:left; padding-right: 15%;}
.list-point-contact{width:5%; float:left;}
.list-contact-text{width:95%; float:left; font-family:'touchesemibold'; font-size:13px; color:#2e2d2c;}
.input-1{
    border:none;
    border-bottom: 2px solid #a09161;
    padding: 5px 10px;
    outline: none;
    background:transparent;
    margin-left:5%; 
    width:95%; 
    margin-top:3%; 
    margin-bottom:5%;
}


.textarea-1{
    background: url('../img/contact/text-area.png') no-repeat top left;
    /* width: 100%; */
    background-size: 100% 100%;
    /* height: 150px; */
    /* width: 290px; */
    /* border: 2px solid black; */
    /* border-bottom: 2px solid black; */
    padding: 5px 10px;
    outline: none;
    margin-left:5%; 
    width:95%; 
    margin-top:8%; 
    margin-bottom:5%; 
    font-family:'gibsonregular'; 
    font-size: 15px; 
    color:#454444;
    /* background: transparent;*/
}

.button-contact-send {
    background: url('../img/contact/submit-form-contact.png') no-repeat top left;
    background-size: 100% 100%; 
    width: 185px;
    padding: 3% 2% 5% 2%;
    text-align: center;
    font-family: 'touchebold';
    font-size: 11px;
    color: #ffcc00;
    letter-spacing: 1px;
    margin-left:5%;
    border: 0;
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.button-contact-send:hover {
    opacity: 0.7;
}


/* CREATED BY HENRY */

.contact-information-image {margin-bottom: 20px;}
.contact-information-city {margin-bottom: 20px;}
.contact-information-address {margin-bottom: 20px;}
.contact-information-container {border-bottom: 2px solid #939292; padding-bottom: 20px;}

.contact-form-main-container {position: relative; width: 80%;}
.contact-form-top-layout {background: #ffcc00; padding: 75px 5% 30px 5%;}
.contact-form-container {background: url('../img/contact/contact-form-bg.jpg') no-repeat center center; background-size: cover; padding: 30px 15% 30px 5%; position: relative;}
.contact-form-marker {float: left; width: 42px; padding-right: 3%;}
.contact-form-desc {overflow: hidden; font-size: 17px; font-family: 'gibsonregular'; color: #2e2d2c; letter-spacing: 1px;}
.contact-form-field-icon {width: 19px; float: left;}
.contact-form-field-content {overflow: hidden;}
.contact-form-left {float: left; width: 50%; padding-right: 3%;}
.contact-form-right {float: left; width: 50%;}
.contact-form-label {font-family: 'touchesemibold'; font-size: 13px; color: #2e2d2c;}
.contact-form-container input[type="text"] {letter-spacing: 2px; font-family: 'gibsonregular'; font-size: 15px; color: #454444; background: transparent; border: 0; border-bottom: 2px solid #99906a; border-radius: 0; -webkit-box-shadow: none; box-shadow: none;}
.contact-form-container input[type="text"]:focus {border-bottom: 2px solid #2f2d2d;}
.contact-form-container textarea {letter-spacing: 2px; font-family: 'gibsonregular'; font-size: 15px; color: #454444; background: transparent; border: 2px solid #99906a; border-radius: 0; -webkit-box-shadow: none; box-shadow: none;}
.contact-form-container textarea:focus {border: 2px solid #2f2d2d;}
.contact-form-bottom-empty-area {background: #ffcc00; overflow: hidden; height: 84px;}
.contact-form-bottom-corner {float: right; width: 90px; height: 84px; background: url('../img/contact/bg-corner.png') no-repeat 0 0; background-size: cover;}
.contact-form-image {position: absolute; right: -15%; bottom: 8%; width: 100%; max-width: 396px;}
#contactform-body {margin-top: 20px; margin-bottom: 30px;}
.help-block {
    color: black!important;
    font-family: 'touchemedium'!important;
    font-size: 12px!important;
}
@media all and (max-width: 1100px){
    .contact-information-text-detail {font-size: 12px; width: 25%;}
    .contact-information-text-value {font-size: 12px; width: 75%;}
    .contact-form-image {width: 340px;}
}

@media all and (max-width: 1000px){
    .contact-information-text-detail {font-size: 11px;}
    .contact-information-text-value {font-size: 11px;}
    .contact-form-image {width: 300px;}
}

@media all and (max-width: 900px){
    .contact-information-text-detail {font-size: 10px;}
    .contact-information-text-value {font-size: 10px;}
    .contact-form-image {width: 250px;}
}

@media all and (max-width: 800px){
    .contact-information-left, .contact-information-right {float: none; width: 100%; padding-left: 0; padding-top: 0;}
    .contact-information-left {margin-bottom: 60px;}
    .contact-information-image {text-align: center;}
    .contact-information-text-detail {font-size: 14px;}
    .contact-information-text-value {font-size: 14px;}

    .contact-form-left {width: 100%; padding-right: 0; float: none;}
    .contact-form-right {width: 100%; float: none;}
    .button-contact-send {padding: 2% 2% 3% 2%;}
}

@media all and (max-width: 600px){
    #section-contact-information {padding-left: 5%; padding-right: 5%;}
    .contact-form-main-container {width: 100%;}
    .contact-form-bottom-corner {display: none;}
    .contact-form-image {margin-top: -15%; position: relative; z-index: 1; float: right; right: 3%;}
    .contact-form-bottom-layout {background: #ffcc00; padding-bottom: 30px; text-align: right;}
    .contact-form-bottom-empty-area {display: none;}
    .contact-form-container {padding: 30px 15% 60px 5%;}
}

@media all and (max-width: 550px){
    .contact-form-desc br {display: none;}
}

@media all and (max-width: 500px){
    .contact-information-text-detail {font-size: 12px;}
    .contact-information-text-value {font-size: 12px;}
}

@media all and (max-width: 450px){
    .contact-information-text-detail {font-size: 11px;}
    .contact-information-text-value {font-size: 11px;}
    .button-contact-send {padding: 3% 2% 4% 2%;}
}

@media all and (max-width: 400px){
    .contact-information-text-detail {width: 25%;}
    .contact-information-text-value {width: 75%;}
}

@media all and (max-width: 350px){ 
    .contact-information-text-detail {width: 100%; margin-bottom: 5px; font-size: 12px;}
    .contact-information-text-value {width: 100%; margin-bottom: 5px; font-size: 12px;}
}

/* CREATED BY HENRY UNTIL HERE */