/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

.feedBackForm {
    /*padding-top: 40px;*/
}

    .feedBackForm .questionBox p {
        font-size: 16px;
        color: #323232;
        padding-top: 0;
        position: relative;
        padding-left: 36px;
    }

        .feedBackForm .questionBox p span.burgdColor {
            color: #97144d;
            font-family:'Lato';
            font-weight: bold;
            font-size: 16px;
        }

        .feedBackForm .questionBox p span.quetnNumber {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: #97144d;
            color: #fff;
            display: inline-block;
            text-align: center;
            line-height: 22px;
            margin-right: 16px;
            position: absolute;
            left: 0;
        }

    .feedBackForm .answerBox {
        display: block;
        /*border-left: 1px solid #707070;*/
        margin-left: 8px;
      /*  padding: 0 0 0 30px;*/
        margin-top: 20px;
    }

        .feedBackForm .answerBox textarea {
            width: 100%;
            display: block;
            outline: none;
            padding: 8px 10px;
            border: 1px solid #e1e1e1;
            resize: none;
        }

            .feedBackForm .answerBox textarea:placeholder {
                color: #a2a2a2;
            }

        .feedBackForm .answerBox span.maxLengthWords {
            font-size: 14px;
            color: #a2a2a2;
            margin: 10px;
            display: block;
        }

        .feedBackForm .answerBox.answerBoxNoBord {
            border: none;
            padding: 0;
        }

    .feedBackForm .radioBox-line {
        display: inline-block;
        position: relative;
    }

        .feedBackForm .radioBox-line label {
            font-weight: 500;
            font-size: 14px;
            color: #323232;
            margin-left: 26px;
            margin-right: 30px;
            padding-bottom: 20px;
            vertical-align: middle;
            position: relative;
        }

            .feedBackForm .radioBox-line label:before {
                content: '';
                position: absolute;
                left: -26px;
                top: 3px;
                width: 15px;
                height: 15px;
                background: #fff;
                border: 1px solid #707070;
            }

        .feedBackForm .radioBox-line [type="radio"]:not(:checked), .feedBackForm .radioBox-line [type="radio"]:checked {
            position: absolute;
            left: -9999px;
        }

            .feedBackForm .radioBox-line [type="radio"]:not(:checked) + label:after {
                opacity: 0;
                transform: scale(0);
            }

        .feedBackForm .radioBox-line label span.chkBoxCircle {
            display: none;
        }

        .feedBackForm .radioBox-line [type="radio"]:checked + label span.chkBoxCircle {
            width: 30px;
            height: 30px;
            display: inline-block;
            position: absolute;
            background-color: rgba(250,184,212,0.7);
            left: -33px;
            border-radius: 50%;
            top: -7px;
        }

        .feedBackForm .radioBox-line [type="radio"]:not(:checked) + label:after, .feedBackForm .radioBox-line [type="radio"]:checked + label.active:after {
            content: "\2713";
            width: 15px;
            height: 15px;
            position: absolute;
            left: -26px;
            top: 0;
            font-size: 15px;
            line-height: 15px;
            color: #fff;
            transition: all .2s;
            background: #97144d;
            padding: 0 0 0 3px;
        }

        .feedBackForm .radioBox-line [type="radio"]:checked + label.active:before {
            content: '';
            position: absolute;
            left: 0;
            top: auto;
            bottom: 15px;
            width: 100%;
            height: 1px;
            background-color: #f8b9d4;
            border-color: transparent;
        }


        /*.radioBox-line label.active::after {
            opacity: 1;
            transform: scale(1);
        }*/
         /*.radioBox-line label.active::after {
            opacity: 1;
            transform: scale(1);
        }*/
