@font-face {
    font-family: 'Kotex-Bold';
    src: url('../fonts/Kotex-Bold.eot');
    src: url('../fonts/Kotex-Bold.woff2') format('woff2'),
         url('../fonts/Kotex-Bold.woff') format('woff'),
         url('../fonts/Kotex-Bold.ttf') format('truetype'),
         url('../fonts/Kotex-Bold.svg#Kotex-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Kotex-Light';
    src: url('../fonts/Kotex-Light.eot');
    src: url('../fonts/Kotex-Light.woff2') format('woff2'),
         url('../fonts/Kotex-Light.woff') format('woff'),
         url('../fonts/Kotex-Light.ttf') format('truetype'),
         url('../fonts/Kotex-Light.svg#Kotex-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

.ubykContactUs {
    box-shadow: 0 2px 15px 0 rgba(66,76,95,0.15);
    border: 2px solid #efeeeb;
    border-radius: 8px;
	padding: 20px;
}
.headerInfo{
	display: inline-flex;
    justify-content: left;
    align-items: center;
}
.headerInfo img{
	width: 50px;
	margin-right: 15px;
}
.ubykContactUs h2{
	margin: 20px 0;
	text-align: center;
	font-family: 'Kotex-Bold';
}
.contactInfo{
	margin-bottom: 20px;
	
}
.contactInfo.mailPhoneinfo{
	width: 100%;
	float: left;
}
#two-col.contactInfo{
	display: flex;
	margin-bottom: 20px;
}
#two-col .col-md-6 {
    max-width: 50%;
}
#two-col .col-md-3 select#drpState, #two-col .col-md-3 input#txtZipcode{
    width: 100%;
}
.prodSpace {
    float: left;
}
.prodSpace div {
    margin-bottom: 10px;
}
.ubykContactUs select, .ubykContactUs input, .ubykContactUs textarea{
	height: 35px;
	padding: 5px;
	border: 1px solid #cacaca;
    outline: none;
	color: #000;
	-webkit-text-fill-color: #000000;
	width: inherit;
	-webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: ellipsis;
	font-family: 'Kotex-Light';
}
.ubykContactUs input::placeholder, .ubykContactUs textarea::placeholder, .ubykContactUs input:-moz-placeholder, .ubykContactUs textarea:-moz-placeholder, ubykContactUs input::-moz-placeholder, .ubykContactUs textarea::-moz-placeholder{
	color: #000;
	opacity: 1;
}
.consumer-input-wrap{
	display: flex;
    flex-direction: column;
	justify-content: center;
	vertical-align: middle;
}
i.fa.fa-question-circle{
   position: absolute;
    top: 9px;
    right: 24px;
	cursor: pointer;
}
.ubykContactUs select{
	background: #fff url(../Img/down-arrow.png) no-repeat scroll 0 0;
    background-position: 97% center;
	background-size: 9px;
	cursor: pointer;	
}
.ubykContactUs select#drpState{
	background: #fff url(../Img/down-arrow.png) no-repeat scroll 0 0;
    background-position: 93% center;
	background-size: 9px;
}
#div2.consumer-input-wrap{
	display: -ms-inline-grid;
    justify-content: center;
    align-items: center;
}
#divSubmit{
	width: 100%;
	display: flex;
	margin-top: 20px;
}
#bar_code_img1 td img, #bar_code_img2 td img, #bar_code_img1 td .close, #bar_code_img2 td .close
{
    display:none;
}
.codeInfo a
{
    cursor:pointer;
    text-decoration:underline;
    padding: 0 3px;
	    color: #007bff !important; 
}
 
.codeInfo img{
	width: 100%;
}
 #bar_code_img1 .close, #bar_code_img2 .close
{
    position: relative;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    display: none;
    top: -46px;
    left: -27px;
    background-color: #fff;
    padding: 3px 5px;
    border-radius: 50%;
    width:8px;
}
.codeInfo span{
	font-size: 12px;
    font-family: inherit;
    font-weight: 100;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.ubykContactUs select, .ubykContactUs input{
		padding:0 0px 0 0px !important;
		-webkit-padding-end: 16px !important;
		-webkit-padding-start: 10px !important;
		font-size: 14px;
	}
	.ubykContactUs select, .ubykContactUs input, .ubykContactUs textarea{
		font-size: 12px;
	}
}
/* Inside mobile device code */
	/*.ubykContactUs{
		box-shadow: none;
		border: none;
		padding: 20px 0 !important;
	}
	.ubykContactUs select {
    background: #fff url(../Img/down-arrow.png) no-repeat scroll 0 0;
    background-position: 95% center;
    background-size: 9px;
}
.ubykContactUs select#drpState {
    background: #fff url(../Img/down-arrow.png) no-repeat scroll 0 0;
    background-position: 89% center;
    background-size: 9px;
}*/