body.iframeItemFeedback{
	background: #fff;
	color: #333;
}
body.feedbackOpen{
	--overflow: hidden;
	--position: fixed;
	--width: 100vw;
	--height: 100vh;
}	
.feedbackHelper, .feedbackOverlay{
	opacity: 0;
	transition: all 0.55s ease-in-out;
	display: none;
}
.grecaptcha-badge{ display: none !important; }
body.feedbackOpen .grecaptcha-badge{ display: block !important; visibility: visible !important;}

body.feedbackOpen .feedbackHelper{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 100000;
    position: fixed;
    background: rgba(0, 0, 0, 0.3);
	opacity: 1;
	transition: all 0.55s ease-in-out;
}

body.feedbackOpen .feedbackOverlay{
	display: block;
    position: fixed;
    top: 50px;
	left: 50%;
	transform: translateX(-50%);
   	width: 520px;
   	padding: 20px;
    height: calc( 100vh - 140px);
    overflow: auto;
    z-index: 100001;
    position: fixed;
    background: #ffffff;
   	color: #333;

	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
	opacity: 1;
	transition: all 0.55s ease-in-out;
}
body.feedbackOpen.tablet .feedbackOverlay{
    height: calc( 100vh - 180px);
    max-height: 800px;
}
body.feedbackOpen .feedbackOverlay .closeFeedbackOverlay{
	width: 32px;
	height: 32px;
	top: 8px;
	right: 8px;
	z-index: 1000;
	position: absolute;
}
body.feedbackOpen .feedbackOverlay .closeFeedbackOverlay:before,
body.feedbackOpen .feedbackOverlay .closeFeedbackOverlay:after{
  position: absolute;
  left: 15px;
  content: ' ';
  height: 22.6px;
  top: 4px;
  width: 2px;
  background-color: #5D5651;
}
body.feedbackOpen .feedbackOverlay .closeFeedbackOverlay:before{
	transform: rotate(45deg);
}
body.feedbackOpen .feedbackOverlay .closeFeedbackOverlay:after{
	transform: rotate(-45deg);
}


.feedbackOverlay iframe{
	display: none;
}
body.feedbackOpen .feedbackOverlay iframe{
	display: block;
	width: 100%;
    height: 672px;
}
body.feedbackOpen.tablet .feedbackOverlay iframe{
    height: 610px;
}
.feedbackOverlay h2,
.iframeItemFeedback h2 {
	font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 10px;
}

body.vadus .feedbackOverlay h2{
	color:#000000;
}

.feedbackOverlay .description,
.iframeItemFeedback > .description {
    padding-bottom: 10px;
	--margin-top: -10px;
}
.iframeItemFeedback div.preview {
	position: relative;
}
.iframeItemFeedback div.preview .pic{
	position: absolute;
	top: 0px;
	right:11px;
	background:  #cccccc url(../../images/trans-gif) no-repeat right top;
	background-size: contain;
	width: 192px;
	height: 76px;
}

.feedbackOverlay form .thumbs,
.iframeItemFeedback .thumbs {
    position: relative;
    padding: 0 0 12px 0;
}
.feedbackOverlay form .thumbs img,
.iframeItemFeedback .thumbs img{
    position: absolute;
    width: 75px;
    margin: 4px 10px 10px 0;
    cursor: zoom-in;
    transition: 0.3s linear width;
    z-index: 10;
}
.feedbackOverlay form .thumbs img.zoom,
.iframeItemFeedback .thumbs img.zoom {
    width: 509px;
    height: auto;
    transition: 0.3s linear width;
    cursor: zoom-out;
}
.feedbackOverlay form .thumbs .info,
.iframeItemFeedback .thumbs .info {
    margin: 0 0 0 95px;
    width: 408px;
}
.feedbackOverlay form .thumbs .info .title,
.iframeItemFeedback .thumbs .info .title{
	font-weight: bold;
}

body.phone .feedbackOverlay{
	transform: translateX(100%);
	opacity: 1;
}
body.phone .feedbackOverlay iframe{
	margin: 40px 20px 20px 20px;
    width: calc(100vw - 40px);
    height: calc(100vh - 60px);
}
body.phone.feedbackOpen .feedbackOverlay{
	top: 0;
    left: 0;
	transform: translateX(0%);
    width:100vw;
    height:100vh;
	padding:0;
	overflow-y: scroll;
}
body.phone.iframeItemFeedback .description{
    padding-bottom: 20px;
}
body.phone.iframeItemFeedback .thumbs .info {
    width: auto;
    max-height: 100px;
	overflow-y: scroll;
}
body.phone.iframeItemFeedback .thumbs img.zoom{
    width: 100%;
}
body.phone.iframeItemFeedback #subscribe .field {
    width: calc(100vw - 2px);
}
body.phone.iframeItemFeedback #subscribe .field input,
body.phone.iframeItemFeedback #subscribe .field textarea{
    width: calc(100vw - 8px);
}

body.phone.iframeItemFeedback #subscribe input[type='submit'] {
    background: #000000;
    color: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}