
.contact-visible {
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	height: 27px;
	padding: 10px 45px 10px 20px;
	position: absolute;
	top: 70px;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.33);
	-moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.33);
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.33);
	background: #23b6ff;
	background: -moz-linear-gradient(top,  #4de0ff 0%, #23b6ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4de0ff), color-stop(100%,#23b6ff));
	background: -webkit-linear-gradient(top,  #4de0ff 0%,#23b6ff 100%);
	background: -o-linear-gradient(top,  #4de0ff 0%,#23b6ff 100%);
	background: -ms-linear-gradient(top,  #4de0ff 0%,#23b6ff 100%);
	background: linear-gradient(to bottom,  #4de0ff 0%,#23b6ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4de0ff', endColorstr='#23b6ff',GradientType=0 );
	border: 1px solid #37abff;
	color:#222222;
	transition: all 0.5s ease-in-out 0s;
	cursor:pointer;
}
.contact-visible:hover {
	-webkit-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.33) inset;
	-moz-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.33) inset;
	box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.33) inset;
}
.contact-visible.active {
	-webkit-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.33) inset;
	-moz-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.33) inset;
	box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.33) inset;
}
.contact-visible:after {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #000;
	content: "";
	display: block;
	height: 13px;
	position: absolute;
	right: 15px;
	top: 21px;
}
.contact-click {
	display:none;
}
.contact-click.visible {
	background: none repeat scroll 0 0 #fff;
	display: block;
	margin-left:30px;
	position: absolute;
	top: 137px;
	width: auto;
	border:1px solid #c9c9c9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	color:#222222;
}
.contact-click.visible:before {
	background: url(../image/gray/arrow-hid-gray.png) center bottom no-repeat;
	content: "";
	display: block;
	height: 10px;
	position: absolute;
	top: -10px;
	width: 100%;
	transition: all 0.5s ease-in-out 0s;
}
.contact-click > div {
	border-bottom:1px solid #c9c9c9;
	padding:8px 35px ;
	transition: all 0.5s ease-in-out 0s;
	height:15px;
}

.contact-header .mob2 {
	position:relative;
	padding-left:35px;
}
.contact-header .mob2:before {
	 background: url("../image/mobile-phone-8-xl.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
	content: "";
	display: block;
	height: 25px;
	width:25px;
	position: absolute;
	top: 3px;
	left:5px;
}

.contact-header .mob3 {
	position:relative;
	padding-left:35px;
}
.contact-header .mob3:before {
	 background: url("../image/mobile-phone-8-xl.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
  content: "";
  display: block;
  height: 25px;
  width:25px;
  position: absolute;
  top: 3px;
  left:5px;
}
.contact-header .email {
	position:relative;
	padding-left:35px;
}
.contact-header .email:before {
	 background: url("../image/email-2-xl.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
  content: "";
  display: block;
  height: 25px;
  width:25px;
  position: absolute;
  top: 3px;
  left:5px;
}
.contact-header .title-schedule {
	position:relative;
	padding-left:35px;
}
.contact-header .title-schedule:before {
	 background: url("../image/clock-xl.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
  content: "";
  display: block;
  height: 25px;
  width:25px;
  position: absolute;
  top: 3px;
  left:5px;
}
.contact-click.visible div:last-child {
	border-bottom:none;
}