@media (max-width: 992px) {
  .feedBackForm .answerBox {
  margin-left:0;
  }
  .feedBackForm .feedBackRating ul {
        padding-left: 0px;
    }
}

    .feedBackForm .feedBackRating ul {
        padding-left: 30px;
    }
	.addborder
	{
		border:1px solid;
	}

	.selected {
        transform: scale(1.2);
        transition: all 0.1s ease-in-out; 
		
		}
		.selectednew
		{
        transform: scale(1.2);
        transition: all 0.1s ease-in-out; 
		
		}
		
		
        .feedBackForm .feedBackRating ul li {
            list-style-type: none;
            width: 80px;
            padding: 7px 10px;
            display: inline-block;
            text-align: center;
            color: #ffffff;
            margin-right: -3px;
            border: 2px solid transparent;
        }

            .feedBackForm .feedBackRating ul li:nth-child(1) {
               /* border-top-left-radius: 24px;
                border-bottom-left-radius: 24px;*/
                background-color: #ff0000;
            }

            .feedBackForm .feedBackRating ul li:nth-child(2) {
                background-color: #e92f2f;
            }

            .feedBackForm .feedBackRating ul li:nth-child(3) {
                background-color: #ff4800;
            }

            .feedBackForm .feedBackRating ul li:nth-child(4) {
                background-color: #ff6600;
            }

            .feedBackForm .feedBackRating ul li:nth-child(5) {
                background-color: #ff9600;
            }

            .feedBackForm .feedBackRating ul li:nth-child(6) {
                background-color: #ffcc00;
            }

            .feedBackForm .feedBackRating ul li:nth-child(7) {
                background-color: #fff000;
            }

            .feedBackForm .feedBackRating ul li:nth-child(8) {
                background-color: #bedf08;
            }

            .feedBackForm .feedBackRating ul li:nth-child(9) {
                background-color: #69d512;
            }

            .feedBackForm .feedBackRating ul li:nth-child(10) {
                background-color: #54b704;
            }

            .feedBackForm .feedBackRating ul li:nth-child(11) {
               /* border-top-right-radius: 24px;
                border-bottom-right-radius: 24px;*/
                background-color: #3a7c05;
            }

			.show6box
	{
		display:none;
	}
@media (min-width: 981px) and (max-width: 1199px) {
	.show6box
	{
		display:none;
	}
    .feedBackForm .feedBackRating ul li {
        width: 60px;
		padding: 4px 4px;
    }
}

@media (min-width: 428px) and (max-width: 980px) {
	.show6box
	{
		display:none;
	}
    .feedBackForm .feedBackRating ul li {
       /* width: 45px;*/
	   width: 50px;
padding:3px 9px;
    }
	
}
@media (min-width: 385px) and (max-width: 427px) {
	.show6box
	{
		display:block;
	}
    .feedBackForm .feedBackRating ul li {
        width: 48px;
		padding:3px 9px;
		
    }
	.leftSpan
	{
		display:none;
	}
	.rightSpan
	{
		display:none;
	}
}
@media (min-width: 381px) and (max-width: 384px) {
	.show6box
	{
		display:block;
	}
    .feedBackForm .feedBackRating ul li {
        width: 28px;
		padding:3px 4px;
		
    }
	.leftSpan
	{
		display:none;
	}
	.rightSpan
	{
		display:none;
	}
}

@media (min-width: 384px) and (max-width: 623px) {
	.show6box
	{
		display:block;
	}
    .feedBackForm .feedBackRating ul li {
        width: 28px;
		padding:3px 4px;
		
    }
	.leftSpan
	{
		display:none;
	}
	.rightSpan
	{
		display:none;
	}
}
@media (min-width: 353px) and (max-width: 383px) {
	.show6box
	{
		display:block;
	}
    .feedBackForm .feedBackRating ul li {
        width: 27px;
		padding:3px 1px;
		
    }
	.leftSpan
	{
		display:none;
	}
	.rightSpan
	{
		display:none;
	}
}

@media (min-width: 343px) and (max-width: 352px) {
	.show6box
	{
		display:block;
	}
    .feedBackForm .feedBackRating ul li {
        width: 40px;
		padding:3px 9px;
		
    }
	.leftSpan
	{
		display:none;
	}
	.rightSpan
	{
		display:none;
	}
}
@media (min-width: 340px) and (max-width: 342px) {
	.show6box
	{
		display:block;
	}
    .feedBackForm .feedBackRating ul li {
        width: 38px;
		padding:3px 9px;
		
    }
	.leftSpan
	{
		display:none;
	}
	.rightSpan
	{
		display:none;
	}
}
@media (min-width: 300px) and (max-width: 339px) {
	.show6box
	{
		display:block;
	}
    .feedBackForm .feedBackRating ul li {
        width: 23px;
		padding:3px 0px;
		
    }
	.leftSpan
	{
		display:none;
	}
	.rightSpan
	{
		display:none;
	}
}
.feedBackForm .feedBackRating ul li:hover {
    /*-webkit-box-shadow: 2px 0px 12px 3px #a9a9a9;
    -moz-box-shadow: 2px 0px 12px 3px #a9a9a9;*/
    box-shadow: 2px 0px 12px 3px #a9a9a9;
    border: 2px solid #ffffff;
    box-sizing: border-box;
}

.feedBackForm .feedBackRating ul span {
    font-size: 15px;
    color: #323232;
    padding-top: 12px;
}

    .feedBackForm .feedBackRating ul span.leftSpan {
        float: left;
    }

    .feedBackForm .feedBackRating ul span.rightSpan {
        float: right;
        margin-right: 0%;
    }

@media screen and (max-width: 767px) {
    .feedBackForm .feedBackRating ul {
        display: block;
		padding-left:0;
    }
}

