.request-quote-container input[type="number"]::-webkit-outer-spin-button,
.request-quote-container input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; }

.request-quote-container select { outline: none !important; }
.request-quote-container input[type="number"] {
	outline: none !important;
	border: 1px solid #ccc;
	border-radius: 4px;
	text-align: center;
	height: 34px;
	line-height: 34px;
	width: 170px;
	margin: 0 auto 10px;
}

.request-quote-main,
.request-quote-container,
.request-quote-main .wpcf7-form-control-wrap,
.info-col,
.info-col label,
.request-quote-main > div {
	float: left;
	width: 100%;
}

.request-quote-container:not(:first-child),
.request-quote-main > div { margin-top: 40px; }
.request-info-center {
	text-align: center;
    max-width: 945px;
    margin: 0 auto;
}
.request-info-center h1 { font-family: 'quicksand-regular'; }
.request-quote-main h2 {
	text-align: center;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 20px;
	font-family: 'quicksand-regular';
}
.info-col input {
	width: 100%;
	font-family: 'raleway';
	font-size: 15px;
	line-height: 15px;
	padding: 5px 10px;
	outline: none !important;
	border: none;
	border-bottom: 1px solid #000;
}
.info-col select {
	width: 100%;
	font-family: 'raleway';
	font-size: 15px;
	line-height: 15px;
	padding: 5px 10px;
	outline: none !important;
	border: 1px solid #ccc;
	background-color: #f4f5f7;
}
.info-col .red { color: red; }
.info-col label {
	font-size: 15px;
	text-align: left;
	padding-bottom: 5px;
}
.info-col:not(:nth-child(2)) label { margin-top: 10px; }
.wpcf7-not-valid-tip {
	font-size: 13px;
	text-align: left;
	padding-top: 5px;
}

.info-main-col,
div [data-id="group-othercountry"] {
	float: left;
	width: 100%;
}
div [data-id="group-othercountry"] label { display: none; }
.info-main-col .info-col { margin-top: 15px !important; }
.info-main-col input[type="email"] { text-transform: lowercase !important; }

.hidden-fields {
	position: absolute;
	z-index: -9999999999999;
	opacity: 0;
	top: 0;
	left: 0;
}

@media (min-width: 1025px) {
	.page-id-32 .no-banner-main { padding-top: 60px; }
	div [data-id="group-othercountry"] label { display: block; }
	.request-quote-container:not(:first-child),
	.request-quote-main > div { margin-top: 60px; }
	.request-quote-main h2 {
		font-size: 25px;
		line-height: 30px;
		text-align: left;
	}
	.info-col label {
		margin-top: 0 !important;
		font-size: 16px;
		line-height: 16px;
		padding-bottom: 0;
	}
	.info-col input,
	.info-col select {
		font-size: 16px;
		line-height: 16px;
	}
	
	.info-main-col { width: calc(50% - 20px); }
	.info-main-col:last-child { margin-left: 40px; }
	.info-main-col input { line-height: 22px !important; }
	.info-main-col .info-col { margin-top: 25px !important; }
	
	.info-main-col:nth-child(2) label {
		float: left;
		width: 215px;
	}
	.info-main-col:nth-child(3) label {
		float: left;
		width: 210px;
	}
	.info-main-col:nth-child(2) .wpcf7-form-control-wrap { width: calc(100% - 215px); }
	.info-main-col:nth-child(3) .wpcf7-form-control-wrap { width: calc(100% - 210px); }
	
	.request-quote-container input[type="number"] {
		margin: 10px auto 25px;
		font-size: 16px;
	}
	
	.request-info-center p { font-size: 18px; }
	.gohere { margin-top: 80px !important; }
}

