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

.contactli {background-color:#ffffff; width:100%; z-index:900; display:table;}
.contactli > li {width:50%; display:table-cell; vertical-align:middle; color:#333;}
.contactli > li:first-child {color:#333; background-color:#ffffff !important;; z-index:999;}
.contactli > li:last-child {color:#fff; background-color:#212121 !important; position:relative}
.contactli li h1 {padding-bottom:15px; background:url(../images/dotlinebl.png) no-repeat bottom center; margin-bottom:30px}
.contactli li h2 {margin-bottom:5px; font-size:11pt}
.contactli > li  p {text-align:center; margin-bottom:30px}

.contactpageform {width:60%; margin:0 auto; text-align:left}
.contactpageform > li {display:inline-block; width:100%; margin:15px 0}
.contactpageform > li:nth-child(odd), .contactpageform > li:last-child {margin-left:0 !important}
.li100p {width:96% !important; margin:10px 0; margin-right:4%; margin-left:0 !important}
.continputwidthbot {width:100%; border:solid 1px #ddd; background: transparent !important; vertical-align:middle; font-size:10pt; padding:10px; color:#fff; font-family: 'Open Sans', Arial, Helvetica, sans-serif;}		
.txtareawidthbot {width:100%; border:solid 1px #ddd; background: transparent !important; height:80px; vertical-align:middle; font-size:10pt; padding:2px 5px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color:#fff;}
.sendbutbot {background-color:#ffffff; border:solid 1px #ddd; padding:6px 20px; width:120px; color:#333333; font-size:11pt; cursor:pointer; font-family: 'Open Sans', Arial, Helvetica, sans-serif; text-align:center}
placeholder {color:#eee}

.contsocicon {text-align:center}
.contsocicon li {display:inline-block;margin:5px 10px}
.contsocicon li img {width:26px; height:26px}

@media screen and (min-width: 300px) {
.contactli {display:block; height:auto}
.contactli > li {display:block; height:auto}
.contactli > li {width:100%;}
.contactli > li {padding:20px 0}
.contactli > li:last-child {background-color:#333 !important;}
.contactpageform {width:85%;}
}

@media screen and (min-width: 480px) {
.contactpageform {width:70%;}

}

@media screen and (min-width: 768px) {
.contactpageform {width:60%;}

}

@media screen and (min-width: 1024px) {
.contactli {display:table; height:calc(100vh)}
.contactli > li {display:table-cell; height:calc(100vh)}
.contactli > li {width:50%;}
.contactli > li:last-child {background-color:#212121 !important;}

}

@media screen and (min-width: 1280px) {

}

@media screen and (min-width: 1366px) {

}

@media screen and (min-width: 1440px) {

}

@media screen and (min-width: 1600px) {

}
@media screen and (min-width: 1900px) {

}