.feedBackForm .feedBackRating .mobileViewRating {
    display: none;
}

    .feedBackForm .feedBackRating .mobileViewRating .radioBox-line {
        margin-bottom: 10px;
    }

        .feedBackForm .feedBackRating .mobileViewRating .radioBox-line label:before {
            left: -4px;
            top: 25px;
        }

        .feedBackForm .feedBackRating .mobileViewRating .radioBox-line.rdoBox10 label {
            margin-left: 20px;
        }

            .feedBackForm .feedBackRating .mobileViewRating .radioBox-line.rdoBox10 [type="radio"]:not(:checked) + label:after, .feedBackForm .feedBackRating .mobileViewRating .radioBox-line.rdoBox10 [type="radio"]:checked + label:after, .feedBackForm .feedBackRating .mobileViewRating .radioBox-line.rdoBox10 label:before {
                left: 2px;
            }

        .feedBackForm .feedBackRating .mobileViewRating .radioBox-line.rdoBox10 [type="radio"]:checked + label span.chkBoxCircle {
            left: -6px;
        }

        .feedBackForm .feedBackRating .mobileViewRating .radioBox-line [type="radio"]:checked + label:before {
            background-color: #fcfcfc;
        }

        .feedBackForm .feedBackRating .mobileViewRating .radioBox-line [type="radio"]:checked + label span.chkBoxCircle {
            left: -11px;
            top: 18px;
        }

        .feedBackForm .feedBackRating .mobileViewRating .radioBox-line [type="radio"]:not(:checked) + label:after, .feedBackForm .feedBackRating .mobileViewRating .radioBox-line [type="radio"]:checked + label:after {
            left: -4px;
            top: 25px;
        }

@media screen and (max-width: 767px) {
    .feedBackForm .feedBackRating .mobileViewRating {
        display: block;
    }
}

.feedBackForm .captchaDiv {
    width: 100%;
    clear: both;
}

    .feedBackForm .captchaDiv .captchaImg, .feedBackForm .captchaDiv p, .feedBackForm .captchaDiv input {
        display: block;
    }

    .feedBackForm .captchaDiv p {
        font-size: 14px;
        color: #323232;
    }

    .feedBackForm .captchaDiv .captchaImg {
        padding-top: 50px;
    }

        .feedBackForm .captchaDiv .captchaImg img {
            text-align: left;
        }

@media screen and (max-width: 767px) {
    .feedBackForm .captchaDiv .captchaImg {
        padding-top: 20px;
    }
}

.feedBackForm .captchaDiv input {
    width: 345px;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #cccccc;
    margin-top: 5px;
    height: 34px;
}

@media screen and (max-width: 767px) {
    .feedBackForm .captchaDiv input {
        width: 100%;
    }
}

.btnFeedBack {
    text-align: center;
    padding: 20px 0;
}

    .btnFeedBack input {
        width: 110px;
        padding: 12px 10px;
        background-color: #97144d;
        color: #ffffff;
        border: none;
        font-family: 'Lato';
        letter-spacing: 1px;
    }
    .cusFeedBackWrapper .brdOverlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
    cursor: pointer;
}

.cusFeedBackWrapper .brdPopup {
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translateX(-50%);
    width: 445px;
    background: #fff;
    z-index: 99;
    border-radius: 10px;
    display: none;
}

    .cusFeedBackWrapper .brdPopup .titleSection {
        background: #97144d;
        display: inline-block;
        width: 100%;
        border-radius: 10px 10px 0 0;
    }

        .cusFeedBackWrapper .brdPopup .titleSection .closeBtn {
            color: #fff;
            text-align: right;
            font-size: 2.5rem;
            font-family: 'Lato';
            padding-right: 2rem;
            font-weight: normal;
            cursor: pointer;
        }

        .cusFeedBackWrapper .brdPopup .titleSection h3 {
            text-align: center;
            font-family: 'Lato';
            font-size: 5.2rem;
            color: #fff;
            text-transform: uppercase;
            font-weight: normal;
            padding-top: 3rem;
        }

    .cusFeedBackWrapper .brdPopup span {
        font-family: 'Lato';
        font-size: 1.9rem;
        text-align: center;
        width: 100%;
        display: inline-block;
        color: #fff;
        font-style: italic;
        padding-bottom: 6rem;
    }

    .cusFeedBackWrapper .brdPopup p {
        font-family: 'Lato';
        font-size: 1.6rem;
        color: #707070;
        text-align: center;
        width: 100%;
        line-height: 20px;
        padding: 2rem 0;
    }

@media screen and (max-width: 480px) {
    .cusFeedBackWrapper .brdPopup .brdPopup {
        width: 95%;
    }
}