/*font Variables*/


/*Color Variables*/

@import url("https://fonts.googleapis.com/css?family=Roboto:300i,400,400i,500,700,900");
.multi_step_form {
  background: #f6f9fb;
  display: block;
  overflow: hidden;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
}

.multi_step_form #msform {
  text-align: center;
  position: relative;
  padding-top: 0px;
  min-height:1100px;
  /* max-width: 810px;*/
  margin: 0 auto;
  background: #ffffff;
  z-index: 1;
}

.multi_step_form #msform .tittle {
  text-align: center;
  padding-bottom: 5px;
  background: #fff;
  padding-top: 5px;
/*  border-bottom:1px solid #ccc;*/
}

.multi_step_form #msform .tittle h2 {
  font-weight: bold;
  font-size: 22px;
  color: #3f4553;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.multi_step_form #msform .tittle p {
  margin-bottom: 0px;
  color: #5f6771;
}

.multi_step_form #msform fieldset {
  border: 0;
  padding: 20px 105px 30px;
  position: relative;
  width: 100%;
  left: 0;
  right: 0;
}

.multi_step_form #msform fieldset:not(:first-of-type) {
  display: none;
}

.multi_step_form #msform fieldset h3 {
  /*font: 500 22px/35px "Roboto", sans-serif;*/
  color: #3f4553;
  text-align: left;
}

.multi_step_form #msform fieldset h6 {
  font: 400 15px/28px "Roboto", sans-serif;
  color: #5f6771;
  padding-bottom: 30px;
}

.multi_step_form #msform fieldset .intl-tel-input {
  display: block;
  background: transparent;
  border: 0;
  box-shadow: none;
  outline: none;
}

.multi_step_form #msform fieldset .intl-tel-input .flag-container .selected-flag {
  padding: 0 20px;
  background: transparent;
  border: 0;
  box-shadow: none;
  outline: none;
  width: 65px;
}

.multi_step_form #msform fieldset .intl-tel-input .flag-container .selected-flag .iti-arrow {
  border: 0;
}

.multi_step_form #msform fieldset .intl-tel-input .flag-container .selected-flag .iti-arrow:after {
  content: "\f35f";
  position: absolute;
  top: 0;
  right: 0;
  font: normal normal normal 24px/7px Ionicons;
  color: #5f6771;
}

.multi_step_form #msform fieldset #phone {
  padding-left: 80px;
}

.multi_step_form #msform fieldset .form-group {
  padding: 0 10px;
  margin-bottom: 2px;
}

.multi_step_form #msform fieldset .fg_2,
.multi_step_form #msform fieldset .fg_3 {
  padding-top: 10px;
  display: block;
  overflow: hidden;
}

.multi_step_form #msform fieldset .fg_3 {
  padding-bottom: 70px;
}

.multi_step_form #msform fieldset .form-control,
.multi_step_form #msform fieldset .product_select {
  border-radius: 3px;
  border: 1px solid #d8e1e7;
  padding: 0 20px;
  height: 40px;
  font-size: 13px;
  /*font: 300 13px/40px;*/
  color: #5f6771;
  box-shadow: none;
  outline: none;
  width: 100%;
  margin: 5px 0px;
}

.multi_step_form #msform fieldset .form-control.placeholder,
.multi_step_form #msform fieldset .product_select.placeholder {
  color: #5f6771;
}

.multi_step_form #msform fieldset .form-control:-moz-placeholder,
.multi_step_form #msform fieldset .product_select:-moz-placeholder {
  color: #5f6771;
}

.multi_step_form #msform fieldset .form-control::-moz-placeholder,
.multi_step_form #msform fieldset .product_select::-moz-placeholder {
  color: #5f6771;
}

.multi_step_form #msform fieldset .form-control::-webkit-input-placeholder,
.multi_step_form #msform fieldset .product_select::-webkit-input-placeholder {
  color: #5f6771;
}

.multi_step_form #msform fieldset .form-control:hover,
.multi_step_form #msform fieldset .form-control:focus,
.multi_step_form #msform fieldset .product_select:hover,
.multi_step_form #msform fieldset .product_select:focus {
  border-color: #5cb85c;
}

.multi_step_form #msform fieldset .form-control:focus.placeholder,
.multi_step_form #msform fieldset .product_select:focus.placeholder {
  color: transparent;
}