.imgradio-container {
	display: grid;
	width: calc(100% + 20px);
    margin: 0 -10px;
	grid-template-columns: 50% 50%;
}
.imgradio { padding: 10px; }
.imgradio input { display: none; }
.imgradio img {
	width: 100% !important;
	height: auto !important;
	float: left;
}
.imgradio label {
	cursor: pointer;
	position: relative;
	width: 100%;
	height: 100%;
	float: left;
}
.imgradio label > div {
	display: inline-block;
	border: 1px solid #ccc;
	width: 100%;
}
.imgradio label span {
	display: block;
	font-size: 13px;
	font-family: 'raleway';
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}
.imgradio label span.caption {
	font-size: 13px;
	padding-top: 5px;
	font-family: 'raleway';
}
.imgradio label span:nth-child(2) { padding-top: 5px; }
.imgradio input[type=radio]:checked+label div,
.imgradio input[type=checkbox]:checked+label div {
	outline: 4px solid #3b9ec7;
}
.imgradio input[type=radio]:checked+label div,
.imgradio input[type=checkbox]:checked+label div { border: 1px solid #3b9ec7; }
.imgradio input[type=radio]:checked+label:before,
.imgradio input[type=checkbox]:checked+label:before {
    content: '';
    position: absolute;
    right: -10px;
    top: -10px;
    width: 25px;
    height: 25px;
    background: url(/myqaio/wp-content/uploads/check.webp) no-repeat center;
    background-size: contain;
}

.quote-qaio-product .imgradio label span { display: none; }

.request-quote-container:nth-child(4) > div {
	float: left;
	width: 100%;
}

.quote-led-tv2,
.quote-led-tv { grid-template-columns: 33.3% 33.3% 33.3%; }

@media (min-width: 600px) {
	.quote-qaio-mirror,
	.quote-qaio-single-sink,
	.quote-qaio-double-sink,
	.quote-qaio-mirror-corner,
	.quote-addons,
	.quote-qaio-shape,
	.quote-qaio-flex-size { grid-template-columns: 33.3% 33.3% 33.3%; }
	
	.quote-led-tv2,
	.quote-led-tv { grid-template-columns: 16.66666667% 16.66666667% 16.66666667% 16.66666667% 16.66666667% 16.66666667%; }
	
	.quote-qaio-flex-mount { grid-template-columns: 25% 25% 25% 25%; }
}

@media (min-width: 1025px) {
	.imgradio label span { font-size: 16px; }
	.imgradio label span.caption { font-size: 14px; }
	.imgradio-container {
		width: calc(100% + 40px);
		margin: 0 -20px;
	}
	.imgradio { padding: 20px; }
	
	.quote-qaio-shape { grid-template-columns: 20% 20% 20% 20% 20%; }
	.quote-led-tv2,
	.quote-led-tv {
		grid-template-columns: 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11% 11.11%;
		width: calc(100% + 20px);
    	margin: 0 -10px
	}
	.quote-led-tv2 .imgradio,
	.quote-led-tv .imgradio { padding: 20px 10px; }
}

.additional-info-container label {
	text-align: center;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
	display: block;
	font-family: 'quicksand-regular';
}
.additional-info-container textarea {
	border: 1px solid #dadada;
	resize: none;
	background-color: #f4f5f7;
	width: 100%;
	padding: 15px;
	font-size: 15px;
	font-family: 'raleway';
	outline: none;
}

@media (min-width: 1025px) {
	.additional-info-container label {
		font-size: 25px;
		line-height: 30px;
		margin-bottom: 30px;
		text-align: left;
	}
	.additional-info-container textarea { font-size: 16px; }
}

.attachment-file-container { text-align: center; }
.attachment-file-container p {
	margin-top: 0;
	text-align: center;
	font-size: 14px;
	font-family: 'raleway';
	margin-bottom: 10px;
}

.control-logo-location { margin-top: 30px; }
.upload-container .wpcf7-form-control-wrap,
.upload-logo-container .wpcf7-form-control-wrap,
.upload-deco-container .wpcf7-form-control-wrap {
	display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    height: 100%;
    z-index: 1;
}
.upload-container input,
.upload-logo-container input,
.upload-deco-container input {
	width: 100%;
	height: 100%;
}

.btns-container { margin-top: 30px !important; }
.btns-container .wpcf7-spinner,
.page-id-32 .wpcf7-response-output { display: none !important; }
.btns-container input[type="submit"] {
	float: left;
    width: 100%;
    text-align: center;
    font-family: 'raleway';
    font-size: 14px;
    background: #3b9ec7;
    border: #3b9ec7 solid 1px;
    outline: none !important;
    border-radius: 0 !important;
    padding: 15px 0;
	text-transform: uppercase;
	cursor: pointer;
	color: #fff;
}
.btns-container input[type="submit"]:hover {
	background: #2c7593;
	border: #2c7593 solid 1px;
}
.btns-container input[type="reset"],
.btns-container a {
    width: 100%;
    text-align: center;
   	font-family: 'raleway';
    font-size: 14px;
    background: #fff;
    border: #3b9ec7 solid 1px;
    outline: none !important;
    border-radius: 0 !important;
    padding: 5px 0;
	text-transform: uppercase;
	margin-top: 10px;
	color: #000;
	cursor: pointer;
}
.btns-container input[type="reset"]:hover,
.btns-container a:hover {
	border: #3b9ec7 solid 1px;
	background: #3b9ec7;
	color: #fff;
}
.btns-container p {
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
	float: left;
	width: 100%;
	font-family: 'raleway';
}

.reset-center {
	float: left;
	width: 100%;
	text-align: center;
}

@media(min-width: 1025px) {
	.attachment-file-container p { font-size: 15px; }
	.upload-container,
	.upload-logo-container,
	.upload-deco-container {
		width: 300px;
		margin: 15px auto 0;
		font-size: 15px;
		padding: 18px 38px 18px 68px;
		background-size: 40px !important;
    	background-position: 30px 5px !important;
	}
	
	.btns-center {
		max-width: 50%;
		width: 100%;
		float: left;
		margin-left: 25%;
	}
	.btns-container input[type="submit"] { font-size: 15px; }
	.btns-container input[type="reset"],
	.btns-container a {
		font-size: 15px;
		margin-top: 14px;
		width: 30%;
	}
	.btns-container a { margin-left: 14px; }
	.btns-container p {
		font-size: 15px;
		margin-top: 14px;
	}
	.control-logo-location { margin-top: 50px; }
}

.cd-upload-btn { cursor: pointer; }
.codedropz-upload-inner h3 {
	text-align: center;
	font-size: 16px !important;
	font-family: 'quicksand-bold';
}
.codedropz-upload-inner > span,
.cd-upload-btn {
	font-size: 14px !important;
	font-family: 'raleway';
}
.dnd-upload-counter,
.dnd-upload-details { font-family: 'raleway'; }
.dnd-upload-details em {
	font-style: normal;
	font-weight: normal !important;
}
.dnd-upload-details .name { color: #333 !important; }
.cd-upload-btn {
	font-family: "raleway";
	color: #fff;
	background-color: #3b9ec7;
    margin: 5px 0;
    padding: 15px 25px;
	display: inline-block;
	-webkit-transition: all 200ms ease-in-out;
       -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
         -o-transition: all 200ms ease-in-out;
       		transition: all 200ms ease-in-out;
}

.cd-upload-btn:hover {
	color: #fff;
	background-color: #2c7593;
}
.quote-captcha > div { margin: 0 auto; }

select {
	color: black;
	font-family: 'raleway';
}

@media(min-width: 1025px) {
	.codedropz-upload-inner h3 { font-size: 20px !important; }
}

.rq-popup-main {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 999999999;
	background: rgba(51, 51, 51, 0.5);
	display: none;
}
.rq-popup-flex {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.rq-popup-content {
	width: 80vw;
	background-color: #fff;
/* 	border: 2px solid #333;
	box-shadow: 0 0 7px #404040; */
	padding: 20px;
	text-align: center;
}
.rq-title {
	text-align: center;
	font-family: 'quicksand-bold';
	font-size: 18px;
	margin: 0 0 15px !important;
}
.rq-desc {
	text-align: center;
	font-family: 'raleway';
	margin: 0 0 15px !important;
	font-size: 14px;
	line-height: 20px;
}
.rq-btn {
	background: #3b9ec7;
    border: #3b9ec7 solid 1px;
    color: #fff;
    padding: 10px 20px;
	font-family: 'raleway';
	font-size: 14px;
	cursor: pointer;
	display: inline-block;
}
.model-j-warning-msg {
	float: left;
	width: 100%;
}
.model-j-warning-msg p {
	margin-top: 0;
	color: red;
	font-family: 'raleway';
	font-size: 15px;
	padding: 5px 0 10px;
}
.recaptcha-container .wpcf7-not-valid-tip { text-align: center; }

@media(min-width: 1025px) {
	.rq-popup-content {
		width: 35vw;
		padding: 30px 20px;
	}
	.rq-title { font-size: 20px; }
	.rq-desc {
		font-size: 15px;
		line-height: 24px;
	}
}

.rq-logo {
	width: 200px !important;
	margin-bottom: 30px !important;
}
.rq-img {
	text-align: center;
	float: left;
	width: 100%;
}
.rq-img img {
	max-width: 715px;
	margin: 0 auto;
}

@media(min-width: 1025px) {
	.rq-logo {
		width: 300px !important;
		margin-top: 0 !important;
		margin-bottom: 50px !important;
	}
	.rq-img { margin-top: 50px; }
	.page-id-32 h1 {
		margin-bottom: 20px !important;
		font-size: 40px !important;
		text-align: center;
	}
	.request-info-center p { text-align: center; }
}

/*------------------------------------*\
    Size and Quantity
\*------------------------------------*/

.size-col {
	width: 100%;
	float: left;
}
.size-col label {
	font-size: 15px;
	text-align: center;
	display: block;
	padding-bottom: 5px;
}
.size-col select {
	width: 100%;
	border-radius: 5px;
	padding: 6px 10px;
	font-size: 15px;
	outline: none !important;
	border: 1px solid #3082D8;
}
.size-col:nth-child(3) {
	margin: 20px 0 30px;
	text-align: center;
}
.control-qty {
	width: 140px;
	display: inline-block;
}
.size-col input {
	border: 1px solid #3082D8;
	font-size: 15px;
	text-align: center;
	padding: 7px 10px;
	font-family: 'Open-Sans-Regular';
	outline: none !important;
	max-width: 70px;
	float: left
}
.minus {
	width: 35px;
	border: 1px solid #3082D8;
	border-right: none;
	cursor: pointer;
	font-size: 24px;
	text-align: center;
	line-height:  34px;
	display: inline-block;
	color: #3082D8;
	float: left;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.plus {
	width: 35px;
	border: 1px solid #3082D8;
	border-left: none;
	cursor: pointer;
	font-size: 24px;
	text-align: center;
	line-height:  34px;
	display: inline-block;
	color: #3082D8;
	float: left;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

@media(min-width: 1025px) {
	.size-col { width: calc(50% - 20px); }
	.size-col:nth-child(2) { margin-right: 40px; }
	.size-col label {
		float: left;
		width: auto;
		padding-right: 20px;
		padding-bottom: 0;
		font-size: 16px;
		line-height: 36px;
	}
	.size-col span.ledtv-size {
		float: left;
		max-width: calc(100% - 55px);
	}
	.size-col select { font-size: 16px; }
	.size-col:nth-child(3) {
		margin: 0;
		text-align: left;
	}
	.size-col:nth-child(3) label { padding-left: 120px; }
	.size-col input { font-size: 16px; }
	.minus,
	.plus { line-height: 36px; }
}

@media(min-width: 1200px) {
	.size-col:nth-child(3) label { padding-left: 170px; }
}

.specification-heading h2 { margin-bottom: 0 !important; }
.specs-title {
	display: block;
	padding-bottom: 10px;
	font-family: 'quicksand-bold';
}
.specifications-container {
	margin-top: 20px !important;
	padding-bottom: 15px;
	border-bottom: 1px dashed #dadada;
}
.tv-size-container {
	margin-top: 20px !important;
	padding-bottom: 15px;
}
.tv-size-container select {
	background-color: #f4f5f7;
	border: 1px solid #ccc;
	font-size: 13px;
	padding: 5px;
}

@media(min-width: 1025px) {
	.specifications-container { margin-top: 35px !important; }
	.specs-title {
		font-size: 18px;
		padding-bottom: 0;
	}
	.tv-size-container {
		padding-bottom: 0;
		margin-top: 40px !important;
	}
	.tv-size-container select {
		font-size: 16px;
		padding: 6px 12px;
		margin-top: 10px;
	}
}

/*------------------------------------*\
    Specification
\*------------------------------------*/

.specs-container { text-align: center; }
.specs-container .specs-title {
	padding-bottom: 0;
	margin-bottom: 20px;
}
.specs-container .form-group { text-align: center; }
.specs-container .form-group:first-child { margin-bottom: 10px; }
.specs-container label {
	font-size: 13px;
	width: 55px;
	display: inline-block;
}
.specs-container .control-width,
.specs-container .control-height {
	display: inline-block;
    width: 100px;
    margin: 0 10px;
}
.specs-container input[type="number"] {
	width: 100%;
	margin: 0;
	border: 1px solid #ccc;
    text-align: center;
    padding: 6px 0;
	height: 32px;
	line-height: 32px;
	border-radius: 0;
	background-color: #f4f5f7;
}
.specs-container .width-unit,
.specs-container .height-unit {
	display: inline-block;
	width: auto;
	float: none;
}
.specs-container select {
	border: 1px solid #ccc;
    text-align: left;
    width: 100%;
    font-size: 13px;
	height: 32px;
	line-height: 32px;
	background-color: #f4f5f7;
	position: relative;
	top: 1px;
}
label[for="width-unit"],
label[for="height-unit"] { position: absolute; }

.specs-container .form-group2 { margin: 20px 0 10px; }
.specs-container .form-group2 label {
	display: block;
	width: 100%;
	padding-bottom: 10px;
}
.specs-container .control-number-led {
	width: 200px;
	display: inline-block;
}
.bt-qf {
	border-top: 1px dashed #dadada;
	padding-top: 20px;
}

.wpcf7-response-output { display: none !important; }

@media(min-width: 1025px) {
	.specs-container {
		text-align: left;
		padding-bottom: 35px;
	}
	.specifications-col {
		float: left;
		width: 50%;
	}
	.specifications-col:nth-child(2) {
		padding: 15px 0;
    	border-right: 1px solid #ccc;
	}
	.specs-container label {
		font-size: 16px;
		width: 55px;
		text-align: right;
	}
	.specs-container .control-width,
	.specs-container .control-height {
		width: 150px;
		margin: 0 15px;
	}
	.specs-container input[type="number"] {
		height: 39px;
		line-height: 39px;
	}
	.specs-container select {
		font-size: 16px;
		height: 39px;
		line-height: 39px;
		top: 0;
	}
	.specs-container .form-group:first-child { margin-bottom: 20px; }
	
	.specs-container .form-group2 label {
		width: auto;
		display: inline-block;
		margin-right: 15px;
	}
	.specs-container .form-group2 {
		text-align: center;
		margin: 44px 0 0;
	}
	.bt-qf { padding-top: 30px; }
}

/*------------------------------------*\
    Add New Mirror
\*------------------------------------*/

.anm-container {
	float: left;
	width: 100%;
}
.anm-btn-container {
	margin-top: 25px !important;
	padding-bottom: 0;
	border-bottom: none;
	text-align: center;
}
.add-new-mirror-size {
	display: inline-block;
	color: #000;
    border: #ccc 1px solid;
    padding: 12px 25px;
    background: #f4f5f7;
    font-size: 14px;
    cursor: pointer;
}
.add-new-mirror-size:hover {
	color: #fff;
	background-color: #3b9ec7;
	border: 1px solid #3b9ec7;
}
.anm-div {
	float: left;
	width: 100%;
}

.sortable-container {
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 20px;
}
.sortable-span {
	display: block;
	text-align: center;
	font-size: 18px;
	font-family: 'quicksand-regular';	
}
.close-mirror {
	position: absolute;
    top: 5px;
    right: 5px;
    width: 12px !important;
    cursor: pointer;
}

@media(min-width: 1025px) {
	.anm-btn-container {
		text-align: right;
		margin-top: 40px !important;
	}
	.add-new-mirror-size { font-size: 16px; }
	
	.sortable-span {
		text-align: left;
		font-size: 22px;
	}
	.close-mirror { top: 8px; }
}

.request-quote-main div:nth-child(7) { margin-top: 0; }
.quantity3-section {
	border-top: 1px dashed #dadada;
	padding-top: 20px;
	margin-top: 15px;
}

@media(min-width: 1025px) {
	.quantity3-section { padding-top: 35px; }
}

/*------------------------------------*\
    Consent
\*------------------------------------*/
.content-consent-details {
display:none;
}

.consentform {
    width: 100%!important;
	display: inline-block;
	margin-bottom:25px;
	display: flex;
	text-align: left;
    align-items: center;
	gap:5px;
	color: #3b9ec7;
	font-size: 14px;
	cursor: pointer;
}

.consentform{
	margin-bottom: 0px!important;
	text-align:left;
}
.margin-top{
	margin-top:0px!important;
}

.consent-message { margin-top: 20px !important; }
.consent-message .wpcf7-list-item { margin: 0 !important; }
.consent-message input { margin: 0 5px 0 0 !important; }
.consent-message p,
.consent-message ul {
	float: left;
	width: 100%;
	margin-top: 15px;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	margin-bottom: 15px;
}
.consent-message .wpcf7-list-item-label { font-size: 14px !important; }
.consent-message li { display: block; }
.consent-message .showpop {
	cursor: pointer;
	color: #3b9ec7;
}

/*------------------------------------*\
    Pop-up
\*------------------------------------*/

.pop-info-opacity {
    background: rgba(51, 51, 51, .5);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999999999999999;
    display: none;
}

.pop-info-flex {
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
    align-items: center;
}

.pop-info-center {
    max-width: 800px;
    max-height: 500px;
    text-align: center;
    padding: 30px 0 30px 30px;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #3b9ec7;
    margin: 30px;
}

.pop-scroll {
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 440px;
    padding-right: 30px;
}

.pop-scroll p:first-child {
    margin-top: 0;
}

.pop-scroll p {
    text-align: left;
    margin-bottom: 0;
    margin-top: 15px;
    line-height: 22px;
}

.pop-scroll p a {
    color: #272626;
}

.pop-scroll p strong { font-family: 'montserrat-bold'; font-size: 16px !important; }

.pop-scroll p a:hover {
    color: #3b9ec7;
}

.pop-scroll ul {
    margin-top: 15px;
    text-align: left;
}

.pop-scroll li {
    display: block !important;
    line-height: 22px;
	font-size: 15px;
}