/* edit form contact by big */

#contactpage .section-content-wrap .section-content-in {
	padding: 30px 40px;
}

#contactpage .main {
  color: #555;
  max-width: 800px;
  padding: 50px 0px;
  padding-top:0;
  margin: 0 auto;
  background: #fff;
}
.btn_mode{
  display:none;
}
#contactpage section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

#contactpage input[name=tabs] {
  display: none;
}

#contactpage label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}
#contactpage label.error{
  display:none!important;
}

#contactpage label::before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

#contactpage label[for*='1']::before { content: '\f0e0'; }
#contactpage label[for*='2']::before {font-family:'Glyphicons Halflings'; content: "\e065"; }
#contactpage label[for*='3']::before {font-family:Flaticon01; content: '\f101'; }
#contactpage label[for*='4']::before { content: '\f095'; }

#contactpage label:hover {
  color: #888;
  cursor: pointer;
}

#contactpage .control-label{
  text-align: left;
}

#contactpage label.tabbar.active {
  color: #555;
  border: 1px solid #ddd;
  border-top: 3px solid #4d2b68;
  border-bottom: 1px solid #fff;
}

#contactpage #tab1:checked ~ #content1,
#contactpage #tab2:checked ~ #content1,
#contactpage #tab3:checked ~ #content1,
#contactpage #tab4:checked ~ #content4 {
  display: block;
}

#contactpage #section-contact{
	padding-bottom: 40px;
}

@media screen and (max-width: 650px) {
  #contactpage label {
    font-size: 0;
  }
  #contactpage label::before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 400px) {
  #contactpage label {
    padding: 15px;
  }
}


/* form contact style */

#contactpage .form-control, 
#contactpage .form-group .form-control {
}
#contactpage .form-control {
    margin-bottom: 7px;
}
#contactpage .form-control {
    width: 100% !important;
}
#contactpage textarea.form-control{
  height:auto;
}
#contactpage .form-group label.control-label {
    font-size: 12px;
    line-height: 1.07142857;
    font-weight: 400;
    margin: 16px 0 0 0;
}
#contactpage .form-horizontal label.control-label {
    margin: 0;
}
#contactpage .rowaddress,
#contactpage .rowicon{
  padding:10px;
}
#contactpage .rowaddress{
  
  border-bottom: dotted 1px #ddd;
}
#contactpage .rowicon{
  text-align:center;
}
#contactpage .rowicon > span{
  font-size:26px;
}
#map-canvas{
  position:relative;
}
#map-canvas .layer{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:1;
  cursor:pointer;
}