.box_mid {
    width: 100%;
    float: none;
}

.barcode {
    width: 150px;
		border:1px solid #ccc;
		padding:4px;
}

.info-box {
    padding-left: 22px;
    width: -webkit-calc(100% - 150px);
    width: -moz-calc(100% - 150px);
    width: calc(100% - 150px);
}

.info-box h2 {
    font-size: 16px;
    color: #666;
    text-transform: uppercase;
    display: block;
    font-weight: 700;
}

.info-box ul, .timework ul {
    margin-top: 10px;
}

.info-box ul li, .timework ul li {
    display: block;
    padding-left: 45px;
    position: relative;
    line-height: 20px;
    margin-bottom: 5px;
}

.info-box ul li:last-child, .timework ul li:last-child {
    margin-bottom: 0;
}

.info-box ul li:before, .timework ul li:before {
    position: absolute;
    left: 0;
    top: 1px;
    font-size: 13px;
    font-family: 'FontAwesome';
    color: rgba(0, 0, 0, .3);
}

.info-box ul li:after, .timework ul li:after {
    content: ':';
    position: absolute;
    left: 28px;
    top: 0;
}

.info-box ul li.home:before {
    content: '\f015';
}

.info-box ul li.phone:before {
    content: '\f095';
}

.info-box ul li.fax:before {
    content: '\f1ac';
}

.info-box ul li.mail:before {
    content: '\f0e0';
}

.info-box ul li.global:before {
    content: '\f0ac';
}

.timework h3 {
    font-size: 16px;
    color: #666666;
    font-weight: 700;
}

.timework ul li.normal:before {
    content: '\f073';
}

.timework ul li.weekend:before {
    content: '\f017';
}

.list-bank {
    margin-top: 20px;
}

.list-bank li {
    display: block;
    margin-bottom: 25px;
}

.list-bank li .div-image {
    width: 85px;
    height: 85px;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    border: 1px solid #dbdbdb;
}

.list-bank li .div-image img {
    height: auto;
}

.list-bank li .div-caption {
    width: -webkit-calc(100% - 85px);
    width: -moz-calc(100% - 85px);
    width: calc(100% - 85px);
    padding-left: 15px;
}

.list-bank li .div-caption h4 {
    color: #666;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.list-bank li .div-caption p {
    color: #666;
    line-height: 20px;
}

a.view_map {
    margin-top: 20px;
    text-decoration: none;
    outline: 0;
    font-size: 14px;
    color: #333;
    padding: 8px 23px 8px 0;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    display: inline-block;

}

a.view_map .fa {
    color: #ff9900;
    font-size: 16px;
    display: inline-block;
    margin-right: 15px;
}

.mid-contact {
    margin-top: 30px;
    background: url(../images/bg.jpg) no-repeat;
    padding: 25px 0;
}

.div-input {
    margin-bottom: 10px;
}

.div-input:after, .item-input:after {
    content: '';
    display: block;
    clear: both;
}

.div-input label {
    color: #666666;
    margin-bottom: 0;
    width: 115px;
    float: left;
    font-weight: normal;
}

.div-input label > span {
    color: #bc0000;
}

.div-input > div {
    width: -webkit-calc(100% - 115px);
    width: -moz-calc(100% - 115px);
    width: calc(100% - 115px);
    float: left;
    position: relative;
}

.div-input > div.i-name:before {
    content: url(../images/icon-home.png);
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 1;
}

.item-input > div.i-email:before {
    content: url(../images/icon-mail.png);
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 1;
}

.item-input > div.i-phone:before {
    content: url(../images/icon-fax.png);
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 1;
}

.div-input > div.i-company:before {
    content: url(../images/icon-home_2.png);
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 1;
}

.div-input > div.i-content:before {
    content: url(../images/icon-content.png);
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 1;
}

.i-capcha {
    position: relative;
}

.i-capcha:before {
    content: url(../images/icon-equal.png);
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 1;
}

#staff {
    padding: 0 12px !important;
}

#content {
    height: 144px;
}

.div-input .form-control {
    height: 34px;
    border: 1px solid #d0d0d0;
    padding: 0 34px;
    border-right: none;
    border-bottom: none;
    border-radius: 0;
}

.item-input {
    width: 50%;
    float: left;
}

.item-input > div {
    float: left;
    position: relative;
}

.i-email {
    width: 210px;
}

.item-input:last-child > div {
    float: right;
    width: 165px;
}

.group-input {
    width: 100% !important;
}

.item-input:last-child label {
    width: 43%;
    text-align: right;
    padding-right: 10px;
}

.i-capcha {
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
    float: left;
}

.image-capcha {
    width: 100px;
    float: left;
    padding-left: 12px;
}

