/**
 *
 * ContactMe
 * https://www.21tools.it
 *
 */
 
/* Generic */
.contactMe, .contactMe * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family: 'Didact Gothic', sans-serif;letter-spacing: 2px;}
.contactMe * {outline:none;font-size:14px;color:#000;}
.contactMe {width:auto;padding:0;margin:0 auto;border:solid 1px #C9C9C9;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.contactMe.xsmall {max-width:300px;}
.contactMe.medium {max-width:500px;}
.contactMe > header {padding:30px 30px 20px 30px;}
.contactMe > header > hr {display:none;}
.contactMe > section {padding:30px 0px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}

/* Form fields */
.contactMe .form-row {width:100%;margin-bottom:10px;font-family: 'Didact Gothic', sans-serif; letter-spacing: 2px;}
.contactMe .form-row.two {font-size:0;}
.contactMe .form-row.two > div {display:inline-block;width:calc(50% - 5px);}
.contactMe .form-row.two > div:first-child {margin-right:10px;}
.contactMe .form-row.three {font-size:0;}
.contactMe .form-row.three > div {display:inline-block;width:calc(33% - 6px);vertical-align:top;}
.contactMe .form-row.three > div:nth-child(2) {width:calc(34% - 8px);margin-left:10px;margin-right:10px;}
.contactMe .form-row .title {font-size:11px;line-height:12px;text-transform:uppercase;text-align:left;margin-bottom:3px;display:none;}
.contactMe .field {background:#FFF;font-size:14px;width:100%;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
.contactMe.xsmall .field {font-size:13px;}
.contactMe input, .contactMe select {height:40px;border: none;font-size:14px;padding-left:10px;padding-right:10px;background:#FFF; border-radius:0px;}
.contactMe input[type=file] {cursor:pointer;padding-top:10px;padding-bottom:10px;}
.contactMe textarea {resize:none;height:100px;border:none;font-size:14px;line-height:14px;padding:10px;background:#FFF;}
.contactMe input::-webkit-input-placeholder,
.contactMe textarea::-webkit-input-placeholder  { /* Chrome/Opera/Safari */
  color:#9B9B9B;
}
.contactMe input::-moz-placeholder,
.contactMe textarea::-moz-placeholder { /* Firefox 19+ */
  color:#9B9B9B;
}
.contactMe input:-ms-input-placeholder,
.contactMe textarea:-ms-input-placeholder { /* IE 10+ */
  color:#9B9B9B;
}
.contactMe input:-moz-placeholder,
.contactMe textarea:-moz-placeholder { /* Firefox 18- */
  color:#9B9B9B;
}
.contactMe .field.cm-date {cursor:pointer;padding-right:36px;background-repeat:no-repeat;background-size:20px 20px;background-position:right 8px center;background-image:url(../imgs/cal1.png);}
.contactMe .field.cm-time {cursor:pointer;padding-right:36px;background-repeat:no-repeat;background-size:20px 20px;background-position:right 8px center;background-image:url(../imgs/time1.png);}
/* Datepicker plugin overrides */
.datepicker.dropdown-menu {max-width:250px;padding:4px;margin:0;}
.datepicker.datepicker-inline td, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.dropdown-menu th {padding:4px 7px;}
.datepicker.dropdown-menu .table-condensed {border:none;}
.datepicker.dropdown-menu .datepicker-days thead .dow {font-weight:bold;}
.datepicker.dropdown-menu .datepicker-days tbody .day.today {background:none;color:#3F9FFF;font-weight:bold;}
.datepicker.dropdown-menu .datepicker-days tbody .day.active {background:#3F9FFF;color:#FFF;font-weight:bold;}
.datepicker.dropdown-menu .datepicker-days tbody .day.today:hover {background:#EEE;}
.datepicker.dropdown-menu .datepicker-days tbody .day.active:hover {background:#3F9FFF !important;}
.datepicker.dropdown-menu .datepicker-days tbody .day.old,
.datepicker.dropdown-menu .datepicker-days tbody .day.new {color:#CCC;}
/* File field */
.contactMe .form-row.file input {width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;}
.contactMe .form-row.file label {width:100%;font-size:22px;line-height:24px;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;display:block;overflow:hidden;padding:8px 20px 8px 55px;position:relative;}
.contactMe .form-row.file label i {position:absolute;top:0;left:0;width:40px;height:40px;background-color:#3F9FFF;background-repeat:no-repeat;background-size:26px 26px;background-position:left 7px center;background-image:url(../imgs/arrow-up.png);-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.contactMe .form-row + .form-row.file,
.contactMe .form-row.file + .form-row {margin-top:20px;}
.contactMe .form-row.file:hover label i {opacity:0.9;}
/* Select 2 overrides */
.contactMe .select2-container {width:100% !important;text-align:left;}
.contactMe .select2-container .select2-selection {height:40px;border: none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;background:#FFF;}
.contactMe .select2-container .select2-selection .select2-selection__arrow {height:40px;width:30px;top:0;right:0;}
.contactMe .select2-container .select2-selection .select2-selection__arrow b {border-width:7px 5px 0 5px;}
.contactMe .select2-container.select2-container--open .select2-selection .select2-selection__arrow b {border-width:0 5px 7px 5px;}
.contactMe .select2-container .select2-selection .select2-selection__rendered {height:38px;color:#000;font-size:14px;line-height:38px;padding-left:10px;padding-right:30px;}
.contactMe.xsmall .select2-container .select2-selection .select2-selection__rendered {font-size:13px;}
.contactMe .select2-container .select2-selection__clear {width:20px;text-align:right;font-size:18px;color:#888;}
.contactMe .select2-container .select2-selection__placeholder {color:#9B9B9B;}
.contactMe.xsmall .select2-container .select2-selection__placeholder {font-size:13px;}
.select2-dropdown {border-color:#E4E4E4;}
.select2-dropdown .select2-results li {font-size:14px;line-height:14px;padding:13px 10px;}
.select2-dropdown .select2-search {padding:9px 10px;}
/* Google reCAPTCHA */
.contactMe .re-captcha {margin-top:20px;margin-bottom:10px;}
/* Google Invisible reCAPTCHA */
.contactMe .re-captcha.invisible {margin:0;}
.contactMe .grecaptcha-badge {display:none;}
/* Messages box */
.contactMe .msg {display:none;padding:12px 20px 12px 40px;font-size:12px;line-height:16px;text-transform:uppercase;word-break:break-word;margin:20px 0 10px 0;background-repeat:no-repeat;background-size:20px 20px;background-position:left 12px top 12px;}
.contactMe .msg.error {color:#FFF;background-color:#FFA12A;background-image:url(../imgs/x.png);}
.contactMe .msg.success {color:#FFF;background-color:#00D466;background-image:url(../imgs/tick.png);}
.contactMe .msg strong {color:inherit;}
/* Submit button */
.contactMe .btn {border:0;background:#aeb6bf;color:#FFF;font-size:16px;font-weight:400;cursor:pointer;padding:15px 50px;margin-top:20px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-left: 50%;transform: translateX(-50%);}
.contactMe .btn:hover {opacity:0.9;}
/* Theme Minimal */
.contactMe.theme-minimal {border:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;padding-top:15px;}
.contactMe.theme-minimal input {border-width:0 0 1px 0;}
.contactMe.theme-minimal .select2-container .select2-selection {border-width:0 0 1px 0;}
.contactMe.theme-minimal > section {-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
/* Theme Modern */
.contactMe.theme-modern > header {padding-bottom:10px;}
.contactMe.theme-modern .form-row {margin-bottom:20px;}
.contactMe.theme-modern .form-row .title {display:block;color:#858585;font-weight:400;padding-left:10px;}
.contactMe.theme-modern input {padding-left:20px;padding-right:20px;background:#EAEAEA;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.contactMe.theme-modern > header input {background:#FFF;}
.contactMe.theme-modern textarea {padding:15px 20px;background:#EAEAEA;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.contactMe.theme-modern > header textarea {background:#FFF;}
.contactMe.theme-modern .select2-container .select2-selection {background:#EAEAEA;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.contactMe.theme-modern > header .select2-container .select2-selection {background:#FFF;}
.contactMe.theme-modern .select2-container .select2-selection .select2-selection__arrow {right:10px;}
.contactMe.theme-modern .select2-container .select2-selection .select2-selection__rendered {padding-left:20px;padding-right:40px;}
.contactMe.theme-modern .select2-container .select2-selection__placeholder {color:transparent;}
.contactMe.theme-modern input::-webkit-input-placeholder,
.contactMe.theme-modern textarea::-webkit-input-placeholder  { /* Chrome/Opera/Safari */
  color:transparent;
}
.contactMe.theme-modern input::-moz-placeholder,
.contactMe.theme-modern textarea::-moz-placeholder { /* Firefox 19+ */
  color:transparent;
}
.contactMe.theme-modern input:-ms-input-placeholder,
.contactMe.theme-modern textarea:-ms-input-placeholder { /* IE 10+ */
  color:transparent;
}
.contactMe.theme-modern input:-moz-placeholder,
.contactMe.theme-modern textarea:-moz-placeholder { /* Firefox 18- */
  color:transparent;
}
.contactMe.theme-modern .field.cm-date {background-image:url(../imgs/cal2.png);}
.contactMe.theme-modern > header .field.cm-date {padding-right:46px;background-position:right 18px center;}
.contactMe.theme-modern .field.cm-time {background-image:url(../imgs/time2.png);}
.contactMe.theme-modern > header .field.cm-time {padding-right:46px;background-position:right 18px center;}
.contactMe.theme-modern .btn {width:100%;}
/* Theme London */
.contactMe.theme-london {background:#FFF;}
.contactMe.theme-london > header {padding-bottom:0;}
.contactMe.theme-london > header > hr {display:block;padding:0;margin:0;border:none;border-bottom:solid 1px #454545;padding-top:10px;}
.contactMe.theme-london .form-row {margin-bottom:20px;}
.contactMe.theme-london .form-row .title {display:block;color:#454545;font-weight:bold;}
.contactMe.theme-london input {border:solid 1px #B0B0B0;}
.contactMe.theme-london textarea {border:solid 1px #B0B0B0;}
.contactMe.theme-london .form-row.file label i {background-color:#454545;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
.contactMe.theme-london .select2-container .select2-selection {border:solid 1px #B0B0B0;}
.contactMe.theme-london .select2-container .select2-selection__placeholder {color:transparent;}
.contactMe.theme-london input::-webkit-input-placeholder,
.contactMe.theme-london textarea::-webkit-input-placeholder  { /* Chrome/Opera/Safari */
  color:transparent;
}
.contactMe.theme-london input::-moz-placeholder,
.contactMe.theme-london textarea::-moz-placeholder { /* Firefox 19+ */
  color:transparent;
}
.contactMe.theme-london input:-ms-input-placeholder,
.contactMe.theme-london textarea:-ms-input-placeholder { /* IE 10+ */
  color:transparent;
}
.contactMe.theme-london input:-moz-placeholder,
.contactMe.theme-london textarea:-moz-placeholder { /* Firefox 18- */
  color:transparent;
}
.contactMe.theme-london .field.cm-date {background-image:url(../imgs/cal3.png);}
.contactMe.theme-london .field.cm-time {background-image:url(../imgs/time3.png);}
.contactMe.theme-london .btn {background:#454545;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}

@element .contactMe and (max-width:399px) {
  .contactMe .form-row.two > div {display:block;width:100%;margin-bottom:10px;}
  .contactMe .form-row.two > div:first-child {margin-right:0;}
  .contactMe .form-row.three > div {display:block;width:100%;margin-bottom:10px;}
  .contactMe .form-row.three > div:nth-child(2) {width:100%;margin:0;margin-bottom:10px;}
  /* Theme Modern */
  .contactMe.theme-modern .form-row.three > div {margin-bottom:20px;}
  /* Theme London */
  .contactMe.theme-london .form-row.three > div {margin-bottom:20px;}
  /* Google reCAPTCHA */
  .contactMe .re-captcha {
    -webkit-transform:scale(0.785);
    transform:scale(0.785);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
  }
  /* Google Invisible reCAPTCHA */
  .contactMe .re-captcha.invisible {
    -webkit-transform:none;
    transform:none;
  }
}