/* Placeholder colors */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #9b9b9b;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #9b9b9b;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #9b9b9b;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #9b9b9b;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #9b9b9b;
}

.mail-sent-true {
   background-color: #0F985A;
}
.mail-sent-false {
   background-color: #C53333;
}

/* Honeypot technique, hide the fake field */

#m66 {
   display: none;
}

h1, h2, h3, h4, h5, h6 {
   color:#4f4f4f;
   margin-top:0;
   margin-bottom: -10px;
}

/* General page styling */

.contact_box1 {
   background-color: var(--primary);
   text-align: center;
   height: 190px;
   margin: auto;
   padding: 20px;
   width: 200px;
   -moz-border-radius:12px;
   -khtml-border-radius: 12px;
   -webkit-border-radius: 12px;
   border-radius:12px;
}

.contact_box1 > h2 {
   border-bottom: 1px dashed;
   color: white;
   margin: 0;
   padding-bottom: 10px;
   font-size: 24px;
}

.c3 {
   color: white;
   padding-top: 80px;
   font-size: 10pt;
}

.contact-form {
   margin-left: 40px;
}
.contact-form input[type="text"] {
 width: 320px !important;
}

.contact-form input[type="email"] {
   width: 320px !important;
}

.contact-form textarea{
   display: inline-block;
   border: 1px solid var(--complement-gray-U2);
   border-radius: 5px;
   padding-top: 2px;
   padding-left: 5px;
   padding-right: 0;
   color: var(--complement-gray-D2);
   width: 320px;
   height: 200px;
   margin-top: 7px;
   font-size: 13px;
   font-weight: bold;
}

.submit_btn{
   padding: 4px;
   margin: auto;
   line-height: 32px;
   width: 100% !important;
   height: 32px;
   vertical-align: middle;
}

/* ---------------- structure ----------------- */

.imagelessInput {
   margin: -10px 0 10px 0 !important;
}

section {
   display:block;
   clear:left;
   padding:0 0 20px 0;
}
.col {
   float:left;
   display:inline;
}
.inner {
   padding:15px;
   position:relative;
}
.inner:after,
section:after,
.clearfix:after,
form:after {
   content: " ";
   display: block;
   height: 0;
   clear: both;
}
.inner img {
   max-width:100%;
   height:auto;
}

/* column widths */
.full { width:100% }
.threeQuarters { width:75% }
.twoThirds { width:66.6% }
.threeFifths { width:60% }
.half, .stayHalf { width:50% }
.twoFifths { width:40% }
.third { width:33.3% }
.quarter { width:25% }

/* floating and alignment */
.nofloat { float:none !important }
.alignleft { text-align:left !important }
.alignright { text-align:right !important }
.aligncenter {
   text-align:center !important;
   margin-left:auto;
   margin-right:auto;
}
/* add-on margins */
.noMargin { margin:0 !important }
.noMarginTop {margin: -10px 0 0 0;}
.marginTop { margin-top:14px !important }
.marginLeft { margin-left:14px !important }
.marginRight { margin-right:14px !important }
.marginBottom { margin-bottom:14px !important }

/* floats */
.clear { clear:both }
.clearLeft { clear:left }
.clearRight { clear:right }

.inlineRight {
   float:right;
   display:inline;
}
.inlineLeft {
   float:left;
   display:inline;
}
.leftToCenter { text-align:left }
.rightToCenter { text-align:right }
.alignRightToLeft { text-align:right }