@import url(https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,700,700i,900);
.smart-forms, .smart-forms .form-header h4 {
  font-family: Roboto, Arial, Helvetica, sans-serif
}
body, html {
  border: 0;
  margin: 0;
  padding: 0
}
.woodbg {
  background: #749b7f
}
.smart-wrap {
  padding: 0 20px
}
.smart-forms, .smart-forms * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.smart-forms {
  line-height: 1.231;
  font-weight: 400;
  font-size: 14px;
  color: #adadad
}
.smart-container {
  margin: 50px auto;
  background: #222;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .65);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .65);
  -o-box-shadow: 0 1px 5px rgba(0, 0, 0, .65);
  box-shadow: 0 1px 5px rgba(0, 0, 0, .65);
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -o-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0
}
.wrap-0 {
  max-width: 952px
}
.wrap-1 {
  max-width: 852px
}
.wrap-2 {
  max-width: 652px
}
.wrap-3 {
  max-width: 452px
}
.smart-forms .section {
  margin-bottom: 22px
}
.smart-forms .smart-link {
  color: #adadad;
  text-decoration: none
}
.smart-forms .smart-link:hover {
  text-decoration: underline
}
.smart-forms .field {
  display: block;
  position: relative
}
.smart-forms .field-icon i {
  color: #a2a6a8;
  position: relative
}
.smart-forms .field-label {
  display: block;
  margin-bottom: 7px;
  font-size: 14px
}
.smart-forms .field-label.colm {
  padding-top: 12px
}
.smart-forms .form-header {
  overflow: hidden;
  position: relative;
  padding: 25px 30px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0
}
.smart-forms .form-header h4 {
  text-align: left;
  font-weight: 300;
  font-size: 24px;
  padding: 0;
  margin: 0
}
.smart-forms .form-header h4 i {
  font-size: 38px;
  position: relative;
  margin-right: 10px;
  top: 2px
}
.smart-forms .header-primary {
  background-color: #475c4a;
  border-top: 1px solid #82a887;
  border-bottom: 5px solid #3f5242
}
.smart-forms .header-primary h4 {
  color: #fff
}
.smart-forms .form-body {
  padding: 40px 30px 20px
}
.smart-forms .form-footer {
  overflow: hidden;
  padding: 25px 25px 20px;
  background: #000
}
.smart-forms input[type=search] {
  -webkit-appearance: textfield
}
.smart-forms ::-webkit-search-cancel-button, .smart-forms ::-webkit-search-decoration {
  -webkit-appearance: none
}
.smart-forms input:invalid {
  -moz-box-shadow: none;
  box-shadow: none
}
.smart-forms input::-webkit-input-placeholder, .smart-forms textarea::-webkit-input-placeholder {
  color: #888
}
.smart-forms input:focus::-webkit-input-placeholder, .smart-forms textarea:focus::-webkit-input-placeholder {
  color: #d6dbe0
}
.smart-forms input:-moz-placeholder, .smart-forms textarea:-moz-placeholder {
  color: #888
}
.smart-forms input:focus:-moz-placeholder, .smart-forms textarea:focus:-moz-placeholder {
  color: #d6dbe0
}
.smart-forms input::-moz-placeholder, .smart-forms textarea::-moz-placeholder {
  color: #888;
  opacity: 1
}
.smart-forms input:focus::-moz-placeholder, .smart-forms textarea:focus::-moz-placeholder {
  color: #d6dbe0;
  opacity: 1
}
.smart-forms input:-ms-input-placeholder, .smart-forms textarea:-ms-input-placeholder {
  color: #888
}
.smart-forms input:focus:-ms-input-placeholder, .smart-forms textarea:focus:-ms-input-placeholder {
  color: #d6dbe0
}
.smart-forms button, .smart-forms input, .smart-forms label, .smart-forms textarea {
  margin: 0;
  font-size: 14px;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #999;
  outline: 0
}
.smart-forms .gui-input, .smart-forms .gui-textarea, .smart-forms input[type=button], .smart-forms input[type=search], .smart-forms input[type=submit] {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0
}
.smart-forms input[type=search]::-webkit-search-cancel-button, .smart-forms input[type=search]::-webkit-search-decoration, .smart-forms input[type=search]::-webkit-search-results-button, .smart-forms input[type=search]::-webkit-search-results-decoration {
  display: none
}
.smart-forms .button, .smart-forms .gui-input, .smart-forms .gui-textarea {
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -ms-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  outline: 0
}
.smart-forms .gui-input, .smart-forms .gui-textarea {
  background: #484848;
  position: relative;
  vertical-align: top;
  border: 2px solid #5d5d5d;
  display: inline-block;
  color: #b3b8bc;
  outline: 0;
  height: 42px;
  width: 100%;
  padding: 10px
}
.smart-forms .gui-textarea {
  resize: none;
  line-height: 19px;
  overflow: auto;
  max-width: 100%;
  height: 96px
}
.smart-forms .input-hint {
  padding: 10px;
  display: block;
  margin-top: -4px;
  line-height: 16px;
  position: relative;
  background: #3b3b3b;
  border: 2px solid #5d5d5d;
  border-top: 1px solid #5d5d5d;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #adadad
}
.smart-forms .gui-input:hover, .smart-forms .gui-input:hover ~ .input-hint, .smart-forms .gui-textarea:hover, .smart-forms .gui-textarea:hover ~ .input-hint {
  border-color: #749b7f;
  background: #333
}
.smart-forms .gui-input:focus, .smart-forms .gui-textarea:focus {
  border-color: #475c4a;
  color: #ccc !important
}
.smart-forms .gui-textarea:focus {
  height: 120px
}
.smart-forms .gui-input:focus ~ .field-icon i, .smart-forms .gui-textarea:focus ~ .field-icon i {
  color: #475c4a
}
.smart-forms .gui-input:focus ~ .input-hint, .smart-forms .gui-textarea:focus ~ .input-hint {
  border-color: #475c4a
}
.smart-forms .button {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  border: 0;
  height: 42px;
  color: #243140;
  line-height: 1;
  font-size: 15px;
  cursor: pointer;
  padding: 0 18px;
  text-align: center;
  vertical-align: top;
  background: #bdc3c7;
  display: inline-block;
  -webkit-user-drag: none;
  text-shadow: 0 1px rgba(255, 255, 255, .2)
}
.smart-forms .button:hover {
  color: #243140;
  background: #cacfd2
}
.smart-forms .button:active {
  color: #1d2938;
  background: #a1a6a9
}
.smart-forms a.button, .smart-forms label.button, .smart-forms span.button {
  line-height: 42px;
  text-decoration: none
}
.smart-forms .button i {
  font-size: 14px
}
.smart-forms .btn-primary {
  background-color: #475c4a
}
.smart-forms .btn-primary:focus, .smart-forms .btn-primary:hover {
  background-color: #7ea88a
}
.smart-forms .btn-primary:active {
  background-color: #3f5242
}
.smart-forms .btn-primary, .smart-forms .btn-primary:active, .smart-forms .btn-primary:focus, .smart-forms .btn-primary:hover {
  color: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, .08)
}
.smart-forms .button-left, .smart-forms .button-right {
  position: relative;
  z-index: 9
}
.smart-forms .button-left:before, .smart-forms .button-right:before {
  content: '';
  z-index: -1;
  width: 32px;
  height: 32px;
  position: absolute;
  background-color: inherit;
  border: none;
  top: 5px
}
.smart-forms .button-left {
  border-left-width: 0;
  padding: 0 18px 0 7px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  margin-left: 20px
}
.smart-forms .button-left:before {
  left: -15px;
  -webkit-border-radius: 2px 5px 0 5px;
  -moz-border-radius: 2px 5px 0;
  -o-border-radius: 2px 5px 0;
  border-radius: 2px 5px 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.smart-forms .button-right {
  padding: 0 7px 0 18px;
  border-right-width: 0;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  margin-right: 20px
}
.smart-forms .button-right:before {
  right: -15px;
  -webkit-border-radius: 5px 2px 5px 0;
  -moz-border-radius: 5px 2px 5px 0;
  -o-border-radius: 5px 2px 5px 0;
  border-radius: 5px 2px 5px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}
.smart-forms .form-footer .button {
  margin-right: 10px;
  margin-bottom: 5px
}
.smart-forms .align-right .button {
  margin-right: 0;
  margin-left: 10px
}
.smart-forms .span-left {
  padding-left: 52px;
  text-align: left
}
.smart-forms .smart-widget {
  position: relative;
  display: block
}
.smart-forms .frm-row .colm12, .smart-forms .smart-widget .field input {
  width: 100%
}
.smart-forms .smart-widget .button {
  position: absolute;
  height: 42px;
  top: 0
}
.smart-forms .sm-left .field input, .smart-forms .sm-right .button {
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-top-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -o-border-top-left-radius: 0;
  -o-border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}
.smart-forms .sm-left .button, .smart-forms .sm-right .field input {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-top-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -o-border-top-right-radius: 0;
  -o-border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
.smart-forms .sm-left .button {
  left: 0
}
.smart-forms .sm-right .button {
  right: 0
}
.smart-forms .sml-50 {
  padding-left: 50px
}
.smart-forms .sml-50 .button {
  width: 50px
}
.smart-forms .sml-80 {
  padding-left: 80px
}
.smart-forms .sml-80 .button {
  width: 80px
}
.smart-forms .sml-120 {
  padding-left: 120px
}
.smart-forms .sml-120 .button {
  width: 120px
}
.smart-forms .prepend-icon {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%
}
.smart-forms .prepend-icon .field-icon {
  top: 0;
  width: 42px;
  height: 42px;
  color: inherit;
  line-height: 42px;
  position: absolute;
  text-align: center;
  -webkit-transition: .5s ease-out;
  -moz-transition: .5s ease-out;
  -ms-transition: .5s ease-out;
  -o-transition: .5s ease-out;
  transition: .5s ease-out;
  pointer-events: none;
  z-index: 99;
  left: 0
}
.smart-forms .prepend-icon .field-icon i {
  position: relative;
  font-size: 14px
}
.smart-forms .prepend-icon > input, .smart-forms .prepend-icon > textarea {
  padding-left: 36px
}

.smart-forms .button[disabled] {
  cursor: default;
  opacity: .5
}
.smart-forms .gui-input[disabled], .smart-forms .gui-input[disabled] ~ .input-hint, .smart-forms .gui-textarea[disabled], .smart-forms .gui-textarea[disabled] ~ .input-hint {
  background-color: #666;
  border-color: #777 !important;
  cursor: default;
  color: #d5dbdb;
  opacity: .7
}
.smart-forms input[disabled] ~ .field-icon i, .smart-forms textarea[disabled] ~ .field-icon i {
  opacity: .7
}
@-webkit-keyframes sfprogress {
  from {
    background-position: 0 0
  }
  to {
    background-position: -16px 0
  }
}
@-moz-keyframes sfprogress {
  from {
    background-position: 0 0
  }
  to {
    background-position: -16px 0
  }
}
@-o-keyframes sfprogress {
  from {
    background-position: 0 0
  }
  to {
    background-position: -16px 0
  }
}
@keyframes sfprogress {
  from {
    background-position: 0 0
  }
  to {
    background-position: -16px 0
  }
}
.smart-forms .frm-row {
  margin: 0 -10px
}
.smart-forms .frm-row:after, .smart-forms .frm-row:before {
  display: table;
  content: "";
  line-height: 0
}
.smart-forms .frm-row:after {
  clear: both
}
.smart-forms .frm-row .colm {
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  float: left
}
.smart-forms .frm-row .colm1 {
  width: 8.33%
}
.smart-forms .frm-row .colm2 {
  width: 16.66%
}
.smart-forms .frm-row .colm3 {
  width: 25%
}
.smart-forms .frm-row .colm4 {
  width: 33.33%
}
.smart-forms .frm-row .colm5 {
  width: 41.66%
}
.smart-forms .frm-row .colm6 {
  width: 50%
}
.smart-forms .frm-row .colm7 {
  width: 58.33%
}
.smart-forms .frm-row .colm8 {
  width: 66.66%
}
.smart-forms .frm-row .colm9 {
  width: 75%
}
.smart-forms .frm-row .colm10 {
  width: 83.33%
}
.smart-forms .frm-row .colm11 {
  width: 91.66%
}
.smart-forms .frm-row .colm1-5 {
  width: 20%
}
.smart-forms .text-align {
  height: 42px;
  line-height: 42px
}
.smart-forms .align-right {
  text-align: right
}
.smart-forms .align-center {
  text-align: center
}
.smart-forms .captcode {
  padding: 0;
  position: relative
}
.smart-forms .captcode:hover {
  background: #bdc3c7 !important
}
.smart-forms .captcode img {
  position: relative;
  top: 2px;
  left: 2px
}
.smart-forms .refresh-captcha {
  position: absolute;
  background: #475c4a;
  border: 3px solid #3f5242;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  right: -15px;
  height: 32px;
  width: 32px;
  top: 4px
}
.smart-forms .refresh-captcha i {
  position: absolute;
  text-align: center;
  line-height: 26px;
  font-size: 17px;
  color: #fff;
  left: 24%
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .smart-forms .captcode {
    -webkit-animation: 1s infinite bugfix
  }
  @-webkit-keyframes bugfix {
    from, to {
      padding: 0
    }
  }
}
@media (max-width:800px) {
  .logo {
    width: 140px !important
  }
  .smart-forms .frm-row {
    margin: 0
  }
  .smart-forms .frm-row .colm {
    width: 100%;
    float: none;
    padding: 0
  }
  .smart-forms .align-right {
    text-align: left
  }
}

/* @notification messages | info | error | warning | success
-------------------------------------------------------------- */
.smart-forms .form-msg{ display:none; }
.smart-forms .notification { color: #444; padding:15px; position:relative; }
.smart-forms .notification p{ margin:0; padding:0 15px; padding-left:5px; line-height:normal;  }
.smart-forms .notification .close-btn{
	margin-top: -7px;
	padding: inherit;
	position: absolute;
	text-decoration:none; 
    font: bold 20px/20px Arial, sans-serif;
	opacity: 0.65; 	
	color: inherit;
    display: block;    
    right:1px;
	top:14%;
}

.smart-forms .notification .close-btn:hover{ opacity: 1; }
.smart-forms .alert-info { color:#163161; background-color: #cfe6fc; }
.smart-forms .alert-success { color:#336633; background-color: #d2f7ad; }
.smart-forms .alert-warning { color: #7a3900; background-color: #faedbd; }
.smart-forms .alert-error { color:#990000; background-color: #FBDBCF; }
.smart-forms .notification ul{ 
	margin-left:1.3em; 
	list-style-position: inside;
	margin-top:10px;
} 

/* @validaion - error state
------------------------------------- */
.smart-forms .state-error .gui-input,
.smart-forms .state-error .gui-textarea,
.smart-forms .state-error.select > select,
.smart-forms .state-error.select-multiple > select,
.smart-forms .state-error input:hover + .checkbox, 
.smart-forms .state-error input:hover + .radio,
.smart-forms .state-error input:focus + .checkbox, 
.smart-forms .state-error input:focus + .radio,
.smart-forms .state-error .checkbox, 
.smart-forms .state-error .radio{
	border-color:#E46B66;
}

.smart-forms .state-error .gui-input ~ .field-icon i,
.smart-forms .state-error .gui-textarea ~ .field-icon i{  color: #E46B66; }
.smart-forms .state-error.select .arrow { color: #E46B66; }
.smart-forms .state-error .gui-input ~ .input-hint,
.smart-forms .state-error.file .gui-file:hover + .gui-input, 
.smart-forms .state-error .gui-textarea ~ .input-hint { border-color:#E46B66; }
.smart-forms .state-error + em{ 
	display: block!important;
	margin-top: 6px;
	padding: 0 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	color: #E46B66;
	font-size:0.85em;
  
}

/* @validaion - success state 
-------------------------------------------------- */
.smart-forms .state-success .gui-input,
.smart-forms .state-success .gui-textarea,
.smart-forms .state-success.select > select,
.smart-forms .state-success.select-multiple > select,
.smart-forms .state-success input:hover + .checkbox, 
.smart-forms .state-success input:hover + .radio,
.smart-forms .state-success input:focus + .checkbox, 
.smart-forms .state-success input:focus + .radio, 
.smart-forms .state-success .checkbox, 
.smart-forms .state-success .radio{
	border-color:#2ecc71;
}

.smart-forms .state-success .gui-input ~ .field-icon i,
.smart-forms .state-success .gui-textarea ~ .field-icon i{  color: #2ecc71; }
.smart-forms .state-success.select .arrow { color: #2ecc71; }
.smart-forms .state-success .gui-input ~ .input-hint,
.smart-forms .state-success.file .gui-file:hover + .gui-input, 
.smart-forms .state-success .gui-textarea ~ .input-hint { border-color:#2ecc71; }


/* @disabled state 
----------------------------------------------- */
.smart-forms .button[disabled],
.smart-forms .state-disabled .button,
.smart-forms input[disabled] + .radio,
.smart-forms input[disabled] + .checkbox,
.smart-forms .switch > input[disabled] + label{
	cursor: default;
	opacity:0.5;
}