.multi_step_form #msform fieldset .form-control:focus:-moz-placeholder,
.multi_step_form #msform fieldset .product_select:focus:-moz-placeholder {
  color: transparent;
}

.multi_step_form #msform fieldset .form-control:focus::-moz-placeholder,
.multi_step_form #msform fieldset .product_select:focus::-moz-placeholder {
  color: transparent;
}

.multi_step_form #msform fieldset .form-control:focus::-webkit-input-placeholder,
.multi_step_form #msform fieldset .product_select:focus::-webkit-input-placeholder {
  color: transparent;
}

.multi_step_form #msform fieldset .product_select:after {
  display: none;
}

.multi_step_form #msform fieldset .product_select:before {
  content: "\f35f";
  position: absolute;
  top: 0;
  right: 20px;
  font: normal normal normal 24px/48px Ionicons;
  color: #5f6771;
}

.multi_step_form #msform fieldset .product_select .list {
  width: 100%;
}

.multi_step_form #msform fieldset .done_text {
  padding-top: 40px;
}

.multi_step_form #msform fieldset .done_text .don_icon {
  height: 36px;
  width: 36px;
  line-height: 36px;
  font-size: 22px;
  margin-bottom: 10px;
  background: #5cb85c;
  display: inline-block;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
}

.multi_step_form #msform fieldset .done_text h6 {
  line-height: 23px;
}

.multi_step_form #msform fieldset .code_group {
  margin-bottom: 60px;
}

.multi_step_form #msform fieldset .code_group .form-control {
  border: 0;
  border-bottom: 1px solid #a1a7ac;
  border-radius: 0;
  display: inline-block;
  width: 30px;
  font-size: 30px;
  color: #5f6771;
  padding: 0;
  margin-right: 7px;
  text-align: center;
  line-height: 1;
}

.multi_step_form #msform fieldset .passport {
  margin-top: -10px;
  padding-bottom: 30px;
  position: relative;
}

.multi_step_form #msform fieldset .passport .don_icon {
  height: 36px;
  width: 36px;
  line-height: 36px;
  font-size: 22px;
  position: absolute;
  top: 4px;
  right: 0;
  background: #5cb85c;
  display: inline-block;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
}

.multi_step_form #msform fieldset .passport h4 {
  font: 500 15px/23px "Roboto", sans-serif;
  color: #5f6771;
  padding: 0;
}

.multi_step_form #msform fieldset .input-group {
  padding-bottom: 40px;
}

.multi_step_form #msform fieldset .input-group .custom-file {
  width: 100%;
  height: auto;
}

.multi_step_form #msform fieldset .input-group .custom-file .custom-file-label {
  width: 168px;
  border-radius: 5px;
  cursor: pointer;
  font: 700 14px/40px "Roboto", sans-serif;
  border: 1px solid #99a2a8;
  text-align: center;
  transition: all 300ms linear 0s;
  color: #5f6771;
}

.multi_step_form #msform fieldset .input-group .custom-file .custom-file-label i {
  font-size: 20px;
  padding-right: 10px;
}

.multi_step_form #msform fieldset .input-group .custom-file .custom-file-label:hover,
.multi_step_form #msform fieldset .input-group .custom-file .custom-file-label:focus {
  background: #5cb85c;
  border-color: #5cb85c;
  color: #fff;
}

.multi_step_form #msform fieldset .input-group .custom-file input {
  display: none;
}

.multi_step_form #msform fieldset .file_added {
  text-align: left;
  padding-left: 190px;
  padding-bottom: 60px;
}

.multi_step_form #msform fieldset .file_added li {
  font: 400 15px/28px "Roboto", sans-serif;
  color: #5f6771;
}

.multi_step_form #msform fieldset .file_added li a {
  color: #5cb85c;
  font-weight: 500;
  display: inline-block;
  position: relative;
  padding-left: 15px;
}

.multi_step_form #msform fieldset .file_added li a i {
  font-size: 22px;
  padding-right: 8px;
  position: absolute;
  left: 0;
  transform: rotate(20deg);
}

.multi_step_form #msform #progressbar {
  margin: 20px 30px;
  overflow: hidden;
}

