/***** Features page lead form css *****/
.featuresContent .iframe-section h1{margin-top:40px;}
.feedbackform{ 
    position: relative;
    width: 100%;
    padding: 2%;
    padding-bottom: 45px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    vertical-align: middle;
    background: #f7f7f7;

}
.flexbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 65%;
    float: left;
}

.flexboximg {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 34%;
    float: left;
}
h1 {

    color: #ff9b41;
    font-family: "AllianzB";
    font-size: 4rem;
    text-align: center;
    font-weight: normal;
    display: inline-block;
    padding: 40px 1px;
    width: 100%;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 9999s ease-in-out 0s;
}


.featuresContent .iframe-section{width: 72%; max-width: 900px;}
.feedbackform h2 {font-size: 2.2rem; text-align: center; color: #0072bc;margin-bottom:15px;}
.feedbackform p { text-align: center; padding: 2%;}
.feedbackform label{width: 100%;  font-size: 1.6rem; color: #757575;   float: left; min-height: 42px;}
.feedbackform .inputWrap input, .inputWrap select {

    font-family: "AllianzSans";
    font-size: 1.6rem;
    color: #ff9b41;
    border-bottom: 1px solid #d3d0d0;
    padding-bottom: 5px;
    line-height: 20px;
    width: 100%;
    background: none;
}
.errorMsg {
    color: #f00;
    font-family: "AllianzSans";
    font-size: 1.2rem;
    padding: 5px 0 15px;
    display: none;
    width: 100%;
    float: left;
    margin-top: 5px;
}
.feedbackform .fieldBox{
    width: 43%;
    float: left;
    margin: 2% 3%;

}
.CareForSubmit {margin-top: 20px;}
.feedbackform .inputWrap span.mobileSpan{font-size: 1.6rem;
    color: #ff9b41;
    display: block;
    position: absolute;}
.feedbackform #campaignmobile{padding-left:35px;}

input, textarea, select {
    outline: none;
    background: #f9f6f6;
    font-family: "AllianzSans";
    font-size: 1.6rem;
    color: #ff9b41;
    border-bottom: 1px solid #d3d0d0;
    padding-bottom: 5px;
    line-height: 20px;
    width: 100%;
    background: none;
}
.btngrp { display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 1%;
width: 100%; } 
.btngrp .c-btn { 

    padding: 0.25em 0.5em;
    border: solid 1px #cacccd;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    margin: 0.3%;
    min-width: 77px;
    background: #e3e3e3;
    color: black;
    font-size: 1.6rem;
} 
.feedbackform .phase1 {display: none;  width: 100%;}
.feedbackform .phase2 {display: block;  width: 100%;}
.feedbackform .phase3 {display: block;  width: 100%;}
.feedbackform .phase4 {display: block;  width: 100%;}
.feedbackform .phase5 {display: block;  width: 100%;}

.btngrp .c-btn.active { 
    
    border: solid 1px #015a95;
    background: #0071bb;
    color: white;
}

.btngrp .c-btn:hover { 
    
    border: solid 1px #015a95;
    background: #0071bb;
    color: white;
}
.feedbackform .fulwdth { 
    width: 100%;
    float: left;
    text-align: center;
    margin: 9px;
}
.feedbackform .fulwdth label {float: none;}

.feedbackform .star-rating {
 
    display:flex;
    flex-direction: row-reverse;
    font-size:4rem;
    justify-content:space-around;
    padding:0 .2em;
    text-align:center;
    width:5em;
  }
  
  .feedbackform .star-rating input {
    display:none;
  }
  
  .feedbackform .star-rating label {
    color:#ccc;
    cursor:pointer;
    font-size: 4rem;
  }
  
  .feedbackform .star-rating :checked ~ label {
    color:#f8b230;
  }
  
  .feedbackform .star-rating label:hover,
  .feedbackform .star-rating label:hover ~ label {
    color:#f8b230;
  }


@media screen and (max-width: 767px) {
    .flexbox { width: 100%;}
    .flexboximg {width: 100%; display: none;}
    .feedbackform {padding: 14% 7%;}
	.featuresContent .iframe-section{width: 100%; float:left;}
	.feedbackform{position: relative; top: 0px; right: 0px; width: 100%;padding: 20px 25px;float:left;padding-bottom: 10px;}
	.feedbackform h2{margin-bottom:15px;}

    .feedbackform .fieldBox{
        width: 100%;
        float: left;
        margin: 2% 3%;
    
    }

    input, textarea, select {

        width: 100% !important;
    }

    .feedbackform{ 
    
        position: relative;
        width: 100%;
        padding: 14% 2%;

        padding-bottom: 45px;
    
    }

    .feedbackform h2 {
        font-size: 2rem;
        text-align: center;
        color: #0072bc;
        margin-bottom: 15px;
        line-height: 2.8rem;
    }
	}
/************** End ************/