.btn-send {
    width: 100px;
    height: 40px;
    background: #ffcc66;
    border: none;
    box-shadow: none;
    border-radius: 0;
    text-align: center;
    margin-right: 10px;
    -webkit-transition: background .3s ease-in;
    -moz-transition: background .3s ease-in;
    -ms-transition: background .3s ease-in;
    -o-transition: background .3s ease-in;
    transition: background .3s ease-in;
}

.btn-send:hover {
    background: #C38F24
}

.btn-send span {
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    display: block;
}

.btn-send:hover span {
    color: #fff;
}

.btn-reset {
    width: 120px;
    height: 40px;
    background: #404040;
    border: none;
    box-shadow: none;
    border-radius: 0;
    text-align: center;
    -webkit-transition: background .3s ease-in;
    -moz-transition: background .3s ease-in;
    -ms-transition: background .3s ease-in;
    -o-transition: background .3s ease-in;
    transition: background .3s ease-in;
}

.btn-reset:hover {
    background: #171515;
}

.btn-reset span {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    display: block;
}
.bottom-contact{
    margin-top: 25px;
}
.tab_container {
    border: 1px solid #e1e1e1;
    padding: 5px;
}

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    position: relative;
    bottom: 0px;
    z-index: 20;
}

ul.tabs li {
    float: left;
    margin: 0px 4px -1px 0px;
    padding: 0;
    overflow: hidden;
    position: relative;
    border: 1px solid #878787;
}

ul.tabs li a {
    text-decoration: none;
    color: #333;
    display: block;
    outline: none;
    font-weight: bold;
    padding: 8px 20px 5px;
    background: #fff;
    text-transform: uppercase;
}

ul.tabs li.active {
    border-color: #878787;
}

ul.tabs li.active a {
    color: #fff;
    background: #878787;
}

.tab_content {
    margin-top: 1px;
}


/* Map styling*/
#ce_map_container{border:2px solid #CCC;background-color:#fff ; font-size:12px;padding:4px}
#ce_map_canvas{width:100%;height:300px}
#ce-directionsPanel{background-color:#FFF}
/* Direction */
#ce-map-cpanel-switch{padding:8px;font-size:120%;height:55px;margin-top:2px;
background:#444 url("../images/map-icon.png") no-repeat 20px center}
#ce-map-cpanel-switch a.ce-route,
#ce-map-cpanel-switch a.ce-route:visited{color:#FFF;display:block;float:left;margin:10px 0 0 65px}
.ce-map-cpanel fieldset{border-color:#CCC;border-style:solid none none;border-width:1px 0 0;clear:both; margin:3px}
.ce-map-cpanel fieldset legend{font-size:150%}
.ce-map-cpanel div{ clear:left;display:block; width:100%}
.ce-map-cpanel label{ }
.ce-map-cpanel div.submit div,.ce-map-cpanel div.submit div button{display:inline}
/* Coordinates*/
#ce-map-coordinates{background-color:#F2EFE9;height:15px;margin-top:2px;padding:5px 0}
#ce-map-coordinates div{float:left;width:49%;text-align:center}
.ce-map-coord-label{font-weight:bolder}
.ce-map-coord-value{}
/* MAP: End*/
 
 
 
.validate {position:relative;}
.validate label.checked {
  background:url("../images/icon_ok.gif") no-repeat 0px 0px;
}

.validate label { padding-bottom:2px; font-size:11px;}
.validate input.error {
	border:1px dotted #ff0000;

} 
.validate textarea.error {
	border:1px dotted #ff0000;

} 
.validate label.error { margin-left: -3px; padding: 5px;  color: #B70002; -moz-border-radius: 4px; -webkit-border-radius: 4px;  display:none !important; }

 
.validate label.checked {
  background:url("../images/icon_ok.gif") no-repeat 0px 0px;
} 

.validate  #filed_security_code label.error {
	left:100px !important;	
} 



@media all and (max-width: 1000px) {
    .mid-contact {
        background: #f9f9f9;
    }
    .info-box{
        padding-left: 0;
    }
    .timework{
        margin-top: 20px;
    }
}
@media all and (max-width: 768px)
{
	.info-box
	{
		width:100%;
	}
}

@media all and (max-width: 750px) {
    .item-input {
        width: 100%;
    }

    .item-input:first-child {
        margin-bottom: 10px;
    }

    .item-input > div, .item-input:last-child > div {
        width: -webkit-calc(100% - 115px);
        width: -moz-calc(100% - 115px);
        width: calc(100% - 115px);
        float: left;
    }

    .item-input:last-child label {
        width: 115px;
        float: left;
        text-align: left;
        padding: 0;
    }
}

@media all and (max-width: 440px) {
    .div-input label, .item-input label {
        width: 100% !important;
        margin-bottom: 5px;
        float: inherit;
    }

    .div-input > div, .item-input > div {
        width: 100% !important;
        float: inherit;
    }
}


@media all and (max-width :320px)
{
	.info-box h2
	{
		font-size:15px;
	}
}