.multi_step_form #msform #progressbar li {
  list-style-type: none;
  color: #99a2a8;
  font-size: 9px;
  width: calc(100%/8);
  float: left;
  position: relative;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
}
.multi_step_form #msform #progressbar li:first-child:before {
  content: "\f12e";
  font-size: 26px !important;
}

.multi_step_form #msform #progressbar li:nth-child(2):before {
  content: "\f15b";
  font-size: 26px !important;
}

.multi_step_form #msform #progressbar li:nth-child(3):before {
  content: "\f12f";
  font-size: 26px !important;
}

.multi_step_form #msform #progressbar li:nth-child(4):before {
  content: "\f156";
  font-size: 26px !important;
}
.multi_step_form #msform #progressbar li:nth-child(5):before {
  content: "\f141";
  font-size: 26px !important;
}

.multi_step_form #msform #progressbar li:nth-child(6):before {
  content: "\f187";
  font-size: 26px !important;
}
.multi_step_form #msform #progressbar li:nth-child(7):before {
  content: "\f163";
  font-size: 26px !important;
}

.multi_step_form #msform #progressbar li:nth-child(8):before {
  content: "\f117";
  font-size: 26px !important;
}

.multi_step_form #msform #progressbar li:before {
  content: "\f1fa";
   font-family: Flaticon;
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: block;
  background: #eaf0f4;
  border-radius: 50%;
  margin: 0 auto 10px auto;
  text-align: center;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.multi_step_form #msform #progressbar li:after {
  content: '';
  width: 100%;
  height: 5px;
  background: #eaf0f4;
  position: absolute;
  left: -50%;
  top: 21px;
  z-index: -1;
}

.multi_step_form #msform #progressbar li:last-child:after {
  width: 110%;
}

.multi_step_form #msform #progressbar li.active {
  color: #4bab0b;
}

.multi_step_form #msform #progressbar li.active:before,
.multi_step_form #msform #progressbar li.active:after {
  background: #4bab0b;
  color: white;
  text-align: center;
}

.multi_step_form #msform .action-button {
  background: #4bab0b;
  color: white;
  border: 0 none;
  border-radius: 5px;
  cursor: pointer;
  min-width: 130px;
  font: 700 14px/40px "Roboto", sans-serif;
  border: 1px solid #4bab0b;
  margin: 0 5px;
  text-transform: uppercase;
  display: inline-block;
  margin: 61px 0px 20px;
}

.multi_step_form #msform .action-button:hover,
.multi_step_form #msform .action-button:focus {
  background: #405867;
  border-color: #405867;
}

.multi_step_form #msform .previous_button {
  background: transparent;
  color: #99a2a8;
  border-color: #99a2a8;
}

.multi_step_form #msform .previous_button:hover,
.multi_step_form #msform .previous_button:focus {
  background: #405867;
  border-color: #405867;
  color: #fff;
}

.align-items-center p.l-hight-25 {
  font-size: 12px;
  line-height: 20px !important;
}

.align-items-center h5.fw-5.mb-0.f-16 {
  font-size: 14px !important
}

.pricingTable>thead>tr>th>p {
  font-size: 12px !important;
  font-weight: 700;
  margin-bottom: 5px;
}

.pricingTable>tbody>tr>td>h5 {
  font-size: 12px !important;
  font-weight: 600 !important;
}

.pricingTable>tbody>tr>td {
  vertical-align: middle;
}

.btn-pricing>h3 {
  margin-bottom: 0px;
  color: #fff !important;
  font-size: 20px !important;
  text-align: center !important;
  text-transform: initial;
}

.btn-pricing>h3>span {
  font-size: 10px;
  width: 41px;
  display: inline-block;
  line-height: 11px;
}

.btn-pricing>h3>b {
  font-size: 13px
}

.selectPrice:before {
  font-size: 16px !important;
}

.btn-pricing {
  border-radius: 25px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
  color: #fff !important;
  width: 100%;
  padding: 3px 6px;
}

.btn-pricing:hover {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
}

