.customer-feedback-popup{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:100000;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;opacity:0;visibility:hidden;pointer-events:none;overflow:auto}.customer-feedback-popup.active{visibility:visible;opacity:1;pointer-events:painted;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.customer-feedback-popup.active .midddle-data{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);opacity:1;visibility:visible}.customer-feedback-popup .midddle-data{position:relative;top:50%;-webkit-transform:translateY(-50%) scale(0.5);transform:translateY(-50%) scale(0.5);width:90%;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;opacity:0;visibility:hidden;padding:10px;border-radius:0px;margin:260px auto}.customer-feedback-popup .midddle-data .slide1{position:absolute;left:0;top:0;width:70%;background:#FFDD00;height:30%;z-index:-1;border-top-left-radius:5px}.customer-feedback-popup .midddle-data .slide2{position:absolute;right:0;top:0;width:30%;background:#00b2ef;height:30%;z-index:-1;border-top-right-radius:5px}.customer-feedback-popup .midddle-data .slide3{position:absolute;left:0;bottom:0;width:70%;background:#7FB439;height:70%;z-index:-1;border-bottom-left-radius:5px}.customer-feedback-popup .midddle-data .slide3::after{content:'';position:absolute;left:0;height:calc(100% - 10px);width:15px;top:0;background:#fff}.customer-feedback-popup .midddle-data .slide4{position:absolute;right:0;bottom:0;width:30%;background:#0061AE;height:70%;z-index:-1;border-bottom-right-radius:5px}.customer-feedback-popup .midddle-data .middle-cont{background:#fff;border-radius:0;padding:20px}.customer-feedback-popup .midddle-data .middle-cont .ftrlogo{max-width:300px;margin:20px auto 0}.customer-feedback-popup .midddle-data .iconclose{position:absolute;top:0;right:0;padding:20px;cursor:pointer}.customer-feedback-popup .midddle-data .iconclose svg{width:17px;height:17px;fill:#ea0}.customer-feedback-popup .midddle-data h3{font-size:18px}.customer-feedback-popup .midddle-data .ratedisplay legend{font-size:16px}.customer-feedback-popup .midddle-data .ratedisplay .rating{margin-bottom:20px}.customer-feedback-popup .midddle-data .ratedisplay .rating p{float:left}.customer-feedback-popup .midddle-data .ratedisplay .rating p:last-child{float:none;clear:both;margin:0;line-height:1px}.customer-feedback-popup .midddle-data .ratedisplay .rating p img{width:55%;margin:10px auto 5px;display:block}.customer-feedback-popup .midddle-data .ratedisplay .rating p:not(:checked)>input{position:absolute;top:-9999px;clip:rect(0, 0, 0, 0)}.customer-feedback-popup .midddle-data .ratedisplay .rating p:not(:checked)>label{float:right;width:20%;text-align:center;cursor:pointer;font-size:14px;line-height:1.2;color:#ddd}.customer-feedback-popup .midddle-data .ratedisplay .rating p>input:checked label{color:#f70}.customer-feedback-popup .midddle-data .ratedisplay .rating p>input:checked+label{color:#f70}.customer-feedback-popup .midddle-data .ratedisplay .rating p>label:active{position:relative;top:2px;left:2px}.customer-feedback-popup .midddle-data .ratedisplay .clearfix{*zoom:1}.customer-feedback-popup .midddle-data .ratedisplay .clearfix:before{content:" ";display:table}.customer-feedback-popup .midddle-data .ratedisplay .clearfix:after{content:" ";display:table;clear:both}.customer-feedback-popup .midddle-data .sininput{margin-bottom:20px}.customer-feedback-popup .midddle-data .sininput:last-child{margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.customer-feedback-popup .midddle-data .sininput:last-child .wpcf7-submit{position:absolute;background:none;left:0;right:0;bottom:0;top:0;width:100%;opacity:0}.customer-feedback-popup .midddle-data .sininput:last-child .ajax-loader{position:absolute;right:-30px}.customer-feedback-popup .midddle-data .sininput .titleheading{margin-bottom:15px}.customer-feedback-popup .midddle-data .sininput.selection .wrapsinrow input,.customer-feedback-popup .midddle-data .sininput.selection .wrapsinrow .wpcf7-list-item-label{display:inline-block;vertical-align:middle;margin:0}.customer-feedback-popup .midddle-data .sininput.selection .wrapsinrow .wpcf7-list-item-label{padding-left:10px;margin-right:30px}.customer-feedback-popup .midddle-data .sininput input[type=text],.customer-feedback-popup .midddle-data .sininput input[type=email],.customer-feedback-popup .midddle-data .sininput textarea{border:1px solid #e2dada;border-radius:10px;font-size:16px;width:100%;padding:0 15px;height:45px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.customer-feedback-popup .midddle-data .sininput input[type=text]:focus,.customer-feedback-popup .midddle-data .sininput input[type=email]:focus,.customer-feedback-popup .midddle-data .sininput textarea:focus{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;outline:none;border-color:#80bdff;-webkit-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.customer-feedback-popup .midddle-data .sininput .updatevalue{display:none}.customer-feedback-popup .midddle-data .sininput textarea{height:auto;padding:15px}.customer-feedback-popup .midddle-data .wpcf7-not-valid-tip{font-size:14px}.customer-feedback-popup .midddle-data .valid-msg{display:none;clear:both;font-size:14px;color:#ff0000}@media (min-width: 1024px){.customer-feedback-popup.active .midddle-data{margin:15vw auto 20vw}.customer-feedback-popup .midddle-data{width:60%;margin:0 auto}.customer-feedback-popup .midddle-data .sininput .btn-hover{margin:inherit}}@media (min-width: 1200px){.customer-feedback-popup{overflow-y:auto}.customer-feedback-popup .midddle-data{padding:.9vw;width:50%;margin-top:11vw}.customer-feedback-popup .midddle-data .middle-cont{padding:3vw}.customer-feedback-popup .midddle-data .slide3:after{height:calc(100% - 0.9vw);width:3vw}.customer-feedback-popup .midddle-data .iconclose{top:2.1vw;right:1.5vw;font-size:0;padding:2vw}.customer-feedback-popup .midddle-data h3{font-size:2vw;margin-bottom:2vw;font-weight:600}.customer-feedback-popup .midddle-data .ratedisplay{margin-bottom:2vw}.customer-feedback-popup .midddle-data .ratedisplay .rating p:not(:checked)>label{font-size:1vw}.customer-feedback-popup .midddle-data .ratedisplay .titleheading{font-size:1.2vw;margin-bottom:.5vw;display:block}.customer-feedback-popup .midddle-data .sininput{margin-bottom:1.5vw;font-size:0}.customer-feedback-popup .midddle-data .sininput .default-btn{cursor:pointer;margin:inherit;height:2vw;line-height:2vw;font-size:.7vw;border-radius:1vw;padding:0 2vw}.customer-feedback-popup .midddle-data .sininput .default-btn svg{height:2vw}.customer-feedback-popup .midddle-data .sininput .titleheading{font-size:1.2vw;margin-bottom:.5vw;display:block}.customer-feedback-popup .midddle-data .sininput .wrapsinrow input{width:1vw;height:1vw}.customer-feedback-popup .midddle-data .sininput .wrapsinrow .wpcf7-list-item-label{font-size:1vw;margin-right:3vw}.customer-feedback-popup .midddle-data .sininput input[type="text"],.customer-feedback-popup .midddle-data .sininput input[type="email"]{font-size:1vw;height:3vw;padding:0 1vw}.customer-feedback-popup .midddle-data .sininput textarea{font-size:1vw;padding:1vw;height:5vw}}