.fancy {
    line-height: 0.5;
    text-align: right;
  }
  .fancy span {
    display: inline-block;
    position: relative;  
  }
  .fancy span:before{
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 2px solid rgb(92, 89, 89);
    top: 0;
    width: 70px;
  }
  .fancy span:before {
    right: 100%;
    margin-right: 15px;
  }
  .main_us_color{
      color: #f3bc50;
  }
  .contact_main h1{
    color: black;
    font-size: 55px;
    font-weight: 700;
  }

 .subtitle{
    margin: 55px 39px 0px 0px;
    font-weight: 700;
    color: black;
  }
 .tell_us_how_main p {
  font-size: 18px;
  font-weight: 500;
  color: #a9a9a9;
  margin-left: 10px;
  margin-bottom: 35px;
}
.content {
    margin: 0 30px;
    }
    .field.buttons button {
    margin-right: .5em;
    }
    #invalid {
    display: none;
    float: left;
    width: 290px;
    margin-left: 120px;
    margin-top: .5em;
    color: #CC2A18;
    font-size: 130%;
    font-weight: bold;
    }
    .idealforms.adaptive #invalid {
    margin-left: 0 !important;
    }
    .idealforms.adaptive .field.buttons label {
    height: 0;
    }
    .idealsteps-nav{
    width: 36% !important;
}

.contact_form_map_btn {
    padding: 7px 50px ;
    background-color:#f3bc50;
    border-radius: 0px ;
    border: 2px solid #f3bc50 ;
    color: black ;
    border-radius: 0px ;
    font-weight: 700 ;
    background: linear-gradient(to left, transparent 50%, #f3bc50  50%) ;
    background-size: 200% 100% ;
    background-position: right bottom;
    transition: all 2s ease;
    margin-top: 15px ;
    margin-left: 14px;
    float: right;
 }
 .contact_form_map_btn:hover{
   background-color:white ;
   border: 2px solid #f3bc50 ;
   transition: all 0.3s ;
   background-position: left bottom;
   color: white;
 }
 .setup-content .form-control{
    background: white;
    color: black;
    border-radius: 0px;
    padding: 25px 20px;
    margin-bottom: 4px;
 }
 .setup-content .form-control:focus {
    border: 1px solid #f3bc50;
}


.stepwizard-step p {
    margin-top: 10px;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 50%;
    position: relative;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
/* .stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
} */
.stepwizard-step {
    text-align: center;
    position: relative;
    display: inline-table;
    padding: 6px 14px;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
  
}
.step_test{
    border: 1px solid #afa3a3;
    /* width: 190px; */
    width: 125px;
    
    border-radius: 50px;
    display: none;
}
.growth_hack_txt p{
    color: #656363;
    font-size: 16px;
}
.btn-primary{
    background-color: #f3bc50;
    border: 1px solid #f3bc50 ;
}
.btn-primary:active{
    background-color: #f3bc50;
    border: 1px solid #f3bc50 ;
}
.btn-primary:hover{
    background-color: #f3bc50;
    border: 1px solid #f3bc50 ;
}
.btn-primary[disabled]:focus, .btn-primary[disabled]:hover{
    background-color: #f3bc50;
    border: 1px solid #f3bc50 ;
}
.modal-title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f3bc50 ;
}

.growth_hack_circle{
    font-size: 30px ;
    padding: 66px 10px 10px 10px;
    line-height: 32px ;
    font-weight: 700 ;
    background-color: #f3bc50;
    border: 1px solid #f3bc50 ;
    display: inline-block;
    cursor: pointer;
    margin: 20px 20px 20px 0px;
    width: 200px;
    height: 200px;
    border-radius: 0px;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: black;
}
.services_circle{
    font-size: 30px ;
    padding: 87px 10px 10px 10px;
    line-height: 32px ;
    font-weight: 700 ;
    background-color: white;
    border: 1px solid #f3bc50 ;
    display: inline-block;
    cursor: pointer;
    margin: 20px;
    width: 200px;
    height: 200px;
    border-radius: 0px;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: black;
}


.growth_hack_circle_third_step{
    font-size: 30px ;
    padding: 66px 10px 10px 10px;
    line-height: 32px ;
    font-weight: 700 ;
    background-color: white;
    border: 1px solid #f3bc50 ;
    display: inline-block;
    cursor: pointer;
    margin: 20px 20px 20px 0px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: black;
}
.services_circle_third_step{
    font-size: 30px ;
    padding: 87px 10px 10px 10px;
    line-height: 32px ;
    font-weight: 700 ;
  
    border: 1px solid #f3bc50 ;
    background-color: #f3bc50;
    display: inline-block;
    cursor: pointer;
    margin: 20px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: black;
}


.compare_txt a {
    text-decoration: none;
    color: #f3bc50 ;
    font-size: 10px;
    font-weight: 600;
    border-bottom: 1px solid #f3bc50 ;
    vertical-align: sub;
}
.compare_txt {
   
    margin: -4px 14px 0px 10px;
    position: absolute;
    cursor:pointer;
}

/* 
.ui-checkbox {
    display: none;
}

.ui-checkbox + label {
  position: relative;
  padding-left: 25px;
  display: inline-block;
  font-size: 12px;
}
 
.ui-checkbox + label:before {
    background-color: #fff;
    border: 1px solid #f3bc50;    
    padding: 9px;
    border-radius: 3px;
    display: block;
    position: absolute;
    top: 0;
    left:0;
    content: "";
}
 

 
.ui-checkbox:checked + label:before {
    border: 1px solid #f3bc50;    
    color: #99a1a7;
}

.ui-checkbox.no-border:checked + label:before {
    border-color: transparent;
}


 
.ui-checkbox:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 1px;
    left: 4px;
    color: #f3bc50;
}
 
.ui-checkbox.green-tick:checked + label:after {
    color: #8cc63f;
} */

.ui-radio {
    display: none;
}
 
.ui-radio + label{
  position: relative;
  padding-left: 20px;
  display: inline-block;
  cursor: pointer;
}
.ui-radio + label:before {
    background-color: #fff;
    border: 1px solid #f3bc50;
    border-radius: 50px;
    display: inline-block;
    position: absolute;
    content: ' ';
    width: 16px;
    height: 16px;
    top:0px;
    left:0px;
}
 
.ui-radio:checked + label:after {
    content: ' ';
    width: 10px;
    height: 10px;
    border-radius: 50px;
    position: absolute;
    background: #f3bc50;
    top: 3px;
    left: 3px;
}
 
.ui-radio:checked + label:before {
    color: #99a1a7;
    border: 1px solid #f3bc50;
}

.radio_type_checkbox .list-inline>li {
    display: inline-block;
    padding-right: 30px;
    padding-left: 30px;
    display: table-cell;
    vertical-align: middle;
}

.contact_form_map_btn a{
    color: black;
    text-decoration: none;
}
.next_button_spacer{
    margin-bottom: 30px;
    float: right;
}

.radio_type_checkbox .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0;
}