.aqua-gradient {
  background: linear-gradient(40deg, #2096ff, #05ffa3) !important;
}

.aqua-gradient:hover {
  background: linear-gradient(40deg, #05ffa3, #2096ff) !important;
}

.tempting-azure-gradient {
  background-image: linear-gradient(120deg, #84fab0 0, #8fd3f4 100%);
}

.tempting-azure-gradient:hover {
  background-image: linear-gradient(120deg, #8fd3f4 0, #84fab0 100%);
}

.ripe-malinka-gradient {
  background-image: linear-gradient(120deg, #f093fb 0, #f5576c 100%);
}

.ripe-malinka-gradient:hover {
  background-image: linear-gradient(120deg, #f5576c 0, #f093fb 100%);
}

.morpheus-den-gradient {
  /*background-image: -webkit-gradient(linear,left bottom,left top,from(#30cfd0),to(#330867));*/
  background-image: linear-gradient(to top, #30cfd0 0, #330867 100%);
}

.morpheus-den-gradient:hover {
  background-image: linear-gradient(to top, #330867 0, #30cfd0 100%);
}

.purple-gradient {
  background: linear-gradient(40deg, #ff6ec4, #7873f5) !important;
}

.purple-gradient:hover {
  background: linear-gradient(40deg, #7873f5, #ff6ec4) !important;
}

.blue-gradient {
  background: linear-gradient(40deg, #45cafc, #303f9f) !important;
}

.blue-gradient:hover {
  background: linear-gradient(40deg, #303f9f, #45cafc) !important;
}

.peach-gradient {
  background: linear-gradient(40deg, #ffd86f, #fc6262) !important;
}

.peach-gradient:hover {
  background: linear-gradient(40deg, #fc6262, #ffd86f) !important;
}

.selectPrice {
  display: none;
}

.btn-pricing:hover .selectPrice,
.btn-pricing:active .selectPrice,
.btn-pricing:focus .selectPrice {
  display: inline-block;
}

.checked .selectPrice {
  display: inline-block;
}

.priceContainer {
  width: 92%;
  margin: auto;
}

.priceColumn {
  width: 12.08%;
  /*  margin: 0.5%;*/
}
.priceColumn.active{
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
      border: 1px solid #dee2e6!important;
      cursor: pointer;
   
}
.priceColumn1.active{
  box-shadow: none !important;
  border: none !important;

}

/*.priceColumn.active .priceHead  {
  background: #4bab0b !important;
}*/
.priceColumn.active .selectPrice{
  display: inline-block;
}


.priceColumn:hover{
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
      border: 1px solid #dee2e6!important;
      cursor: pointer;
}

.priceColumn1:hover{
 box-shadow: none !important;
  border: none !important;
      cursor: auto !important;
}


.priceColumn:hover .selectPrice{
  display: inline-block;

}
.pricingList {
  width: 100%;
}

.priceColumn1 {
  width: 15%;
}

.priceHead {
  height: 100px;
  padding: 5px;
}

.pricetext {
  line-height: 20px;
}

.pricetext {
  height:65px;
  padding:10px;
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: center;
  border-bottom: 1px dashed #dee2e6;
}

.bgcolor {
  background: #f3f6fd !important;
}


/*  .corner-ribbon.sticky{
  position: fixed;
}*/

.corner-ribbon.shadow {
  box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}


/* Different positions */

/*.corner-ribbon.top-left {
  top: 1px;
  left: -28px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
*/
.corner-ribbon {
  width: 94%;
  background: #0351e7;
  text-align: center;
  color: #f0f0f0;
  font-size: 10px;
  font-weight: 600;
  margin:0px auto -17px;;
   border-radius: 5px 5px 0px 0px;
    position: relative;
    top: -16px;
}

.recommended-price {
  position: relative;
  overflow: hidden;
}
/*.priceColumn.active .bgcolor {
    background:none !Important;
}*/
/*.priceColumn.active .bgcolor i.flaticon-success{
  color:#fff !important;
}*/
/*.priceColumn.active .pricetext i.flaticon-success{
  color:#fff !important;
}*/

/*.priceColumn.active .priceHead p{
  color:#fff !important;
}*/
.corner-ribbon{
  display: none;
}


.priceColumn.active .corner-ribbon{
  display: block;
}

.priceColumn.active .priceHead.recommended-price {
    background:none !important;
}

.priceColumn.active .priceHead.recommended-price p {
    color:#000 !important;
}
.multi_step_form #msform #progressbar li:first-child:after{display:none;}


.recbtn {
    display:block;
}
.caption{
  width: 200px;
  }
  .caption img{
    max-width: initial;
    height: 32px;
  }
.pricecategory{
  display: block !important;
}