/* ### general ### */
* { margin: 0px; padding: 0px; box-sizing: border-box; }
html, body { font-family: 'Merriweather', serif; font-size: 14px; font-weight: 400; color: #000000; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
body { background: #fff; }
img { border: 0px; display: block; }
a, input { outline: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }


/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%;  }

/* ### main container ### */
#mainCntr { margin: 0 auto; max-width: 1366px; }

	.headtop img { margin: 0 auto 0; }
	
	/* feedback box */
	.feedbackBox { padding: 45px 20px; margin: 0 auto; width: 1200px; overflow: hidden; }
	.feedbackBox #interactionerrorMessage { font-size: 12px; line-height: 25px; font-family: 'Calibri'; color: #f06; position: absolute; left: 0; top: 89px; opacity:0; transition:0.5s; }
	.feedbackBox #selectboxerrorMessage { font-size: 12px; line-height: 15px; font-family: 'Calibri'; color: #f06; position: absolute; left: 0; bottom: 104px; opacity:0; transition:0.5s; }
	.feedbackBox #selecterrorMessage { font-size: 12px; line-height: 15px; font-family: 'Calibri'; color: #f06; position: absolute; left: 10px; top: 45px; opacity:0; transition:0.5s;}
	.feedbackBox #resolutionerrorMessage { font-size: 12px; line-height: 15px; font-family: 'Calibri'; color: #f06; position: absolute; left: 0; top: 95px; opacity:0; transition:0.5s;}
	.feedbackBox .how { padding-bottom: 20px; width: 100%; overflow: hidden; }
	.feedbackBox h2 {  margin: 0 0 43px; font-family: 'helveticaneuebold'; font-size: 42px;  overflow: hidden; width: 100%; text-align: center; color: #000000; font-weight: normal; }
	.feedbackBox h3 { margin: 10px 0 14px; font-size: 28px; line-height: 30px; font-family: 'Calibri-Bold'; color: #000000; font-weight: normal; text-align: center;}
	.feedbackBox .star { float: left; margin-bottom: 17px; position: relative; z-index:9; }
	.feedbackBox em { font-style: normal; font-size: 16px; line-height: 18px; font-family: 'Calibri-Bold'; color: #aeaaaa; font-weight: normal; display: block; }
	.feedbackBox em small { padding-top: 3px; display: block; font-size: 16px; line-height: 18px; color: #000; }
	.feedbackBox .help { padding-bottom: 40px; width: 100%; float: left; display: none; position: relative; text-align:center; margin-top: 40px; }
	.feedbackBox  .help p { margin: 0 0 20px; font-family: Calibri-Bold; font-size: 22px;}
	.feedbackBox  .help .improv{ position:relative; text-align:center; margin: 0 auto; width: 740px;}
	.feedbackBox p { margin: 0; font-size: 18px; line-height: 22px; font-family: 'helveticaneuelight'; color: #333333; font-weight: normal; }	
	.feedbackBox .DivSelectyze { position : relative; width : 253px; }
	.feedbackBox .DivSelectyze a.selectyzeValue { font-family: 'Calibri'; font-size: 22px; position: relative; z-index: 10; display: block; text-decoration: none;  color: #666666; width : 100%; height : 40px; font-size: 26px; line-height: 40px; background: url(../images/arrow-4.png) right 21px no-repeat; border-bottom: 1px solid #c2c2c2; }
	.feedbackBox .DivSelectyze .UlSelectize { display : none; position : absolute; z-index : 9999; top : 39px; left : 0px; width : 100%; list-style : none; box-shadow: 0 2px 10px 0 #d9d9d9; background-color: #fff; }
	.feedbackBox .DivSelectyze li { width: 100%; overflow: hidden; }
	.feedbackBox .DivSelectyze li a { padding: 10px 15px; display : block; text-decoration : none; font-family: 'Calibri'; font-size: 22px; line-height: 23px; border-bottom: 1px solid #e7e7e7; background: #fff; color : #666666; }
	.feedbackBox .DivSelectyze li a:hover { background-color: rgba(210,204,204,0.6); }
	.feedbackBox textarea {  outline: none; padding: 15px; margin-bottom: 65px;  width: 100%; min-height: 150px; font-size: 20px; line-height: 22px; font-family: 'Calibri'; color: #000000; font-weight: normal; border-radius: 15px; resize: none; border: 1px solid #333333; }
	.feedbackBox textarea:focus { border-color: #0b3ba7; }
	.feedbackBox .feedback { position: relative; width: 100%; overflow: hidden; text-align: center; margin-top: 16px;  }
	.feedbackBox .feed { transition: 0.3s;  padding: 15px 55px; display: inline-block; font-weight: normal; cursor: pointer; text-align: center; font-size: 18px; line-height: 22px; font-family: 'Calibri-Bold'; border: 0; font-weight: normal; color: #fff; border-radius: 3px; background-color: #f06; }
	.feedbackBox .feed:hover { background-color: #dc0073 !important; }
	.vue-star-rating-rating-text[data-v-34cbeed1] { display: none; }
	.vue-star-rating-star { height: auto; width: 30px;}
	.feedbackBox .how { padding-bottom: 20px; position: relative; float:left; width: 100%; }
	.feedbackBox .how .detail { padding-top: 10px; font-family: 'Calibri'; font-size: 20px; line-height: 20px;  color: #f06;  opacity: 0; transition: 0.5s; position: absolute;
    top: 94px; left: 0; width: 100%; }
    .feedbackBox .how p { font-family: 'Calibri-Bold'; font-size: 22px; line-height: 22px; color: #f06; text-align:center; }
    .feedbackBox .how.you h3 { text-align: left; }
    .feedbackBox .help label { margin: 0 10px; display: inline-block;  }
	.feedbackBox .help label span { font-weight: normal; padding: 10px 30px; cursor: pointer; display: block; font-family: 'Calibri-bold'; font-size: 18px; line-height: 20px; color: #000; border: 1px solid #c2c2c2; text-decoration: none; border-radius: 3px; }
	.feedbackBox .help input[type="checkbox"] { display: none;}
	.feedbackBox .help input[type="checkbox"]:checked + span , .feedbackBox .help label span:hover { color: #fff; background-color: #f06; }
    .vue-star-rating-star { height: auto; width: 39px; }
    .feedback ::-webkit-input-placeholder { font-family: Calibri; font-size: 30px; line-height: 30px; color: #000; }
    .feedback :-ms-input-placeholder { font-family: Calibri; font-size: 30px; line-height: 30px; color: #000; }
    .feedback ::-moz-placeholder { font-family: Calibri; font-size: 30px; line-height: 30px; color: #000; }
    .feedback :-moz-placeholder { font-family: Calibri; font-size: 30px; line-height: 30px; color: #000; }
    .feedback ::placeholder { font-family: Calibri; font-size: 30px; line-height: 30px; color: #000; }
    
    .feedback.pink ::-webkit-input-placeholder { color: #f06; }
    .feedback.pink :-ms-input-placeholder { color: #f06; }
    .feedback.pink ::-moz-placeholder { color: #f06; }
    .feedback.pink :-moz-placeholder { color: #f06; }
    .feedback.pink ::placeholder { color: #f06; }
	
	/* thanks box */
	.thanksBox-2  { padding: 20px 0 20px;  width: 100%; height: 100%; overflow: hidden;}
	.thanksBox-2 .mid { display: table-cell; vertical-align: middle; }
	.thanksBox-2 .success { padding: 0 30px; width: 620px; margin: auto; }
	.thanksBox-2 .success .photo { margin-top: 0; float: left; width: 25%; }
	.thanksBox-2 .success .text { width: 60%; float: right; }
	.thanksBox-2 .success .text h3 { margin: 0 0 10px; font-family: 'helveticaneuebold'; font-size: 42px; color: #333333; font-weight: normal; line-height: 42px;  }
	.thanksBox-2 .success .text p { font-family: 'Calibri'; font-weight: 400; font-size: 16px; line-height: 20px; color: #333333; }
	.thanksBox-2 .success .text a.okay { margin: 28px 0 0; float: left; padding: 0 35px; height: 49px; font-family: 'Noto Sans', sans-serif; 		 font-weight: 700; font-size: 18px;	line-height: 49px; color: #fff;	border: 0;	background-color: #ff0066;	text-decoration: none;
		border-radius: 3px;	-webkit- border-radius: 3px; -moz-border-radius: 3px; moz-transition: all 0.2s, -moz-transform 0.5s; -o-transition: all 0.2s, -o-transform 0.5s; -webkit-transition: all 0.2s, -webkit-transform 0.5s; transition: all 0.2s, transform: 0.5s; }
	.thanksBox-2 .success .text a.okay:hover { background-color: #DC0073; } 
	
	.paid { font-size: 16px; line-height: 20px; color: #333333; display: inline-block; }
	.contactus { font-style: normal; display: inline-block; color: #f06 !important; position: relative; text-decoration: none; }
    .contact { font-style: normal; display: inline-block; color: #f06 !important; position: relative; text-decoration: none; }
	.contact::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #ff0083; width: 0; transition: all .3s ease;
     margin: 0 auto; }
	.contact:hover::after { width: 100%; text-decoration: none; }
	
	@media only screen and (max-width:767px){
      .thanksBox-2 .success .text h3 { line-height: 32px; }
     }
    @media only screen and (max-width:479px){
      .thanksBox-2 .success .text h3 { line-height: 25px; }
     }	
	
	@media only screen and (max-width: 1279px) {
		.feedbackBox { width: 100%; }		
		
	}
	@media only screen and (max-width: 1139px) {
		.feedbackBox .how.you { padding-bottom: 33px; }	
		
	}
	@media only screen and (max-width: 1023px) {
	.feedbackBox h2 { font-size: 35px; }
	.feedbackBox h3 { font-size: 25px; line-height: 27px; }
	.feedbackBox .how p { font-size: 20px; line-height: 22px; }
	.feedbackBox .how .detail { top: 76px; font-size: 18px; line-height: 18px; }
	.feedbackBox .how.you { padding-bottom: 15px;}
	.feedbackBox .how.you h3 { margin: 10px 0 5px; line-height: 28px; }
	.feedbackBox .help .improv { width: 100%; }
	.feedbackBox .help label { margin: 0 5px; }
	.feedbackBox .help label span { padding: 10px 20px;  font-size: 17px; line-height: 18px; font-weight: normal; }
		
	}
	@media only screen and (max-width: 959px) {
		.feedbackBox h3 { font-size: 21px; }
	}
	
	
	@media only screen and (max-width: 767px) {
		.feedbackBox  { padding: 30px 15px; width: 320px; }
		.feedbackBox h3 { margin: 0 0 5px; font-size: 18px; line-height: 20px; }
		.feedbackBox em { font-style: normal; font-size: 12px; line-height: 14px; }
		.feedbackBox p { font-size: 15px; line-height: 18px; }
		.feedbackBox .help { padding-bottom: 20px; margin-top: 5px }
		.feedbackBox .DivSelectyze a.selectyzeValue { font-size: 14px; line-height: 35px; height: 35px; background-position: right 16px; }
		.feedbackBox .DivSelectyze .UlSelectize { top: 29px; }
		.feedbackBox .DivSelectyze li a { font-size: 14px; line-height: 15px; }
		.feedbackBox h2 { margin: 0 0 30px; font-size: 20px; line-height: 20px; }
		.feedbackBox textarea { font-size: 16px; line-height: 18px; padding: 10px; margin-bottom: 40px; min-height: 110px;}
		.feedbackBox .feed { padding: 12px 28px; font-size: 16px; line-height: 18px; }
		.feedbackBox .how.you {padding-bottom: 50px; }
		.feedbackBox .how.you h3 { line-height: 20px; margin: 0px 0 5px; height: 63px; }
		.feedbackBox .how { padding-bottom: 10px; }
		.feedbackBox .how p { font-size: 17px; line-height: 20px; }
		.feedbackBox .how .detail { font-size: 14px; line-height: 16px;  top: 100px; }
		.feedbackBox .help p { font-size: 18px; line-height: 20px; }
		.feedbackBox .help label { margin: 0 3px 12px; }
		.feedbackBox .help label span { padding: 8px 12px; font-size: 14px; line-height: 16px; }
		.feedback ::placeholder { font-size: 24px; line-height: 26px; }
		.feedbackBox .feed { padding: 10px 25px; font-size: 14px; line-height: 18px; }
		.feedbackBox .help label span:hover { color: #000; background-color: #fff; }
		.thanksBox-2 .success { width: 480px; }
		.thanksBox-2 .success .photo { width: 20%; }
		.thanksBox-2 .success .text { width: 70%; }
		.thanksBox-2 .success .photo img { max-width: 100%; height: auto; }
		.thanksBox-2 .success .text h3 { font-size: 30px; }
		.thanksBox-2 .success .text a.okay { padding: 0 25px; height: 42px; font-size: 15px; line-height: 42px; }
		.feedbackBox .how.rate .detail { top: 77px; }
		.feedbackBox .how.you.rate h3 { height: auto; }
		.feedbackBox #resolutionerrorMessage { top: 87px; }
		.feedbackBox #interactionerrorMessage { top: 105px; }
		
}
@media only screen and (max-width: 479px) {
	.thanksBox-2 .success { width: 100%; }
	.thanksBox-2 .success .text h3 { font-size: 23px; }
	
}