/*
Theme Name: Avada Child
Description: Avada Child Theme
Template: Avada
Author: ThemeFusion
Version: 1.0.0
*/

/* Classes needed by Theme Check */
.wp-caption-text,
.gallery-caption,
.bypostauthor {
}
@media only screen and (min-width: 1024px) {

  .fluentform .ff-step-titles li:before {
      background: #fff;
      border: 1px solid;
      border-radius: 3px;
      color: #000;
      content: counter(step);
      counter-increment: step;
      display: block;
      font-size: 0px;
      line-height: 20px;
      margin: 0 auto 5px;
      position: relative;
      vertical-align: bottom;
      width: 20px;
      z-index: 10;
  }
.ff-default{
	margin: auto !important;
}
  .fluentform .ff-step-titles li.ff_active:after,
  .fluentform .ff-step-titles li.ff_completed:after {
      background: #000000 !important;
  }

  .fluentform .ff-step-titles li.ff_completed:before {
      background: #ab8b65 !important;
      border: 1px solid transparent;
      color: #fff;
  }

  span.ff-el-rating-text {
      line-height: 100%;
      padding-left: 5px;
      vertical-align: middle;
      color: white;
      padding-top: 2px;
      font-size: 24px;
      text-align: center !important;
  }

  .fluentform .ff-step-titles li.ff_active:before,
  .fluentform .ff-step-titles li.ff_completed:before {
      background: #ab8b65;
      border: 1px solid transparent;
      color: #f9f9fb;
  }

  .fluentform_wrapper_4 .ff-el-group input[type=radio] {
      -webkit-transform: scale(1);
      transform: scale(1);
      margin-top: -4px;
      width: 33px;
      height: 20px;
      margin-right: 0px;
      cursor: pointer;
      font-size: 24px !important;
      position: relative;
      text-align: left;
      border: none;
      box-shadow: none;
  }

  .fluentform .ff-el-form-check label.ff-el-form-check-label {
      cursor: pointer;
      font-size: 24px !important;
      text-align: center !important;
  }

  fluentform_wrapper_4 .ff-el-form-check {
      color: rgba(171, 139, 101, 1);
      font-size: 70px;
      margin: 20px;
  }

  .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span {
      background: #ab8b65 !important;
      border: 2px solid #ffffff !important;
      color: #ffffff !important;
      cursor: pointer;
      display: flex;
      font-size: 22px !important;
      line-height: 1;
      margin: 5px 0px !important;
      padding: 10px 177px !important;
      position: relative !important;
      text-align: center !important;
      border-radius: 35px 35px 35px 35px !important;
  }

  .fluentform .ff-el-input--label {
      display: inline-block;
      margin-bottom: 32px;
      position: relative;
      text-align: center !important;
      vertical-align: top !important;
  }

  .fluentform .ff-el-group {
      margin-bottom: 20px !important;
      margin-top: 10px;
      font-family: 'Fira Sans', sans-serif;
      font-weight: 400 !important;
      text-align: center;
  }

  .fluentform .ff-step-titles li:before {
      background: #8b8382 !important;
      border: 1px solid;
      border-radius: 28px !important;
      color: #333;
      content: counter(step);
      counter-increment: step;
      display: block;
      font-size: 0px !important;
      line-height: 20px;
      margin: 13px auto 4px !important;
      position: relative;
      vertical-align: bottom !important;
      width: 21px !important;
      z-index: 14;
  }

  .fluentform .ff-el-ratings svg {
      fill: var(--fill-inactive);
      height: 140px !important;
      transition: all .3s;
      vertical-align: middle;
      width: 116px !important;
  }

  .fluentform .ff-step-titles {
      counter-reset: step;
      display: table;
      margin: 0 0 0px;
      overflow: hidden;
      padding: 0px 77px 0 77px !important;
      position: unset;
      table-layout: fixed;
      text-align: center;
      width: 100%;
      align-items: end;
  }

  .fluentform .ff-el-input--label {
      display: inline-block !important;
      margin-bottom: 10px !important;
      position: relative;
      text-align: center !important;
  }

  span.ff-el-rating-text {
      color: white;
      padding-top: 55px !important;
      font-size: 20px;
      text-align: center !important;
      display: inline !important;
      margin: 20px 10px 20px 70px;
  }

  span.ff-el-rating-text {
      line-height: normal;
      padding-left: 0px;
      vertical-align: bottom;
  }

  .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check {
      display: inline-flex !important;
      float: none !important;
      margin: 0 102px 0px !important;
      position: relative;
  }

  .fluentform .ff-step-titles {
      counter-reset: step;
      display: table !important;
      margin: auto !important;
      overflow: hidden;
      padding: 0;
      position: relative;
      table-layout: fixed;
      text-align: center;
      width: 65% !important;
  }

  .ff-el-section-break hr {
      margin-bottom: 0px;
      display: none;
  }

  .fluentform-step {
      float: left;
      height: 1px;
      overflow-x: hidden;
      padding: 0px;
  }

  .fluentform-step.active {
      height: auto;
      padding-top: 0PX;
      margin-top: 0px;
  }

  .pic {
      margin-top: 0px;
  }

  .maill {
      width: 65%;
      color: white;
      line-height: 25% !important;
      font-size: 16px !important;
      margin: auto !important;
      border-radius: 10px;
      border: 0px !important;
  }

  .fluentform_wrapper_4 .ff-el-input--content input {
      font-size: 18px !important;
  }

  .fluentform_wrapper_4 {
      padding: px;
      display: flex;
      justify-content: center !important;
      align-items: center !important;
      margin: auto;
      border: 0px solid !important;
  }

  .input[type=email] {
      height: 40px !important;
  }

  .ff-el-input--content textarea {
      background-color: rgba(106, 106, 106, 1);
      color: rgba(255, 255, 255, 1);
      font-size: 30px;
      line-height: 70px !important;
      border-style: solid;
      border-color: rgba(184, 148, 18, 1);
      border-width: 0px;
      border-radius: 15px;
      width: 72% !important;
      margin: auto !important;
  }

  .fluentform .ff-el-form-control {
      background-clip: padding-box;
      background-image: none;
      border: 1px solid #ced4da;
      border-radius: 0.25rem;
      color: #495057;
      display: block;
      font-size: 14px;
      line-height: 1.5;
      margin-bottom: 0;
      max-width: 100%;
      padding: 0px 7px !important;
      transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
      width: 100%;
  }

  .ff-message-success {
      border: 0px solid #ced4da !important;
      box-shadow: 0 1px 5px rgba(0,0,0,.1);
      margin-top: 10px;
      overflow-wrap: break-word;
      padding: 5px;
      position: relative;
  }

}
@media only screen and (max-width: 768px) {.fluentform_wrapper_7.ffs_custom_wrap .ff-el-form-check, .fluentform_wrapper_7.ffs_custom_wrap .ff_list_buttons .ff-el-form-check label>span{
	background-color: rgba(171, 139, 101, 1) !important;
	color: white !important;
	font-weight:500 !important;
	border-radius: 35px !important;
	
	font-size: 20px !important;
	}
	 .fluentform .ff-el-ratings svg {
      fill: var(--fill-inactive);
      height: 140px !important;
      transition: all .3s;
      vertical-align: middle;
      width: 116px !important;
		 margin-left: 7px;
  }
	
  
}