input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="date"],
input[type="password"] {
   display: block;
   width: 100%;
   height: 55px;
   padding: 10px 20px 11px;
   outline: none !important;
   background: rgba(255,255,255,0.7);
   color: $theme-dark;
   border: 1px solid rgba(215,215,214,0.7);
   border-radius: 4px;
   font-weight: 400;
   &:focus {
      border: 1px solid rgba(215,215,214,1);
      background: rgba(255,255,255,1);
   }
   &.error {
      border-color: $red;
   }
   &.style-2 {
      border-color: #ededed;
      background-color: #ededed;
      &:focus {
         border-color: rgba(215,215,214,0.7);
         background-color: transparent;
      }
   }
   &.wpcf7-not-valid {
      border-color: $red;
   }
}

.wpcf7-not-valid-tip {
   display: none !important;
}

/*SELECT2*/
.select2-container--default {
   .select2-selection--single {
      height: 55px;
      border: 1px solid #d7d6d6;
      outline: none !important;
      .select2-selection__rendered {
	  padding: 0 35px 0 20px;
	  line-height: 53px;
	  outline: none !important;
      }
      .select2-selection__arrow {
	  height: 53px;
      }
   }
}

.select2-results__options {
   li {
      padding: 5px 20px;
      margin-bottom: 0;
      &:before {
	  display: none;
      }
   }
}

.select2-search--dropdown {
   display: none;
}

.select2-dropdown {
   border-color: #d7d6d6;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
   background-color: #009bdc;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
   width: 30px;
}

input[type="submit"],
button,
.button {
   position: relative;
   display: inline-block;
   max-width: 100%;
   vertical-align: top;
   padding: 11px 26px 9px;
   font-size: 14px;
   border-radius: 5px;
   text-transform: uppercase;
   color: $white;
   font-weight: 700;
   z-index: 1;
   background-color: transparent !important;
   line-height: 21px;
   letter-spacing: 1px;
   border: 2px solid $red;
   text-decoration: none !important;
   outline: none !important;
   &:focus {
      //color: inherit !important;
   }
   &.btn-md {
      padding: 16px 61px 14px;
   }
   &.btn-lg {
      padding: 21px 76px 19px;
   }
   &:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: $red;
      z-index: -1;
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
      transition: transform 0.4s, opacity 0.4s;
      -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
      transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
   }
   &:hover {
      color: $red;
      border-color: $red;
      &:active {
	  color: $red !important;
         border-color: $red;
      }
      &:before {
	  opacity: 0;
	  -webkit-transform: scale3d(0.7, 1, 1);
	  transform: scale3d(0.7, 1, 1);
      }
   }
   /*Colors*/
   &.btn-style-2 {
      border-color: #000;
      &:before {
	  background-color: #000;
      }
      &:hover {
	  color: #000;
	  &:active {
	     color: #000 !important;
            border-color: #000;
	  }
      }
   }
   &.btn-style-3 {
      border-color: #595959;
      &:before {
	  background-color: #595959;
      }
      &:hover {
	  color: #595959;
	  &:active {
            color: #595959 !important;
            border-color: #595959;
	  }
      }
   }
   &.btn-style-4 {
      border-color: #fff;
      &:before {
	  background-color: #fff;
      }
      &:hover {
	  color: #fff;
	  &:active {
	     color: #fff !important;
            border-color: #fff;
	  }
      }
   }
   &.btn-secondary {
      color: $red;
      &:before {
	  opacity: 0;
	  -webkit-transform: scale3d(0.7, 1, 1);
	  transform: scale3d(0.7, 1, 1);
      }
      &:hover {
	  color: $white;
	  &:before {
	     opacity: 1;
	     -webkit-transform: translate3d(0, 0, 0);
	     transform: translate3d(0, 0, 0);
	  }
         &:active {
            color: $white !important;
         }
      }
      &.btn-style-2 {
	  color: #000;
	  &:before {
	     background: #000;
	  }
	  &:hover {
	     color: $white;
	     &:active {
		 color: $white !important;
	     }
	  }
      }
      &.btn-style-3 {
	  color: #595959;
	  &:before {
	     background: #595959;
	  }
	  &:hover {
	     color: $white;
	     &:active {
		 color: $white !important;
	     }
	  }
      }
      &.btn-style-4 {
	  color: #fff;
	  &:before {
	     background: #fff;
	  }
	  &:hover {
	     color: $red;
	     &:active {
		 color: $red !important;
	     }
	  }
      }
   }
   &[disabled] {
      opacity: 0.5;
      cursor: not-allowed;
   }
}

input[type="submit"] {
   background-color: $red !important;
   &:hover {
      background-color: transparent !important;
   }
}

textarea {
   width: 100%;
   max-height: 117px;
   padding: 20px 17px;
   border: 1px solid #d7d6d6;
   border-radius: 5px;
   resize: none;
   outline: none !important;
   background: rgba(255,255,255,0.7);
   color: $theme-dark;
   border: 1px solid rgba(215,215,214,0.7);
   &:focus {
      border: 1px solid rgba(215,215,214,1);
      background: rgba(255,255,255,1);
   }
   &.style-2 {
      border-color: #ededed;
      background-color: #ededed;
      &:focus {
         border-color: rgba(215,215,214,0.7);
         background-color: transparent;
      }
   }
   &.wpcf7-not-valid {
      border-color: $red;
   }
}

.form-group {
   label {
      opacity: 0.5;
   }
}

div.wpcf7-response-output {
   margin: 25px 0 10px;
   padding: 15px 20px;
   border-radius: 5px;
}

div.wpcf7 img.ajax-loader {
   margin: 20px 0 0 20px;
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
   position: static;
   margin-left: 0;
   margin-right: 5px;
}