/* top icon navigation */
	.top_ico_nav {list-style:none;margin:0;padding:0}
	.top_ico_nav li {float:left;margin:4px 8px 4px 0}
	.top_ico_nav li a {border:1px solid #e1e1e1;min-width:100px;height:78px;text-align:center;display:block;color:#333;padding:12px 5px 10px;background:#fff;position:relative}
	.top_ico_nav li a i {display:inline-block;line-height:30px}
	.top_ico_nav li a:hover,.top_ico_nav li.active a {background:#f8f8f8}
	.top_ico_nav li a span.menu_label {display:block;font-size:12px;font-weight:300;font-family: 'Roboto', sans-serif;padding-top:4px}
	.top_ico_nav .label {position:absolute;right:-4px;top:-4px}
	
.btn-circle { -webkit-transition:all 0.1s; transition:all 0.1s; -moz-transition:all 0.1s; z-index: 99;  box-shadow: 0px 0px 5px #424242; cursor: pointer; position: fixed; bottom: 30px; right: 30px; font-size: 12px; width: 70px; height: 70px; border-radius: 50%;background: #19B5FE; color: #FFF; text-align: center; }
.btn-circle > i { width: 100%;font-size: 25px; padding: 23px 20px;}
.btn-circle.transform-box > i { display: none; }
.btn-circle:after { content: "";  }
.btn-circle:hover {box-shadow: none; color: #FFF;}

.btn-circle.transform-box { -webkit-transition:all 0.4s; transition:all 0.4s; -moz-transition:all 0.4s; cursor: auto; text-align: left; width: 320px; height: 480px; border-radius: 4px; background: #FFF; box-shadow: 0px 0px 20px #999; z-index: 99;}
.btn-circle.transform-box i { width: auto;}
.btn-circle .cover-form{ padding: 20px; color: #424242; opacity: 0; height: 0; overflow: hidden;  -webkit-transition:all 0.3s; transition:all 0.3s; -moz-transition:all 0.3s;  -webkit-transition-delay:0s; transition-delay:0s;}
.btn-circle.transform-box .cover-form{ opacity: 1; height: 100%; -webkit-transition-delay:0.4s; transition-delay:0.4s; }
.cover-form h3 { margin: 0; margin-bottom: 10px; }
.cover-form .close-box { position: absolute; right: 15px; top: 15px; z-index: 9; font-size: 18px; cursor: pointer; }