.text-black{ color: #000;}
.w70{ width: 70px;}
.w100{ width: 100px;}
.w160{ width: 160px;}
/* contact */
.contact-bg{ background: #fff; border-radius: 25px; padding: 12px; overflow: hidden;}
.company-title{ color: #000; margin: 20px auto 10px; padding: 5px 0; font-size: 16px;}
.company-title i{ font-size: 22px; color: #353c96;}
.box-text-contact{ overflow: hidden; background: #e4f4fe; border-radius: 8px; color: #000;}
.box-text-contact ul{ list-style: none; padding: 0;}
.box-text-contact ul li{ margin: 2px auto; display: table; width: 100%; border-bottom: 1px solid #fff;}

/* contact left */
.contact-left{ width: 30%; font-weight: 400; display: table-cell; position: relative;     vertical-align: middle; text-align: right;}
.highlight{ color: #fa7c3c; float: right; font-size:12px; margin:0 0 0 5px; font-weight:400;}

/* contact right */
.contact-right{ padding: 8px; width: 100%; color: #666666; font-weight: normal; display: table-cell; vertical-align: top;}
.contact-right select{ padding: 3px 8px; -webkit-appearance:none; -moz-appearance:none; border: 1px solid #a9a9a9;border-radius: 3px;}
.contact-right select::-ms-expand{ display: none;}
.contact-right select.style-select{  background: url(../images/arrow-select.jpg) no-repeat right center #fff;; border: 1px solid #7A7A7A;}
.contact-right .area-contact{ width: 100%; height: 100px; overflow-y: auto;}
.contact-right .input-checkbox{ margin-right: 35px; margin-bottom: 6px; display: inline-block;}
.contact-right .input-checkbox br{ display: none;}
.contact-right p.text-black{ display: inline-block;}
.contact-right input[type="checkbox"]{ width: 17px; height: 17px; margin-left: 8px; margin-right: 2px;border-radius: 3px;
    border: 1px solid #a9a9a9;}
.contact-right input[type="text"]{ padding: 7px;
    border-radius: 3px;
    border: 1px solid #a9a9a9;}

.confirm{ text-align: center; margin: 12px auto;}


.confirm input[type="submit"]{
	border-top:none;
	border-left:none;
	border-right:none;
}
.button-confirm{
	background: #ffb01f;
    color: #fff;
    margin: auto;
    border-radius: 5px;
    display: inline-block;
    border-bottom: 3px solid #b5b3b3;
	height:45px;
	line-height:43px;
	font-size:16px;
	width:150px;
	
}


.button-confirm:hover{ text-decoration: none; background: #ff821f;cursor: pointer;}

.button-back{ background: #ccc; color: #fff; margin: auto; border-radius: 5px; display: inline-block; font-size: 16px; width: 150px; border-bottom: 3px solid #b5b3b3; height:45px;
	line-height:43px;border-top:none;
	border-left:none;
	border-right:none; margin:0 10px 0 0;}
.button-back:hover{ text-decoration: none; background: #b1b1b1;cursor: pointer;}

a.button-gray{ background: #9f9996; color: #fff; padding: 6px; }
a:hover.button-gray{ text-decoration: none; background: #5cbaff;}

.edit_errors {
	border:5px solid #EEE;
	background-color:#FFF;
	padding:10px;
	color:#fd4658;
	font-weight:bold;
	line-height:1.7em;
    font-size: 17px;
    margin: 10px 0 10px;
    color: #6269c8;
    text-align: left;
}

@media ( max-width:768px) {
  .contact-left{ width: 50%;}
  .contact-right .input-checkbox br{ display: block;}
  .contact-right p.text-black{ display: block;}
}

@media ( max-width:590px) {
  .contact-left{ width: 43%;}
  a.button-gray{ display: inline-block; margin: 6px auto;}
  .w100{ width: 100%;}
  .contact-right input[type="text"]{ width: 100%;}
}

@media ( max-width:420px){
  .highlight{ display: block; width: 100%; font-size: 10px;}
}

@media ( max-width:380px){
  .contact-left{ width: 34%;}
}