@media screen and (max-width: 700px) and (min-width: 319px) {

        
.growth_hack_circle {
    
     margin: 20px 20px 20px 20px;
    
 }
 
 .growth_hack_circle_third_step  {
    
     margin: 20px 20px 20px 20px;
   
 }
 .contact_main h1 {
    font-size: 39px;
}
.subtitle {
    margin: 55px 80px 0px 0px;
}
.contact_form_map_btn {
    
    float: none;
}
  
}
.nav.nav-tabs.start-project{
    border-bottom: 0px;
}
  
.growth_hack_circle:focus, .growth_hack_circle:active, .growth_hack_circle:hover, .growth_hack_circle:visited {
    background-color: #f3bc50;
}
.services_circle:focus, .services_circle:active, .services_circle:hover, .services_circle:visited  {
    background-color: #f3bc50;
}
    
@media (min-device-width:701px) and (max-device-width:768px){
    
.growth_hack_circle {
   
    margin: 20px 20px 20px 20px;
   
}

.growth_hack_circle_third_step {
   
    margin: 20px 20px 20px 20px;
  
}
.contact_form_map_btn {

    float: none;
}
    }
    
    @media (min-device-width:769px) and (max-device-width:1024px){
        .radio_type_checkbox .list-inline>li {
           
            padding-right: 21px;
            padding-left: 18px;
          
        }
    }