.mfp-iframe-holder button.mfp-close:hover{ background-color: var(--BG); color: var(--main)}
section.inner{overflow:hidden;}
.btnMore{ margin-bottom:60px; cursor:pointer; text-align:center;}
.btnMore p.more,.btnMore.open p.less{display:block; color:var(--main);}
.btnMore:hover p.more,.btnMore.open:hover p.less{color:var(--secondary);}
.btnMore.open p.more,.btnMore p.less{display:none;}
button {border: 0 !important;background: transparent !important;}
.list-desktop{display:block;}
.list-mobile{display:none;}
input,select,option,textarea{border:1px solid var(--gray); background-color:var(--BG); border-radius:20px; color:var(--word);}
.left{float:left;}
.right{float:right;}

section.inner.success table.table tr th{border-bottom-width:0 !important;}

section.inner {
	overflow: hidden;
	position: relative;
	z-index: 1;
	min-height: 40vh;
}section.inner p{font-size:16px; }
section.inner .wrapper{margin:0 auto; width:90%; max-width:1400px; text-align:center;}

section.inner .wrapper{margin:40px auto; width:90%;}
section.inner .wrapper p.subtitle{font-size: 24px;}
section.inner .wrapper p.subtitle.noInfo{text-align: center; max-width: 1600px; color:var(--main); padding: 10px 20px;}
section.inner .wrapper p.subtitle.noInfo a{color: var(--secondary);}
section.inner .wrapper p.subtitle.noInfo a:hover{color: var(--word);}
section.inner .wrapper .itemBtn{margin:10px auto 0; width: fit-content; overflow:auto; border-radius:24px; background-color:var(--main)}
section.inner .wrapper .itemBtn p{color: var(--white);}
section.inner .wrapper .itemBtn:hover{background-color: var(--secondary);}

.products{padding-bottom:30px;overflow: hidden;}
section.inner .listHeader{background-color:var(--main); padding:0 24px; font-size:24px; border-radius: 20px 20px 0 0; overflow: auto;}
.listHeader p{margin-top:10px; color:#fff; margin-bottom:10px;}
.listHeader  .amount p{float:right;}
.listHeader  p.amount{float:right;}
.list p.amount{text-align:right;}
.listBtn{cursor:pointer; padding:5px 20px; display:block; width: fit-content;}
.list{border:0; padding:10px; background-color:#f4f4f4;}
.list p{line-break:anywhere; padding:0;}
.list .productsGarphic{text-align:center;}
.list img{width:100%; max-width:150px; border:1px solid #eee;}
.list .one-col{ padding-top:8px;}
.list p.break{display:none;}
.list a{float:none; margin:0 auto;}
.list .listDescription p{float:initial;}
.list .listBtn{width:100%;}
.list .listBtn.btnBlue{border-radius:6px; min-height: 40px;}
.list .listBtn.btnBlue p{font-size:18px;}
.list .listBtn.marked{background-color:#333333;cursor:pointer;}
.list .listBtn.marked:hover{background-color:#fff; color:#2e3092; border:1px solid #eee;}
.listBtn p{margin: auto; text-align: center; width: inherit; float:none;}
.list .listBtn p.add{display:block;}
.list .listBtn p.added{display:none;}
.list .listBtn.marked p.add{display:none;}
.list .listBtn.marked p.added{display:block; color:#fff;}
.list .listBtn.marked:hover p.added{display:block; color:#333;}
.list input{text-align: left;width: 90%; height: 30px; border-bottom: 1px solid var(--gray); margin: 5px 20px;}
.list input.input_None {
	display:none;
	}
.list .amount input {
		text-align: right;
	}
.list .amount p{
	text-align: right;
}
.list .btn-icon {
	height: 30px;
	width: 36px;
	background-position: top;
	background-repeat: no-repeat;
	float: none;
	margin: auto;
}
.list .btn-icon:hover{background-position:bottom;}
.list .btnDel{background-image:url(../img/RFQ/btn-del.png); display:block}
.list .btnEdit{background-image:url(../img/RFQ/btn-edit.png);}
.list .btnDel{}
.list .btnUpload{height:27px; width:27px; background-position:top; background-repeat:no-repeat; float: left; margin: auto; background-image:url(../img/RFQ/btn-upload.png);}
.btnAddItem p{color:var(--main);}
.btnAddItem:hover p{color:var(--secondary);}

.contentsArea{margin:80px auto; display:block;}
.contactFormBG{padding:80px 200px;}
.contactForm{ overflow: auto; position:relative; margin:60px auto; width:100%; padding:30px; background: #f4f4f4; border-radius: 20px 20px 0 0;  border-bottom: 4px solid; border-image: var(--linear2);}
.contactForm .contactForm_form { padding: 0 20px; padding: 20px 20px 60px; }
.contactForm p.formLabel{ margin:12px 0;text-align:left;float:left;}
.contactForm p span{color:#f77}
.contactForm p.note{color:#2e3092; float:none;}
.contactForm .infoArea{width:48%; height:110px;}
.contactForm svg .btn-arrow{fill:none; stroke:var(--BG3);}
.verificationCode{overflow:visible;float:left;width:100%;}
.contactForm .verificationCode img{float:left; padding:7px}
.contactForm .verificationCode p.addation{ padding:7px;float: left;line-height:normal;cursor:pointer;color:var(--word4);}
.contactForm .verificationCode p.addation:hover{color:var(--secondary);}
.contactForm .verificationCode .infoArea{float:none; width:100%;}
.contactForm .verificationCode input{float:left;max-width:80px;}
.contactForm .verificationCode p.formLabel{line-height:normal;float: none;}
input.input_loop {
	display:none;
}

.contactForm .messagesArea {
	width: 100%;
	padding-top: 20px;
	overflow: auto;
	float: none;
}
.contactForm textarea{width: 100%; border: 1px solid #eeeeee66;padding:10px 5px; resize: vertical;}
.contactForm input,.contactForm select,.contactForm option{width: 100%; height:40px;padding-left: 5px;}
.contactForm input{}
.contactForm select option:nth-of-type(1),.contactForm select option:nth-of-type(2){color:#ccc;}
.contactForm select{color:#ccc;}
.contactForm option{color:#ccc;}
.contactForm select::placeholder{ color:#ccc;}
.contactForm .messages{ height:180px;  margin-bottom: 40px;}
.btn{float:left; width:100%; padding: 30px 0;}
.btnSubmit{overflow:auto; width:100%;}

.errorVerificationCodeMessages {
	color: #FFAAAA;
	word-break:keep-all;
	padding:5px;
}

section.inner .wrapper p.errorMessages {
	display: none;
	color: #f77;
	float: left;
	font-size: 12px;
	line-height: 40px;
}
section.inner .wrapper p.errorMessages.error{display:block;}

.success a{overflow: auto; margin: 0 auto; float: none;display: block; width: 200px;}
section.inner.success .wrapper {
	max-width:800px;
}
section.inner.success p.subtitle {
	color: var(--word);
}
.success .moreBtn{margin:0 auto;}

section.inner.successRFQForm .listHeader {
	padding:0 10px;
}

@media screen and (max-width: 1600px) {
	.contactFormBG,.contactForm{padding:20px;}
}

@media screen and (max-width: 1200px){
}

@media screen and (max-width: 991px){
	.contentsArea{padding:15px;}
	.contactFormBG{padding:0 15px;}
	.contactForm{padding:0 15px 60px}
    .contactForm .infoArea{width:100%; float:left;}
	section.inner .wrapper .contactForm p.formLabel{ float: none;}
	section.inner .wrapper .contactForm p.errorMessages{line-height:unset;}
	.list-desktop{display:none;}
	.list-mobile{display:block;}
	.contentsArea{margin:80px auto; padding:0; display:block;}
	section.inner .products span.USD{background-color:transparent; padding:0;line-height: normal;width: unset;float:left;}
	section.inner .wrapper{padding-left:0;}
	.listHeader  .amount p{float:left;}
	.listHeader  p.amount{float:left;}
	.list{ margin-bottom:10px;}
	.list p.amount{text-align:left;}
	p.list-mobile.m-title.col-xs-5{margin-top:10px; margin-bottom:5px;}
	.list .amount input{text-align:left;}
	.contactForm .contactForm_form { padding: 20px 0 60px; }
	.list input{margin: 5px 0;}
}




@media screen and (max-width: 768px){
	.list input{width: 100%;}
	section.inner .products span.USD{line-height: normal;}
}