<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<meta name="keywords" content="digital business card, business card in the cloud, digital identity" />
<meta name="author" content="Pixelhub" />
<title>Meng Yee (Michael) Chuah - Pixelhub.me</title>
<meta name="description" content="Meng Yee (Michael) Chuah" />
<link rel="icon" type="image/ico" href="images/pixelhub_favicon.png" /><meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title"  content="Meng Yee (Michael) Chuah">
<meta property="og:description"  content="Website.">
<meta property="og:url" content="https://pixelhub.me/mcx" />
<meta property="og:image" content="https://pixelhub.me/images/uploads/small_1460447757cover_mcx.jpg" />
<link rel="stylesheet" type="text/css" href="css/tipsy_dark.css" />
<link rel="stylesheet" type="text/css" href="js/SlidesJS/source/slides.css" />
<link rel="stylesheet" type="text/css" href="css/follow_button.css" />
<link type="text/css" href="js/jquery.ibutton/css/jquery.ibutton_dark.css" rel="stylesheet" media="all" />
<link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link id="font_style" rel="stylesheet" type="text/css" href="js/fontSelector/fontSelector_dark.css" />
<link rel="stylesheet" media="screen" type="text/css" href="js/colorpicker/css/colorpicker.css" />
<link id="font_style" rel="stylesheet" type="text/css" href="css/skillbar_new.css" />
<link href="js/tag_it/css/jquery.tagit.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="js/medium-editor/dist/css/medium-editor.css">
<link rel="stylesheet" href="js/medium-editor/dist/css/themes/default.css">
<link rel="stylesheet" href="js/cropit-master/style.css">
<link href='https://fonts.googleapis.com/css?family=Poiret One:100,400,700,800,900,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto:100,400,700,800,900,400italic,700italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<style>
/*general style*/
    html, body { margin:0; padding:0; height:100%; line-height:1.4em; }
    
 body {
 font-size: 19px;
 font-family: Roboto;
 background: #6c747d url(images/uploads/1457006805background_perschmitz.jpg) no-repeat center center fixed;  
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover; 
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 color: #a8a8a8;
}
.skillbar-bar, .skillbar-title {background: #a8a8a8; color: #a8a8a8;}
h1 {
font-family: Poiret One;
/*font-weight: 0;*/
font-weight: normal;
font-size:55px;
text-shadow: 0px 0px 0px rgba(0,0,0, .3);
}

h1, h2 {
color:#FFFFFF;
line-height:normal;
}
h2 {
font-size:17px;
text-shadow: 0px 0px 0px rgba(0,0,0, .3);
}
        header, hgroup, nav, section, article, aside, footer {display: block; margin:0;}
    a {text-decoration:none; color:#FFFFFF; line-height:1.4em; }
    a:hover {text-decoration: none;}
    a img {border:none;}
    p,iframe{margin:0;}
    #wrapper {width: 800px; position:absolute; top:98px; left:28px; z-index:1; padding-bottom:2px;   outline: 1px solid transparent; /*needed for chrome animate bug*/ display:none; }
    #content_background_color {position: absolute; width: 100%; height:100%; top: 0px;  left:0px; z-index:-1;}
    section {display:none;}
    /*#background_box {position:absolute; height:auto; width:auto;  max-height:100%; max-width:100%;  visibility: hidden; z-index:0; padding:0; margin:0; overflow:hidden;}*/
    /*#bgstretcher_wrap {position:fixed; left:0; right:0; top:0; bottom:0; width:100%; height:100%; min-width:100%; min-height:100%; z-index:-1; }*/
    .val_error{margin-top:-15px; margin-bottom:15px; color:red; float:left; margin-left:20px; width:80%;}
    .footer_mobile{display:none;}
     #content_background_color {
 background-color: #4a4237;
 opacity:0.95;
 filter:alpha(opacity=95);
 -moz-box-shadow: 0 0 15px #000;
 -webkit-box-shadow: 0 0 15px #000;
  box-shadow: 0 0 15px #000;
    -webkit-border-radius: 0.2px;
  -moz-border-radius: 0.2px;
  border-radius: 0.2px;
}/*header area*/
    header {height: auto; line-height:normal; position:relative;z-index:1;}
    header .gradient {position: absolute; background:url('images/cover_gradient.png') repeat-x bottom left; height:100%; width:100%; z-index:1; display:block;}
    #cover_image_container {position:relative; float:left; width:800px; margin:2px; margin-bottom:0; overflow:hidden;  display:none;}
    #cover_image_container #portrait_img {position:absolute; width:100%; z-index:0; top:0.0000000000px; }
    #title_container{float:left; width:100%; height:auto; position:relative; display:block;}
    hgroup { position: absolute; padding:20px;  left: 0; right: 0; float:none; margin:0px; text-align:left; top:0px; z-index:2; border:1px solid transparent; }
        hgroup .title_wrap {position:absolute; bottom:20px; width:auto; }
	hgroup  h1, hgroup h2 {color: #FFFFFF; padding:0px; margin:0; display:block;}
	header .logo {height:100px; border-radius:  50%; width: 292px; height: 292px; }
	header .logo_frame{border: 1px solid transparent; box-shadow: 0 0 8px rgba(0, 0, 0, .8);-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8); }
	nav #toggle_mobile_menu {display:none; }
    blockquote {margin-top: 10px; margin-bottom: 10px; margin-left: 50px; padding-left: 15px;border-left: 3px solid #ccc; font-style:italic}
    hr {height:1px; border:none; background:white; opacity:0.2;}
    .fullscreen_menu_toggler {position:fixed; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; z-index:10; top:0; left:0; background: transparent url(images/menu_bg.png) no-repeat; width:286px; height:305px;  display:none;}
    .fullscreen_menu_toggler span{float:left; margin-top:36px; margin-left:35px; padding-left:40px; color:white; font-size: 19px; cursor:pointer;}
    .fullscreen_menu_toggler span:hover{padding-left:41px; color:#e0e0e0;}
    .mobile_map_overlay { position:absolute;  width:100%; height:100%; background: transparent; z-index:10; display:none; }
    .vcard_mobile_download{display:none;}


    .moodal_overlay, .upgrade_overlay {position:fixed; height:100%; width:100%; top:0; bottom:0; left:0; right:0; background:#ffffff; opacity:0.5;  z-index:899999;}
/*section area*/
    section {float:left; width:100%; position:relative;z-index:0;}
    section .line {position:relative; float:left; width:100%; padding: 0px;}
    section .line .box_s, section .line .box_m, section .line .box_l {float:left; padding:0; position:relative; overflow:hidden; }
    section .line .box_s img, section .line .box_m img, section .line .box_l img {width:100%;}
    /*.custom_image_output_a { display:block; top:0px; position:relative;}
    .custom_image_output_a img{ display:block;}*/
    .enlarge_image {width:100%; height:100%; position: relative; float:left; display:block;}
    .enlarge_image img{ float:left;}
    /*.custom_image_output_a .drag_img_handle{position:absolute; z-index:1; top:0; left:0px; height:100%; width:50px; background: url(admin/images/drag_img_handle.png) no-repeat left -36px; cursor:move; opacity:0.6; display:none; }*/
    section .line .box_s iframe, section .line .box_m iframe, section .line .box_l iframe {width:100%; height:100%;}
    section .line .box_s {width:266.66666666667px;height:133.33333333333px;}
    section .line .box_m {width:400px;}
    section .line .box_l {width:800px; height:400px;}
    section .line .text_l {height:auto; /*padding:20px; */ padding: 10px 20px; width:760px; min-height: 17px; }
    section .line .box_l .enlarge, section .line .box_m .enlarge, section .line .box_s .enlarge {position:absolute; z-index:1; height:auto; width:auto; top:10px; display:none; left: 10px; opacity:0.4;}
    section .line .text_m {height:auto; padding:20px; width:360px; height:auto; overflow: hidden; }
    .scroll_wrap {float:left; height: 100%; width: 100%; overflow: hidden; padding:0; margin:0;  }
    .inner_scroll {float:left; height: auto; width:100%; padding:0; margin:0;}
    .scroll-track { background: transparent; width: 8px;height: 100%;position: absolute;  right: -15px;   top: 0px; z-index: 99 !important;  }
    .scroll-track .scrollbar {background: transparent url('images/blackbackground.png') repeat; width: 8px; -moz-border-radius: 5px; border-radius: 5px; cursor:pointer; }
    section .line .text_s img, section .line .text_m img, section .line .text_l img {width:auto;}
    .img_title_wrap_site, .info_overlay_img {position:absolute; bottom:0px; left:0px; background:transparent url('images/fade_to_black.png') repeat-x bottom left;  color:white; z-index:1; padding:0px; width:100%; height:100%; white-space: nowrap; overflow: hidden; font-size:15px; }
    .box_s .img_title_wrap_site, .box_s .info_overlay_img, .box_m .img_title_wrap_site, .box_m .info_overlay_img {background:transparent url('images/fade_to_black_light.png') repeat-x bottom left; }
      .img_title_wrap_site span, .info_overlay_img span{position:absolute; bottom:10px; left:10px; white-space: nowrap; overflow: hidden; max-width:80%; text-overflow: ellipsis; -o-text-overflow: ellipsis; background:none; opacity:1;}
      section .line .box_l .cta_wrap, section .line .box_m .cta_wrap {position:relative; float:left; width:100%; height:100%; background: transparent none; text-align:center;  font-size:15px; display: table;}
      section .line .box_l .cta_wrap {   padding: 30px 0;}
      section .line .box_m .cta_wrap {  background:transparent url('images/blackbackground_light.png') repeat;  }
      .cta_wrap .pdf_title_container {  display: table-cell; vertical-align: middle; width:100%; text-align: center; opacity: 1; color: #a8a8a8; font-weight:normal; line-height:normal; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  -ms-box-sizing: border-box; box-sizing: border-box;  padding:0 10px; }
      section .line .box_l .cta_wrap .pdf_title_container { margin: 0 10px; float:left;  text-align: left;  }
      .cta_wrap .pdf_title_container i { font-size:20px; opacity: 0.7; margin-right: 7px; display:inline-block; }
       /*section .line .box_m .cta_wrap  .pdf_title_container i { font-size: 25px; }*/
      .cta_wrap .pdf_download_button { font-size:17px;  padding: 0px 10px; color:#4a4237; border:1px solid  #a8a8a8; background:#a8a8a8; text-align: center; min-width:60%; margin-top:15px; display:inline-block; height:40px; line-height:40px; transition: all 0.4s ease; border-radius: 5px;  }
      section .line .box_l .cta_wrap  .pdf_download_button { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; min-width:0 ;  padding: 0px 40px; }
      section .line .box_m .cta_wrap .pdf_download_button { font-size:15px; }
      .cta_wrap .pdf_download_button i { opacity:1; }
      /*.cta_wrap .pdf_download_button .fa-shopping-cart { font-size: 24px; }*/
      .cta_wrap .pdf_download_button:hover { background: transparent !important; color: inherit !important; }
      .cta_newsletter_form {display:inline-block; width:auto;}
      /*.cta_wrap .cta_title { padding:0 20px; display:inline-block;}*/
      .cta_wrap .newsletter_email_address { padding: 0px 10px; border:1px solid  white; margin-top:15px; display:inline-block; height:40px; line-height:40px; text-align:left; width:136px; min-width:0; float:left; font-size:15px; border-right:none; border-bottom-left-radius: 5px;  border-top-left-radius: 5px; }
      section .line .box_l .cta_wrap .newsletter_email_address { width: 300px; }
      .cta_wrap .newsletter_signup_send { transition: all 0.4s ease;  border:1px solid  white; text-align:center; margin-top:15px; display:inline-block; width:40px; height:40px; line-height:40px; padding:0; min-width:0; cursor:pointer; float:left;  background: transparent url(admin/images/icons/select_theme_white.png) center center no-repeat; border-bottom-right-radius: 5px;  border-top-right-radius: 5px;  }
      .cta_wrap .newsletter_signup_send:hover {background: transparent url(admin/images/icons/select_theme.png) center center no-repeat; background-color:white;}
    section .line .box_bg {position: absolute; width: 100%; height:100%; top: 0px;  left:0px; z-index:-1;}
    section .line .rss_l, section .line .rss_m, section .line .rss_s {float:left;}
    section .line .rss_l { height:auto; min-height: 42px;}
    section .line .rss_l img, section .line .rss_m img, section .line .rss_s img {float:left; margin:0; padding:0;}
    section .line .rss_l iframe{float:left; margin:0; padding: 0; width:800px;height:400px;}
    section .line .rss_m iframe, section .line .rss_m .instagram{width:400px;height:200px; position:relative;}
    section .line .rss_l .rss_content_wrap {float:left; height:auto; padding: 20px 20px;  background:transparent url('images/blackbackground_light.png'); position:relative;}
    section .line .rss_l .rss_content_wrap:last-of-type {padding-bottom:20px;}
    section .line .rss_l a {color:inherit;}
    section .line .rss_l .scroll-track {display:none;}
    section .line .rss_l .rss_date, section .line .rss_m .rss_date { float:left; width:100%; padding-bottom:10px; }
    section .line .rss_l .rss_date{ font-size:0.9em;}
    section .line .rss_l .rss_date img, section .line .rss_m .rss_date img { width:20px; margin-right:5px;}
    section .line .rss_l .rss_title {float:left; /*width:100%;*/  /*font-weight:bold;*/ }
    section .line .rss_l .rss_content {float:left; width:100%; }
    section .line .rss_m .rss_content_wrap {float:left; padding:20px 20px; width:360px; height:160px; overflow: hidden; background:transparent url('images/blackbackground_light.png'); color:white; opacity:1; position:relative; }
    .instagram{overflow:hidden; background:transparent url('images/blackbackground.png'); position:relative;}
    section .line .rss_m .rss_content_wrap .rss_date {font-size: 0.8em;}
    section .line .share_feed_small {cursor:pointer; float:right; color:white; width:auto; text-align:right; opacity:0.8;}
    section .line .share_feed_small_button_wrap {position:absolute; top:0; left:0; height:100%; width: 100%; background:transparent url(images/blackbackground.png) repeat; z-index:2; display:none;}
    section .line .share_feed_small:hover {opacity:1;}
    section .line .share_feed_small img { height:auto;width:auto;float:right; margin-top:1px; margin-left:5px;}
     section .line .share_feed_small span {float:left;}
    .rss_img_wrap {position:relative;float:left; height:100%;}
     section .line .rss_m .rss_img_wrap {width:100%; float:left; display:block;}
     section .line .rss_l .rss_img_wrap {width:800px; float:left; display:block; position:relative;}
    .icon_overlay_img {position:absolute; z-index:1; top:10px; left:10px; right:auto; height:32px; width:32px;}
    .box_l .icon_overlay_img {display:none;}
    .share_wrap { position:absolute; top:10px; left:52px; z-index:10; cursor:pointer; width:193px; display:none; }
    section .line .contact_box {height:auto; width:auto;}
    section .line .contact_box img{height:auto; width:auto;}
    section .line .contact_box .contact_map {float:left; width:100%;height:400px; border:0; }
    section .line .contact_box .contact_map a{background: none; margin:0; padding:0;}
    section .line .contact_box ul li img { float:left;  margin-bottom:0px; margin-right:5px; background:#424242; padding:3px; border-radius:3px; opacity:0.8; box-shadow: 0 0 5px rgba(0,0,0,0.4); cursor:default;}
    section .line .contact_box form{position:relative;}
    section .line .contact_info_wrap  .my_contact_info  {color: inherit !important; line-height:37px; height:37px; padding: 0px 20px;  display:inline-block; white-space: nowrap; overflow: hidden; max-width:100%; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
    /*section .line .contact_info_wrap  a:hover { opacity:0.6 !important; }*/
    section .line .contact_info_wrap  .my_contact_info_wrap {margin:20px 0; float:left; display:inline-block; height:auto; }
    section .line .contact_info_wrap .my_contact_info i { font-size:22px; margin-right:8px; line-height: 10px !important; width:20px;}
    section .line .contact_info_wrap .qrcode { padding:20px; padding-bottom:0; height:auto; background: transparent none; float:left; opacity: 0.7; font-style:italic; font-size:0.9em; }
    section .line .contact_box form textarea, section .line .contact_box form input[type=text] , .contact_box form input[type=submit] { float:left; width:100%;  padding:8px 5px; height:70px; background: white; margin:1px 0; margin-top:0; display:block;  color:black; border:none; opacity:0.7; font-family: inherit; font-size:13px; transition: all 0.4s ease;  -webkit-appearance: none; border-radius: 0 !importnat;}
    .contact_box form input[type=submit]:hover {opacity:0.9;}
    section .line .contact_box form #contact_form_email,  section .line .contact_box form #contact_form_name {float:left; height:auto; width:100%; margin:0; margin-bottom:1px; }
    #mc_embed_signup {display:none;}
    #recommendation_form, #cta_request_form, #vcard_download_popup {width:302px; height:700px; z-index:999999; opacity:1;top:0; bottom: 0; left: 0; right: 0; margin: auto; background:transparent; -moz-box-shadow: 0 0 30px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.5); box-shadow: 0 0 30px rgba(0,0,0,0.5);display:none;}
    .close_vcard_popup{ float:right; color:black !important; cursor:pointer; font-size:10px; }
    #vcard_download_popup{ position:fixed; height:auto; background:transparent none; width:284px; bottom:0px; left:auto; right:-500px; margin:0; top:auto; color:black; font-size:14px; padding:0; border:none; text-align:center;  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;  font-weight: 300; display:none; z-index:10; opacity:1; }
    .vcard_download_popup_content {background: #ffffff; float:left; margin:0 !important; color:black !important; font-size:15px !important; width:244px; padding: 20px !important; -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.5); -moz-box-shadow: 0 8px 6px -6px  rgba(0,0,0,0.5); box-shadow: 0 8px 6px -6px  rgba(0,0,0,0.5); transition: all 0.5s ease; }
    .vcard_download_popup_content a:not(.upgrade_now) { color:black !important; }
    .vcard_download_popup_content:hover{background: #FFFFE0;}
    #recommendation_form input, #cta_request_form input { float:left; height:30px; line-height:30px; width:292px; padding:0 10px;  background:white; border:none; margin-bottom:10px; font-size:14px;   -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.3); box-shadow: 0 0 5px 5px rgba(0,0,0,0.3); opacity:0.95; }
    #recommendation_form input[type=submit], #cta_request_form  input[type=submit], #vcard_download_popup .btn { width:312px; padding:0 10px; color:white; background:#5CB300; border: 1px solid #5CB300; height:50px; line-height:50px; cursor:pointer; opacity:1; transition: all 0.2s ease;}
    #recommendation_form input[type=submit]:hover, #cta_request_form  input[type=submit]:hover , #vcard_download_popup .btn:hover { background:white; color:#5CB300;  }
    #new_text_recommendation {text-align:left; width:292px; padding:0 10px; height:250px; background: white url(admin/images/writing_paper.jpg) repeat top left; float:left; line-height:29px; outline: none; margin:0px 0; margin-bottom:10px; overflow-y:auto; background-attachment: local;   -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.3); box-shadow: 0 0 5px 5px rgba(0,0,0,0.3);  }
    #recommendation_form .recommend_quote { font-size:150px; color:white; width:100%; text-align:center; float:left; line-height:30px; font-family: Georgia, Times, 'Times New Roman', serif; }
    #recommendation_form .recommend_header { color:white; font-size:20px; -webkit-font-smoothing: antialiased; margin-bottom:20px; display:inline-block; font-family: Georgia, Times, 'Times New Roman', serif;}
    #cta_request_form  .recommend_header, #vcard_download_popup span {color:white; margin-bottom:20px; display:inline-block; font-size:20px;}
    .blq_recommendations, blockquote {border:none; font-family: Georgia, serif;  font-size: 1.1em;font-style: italic; line-height: 1.45; position: relative; opacity:0.7;  padding: 10px 0;}
    .blq_recommendations:before, blockquote:before {font-family: Georgia, serif; display: block;content: "\201C";font-size: 80px;position: absolute;left: -45px;top: -25px; opacity:0.5;  padding-right:10px;}
     blockquote cite {font-size: 0.85em;display: block;margin-top: 5px;}

/*service link icons*/
    .compliment-option{ float:left; text-align:center; margin:10px 4px;  display:inline-block; /*max-width: 120px; min-width:80px;*/ width:60px; height:auto; opacity: 1; font-weight:normal; font-size:13px; transition: all 0.4s ease; cursor:pointer;color:inherit; opacity: 0.5; }
    .compliment-circle{  text-align:center; display:inline-block; font-size:25px; margin: 0px 0px; margin-bottom:1px; }
    .compliment-circle-text{ padding-top:4px; width:100%;  text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float:left; }
    .compliment-option:hover{opacity:0.8 !important; }
    .instagram {position:relative; float:left; display:block; width:400px; height:400px; float:left; position:relative; margin-bottom:2px; overflow:none; }
    .instagram .instagram_image {float:left; position:relative; width:100%;}

/*inline editing*/
.edit_corner, .close_corner, .edit_corner_cover { position:absolute; width:52px; height:52px; line-height:52px; background: transparent url(admin/images/edit_corner_orange.png) no-repeat; z-index:1000; top:0px; right:0px; cursor:pointer; display:none; color: white; text-align:center; font-size: 25px; }
.edit_corner,  .edit_corner_cover { width:40px; height:40px; line-height:40px; background: #f85a2c none; border-radius:50%; margin:5px; -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.5); -moz-box-shadow: 0 8px 6px -6px  rgba(0,0,0,0.5); box-shadow: 0 8px 6px -6px  rgba(0,0,0,0.5);  font-size: 20px; }
section .line .edit_corner img, .close_corner img, .edit_corner_cover img { position:absolute; top:8px; left:30px; width:auto; height:auto; }
section .line .edit_corner img, .edit_corner_cover img { top:18px; left:18px; }
.close_corner{ display:block; line-height:32px; text-align:right; padding-right:7px; width:45px; font-size: 22px; }
.close_corner i { transition: all 0.4s ease;  }
.close_corner i:hover {opacity:0.6;}
#drag_drop_position_wrap {position: absolute; width: 50px; height:50px; background: #FFB22A;   top:5px; left:-57px; z-index:990000;  display:none; cursor:move; }
#drag_drop_position_wrap img{float:left; margin-left:16px; margin-top:16px; }
.edit_layer {position: absolute; width: 42px; padding-right:10px;  height: 100%; top: 0px; left: -55px; z-index:990000;  display:none; color:white; border-right: 3px solid #f85a2c;  }
.edit_layer .edit_drag, .edit_layer .edit_delete {cursor: move;  float:left; width:40px; height:40px; line-height:40px; background: #f85a2c none; border-radius:50%; margin:5px; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; text-align:center; font-size: 20px;}
.edit_layer .edit_delete {cursor:pointer;}
.edit_box, #widget, #new_line_widget, .cover_edit_box, #cover_widget, #edit_box_widget, #edit_box_widget_cover {position: absolute; line-height:30px; width: 50px; text-align:center; background:#FAFAFA none repeat; padding:20px; top:5px; right:1000px; z-index:1000; opacity:1; display:none; color:#333; font-weight:normal; font-size: 14px;  -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.15); box-shadow: 0 0 5px 5px rgba(0,0,0,0.15);  }
#widget, #new_line_widget, #cover_widget {right:auto; top:auto; height:auto; padding:0px 0; text-align:center; width:312px; opacity:1; overflow: hidden; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;   font-weight: 300;}
#widget {min-height:50px; overflow:hidden;}
#widget #widget_menu {overflow:hidden; overflow-y:auto; max-height:700px;}
#widget .top_float { position:fixed; top:0px; }
 #widget_loading, .content_loading {float:left; padding:10px; display:none; line-height:31px;}
  .content_loading {display:block;}
 #widget_loading img, section .line .content_loading img {width:20px; height:20px; padding:3px; background:transparent url('images/blackbackground.png'); margin-right:7px;}
.widget_edit {display:none; margin-top:15px; }
#widget_menu, .edit_box, #new_line_widget, #close_widget, #close_cover_widget {cursor:pointer;}
#widget_menu {display:none;}
#widget .inner_links {float:left; padding: 20px; padding-top:0; text-align:left; width:auto; }
#widget .inner_links .inner_links_wrap{display:none; margin-top:10px; float:left;}
#widget .inner_links p {float:left; width:100%; color:#555;}
#widget .inner_links p input[type=text] {float:left; width:200px; margin:5px 0; }
#widget .widget_type, #widget .widget_title, #widget .back_widget, #widget .back_widget_cta, #widget .back_widget_images , #widget #add_html , #new_line_widget div, #widget .submit_divider {float:left; width:100%; padding:10px 0; margin-bottom:1px; background: #e7e7e7 none; }
#widget .widget_type, #widget .widget_title, #widget .back_widget, #widget .back_widget_cta, #widget .back_widget_images, #widget #add_html, #widget .submit_divider   {width:274px; text-align:left; padding: 10px 20px;}
#widget .widget_type:hover, #widget #add_html:hover {width:270px; padding: 10px 22px;}
#widget .widget_help_icon {float:right; margin-top:7px;}
#widget .widget_type i {margin-right:8px; font-size: 18px;}
#widget .back_widget, #widget .back_widget_cta, #widget .back_widget_images {cursor:pointer; margin:0; height:45px; line-height:30px; padding:0 20px; border:0; background: #FAFAFA none;}
#widget .back_widget:hover, #widget .back_widget_cta:hover, #widget .back_widget_images:hover  {padding-left:19px; color:#666; }
#widget .widget_title , #widget .widget_title:hover {opacity:0.7; font-size: 1.1em; cursor:text; padding:20px;}
#social_widget_services, #links_widget_services {float:left; height: 300px; overflow-y: scroll; margin-bottom:10px; padding-top:6px; padding-left:10px;}
#add_new_link, #add_new_skill {margin-bottom:10px;} /* for link list css, look under interface slider*/
#widget #widget_cta_link i { cursor:pointer; padding: 10px; font-size:22px; opacity: 0.7; }
#widget #widget_cta_link i:hover { opacity: 1; }
#widget #cta_inner_links_wrap { display:none, }
#widget .cta_inner_link, #widget .image_inner_link { background:black; color:white; padding:2px 12px; cursor:pointer; float:left; margin-right:4px; margin-bottom:4px; width:auto; border-top: none; border-radius:5px; }
#widget .cta_inner_link:hover{opacity:0.8;}
#links_widget_services {height:400px; text-align:left;padding-top:0;}
#links_input_wrap, #links_widget_services {display:none;}
#links_input_wrap #displayed_services {float:left; text-align:left; padding: 10px 15px;}
#links_input_wrap #displayed_services img {float:left; opacity:0.3; cursor: pointer;}
#links_input_wrap #displayed_services img:hover {opacity:1;}
#social_widget_services div, #links_widget_services .service_list { float:left; width:auto; padding:4px;cursor:pointer; margin:0; height:auto; line-height:normal;}
#social_widget_services div img, #links_widget_services .service_list img {float:left;}
#social_widget_services div:hover, #links_widget_services .service_list:hover {opacity:0.7;}
#social_widget_services #social_input_wrap, #links_widget_services #links_input_wrap {position:relative; float:left;}
.grid_icon_wrap {float:left; display:inline-block; margin-bottom:15px; margin-left:15px; text-align:left; }
.grid_icon_wrap img{float:left; margin-right: 15px;cursor:pointer; opacity:0.6;}
.grid_icon_wrap img:hover{opacity:1;}
#widget #new_text_paper {text-align:left; width:292px; padding:0 10px; height:700px; background: transparent url(admin/images/writing_paper.jpg) repeat top left; float:left; line-height:29px; outline: none; margin:0px 0; margin-bottom:10px; overflow-y:auto; background-attachment: local; }
#widget #new_text_paper a { color:black; text-decoration:underline; }
#widget_text{background-color: #faf4da;}
#add_line { position:fixed; bottom:0px; left:0; width: 800px;  background: #f85a2c; color: white; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f43628), to(#f85a2c));  background: -webkit-linear-gradient(top, #f43628, #f85a2c); background: -moz-linear-gradient(top, #f43628, #f85a2c); background: -ms-linear-gradient(top, #f43628, #f85a2c); background: -o-linear-gradient(top, #f43628, #f85a2c);  font-size: 14px; text-align:center; height: 50px; line-height: 50px; border-radius: 0 !important; margin:0 !important; box-shadow: 0 -4px 10px -2px rgba(0,0,0,0.4); z-index:10 !important; display:none; }
#add_line .arrow_up { position: absolute; top: -10px;  left: 50%; margin-left: -10px;  width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;	border-bottom: 10px solid #f43628; }
.new_line_btn { float:left; width:50%;  text-align:center; height:100%; float:left;  transition: all 0.4s ease;  height: 50px; line-height: 50px; cursor:pointer; background: transparent url(admin/images/icons/one_box_big.png) no-repeat -60px -30px; }
#new_box_m {background: transparent url(admin/images/icons/two_boxes_big.png) no-repeat -40px -30px;}
.new_line_btn:hover, #new_box_m:hover { background: #f43628;  }
.placeholder_new_box { background: repeating-linear-gradient(  45deg,  black,  black 10px,  white 10px,  white 20px); position:absolute; top:0;bottom:0;left:0;right:0;  border:none; opacity:0.05;}
.new_line_btn img { margin-right:8px; margin-bottom:-3px; }
.content_button:hover {opacity:1;}
.content_button {display:block; margin-bottom:1px;}
.cover_edit_box {cursor:pointer;}
#drag_drop_position_wrap #drag_handle2 {cursor:move;}
.trial_footer, .pp_button {position: fixed; bottom:20px; left:auto; right:20px; z-index:999997; border-radius: 50%;  padding-top:30px; width: 150px; height: 120px; line-height:80px; border: 1px dashed #222; line-height:normal;  background-color:#FFB22A ; color:#222222; text-align:center;  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight:100; font-size:15px; transition: all 0.2s ease;  box-shadow: 0 8px 6px -6px rgba(0,0,0,0.5);}
.pp_button {position:absolute; background-color: #5CB300; color:white; height:130px; width:130px; line-height:130px; padding:0; top:300px; bottom: auto; left: 0; right: 0; margin: auto;}
.trial_footer:hover, .pp_button:hover { border: 1px dashed #333333; background-color:white; color: #333333;}
.email_program_select:hover {cursor:pointer;}
.email_program_select:hover {text-decoration:underline;}
#social_billboard_moodal img{  transition: padding 0.3s ease;  }
#social_billboard_moodal img:hover { padding-bottom:10px; }
#vcard_billboard_moodal .btn { background: transparent none; transition: all 0.5s ease; } #vcard_billboard_moodal .btn:hover { background: #9a7749 none; }
.first_steps_tooltip { position:fixed; top:100px; left:100px; width:200px; height:auto; padding:10px; font-size: 14px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight:100; background: #FFB22A none; z-index:99999999999; color:black; -moz-box-shadow: 0 0 10px 5px  rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px 5px  rgba(0,0,0,0.5);box-shadow: 0 0 10px 5px  rgba(0,0,0,0.5);  display:none;}
ul.tagit {   padding: 0 8px; margin:0 !important; border: none; }
/*ul.tagit input[type=text]  { width:292px !important;  padding:20px 15px !important; background:#333 !important;   margin: 0 !important;   margin-top: 5px  !important; color:white !important; font-size:14px  !important; height:30px  !important; line-height:normal  !important;  }*/
ul.tagit input[type=text]  { background: #333 !important; width:292px !important;  padding: 14px 15px !important; margin-top: 5px  !important; color:white !important;  }
ul.tagit li {padding: 4px 16px !important; line-height:normal !important; height: auto !important; font-size: 15px; }

/*form*/
#widget textarea, #widget input[type=text], #widget input[type=password] , #cover_widget textarea, #cover_widget input[type=text], #cover_widget input[type=password], #site_settings_form input[type=password] , #site_settings_form input[type=text], #admin_interface_slider textarea, #admin_interface_slider input[type=text], #admin_interface_slider input[type=password], #login_form input[type=password] , #login_form input[type=text], #form_pw_recovery input[type=text] {  width:262px;  padding:5px 15px; background:#333; border:none;  box-shadow: none;  height:30px; line-height:normal;  margin: 0;  margin-bottom:1px; color:white; font-size:14px; font-weight:normal; text-shadow:none;}
#widget textarea, #admin_interface_slider textarea {height:150px;}
#widget input[type=submit], #login_form input[type=submit], #form_pw_recovery input[type=submit], #widget .btn, #cover_widget input[type=submit], #cover_widget .btn, #admin_interface_slider input[type=submit], #admin_interface_slider .btn, #site_settings_form input[type=submit], #links_widget_services .links_widget_service .btn, .rewards .btn, .btn { padding:5px 20px;width:252px; text-shadow: none; box-shadow: none; border-radius:0em; background:#333 none; color:white; font-weight:bold;  cursor:pointer; font-size:14px; margin:0 10px;margin-bottom:1px; height:30px; line-height:30px; text-align:center; border:none; }
 .review_billboard_startpage .btn, #print_csv_signups, #close_notations {float:none; display:inline-block; padding:4px 40px; height:30px; line-height: 30px; margin:0; margin-top:10px; width:auto; margin-left:10px; background-color: transparent; color:white; border: 1px solid white; transition: all 0.7s ease; font-weight: normal; }
  .review_billboard_startpage .btn:hover, #print_csv_signups:hover, #close_notations:hover { background-color: #97a8b6;}
#widget input[type=submit] {width:292px; height:auto; margin-bottom:10px; background:#5CB300;}
input:focus, select:focus, textarea:focus, button:focus { outline: none; }
#widget .btn, #cover_widget .btn, #admin_interface_slider .btn {float:left; height:100px; line-height:100px; }
#widget input[type=submit]:hover, #widget .btn:hover, #cover_widget input[type=submit]:hover, #cover_widget .btn:hover, #admin_interface_slider input[type=submit]:hover,  #links_widget_services .links_widget_service .btn:hover, #widget_image #form_picupload .img_title_wrap .btn:hover {opacity:0.8;}
#links_widget_services .links_widget_service input, #widget_image #form_picupload .img_title_wrap input, #widget_image #form_picupload .img_link_wrap input  {width:190px; float:left; margin:0; margin-left:10px;}
#links_widget_services .links_widget_service .btn, #widget_image #form_picupload .img_title_wrap .btn, #widget_image #form_picupload .img_link_wrap .btn {background:#5CB300; height:30px; line-height:30px; width:70px; float:left; float:left; opacity:1; cursor:pointer; margin-left:1px;}
#widget_image #form_picupload .img_title_wrap input, #widget_image #form_picupload .img_link_wrap input {width:155px; }
#widget_image #form_picupload .img_title_wrap .btn, #widget_image #form_picupload .img_link_wrap .btn {width:66px; }
#widget_image .image_inner_link:hover{opacity:0.7;}
.ibutton_wrap {float:left; width:100%; margin-bottom:15px; margin-left:20px;}
label.label { display: block; width: 120px; float: left; padding-top: 5px; height: 30px; padding-right:10px; text-align:right; font-size:14px; opacity:0.5;}
#cover_widget #no_cover_image, #cover_widget #no_profile_image { height:20px; line-height:20px;}
#cover_widget #no_profile_image, #cover_widget #upload_btn_profile_image{background-color:#5CB300; }
#cover_widget #cover_subtitle, #cover_widget #cover_title {width:220px; margin-right:1px; margin-left:10px;}
.premium{background-color: #5CB300; font-size:12px; padding: 2px 5px; color:white; -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;  margin: 0 5px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); text-decoration:none;}
.premium:hover{background-color:#448500;}
.payment_option {opacity:0.6; cursor:pointer; transition: all 0.4s ease; }
.payment_option:hover{opacity:1;}
.upgrade_now { background:transparent; color: #f85a2c; padding:5px 10px; border:1px solid #f85a2c; border-radius: 5px; margin-right: 50px; cursor:pointer;   transition: all 0.4s ease; }
.upgrade_now:hover{background: #f85a2c; color: white;}

/*admin interface slider*/
#theme_gallery {width:220px; height:100%; z-index:999999; opacity:1; top:0; bottom: 0; left: auto; right: 0px; background:black none repeat;  margin: auto; padding:0px; font-size:16px; line-height:22px;  font-size:15px;display:none; overflow-y:auto;}
#theme_gallery img { width:100%; height:auto; float:left; cursor:pointer;opacity:0.5; }
#theme_gallery img:hover{opacity:1;}
#admin_interface_slider #theme_gallery_btn {  color: white; font-weight:normal !important;  margin-bottom:15px; height:30px; line-height:30px; background: #f85a2c; border: 1px solid #f85a2c;  transition: all 0.4s ease; width:250px; }
#admin_interface_slider #theme_gallery_btn i { margin-right:7px; }
#admin_interface_slider #theme_gallery_btn:hover {   background:#FFFFFF; color: #f85a2c; }
#theme_preview_bar{bottom:0; top:auto; left:auto; right:0; width:220px; line-height:100px; height:103px;  position:fixed; z-index:999999; background: transparent url(admin/images/theme_gallery_btn_bg.png) repeat-x; box-shadow:none;}
#admin_header {padding:0; width:100%; position:absolute; z-index:9999999; top:0px; height:50px; line-height:50px; background: none #333;  -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3); -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3); box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);overflow:hidden; }
#admin_header #panel_drag_handle{float:left; line-height:50px; padding:0 15px; cursor:move; }
#admin_header #settings_btn, #admin_header #login_slidebar_btn{float:left; line-height:50px; padding:0 15px; color:inherit; border-left: 1px solid #444; border-right: 1px solid #444; color:white;}
#admin_header #panel_drag_handle:hover, #admin_header #login_slidebar_btn:hover , #admin_header #settings_btn:hover{color: #777;}
#admin_header a {float:right; line-height:57px; padding-right:20px;}
#admin_header span{float:right; line-height:57px; padding-right:20px; cursor:pointer;}
#loading_layer {position:absolute; top:0; left:0; width:100%;  background: #01bcd4 none;  z-index:2; height:50px; line-height:50px; color:#fff; display:none; }
#loading_layer img {width:20px; height:20px; padding:10px; margin-bottom:-16px;}
#preview_wrapper {padding:5px 0; margin-top: 60px;}
.menu_box_sidebar p {width:100%; float:left; }
.menu_box_sidebar p:hover {padding-left:1px; opacity:0.8;}
.menu_box_sidebar p a{float:left; padding: 0 20px; line-height:30px; }
#admin_interface_slider, #mobile_call_to_action_settings, .rewards, .menu_left_bar, .left_menu_content, .moodal_content_box, .theme_preview_bar, .vcard_tooltip {position: fixed;  background:#222 none repeat; top:0px; right:60px; z-index:990000; opacity:1; color: #FAFAFA; font-weight:normal; font-size: 14px; padding:0; text-align:center; width:314px; height:100%;  -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.15); box-shadow: 0 0 5px 5px rgba(0,0,0,0.15); clear: both; overflow: visible; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;  font-weight: 300; line-height:normal}
#mobile_call_to_action_settings {width:202px; height:auto; left:385px; bottom:10px; top:auto; display:none; padding:20px 0; padding-left:10px;}
#mobile_call_to_action_settings p {position:relative; width:182px; padding:2px 0px; margin:0; text-align:left; font-size: 14px;}
#mobile_call_to_action_settings p:first-child {font-size: 15px; margin-bottom:10px; text-align:center; color:#a31b1a; padding-bottom:20px;}
#mobile_call_to_action_settings .help_icon{ background: #666; padding:2px; -moz-border-radius: 100px; -webkit-border-radius: 100px;border-radius: 100px; position:absolute; z-index:2; top: -8px; right:-13px;}
#mobile_call_to_action_settings input[type=text] {width:170px;  padding:8px 5px;  background: white; border:none;  box-shadow: 0 1px 0 rgba(255,255,255,0.1);  border-radius:0.3em;  margin: 0 5px;  margin-bottom:10px; color:black;}
.tipsy{font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;  font-weight: 300;}
#mobile_cta_settings_submit, .vcard_tooltip .btn {padding:7px 10px;width: 160px; background:#0184ff; color:white; font-weight:bold;  cursor:pointer; font-size:13px; margin:0 5px;margin-top:10px; height:auto; text-align:center;}
.vcard_tooltip {position: fixed; top:75px; right:5px; height:auto; padding:10px; text-align:left; display:none; width:284px; }
#admin_interface_slider .device_icon {margin-left:25px; padding-bottom:15px; padding-top:5px; opacity:0.8; cursor:pointer; }
#admin_interface_slider .device_icon:hover {opacity:1;}
#admin_interface_slider #admin_order_sections, #displayed_services {float:left; margin:0; padding:0;}
#admin_interface_slider .admin_section_order, #displayed_services .displayed_links_order {float:left; list-style-type: none;}
#admin_interface_slider #admin_order_sections .btn, #displayed_services .btn, #admin_interface_slider .section_input_wrap #submit_new_section, #admin_interface_slider  #upgrade_btn, #admin_interface_slider  #admin_add_new_section, #admin_interface_slider .embed_btn1 {height:30px; line-height:30px; background: none #444; font-weight:normal; text-align: left; list-style-type: none; opacity:1; margin:0; width:262px; margin-bottom:1px; cursor:pointer;}
#admin_interface_slider #admin_order_sections .section_name_ok, #admin_interface_slider .section_input_wrap #submit_new_section { background: none #f85a2c; color: white; }
#displayed_services .btn  { width:252px; cursor:pointer; margin:0 10px;margin-bottom:1px; height:30px; line-height:30px; }
#displayed_services #add_new_link {margin-bottom:10px;}
.admin_drag_sections, .drag_displayed_links {cursor: move; float:left; padding-right: 10px;}
#admin_interface_slider  #admin_order_sections .admin_input_section_value, #admin_interface_slider .section_input_wrap .admin_input_section_value {width:190px; float:left; margin-bottom:0; margin-right:0;}
#admin_interface_slider  #admin_order_sections .section_name_ok , #admin_interface_slider .section_input_wrap #submit_new_section {width:41px; margin-left:1px; float:left; opacity:1; cursor:pointer; text-align:center;}
#admin_interface_slider  #admin_order_sections .section_name_ok:hover , #admin_interface_slider .section_input_wrap #submit_new_section:hover {opacity:0.8;}
#admin_interface_slider  #admin_order_sections .admin_delete_section, .delete_displayed_links {float:right; cursor:pointer;}
#admin_interface_slider  #admin_order_sections .edit_section_link, .edit_displayed_links {float:left; cursor:pointer; width:180px;  text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#admin_interface_slider  .section_input_wrap {display:none;}
#admin_interface_slider .admin_main_btn {background: none #333; height:30px; line-height:30px; text-align:left; opacity:1; font-weight:normal; margin:0; width:262px; margin-bottom:1px; color:#FAFAFA; margin-bottom:1px; }
#admin_interface_slider .admin_main_btn:hover{border-left: 5px solid #f85a2c; width:262px; padding-left: 15px;}
#admin_interface_slider #edit_bg, #admin_interface_slider .bg_align {height:30px; line-height:30px; font-weight:normal; }
#admin_interface_slider .bg_align {width:106px; margin-right:0; opacity:0.3; margin-left:1px; }
#admin_interface_slider .bg_align:nth-child(even) {width:105px;}
#admin_interface_slider .bg_align:nth-child(odd) {margin-left:10px;}
#admin_interface_slider .viewport { width: 302px; height: 100%; overflow: visible; position: relative; } /*start jquery scrolling css*/
#admin_interface_slider .overview { list-style: none; position: absolute; left: 0; top: 0; }
#admin_interface_slider .thumb .end, #admin_interface_slider .thumb { background-color: white; border-radius:1em;}
#admin_interface_slider .scrollbar { position: relative; float: right; width: 12px; }
#admin_interface_slider .track { background-color: #111; height: 100%; width:10px; position: relative; padding: 0 1px; opacity:0.5; }
#admin_interface_slider .thumb { height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#admin_interface_slider .thumb .end { overflow: hidden; height: 5px; width: 10px; }
#admin_interface_slider .disable{ display: block; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
#admin_interface_slider #color_settings, #admin_interface_slider #layout_settings, #admin_interface_slider #font_settings, #admin_interface_slider #background_settings {position:relative; display:none; float:left; margin-left:-10px; box-shadow: 0 0 5px 5px rgba(0,0,0,0.05);  -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.05); -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.05); background: #FAFAFA; padding:10px 0; margin-top:-1px; color:#333;}
.settings_close {position:absolute; top:-7px; left:-35px; cursor:pointer;}
.settings_close:hover { left:-36px; }
#admin_interface_slider #color_settings input { height:40px; width:40px; padding:0; border:none; border-radius:50%; margin-right:10px; margin-left:20px; box-shadow: 0 0 5px 5px rgba(0,0,0,0.05);  -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.05); -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.05); cursor:pointer; color:transparent; }
#admin_interface_slider #color_settings input:hover{opacity:0.7;}
#admin_interface_slider #color_settings #background_color {  width:260px; margin-top:10px; margin-bottom:10px;}
.suggested_colors {position:absolute; top:55px; left:212px; color:#777; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;  font-weight: 300; line-height:normal; font-size:13px;}
.suggested_colors div{float:left; width:24px; height:24px; cursor:pointer;margin:1px;}
.suggested_colors span{float:left; padding:3px; width:135px;}
#slider_opacity,  #slider_background_opacity,  #slider_width, #slider_spacing, #slider_corners,  #slider_shadow, #slider_font_title, #slider_text_size, #slider_social_items { border:none;    border-radius: 5px;  width: 170px;   position: relative; float:left;   height: 2px;   background: #777;   margin:11px 0; margin-left:20px; margin-bottom: 20px;}
.ui-slider-range { position: absolute;   border: 0;   top: 0;   height: 100%;  border-radius: 25px;  }
.ui-slider-handle { position: absolute;   z-index: 2;   width: 25px;   height: 25px;   cursor: pointer;   background: url('admin/images/slide_handle2.png') no-repeat 50% 50%;  font-weight: bold;   color: #FFB22A;  outline: none;   top: -12px;  margin-left: -12px;  }
.ui-widget-header{background-image:none;background-color: #f85a2c;}
.count_wrap {float:left; margin-top:2px;margin-left:15px;}
#layouts{margin-bottom:15px;}
#layouts .menu_choice {cursor:pointer; float:left; padding:0px 10px; background: #eee; margin-bottom:1px; color: #f85a2c; width:100%; line-height:40px; height: 40px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  -ms-box-sizing: border-box; box-sizing: border-box; text-align:left;   transition: all 0.4s ease;  }
#layouts  .menu_choice:hover { background: #f85a2c; color: white; }
/*#layouts span img {border:0; float:left; margin-bottom:20px; }*/
 #admin_interface_slider #layout_settings {padding-bottom:0;}
.get_more_visits_btn, .go_premium_button { float:none; margin-top:0px;  transition: all 0.4s ease;  cursor:pointer; text-align: center; text-decoration:none; display:inline-block; font-size:16px;  width:100; background: #01bcd4; color: white; border-bottom: 1px solid black; padding: 20px 15px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  -ms-box-sizing: border-box; box-sizing: border-box; line-height:normal;  font-size: 14px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#01bcd4), to(#62c7d4)); background: -webkit-linear-gradient(top, #01bcd4, #62c7d4); background: -moz-linear-gradient(top, #01bcd4, #62c7d4); background: -ms-linear-gradient(top, #01bcd4, #62c7d4); background: -o-linear-gradient(top, #01bcd4, #62c7d4);  }
.get_more_visits_btn i, .go_premium_button i {font-size:40px; margin-bottom:6px;}
.go_premium_button {  background: #f85a2c; color: white; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f43628), to(#f85a2c));  background: -webkit-linear-gradient(top, #f43628, #f85a2c); background: -moz-linear-gradient(top, #f43628, #f85a2c); background: -ms-linear-gradient(top, #f43628, #f85a2c); background: -o-linear-gradient(top, #f43628, #f85a2c);  margin-top:0; margin-bottom: 1px; border-bottom:none; border-top: 1px solid black;  }
.get_more_visits_btn:hover, .go_premium_button:hover { opacity: 0.7;}
.theme_image_wrap{position:absolute; top:150px; left:0; width:100%; height:100%; z-index:1000000;}
.theme_image_button{border-radius: 5px; border:1px solid #02a9bf; background: #02a9bf; padding:0px 20px; height:50px; line-height:50px; position:absolute;margin-left: auto; margin-right: auto;left: 0;right: 0; z-index:10; top:150px; width:200px; cursor:pointer; transition: background-color 0.4s ease; font-size:16px;}
.theme_image_button:hover{  border:1px solid #ffffff;}
.theme_image_pricing{font-size:12px; text-align:center; background: white; color: #02a9bf;  position:absolute; z-index:10; top:-60px; right: -60px; height:83px; padding-top:17px; width:100px; border-radius: 60px; line-height:14px;}
.upgrade_box_wrap { position:fixed; z-index:990000001; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background: #111; opacity: 0.75; display:none; }
.upgrade_box { width:550px; max-height:90%; height: auto; position: fixed; bottom:auto; left: 50%; right:50%; top:0px; background-color: #f85a2c; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f43628), to(#f85a2c));  background: -webkit-linear-gradient(top, #f43628, #f85a2c); background: -moz-linear-gradient(top, #f43628, #f85a2c); background: -ms-linear-gradient(top, #f43628, #f85a2c); background: -o-linear-gradient(top, #f43628, #f85a2c); overflow: auto; box-shadow: 0 4px 10px -2px rgba(0,0,0,0.5); z-index:990000002; border-radius: 5px; margin-left: -300px; margin-bottom: 0px; color:white; font-size: 18px; padding:25px; display:none; border-top-right-radius: 0; border-top-left-radius: 0; }
.upgrade_box a { color: black;  transition: all 0.4s ease;}
.upgrade_box a:hover { opacity:0.7; }
.upgrade_now_btn, .maybe_later_btn { background: white; border:1px solid #f85a2c; height:45px; line-height:45px; padding:0 0px;  transition: all 0.4s ease; margin: 0px 0; color: #f85a2c; width:200px; font-weight: normal; cursor:pointer; font-size:16px; border-radius:5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; display:inline-block; float:left; font-weight:bold; border:1px solid #FFFFFF; }
.upgrade_now_btn:hover, .maybe_later_btn  { background:transparent; border:1px solid #FFFFFF; color:white;}
.maybe_later_btn { width:120px; margin-left: 5px; opacity:0.7; }
.maybe_later_btn:hover {opacity: 1;}


  .upgrade_step_1 .dashboard_button { background: white; border:1px solid #02a9bf; height:40px; line-height:40px; padding:0 20px;  transition: all 0.4s ease; margin: 0px 0; color: #02a9bf; width:200px; font-weight: normal; cursor:pointer; font-size:15px; border-radius:5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; float:left; transition: all 0.4s ease; cursor:pointer; text-align: left; width:100%;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  -ms-box-sizing: border-box; box-sizing: border-box; margin-bottom:5px; font-weight: bold; }
    .upgrade_step_1 .dashboard_button i {display:block; float:right;  font-size:22px; height:40px; line-height:40px;  }
    .upgrade_step_1 .dashboard_button:hover{ background:transparent; border:1px solid #FFFFFF; color:white;}

/* flexible margin layout */
    #content_background_color, #wrapper,nav ul li,  .built_with  {border-radius:0.2em; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em;}
    #cover_image_container { border-top-right-radius: 0.2em; border-top-left-radius: 0.2em;}
    .edit_layer, #drag_drop_position_wrap {border-bottom-right-radius: 0; border-top-right-radius: 0;}
    section .line .box_s, section .line .box_m, section .line .box_l, #title_only, #logo_img2 {margin-left:2px; margin-top:2px;}
    section .line .text_s {width:224.00666666667px;}
     section .line .rss_m img, section .line .rss_s img, section .line .rss_l iframe, section .line .rss_m iframe, section .line .rss_s iframe {margin-bottom:2px; }
    section .line .rss_l .rss_img_wrap:nth-last-child(2) .rss_image, section .line .rss_l iframe, section .line .rss_l .instagram:nth-last-child(3) {margin-bottom:0;}
    /*#add_line {float:left; width: 796px; margin:2px; margin-bottom:0; }*/
    .linkicon_wrap .highlight {margin-bottom:2px; }
    .vcard_button, .contact_map {margin-bottom:2px; }
</style>
<link rel="stylesheet" type="text/css" href="css/pixelhub_social_bar.css" />
<link id="menu_style" rel="stylesheet" type="text/css" href="css/menu_social.css" />
 
<style>
@media screen and (max-width: 1000px) {
    #wrapper {width:100%; top:60px; left: 0; min-height:100%; padding-bottom:0px; margin-top:0 !important;}
    h1 {font-size: 30px !important;}
    h2 {font-size:20px !important;}
    #left_menu_wrap, .pixelhub_social_wrap,  .rss_loading_message, .share_wrap, #admin_interface_slider, .divider_container {display:none !important;}
    .mobile_map_overlay, .vcard_mobile_download, .mobile_get_your_page {display:block !important;}
    #wrapper, #cover_image_container { left:0; right: auto; border-radius:0 !important; min-height:100%; }
    #content_background_color {  border-radius:0 !important; }
    .enlarge_image img{ float:left;}
    nav {position: absolute; left:0; top:0;  width: auto; height: auto; z-index:9000; text-align:center; border:0; border-bottom: none; }
    nav ul {position: fixed; display: none; padding:0; padding-top: 80px !important;  margin:0 !important;  top:0px !important;  left:0 !important; right:0 !important;width:100%; background:white none; bottom:auto; height:100%; opacity:0.95; overflow:hidden; overflow-y:auto; z-index:10;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  -ms-box-sizing: border-box; box-sizing: border-box; }
    nav ul li, #toggle_mobile_menu_n {float:left; list-style-type:none; padding: 0; padding:9px; color:black; opacity:0.9; background:white none; margin-right:5px; border-radius: 5px; font-weight:normal; font-size: 16px; text-align:center; cursor:pointer; }
    #toggle_mobile_menu_n,  nav ul li   {width: 100% !important; max-width: none; height:20px !important; line-height:20px !important; padding:20px 0 !important; border-radius: 0px; border:none !important; color: black; font-size: 18px; }
    #toggle_mobile_menu_n {position:fixed; display:block; margin-bottom:0; text-align:left; cursor:inherit; top:0; transition:  all 1s; width:100%; z-index:99999999 !important; }
    #toggle_mobile_menu_n .vcard_mobile_download {position:relative; float:right; margin-right:10px; }
    .link_count .compliment-circle i{font-size:30px !important;}
    .link_count {width:60px !important;}

    .cta_wrap .pdf_download_button { min-width:90% !important; font-size:14px; }
     section .line .box_m  .cta_wrap i, section .line .box_l  .cta_wrap i { font-size:25px; }
    .vcard_tooltip { display:block !important; }
    /*hamburger menu*/
    #pull{  position: relative; float:left;  width: 25px;  height: 15px;  padding:10px; cursor:pointer; margin-top:4px; margin-left:5px;}
    #pull:hover{ cursor: pointer;}
    #pull.fold_in:hover{opacity: 0.8; transition: all 300ms ease;}
    #pull .line{ width: 25px; height: 2px; background-color: #000; position: absolute;}
    #pull #line1{ top:0px;}
    #pull #line2{top:6px;}
    #pull #line3{ top:12px;}
    section .line .box_l, section .line .box_m, section .line .box_m iframe, section .line .box_l iframe, section .line .box_m iframe, .rss_m .instagram, .rss_m .rss_image,  .section .line .text_m,  .text_l, .rss_l,  section .line .rss_m .rss_content_wrap,  section .line .box_m .cta_wrap, section .line .rss_l .rss_content_wrap,  section .line .box_l .cta_wrap, #cover_image_container, section .line .contact_box, section .line .slideshow_box, .vid_embed, .instagram, .instagram img { float:left; height:auto !important; margin: 0px 0 !important; width:100% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  -ms-box-sizing: border-box; box-sizing: border-box;  }
    .contact_map {width:100% !important;}
    #cover_image_container {  height: 0px !important; padding-bottom: 80% !important; }
     header .logo { width:30% !important; height:auto !important; }
     hgroup {text-align: left !important; }
     header .logo_frame{ box-shadow: 0 0 5px 5px rgba(0,0,0,0.15); border:none; }
      header .gradient {display:none;} hgroup h1, hgroup h2 { color:#a8a8a8 !important; }     .instagram .icon_overlay_img { width:32px !important; height: 32px !important; }
     section .line .text_m,  .text_l, section .line .box_l .cta_wrap, section .line .box_m .cta_wrap{ padding-top:20px !important; padding-bottom:20px !important;  background: transparent !important; }
     section .line .rss_m .rss_content_wrap, section .line .rss_l .rss_content_wrap,  section .line .box_m .cta_wrap,  section .line .box_l .cta_wrap { padding: 20px 20px !important;  }
     section .line .contact_info_wrap  .my_contact_info, .my_contact_info_wrap  { max-width:90%; }
     #xtop, #xbottom, #xleft, #xright {display:none; }

     #call_to_action_wrapper {position:fixed; bottom:0; display: block !important; left:0; z-index:8000; padding:0 4px; background: #FFFFFF;  opacity:0.98; border-radius:0; width:100%; text-align:center; box-sizing: border-box; }
     .call_to_action { float:left; display:inline-block; border-radius: 0px; background: transparent; color:#000000; text-align:center; height:auto;  width:20%; margin:0 !important; padding:8px 0 !important; font-size:12px !important; box-sizing: border-box; }
     .call_to_action i {font-size: 25px; margin-top:0px; border:none;}
     @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
     only screen and (-o-min-device-pixel-ratio: 3/2),
     only screen and (min--moz-device-pixel-ratio: 1.5),
     only screen and (min-device-pixel-ratio: 1.5) {
      }
    }
    @media screen and (max-width: 500px) {
    /*h1 {font-size: 20px !important;}*/
    h2 {font-size:16px !important;}
    }
</style>



<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
<script src="js/touchpunch.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false&language=en&key=AIzaSyA6AsUUMjAmELJqEvnYw7LbITOzuOnbrio"> </script>
<script type="text/javascript" src="js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script src="js/rotate.js"></script>
<script src="js/tipsy.js"></script>
<script type="text/javascript">
$(document).ready(function(){
/*detect mobile swipe*/
dragging = false;
$('body').on("touchmove", function(){
      dragging = true;
});
});
</script>
<script src="js/mobile_custom_new.js"></script>
<script src="js/SlidesJS/source/jquery.slides.js"></script>
<script src="js/color-thief/js/libs/quantize.js"></script>
<script src="js/color-thief/js/color-thief.js"></script>
<script type="text/javascript"  src="js/sms.js"></script>
<!--<link rel="stylesheet" type="text/css" href="mobileapp/js/addtohomescreen.css">
<script src="mobileapp/js/addtohomescreen.js"></script>
<script>
addToHomescreen({
   skipFirstVisit: false,
   maxDisplayCount: 2,
   modal:true,
   startDelay: 3,
   icon:false
});
</script>-->

<script type="text/javascript">
theme_preview_mode=false;
//start responsive handling
   var spacing = 2;
   var border_radius = 0.2;
   if(theme_preview_mode!=true){layout = 'menu_social';}
function responsiveLayout(preview) {
   var width = $('#wrapper').width();
   var viewportWidth = $(window).width();
   var viewportHeight = $(window).height();
   var card_position_y =  $('#position-y').val();
   var card_position_x =  $('#position-x').val();
   var offset = $('#wrapper').offset();
   var card_position =  $('#card_position').val();
   var cover_img_position =  $('#cover_image_y').val();
   var menuHeight =  $('nav ul').height();
   var hgroup_img_position = $("#profile_image_offset_y").val();
   if($.isNumeric(preview)) { var width = preview; var viewportWidth = preview; var viewportHeight = preview; var card_position_y = 0; var card_position_x = 0;  $('#wrapper').css('width',width + 'px');}
   if(preview=='fullWidth') { var width = $('#card_width').val(); $('#wrapper').css('width',width + 'px'); }
   $('#cover_image_container, section .line .box_l, section .line .rss_l .rss_img_wrap .rss_image, section .line .rss_l iframe, .content_button, #new_line_widget, .linkicon_wrap .highlight, .contact_map, section .line .rss_l  .info_overlay_img').css('width', parseFloat(width - spacing * 2) + 'px');
   $('section .line .box_l').css('height', (width-(spacing*2))/2);
   /*$('.custom_image_output_a').parent().css('height','auto').css('max-height',  width/2); */
   $('#cover_image_container').css({ height: (width/$('#cover_image_size_input').val())-(spacing*2)+'px' });
   $('#portrait_img').css('top',width*cover_img_position + 'px').css('bottom','auto');
   if($('header .logo').height() == $('header .logo').width()) { $('header .logo').css( 'width',  $("#logo_image_size_input").val()+'px' );  }
   $('header .logo').css( 'height', $("#logo_image_size_input").val()+'px' );
   if(hgroup_img_position != -9.9999999999) { $('#cover_image_container hgroup').css('top',width*hgroup_img_position + 'px').css('bottom','auto'); } else { $('#cover_image_container hgroup').css('top','auto').css('bottom',0); }
   if(  ($('#cover_image_container hgroup').height()+width*hgroup_img_position+40) > $('#cover_image_container').height()  )   {    $('#cover_image_container hgroup').css('top','auto').css('bottom',0);  }
      $('section .line .box_m, .rss_m .rss_img_wrap .rss_image, .rss_m iframe, .rss_m .instagram').css('width', parseFloat(width/2 - spacing * 1.5) + 'px').css('height', (width/2)*0.5);
   $('section .line .rss_l, section .line .contact_box, .rss_m .rss_img_wrap .rss_image, section .line .rss_l .cta_wrap').css('height', 'auto');
   $('section .line .rss_l iframe').each(function() { $(this).css('height', $(this).attr("height")); });
   $('section .line .text_l, .rss_l .rss_title, .rss_l .rss_content, #title_only, section .line .rss_l .rss_content_wrap').css('width', parseFloat(width - (spacing*2 + 40)) + 'px').css('height','auto');
   $('section .line .text_m, .rss_m .rss_content_wrap').css('width', parseFloat(width/2 - (spacing*1.5 + 40)) + 'px').css('height', (width/2)*0.5-40);
   $('section .line .text_m').css('height', 'auto');
   $('.linkicon_wrap .default_link, .linkicon_wrap .highlight, .instagram, .contact_map, .vcard_button, .contact_form, #wrapper iframe, .rss_l .rss_img_wrap, .rss_l .rss_content_wrap').css('margin-bottom', spacing + 'px');
   $('.linkicon_wrap .default_link, .linkicon_wrap .default_link:nth-child(even)').css('width', parseFloat(width/2 - spacing*1.5) + 'px');
   //$('section .line .rss_m .rss_img_wrap .rss_image, section .line .rss_m .instagram .rss_image, section .line .rss_m .instagram .instagram_image').each(function(){ $(this).load(function() {  $(this).css('margin-top',0+'px').css('margin-top', parseFloat($(this).parent().height()/2 - $(this).height()/2) + 'px'); }); });
   $('.instagram').each(function() { var width = $(this).width(); if(width < 200) { $(this).find($('.icon_overlay_img')).css('display','none'); } else { $(this).find($('.icon_overlay_img')).css('display','block'); } if(width < 260) { $(this).find($('.share_wrap')).css('opacity',0); } else { $(this).find($('.share_wrap')).css('opacity',1); }  });
   $('.linkicon_wrap .default_link:nth-child(even)').css('margin-left', spacing + 'px');
   $('.linkicon_wrap').css('margin-bottom', parseFloat(-spacing) + 'px');
   $('.rss_l .rss_video_iframe, .rss_l .instagram, .rss_l .rss_img_wrap, .rss_l .rss_content_wrap, .rss_l iframe').parent().css('margin-bottom', parseFloat(-spacing) + 'px');
   $('h1').css('font-size', $('#title_font_size').val() + 'px'); $('h2').css('font-size', ($('#text_size').val())*1.2 + 'px').css('font-weight','normal');
   $('#call_to_action_wrapper, .vcard_tooltip').css('display','none');
   $(".grid4_orig").removeClass("grid1").addClass("grid4"); $(".grid3_orig").removeClass("grid1").addClass("grid3");
    }

$(window).resize(function() {
  responsiveLayout();
  buildGrid();
});
$(document).ready(function(){
  $('#wrapper').fadeIn();
  window.previewDevice = '';
  responsiveLayout();
    $('.text_l, .text_m').find("a").each(function() {
    var val = $(this).attr('href');
    if (val && !val.match(/^http([s]?):\/\/.*/)) {
      $(this).attr('href','http://' + val);
    }
  });
});

function getContrast50(hexcolor){
    return (parseInt(hexcolor.replace("#", ""), 16) > 0xffffff/2) ? 'black':'white';
}


/*initiate lightbox*/
function initiateLightbox(sect_id) {
$("a[rel=gallery_group"+sect_id+"]").fancybox({ 'transitionIn'	: 'fade', 'transitionOut': 'fade', 'overlayOpacity':0.9, 'titleShow':false, 'overlayColor':'#000000',  'padding':0, 'titlePosition' 	: 'over', 'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) { return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>'; } });
}

function buildGrid(theme_spacing){
                     if ( typeof theme_spacing === 'undefined') { var spacing = $('#card_spacing_input').val(); } else { var spacing = theme_spacing;  }
                    var width=$('#wrapper').width();
                    $('.grid1, .grid2, .grid3, .grid4').css('margin-left', spacing+'px');
                    $('.grid1').css('height',(width/1) - (((1+1)*spacing)/1) + 'px').css('width',(width/1) - (((1+1)*spacing)/1) + 'px');
                    $('.grid2').css('height',(width/2) - (((2+1)*spacing)/2) + 'px').css('width',(width/2) - (((2+1)*spacing)/2) + 'px');
                    $('.grid3').css('height',(width/3) - (((3+1)*spacing)/3) + 'px').css('width',(width/3) - (((3+1)*spacing)/3) + 'px');
                    $('.grid4').css('height',(width/4) - (((4+1)*spacing)/4) + 'px').css('width',(width/4) - (((4+1)*spacing)/4) + 'px');
                    $('.grid1:nth-child(1n-1),.grid2:nth-child(2n-1), .grid3:nth-child(3n), .grid4:nth-child(4n-1)').css('margin-left', 0);
 }


/*background image handling*/
$(document).ready(function(){

bg_url = 'images/uploads/1457006805background_perschmitz.jpg';
$('#bg_center, #bg_left, #bg_right, #bg_tile, #bg_fix').live("click touchstart", function(event) {
   align = $(this).attr('rel');
   if(align=='center'){var align_text='no-repeat center top';} else if(align=='left'){var align_text='no-repeat fixed left top';} else if(align=='right'){var align_text='no-repeat fixed right top';} else if(align=='tile'){var align_text='repeat fixed left top';} else          { if(align=='fix'){var align_text='no-repeat fixed center top';} }
   $('body').css('background',  $('#background_color_input').val()+' url('+bg_url+') '+align_text+'').css('-webkit-background-size','auto').css('-moz-background-size','auto').css('-o-background-size','auto').css('background-size','auto');
    $('.bg_align').animate({ opacity: 0.3 });
    $(this).animate({ opacity: 1 });
    $('#bg_align').val(align);
    saveSiteSettings();
   });
    $('#bg_full').live("click touchstart", function(event) {
      $('.bg_align').animate({ opacity: 0.3 });
      $(this).animate({ opacity: 1 });
      $('body').css('background',  $('#background_color_input').val()+' url('+bg_url+') no-repeat center center fixed').css('-webkit-background-size','cover').css('-moz-background-size','cover').css('-o-background-size','cover').css('background-size','cover');
      align = 'full';
      $('#bg_align').val(align);
      saveSiteSettings();
   });

});
function startBgUpload() {
$("#upload_btn_background_image").html('<img src="images/square_load_dark.gif" style="margin-top:-3px;  margin-bottom:-11px; margin-right:10px; height:32px; width:32px; opacity:0.7;" alt=""/>uploading image, please wait …');
}
function addBackgroundImage(background_img) {
     $('#bg_small img').attr("src", "images/uploads/small_"+background_img);
      bg_url = "images/uploads/"+background_img;
      $('body').css('background-image',  'url(images/uploads/'+background_img+')');
      $("#upload_btn_background_image").html('add another background image');
      $('#bg_visibility').val(background_img);
     deleteBgImg();  /*call delete function, use script for editing visibility*/
     $('#admin_interface_slider').tinyscrollbar_update('relative');
     setTimeout(  function() { getColorPalette(); }, 2000);
     $('#new_background_image').val('');
}

/*site animations*/
 $('.rss_img_wrap, .instagram').live("mouseenter",function() {
       $(this).find($('.icon_overlay_img')).rotate({animateTo:360},5000);
       $(this).find($('.fade_in_title')).fadeOut('fast');
       $(this).find($('.fade_in_date')).fadeIn('slow');
    });
 $('.rss_img_wrap, .instagram').live("mouseleave",function() {
       $(this).find($('.icon_overlay_img')).rotate({animateTo:0},5);
       $(this).find($('.fade_in_date')).fadeOut('fast');
       $(this).find($('.fade_in_title')).fadeIn('slow');
    });
 $('.enlarge_image').live("mouseenter",function() {
     if($(this).attr('data-type') == 'link') {
       $( this ).parent().prepend('<img src="images/icons_social/colored_32_circle/link.png" alt="" style="position:absolute; z-index:1; top:10px; left:10px; width:auto; height:auto; display:none;" class="image_link_icon_overlay" />');
       $( this ).parent().find('.image_link_icon_overlay').fadeIn().rotate({animateTo:360},5000);
       $(this).live("mouseleave",function() {  /*$( this ).parent().stop( true, true ).find('.custom_image_output').animate({ width: '100%' });*/ $('.image_link_icon_overlay').fadeOut().rotate({animateTo:0},5);  $(this).find('.share_wrap').fadeOut(function()  { $(this).remove(); })  });
       }
       if($(this).attr('data-type') == 'enlarge') {
       if( $(this).parent().width() > 213) {
       var url = encodeURIComponent( 'http://pixelhub.me/home/html/image_viewer.php?user=mcx&image='+$(this).parent().find($('.custom_image_output')).attr('src')+'&description='+$(this).parent().find('.img_title_wrap_site').text() );
       $(this).prepend('<span class="share_wrap" style="position:absolute; top:10px; left:10px; z-index:11; cursor:pointer; width:193px; display:none; " title="'+url+'"><img src="images/share_1.png" alt="" style="height:auto;width:auto;" /><img src="images/share_1b.png" alt="" style="height:32px;width:0;" class="share_spacer" /><img src="images/icons_social/colored_32_square/facebook.png" alt="" style="height:32px;width:0;"  class="share_service_icon share_service_icon_facebook" /><img src="images/icons_social/colored_32_square/twitter.png" alt="" style="height:32px;width:0;"  class="share_service_icon share_service_icon_twitter" /><img src="images/icons_social/colored_32_square/pinterest.png" alt="" style="height:32px;width:0;" class="share_service_icon share_service_icon_pinterest" /><img src="images/share2.png" alt="" style="height:auto;width:auto;" /></span>'); } else {
       /*$( this ).parent().prepend('<img src="images/icons_social/colored_32_circle/plus.png" alt="" style="position:absolute; z-index:1; top:10px; left:10px; width:auto; height:auto; display:none;" class="image_link_icon_overlay" />');
       $( this ).parent().find('.image_link_icon_overlay').fadeIn().rotate({animateTo:360},5000); */
       }
       /*$( this ).parent().find('.custom_image_output').stop( true, true ).animate({ width:'101%' });*/
       $(this).live("mouseleave",function() { /* $( this ).parent().stop( true, true ).find('.custom_image_output').animate({ width:'100%' }); */ $('.image_link_icon_overlay').fadeOut().rotate({animateTo:0},5); $(this).find('.share_wrap').fadeOut(function()  { $(this).remove(); })  });
       }
     $(this).find('.share_wrap').fadeIn();
  });
/*newsletter signup handling*/
$('.newsletter_signup_send').live("click touchstart", function(e)  {
       var signup_mail = $(this).parent().find($('.newsletter_email_address')).val();
       $('#mce-EMAIL').val(signup_mail);
       $('#mc-embedded-subscribe-form').submit();
  });
/*feed share button handling*/
$('.rss_l .instagram, .rss_m .instagram, .rss_l .rss_img_wrap, .rss_m .rss_img_wrap').live("mouseenter",function() {
       $( this ).find('.share_wrap').stop( true, true ).fadeIn('slow');
       $(this).live("mouseleave",function() {  $( this ).find('.share_wrap').fadeOut('slow');});
  });
 $('.share_wrap').live("mouseenter",function() {
       $( this ).find('.share_service_icon').stop( true, true ).animate({  width:32+'px' });
       $( this ).find('.share_spacer').stop( true, true ).animate({  width:14+'px' });
       $(this).live("mouseleave",function() {  $( this ).find('.share_service_icon, .share_spacer').animate({ width: 0 }); });
  });
  $('.share_wrap, .share_feed_small_button_wrap').live("click touchstart", function(e)  {
       e.preventDefault();
  });
  $('.share_service_icon_facebook').live("click touchstart", function(e)  {
       e.preventDefault();
       var link = $(this).parent().attr('title');
       window.open("http://api.addthis.com/oexchange/0.8/forward/facebook/offer?via=getpixelhub&url="+link, '' , 'width=600,height=400');
  });
  $('.share_service_icon_twitter').live("click touchstart", function(e)  {
       e.preventDefault();
       var link = $(this).parent().attr('title');
       window.open("http://api.addthis.com/oexchange/0.8/forward/twitter/offer?via=getpixelhub&url="+link, '' , 'width=600,height=400');
  });
  $('.share_service_icon_pinterest').live("click touchstart", function(e)  {
       e.preventDefault();
       var link = $(this).parent().attr('title');
       window.open("http://api.addthis.com/oexchange/0.8/forward/pinterest/offer?via=getpixelhub&url="+link, '' , 'width=600,height=400');
  });
  $('.share_feed_small').live("click touchstart", function(e)  {
       e.preventDefault();
       var element = $( this ).parents().eq(4);
       element.find('.share_feed_small_button_wrap').fadeIn('slow');
       element.find('.share_service_icon').stop( true, true ).animate({  width:32+'px' });
       element.find('.share_spacer').stop( true, true ).animate({  width:14+'px' });
       $('.share_feed_small_button_wrap').live("mouseleave",function() {  $( this ).fadeOut(); });
  });
/*menu handling*/
 function mouseOver(){
          $(".menulink").hover(
           function() {
              $(this).find("span").stop().animate({"opacity": "0.7"}, "fast");
           },
           function() {
             $(this).find("span").stop().animate({"opacity": "1"}, "fast");
           });
   }

   $('.fullscreen_menu_toggler span').live("click touchstart", function(event) {
             $('nav, .close_fullscreen_menu').fadeIn();
             $('nav, .close_fullscreen_menu').live("click touchstart", function(event) {
                  $('nav, .close_fullscreen_menu').fadeOut();
                  $( "nav" ).unbind(event);
             });
   });

/*sticky menu*/
$(window).on('scroll', function() {
    scrollPosition = $(this).scrollTop();
    if (scrollPosition >= 78) {
        $('nav').css('position','fixed').css('top','0');
    } else {
        $('nav').css('position','absolute').css('top','78px');
    }
});


$(document).ready(function(){
   $('.menulink').live("click touchend", function(event)  {
   if(!dragging) {
    $("html, body").animate({ scrollTop: "0px" });
    var  LastActiveSection = activeSection;
    $(".active").removeClass("active");
    $(this).addClass("active");
    var clickedLink = $(this).attr('id');
    var sectionId = clickedLink.replace("type", "section");
     var contact_box = $('#' + sectionId).find($('.contact_box'));
     var contact_box_id = contact_box.parent().attr('id');
     setTimeout(  function() { $('.contact_loading_overlay').fadeIn();  $('.contact_info_wrap').css('opacity',0.05); }, 500);
    $('#section_id_input').val(clickedLink);
    activeSection.fadeOut( function(){ $('#' + sectionId).fadeIn( function(){
      LastActiveSection.find($('.vid_embed, section .line iframe:not( section .line .fb_like_btn iframe)')).each(function(i, obj) {
      var src = $(this).attr("src");
      $(this).attr('src',''); //stop videos when changing section
      $(this).attr('src',src);
      //if($('#toggle_mobile_menu').is(":visible")) { fold_in($('#pull')); }
     });
     $('.slideshow_box').each(function(i, obj) {
      var slideshow_box_id = $(this).parent().attr('id');
      $(this).load("ajax_content/slideshow.php?line_id="+slideshow_box_id+"&sec_id="+sectionId);
     });
     contact_box.load("ajax_content/contact_info_new.php?line_id="+contact_box_id+"&user=mcx");
    });
    });
    activeSection = $('#' + sectionId);
    $('#widget').fadeOut();
    $('.edit_corner').parent().fadeTo("slow", 1);
     responsiveLayout(previewDevice);
     window.location.hash = sectionId.replace('section_custom','');
     var rotation = function (){ $(".service_loading_icon").rotate({ angle:0,  animateTo:360,  callback: rotation }); }
    rotation();
    buildGrid();
    } dragging = false;
    event.preventDefault();
  });
/* handle inner links: */
  $('#wrapper a').live("click touchstart", function(e)  {
    if($(this).attr('href').toLowerCase().indexOf("#") >= 0)
    {
    if(!dragging) {
     e.preventDefault();
     var clickedLink = $(this).attr('href');
     var clickedLink = clickedLink.replace("http://#", "");
     var clickedLink = clickedLink.replace("/", "");
     var clickedLink = 'type_custom' + clickedLink;
     var sectionId = clickedLink.replace("type", "section");
     var contact_box = $('#' + sectionId).find($('.contact_box'));
     var contact_box_id = contact_box.parent().attr('id');
     setTimeout(  function() { $('.contact_loading_overlay').fadeIn(); $('.contact_info_wrap').css('opacity',0.5); }, 500);
     var  LastActiveSection = activeSection;
     $("html, body").animate({ scrollTop: "0px" });
     $(".active").removeClass("active");
     $('#' + clickedLink).addClass("active");
     $('#section_id_input').val(clickedLink);
     activeSection.fadeOut( function(){ $('#' + sectionId).fadeIn( function(){
      LastActiveSection.find($('.vid_embed, section .line iframe:not( section .line .fb_like_btn iframe)')).each(function(i, obj) {
      var src = $(this).attr("src");
      $(this).attr('src',''); //stop videos when changing section
      $(this).attr('src',src);
      //if($('#toggle_mobile_menu').is(":visible")) { fold_in($('#pull')); }
     });
     $('.slideshow_box').each(function(i, obj) {
      var slideshow_box_id = $(this).parent().attr('id');
      $(this).load("ajax_content/slideshow.php?line_id="+slideshow_box_id+"&sec_id="+sectionId);
     });
     contact_box.load("ajax_content/contact_info_new.php?line_id="+contact_box_id+"&user=mcx");
     });
    });
     activeSection = $('#' + sectionId);
     $('#widget').fadeOut();
      $('.edit_corner').parent().fadeTo("slow", 1);
      responsiveLayout(previewDevice);
     var rotation = function (){ $(".service_loading_icon").rotate({ angle:0,  animateTo:360,  callback: rotation }); }
    rotation();
    buildGrid();
    } dragging = false;
    }
  });
 mouseOver();
});

 /*profile image handling, cover image container handling*/
$(document).ready(function(){
  $('hgroup').css('min-height', parseFloat($('hgroup .title_wrap h1').height() + $('hgroup .title_wrap h2').height() + 40) + 'px');
});

$(document).ready(function(){
$('#share_site_on_facebook').tipsy({gravity: $.fn.tipsy.autoWE}); $('#share_site_on_twitter').tipsy({gravity: $.fn.tipsy.autoWE}); $('#share_site_on_pinterest').tipsy({gravity: $.fn.tipsy.autoWE}); $('#share_site_on_google').tipsy({gravity: $.fn.tipsy.autoWE}); $('#share_site_on_email').tipsy({gravity: $.fn.tipsy.autoWE});
});

$(document).ready(function(){

$('.pixelhub_social_connect_btn, .pixelhub_social_compliment, .pixelhub_social_bar_addthis a').tipsy({gravity: 'n'});

/*check browser support*/
if (!$.support.leadingWhitespace) {
   window.location.href = "home/html/old_browser.htm";
  }
  /*stats*/
 /* $("#sortable_request").load('includes/statistics.php?i=7595'); */
});

/*start mobile */
$(document).ready(function(){

 $('.call_to_action_sms_share').live("click touchstart", function(e)  {
      e.preventDefault();
      var txt ='Meng Yee (Michael) Chuah: https://pixelhub.me/mcx';
      var phone = '';
      window.location.href=plinks.smsLink(txt,phone);
    });

$('.mobile_text_sharing_btn').toggle(function() {
    $('.mobile_text_sharing_container').fadeIn();
}, function() {
    $('.mobile_text_sharing_container').fadeOut();
});


 $(window).scroll(function() {  if ($(window).scrollTop() >= ($(document).height() - $(window).height())*0.9) {  $('#call_to_action_wrapper').css('bottom','-500px'); return false; } else { $('#call_to_action_wrapper').css('bottom','0px'); return false;  }  });

});
/*end mobile */

/*get color palette*/
$(document).ready(function() {
function getContrastCTAbuttons(hexcolor){
    return (parseInt(hexcolor.replace("#", ""), 16) > 0xffffff/2) ? '#000000':'#FFFFFF';
}
function getContrastCTAnewsletter(hexcolor){
    return (parseInt(hexcolor.replace("#", ""), 16) > 0xffffff/2) ? 'transparent url(admin/images/icons/select_theme.png) center center no-repeat':'transparent url(admin/images/icons/select_theme_white.png) center center no-repeat';
}
myImage = $('#bg_small img');
function componentToHex(c) {
    var hex = c.toString(16);
    return hex.length == 1 ? "0" + hex : hex;
}
function rgbToHex(r, g, b) {
    return "#" + componentToHex(r) + componentToHex(g) + componentToHex(b);
}
window.getColorPalette = function(){
paletteArray = createPalette(myImage, 5);
color1 = rgbToHex(paletteArray[0][0], paletteArray[0][1], paletteArray[0][2]);
color2 = rgbToHex(paletteArray[1][0], paletteArray[1][1], paletteArray[1][2]);
color2= getContrastCTAbuttons(color1);
color3 = rgbToHex(paletteArray[2][0], paletteArray[2][1], paletteArray[2][2]);
color4 = rgbToHex(paletteArray[3][0], paletteArray[3][1], paletteArray[3][2]);
color5 = rgbToHex(paletteArray[4][0], paletteArray[4][1], paletteArray[4][2]);
$('.colorpicker').append('<div class="suggested_colors"><span>suggested colors:</span><br/><div style="float:left;background:' + color1 + ';" rel="' + color1 + '"></div><div style="float:left;background:' + color2 + ';" rel="' + color2 + '"></div><div style="float:left;background:' + color3 + ';" rel="' + color3 + '"></div><div style="float:left;background:' + color4 + ';" rel="' + color4 + '"></div><div style="float:left;background:' + color5 + ';" rel="' + color5 + '"></div></div>');
     $('.suggested_colors div').live("click",function() {
          var suggested_color = $(this).attr('rel');
          $('#' + picker_id).ColorPickerSetColor(suggested_color);
          $('#' + picker_id).css('backgroundColor', suggested_color);
          if(picker_id == 'text_color') { $('#wrapper, .skillbar-title').css('color', suggested_color); $('.skillbar').css('border-color', suggested_color); $('#font_color_input').val( suggested_color); $('.pdf_download_button').css('background-color',suggested_color).css('border-color',suggested_color); $('.pdf_title_container').css('color', suggested_color); }
          if(picker_id == 'title_color') { $('#wrapper h1, #wrapper h2').css('color', suggested_color); $('#title_color_input').val( suggested_color); }
          if(picker_id == 'link_color') { $('#wrapper a').not('.skillbar, .linkicon_wrap a, .linkicon_wrap .default_link a, .linkicon_wrap .highlight a, .built_with, section .line .rss_m .rss_content_wrap, section .line .rss_l .rss_content_wrap,  .call_to_action, .form_preview, .slideshow_preview, .vcard_button').css('color', suggested_color); $('#link_color_input').val( suggested_color); }
          if(picker_id == 'site_background_color') { $('body').css('backgroundColor', suggested_color); $('#background_color_input').val( suggested_color); }
          if(picker_id == 'background_color') { $('#background_color, #content_background_color').css('backgroundColor', suggested_color); $('#content_background_input').val( suggested_color);
          $('.newsletter_signup_send, .newsletter_email_address').css('border','1px solid '+getContrastCTAbuttons(suggested_color));
          $('.pdf_download_button').css('color',suggested_color);
          $('.newsletter_email_address').css('border-right','none');  $('.newsletter_signup_send').css('background', getContrastCTAnewsletter(suggested_color) ); }
   });
}
window.getCoverColorPalette = function(){
paletteArrayCover = createPalette($('#portrait_img'), 5);
colorCover1 = rgbToHex(paletteArrayCover[1][0], paletteArrayCover[1][1], paletteArrayCover[1][2]);
}
$(window).load(function () {
   getColorPalette();
 });

function cleverPalette(){
    getColorPalette();
    getCoverColorPalette();
    $('#background_color, #content_background_color').css('backgroundColor', color1); $('#content_background_input').val( color1);
    $('#wrapper, .skillbar-title').css('color', color2); $('#font_color_input').val(color2); $('#text_color').css('backgroundColor', color2); $('.skillbar').css('border-color', color2);
    if($('#cover_image_display').val()=='1') {color3=colorCover1;}
    $('#wrapper h1, #wrapper h2').css('color', color3); $('#title_color_input').val(color3); $('#title_color').css('backgroundColor', color3);
    $('#wrapper a').not('.skillbar, .linkicon_wrap .default_link a, .linkicon_wrap .highlight a, .built_with, section .line .rss_m .rss_content_wrap, section .line .rss_l .rss_content_wrap, .linkicon_wrap a,  .call_to_action, .form_preview, .slideshow_preview, .vcard_button').css('color', color4); $('#link_color_input').val( color4); $('#link_color').css('backgroundColor', color4);
    $('body').css('backgroundColor', color5); $('#background_color_input').val( color5); $('#site_background_color').css('backgroundColor', color5);
    $('.pdf_title_container').css('color',color2);
    $('.newsletter_signup_send, .newsletter_email_address').css('border','1px solid '+getContrastCTAbuttons(color1));
    $('.pdf_download_button').css('color',color1).css('background-color',color2).css('border-color', color2);
    $('.newsletter_email_address').css('border-right','none');
    $('.newsletter_signup_send').css('background', getContrastCTAnewsletter(color1) );
    $('#content_background_color').css('opacity', '0.95');
    var o = 0.95;
    $("#slider_opacity").slider('value',0.95);
    $('#content_background_color').css('opacity', o);
    $('#opacity_input').val(o);
    $('#opacity_count').html('opacity: ' + Math.round( o * 100 ));
    }

$('#ai_color_palette').click(function(){
       cleverPalette();
});

/* start themes*/
$(window).load(function(){
$('#bg_small img').load(function() { cleverPalette();  }); //call cleverPalette each time a new bg image loads
});
$('#theme_gallery_btn').live("click touchstart", function() {
    $('#admin_interface_slider, #left_menu_wrap').hide();
    $('.trial_footer').hide();
    $('#theme_gallery_container').html('<span style="color:white; padding:0 20px;">loading themes ...</span>');
    $('#theme_gallery').show();
    /*$.ajax({url: "includes/theme_gallery_new.inc", success: function(result){
           $('#theme_gallery_container').html(result);
        }
    }); */
  });
  $('#theme_gallery img').live("click touchstart", function() {
     var bg = $(this).attr('src');
     var bg = bg.replace("http://pixelhub.me/images/uploads/", "");
     var bg = bg.replace("https://pixelhub.me/images/uploads/", "");
      $('#theme_loading_square').fadeIn(function(){
       $('#bg_small img').attr("src","").attr("src", "images/uploads/small_"+bg);
       $.ajax({url: "admin/themes/get_theme_new.php?theme="+bg+"&set=0", success: function(result){
           addBackgroundImage(bg);
           $('#bg_full').trigger('click');
           $('#theme_loading_square').fadeOut();
        }
       });
      });
   });
   $('#back_to_editor, #theme_gallery .close_corner').live("click touchstart", function() {
    $('#theme_gallery').hide();
    $('#admin_interface_slider, #left_menu_wrap').show();
    $('#admin_interface_slider').tinyscrollbar_update('relative');
  });
  $('#back_to_editor').live("mouseenter",function() {
       $(this).rotate({animateTo:360},5000);
        $('.theme_hover').live("mouseleave",function() {
       $(this).rotate({animateTo:0},5);
    });
  });
/*end themes*/

});

</script>

<script  id="fsc-api" src="https://d1f8f9xcsvx3ha.cloudfront.net/sbl/0.7.8/fastspring-builder.min.js" type="text/javascript"  data-popup-closed="onFSPopupClosed" data-storefront="pixelhubpro.onfastspring.com/popup-pixelhubpro"></script>
<script>
$( document ).ready(function() {
    fastspring.builder.tag("hbx_tag", "7595");
});
function onFSPopupClosed(orderReference) {
      if (orderReference)
      {
         $('.upgrade_box, .upgrade_box_wrap').remove();
         location.reload();
         alert('The upgrade and domain registration process can take a few minutes. Please reload your page in 2 minutes!');
      } else {
          //alert('payment incorrect');
	  }
    }
</script>

</head>

<body>
<div id="xleft"></div>
<div id="xright"></div>
<div id="xtop"></div>
<div id="xbottom"></div>



<!--start vCard Info Tooltip
<div class="vcard_tooltip" style=" background-color:white; color: #111; -moz-box-shadow: 0 0 10px 5px  rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 10px 5px  rgba(0,0,0,0.7);box-shadow: 0 0 10px 5px  rgba(0,0,0,0.7);">
<img src="images/vcard_info_arrow.png" alt="" style="position:absolute; top: -17px; right: 5px; height:17px; width: 45px;" />
Add <b>Meng Yee (Michael) Chuah</b> to your contacts.
<p><a href="includes/vcard.php?line=7595" class="btn"  style="float:left; padding:4px 40px; height:30px; line-height: 30px; margin:0; margin-top:10px; width:auto;">ok</a><span  class="btn close_vcard_tooltip"  style="float:left; padding:4px 40px; height:30px; line-height: 30px; margin:0; margin-top:10px; width:auto; margin-left:10px; background-color: #333;">not now</span></p>
</div>
end vCard Info Tooltip-->

<!--start vcard download module -->
<span  id="vcard_download_popup" style="text-align:left;overflow:hidden;">
<span class="vcard_download_popup_content">
<span class="close_vcard_popup" style="font-size:13px;">&#10005;</span>
<a href="includes/vcard.php?line=7595" style="display:block;" >
<i class="fa fa-cloud-download" style="font-size:200px; position:absolute; z-index:0; top:-20px; left:-4px; opacity:0.05;"></i>
<img src="images/uploads/1460447757cover_mcx.jpg" class="logo" style="width:50px !important; height:50px !important; border-radius:  50%; box-shadow: 0 0 5px 5px rgba(0,0,0,0.15); margin-right:10px; "  alt="" /><p style="padding:10px 0;"><i class="fa fa-cloud-download" ></i> Add <b>Meng Yee (Michael) Chuah</b> to your contacts.</p>
</a>
<a href="admin/dashboard.php?upgrade=1" class="upgrade_now" style="margin:0; margin-top:10px; display:inline-block; "><i class="fa fa-star"></i> Premium feature, preview only</a><br/></span>
</span>
<!-- end  vcard download  module -->


<div id="bg_small" style="position:fixed; top:-500; left:-500;z-index:-1;opacity:0;"><img src="images/uploads/small_1457006805background_perschmitz.jpg" alt="" style="float:left; width:100px; height:100px;" /></div>
<div id="sortable_request" style="display:none;"></div>

       <!-- card level settings, start edit form -->
       <form id="card_edit_form">
       <input type="hidden" name="sign_up_cover_image" id="sign_up_cover_image" />
       <input type="hidden" name="sign_up_cover_background_image" id="sign_up_cover_background_image" />
       <input id="position-x" name="position-x" type="hidden" value="28" />
       <input id="position-y" name="position-y" type="hidden" value="98" />
       <input id="card_position" name="card_position" type="hidden" value="left" />
       <input id="cover_image_y" name="cover_image_y" type="hidden" value="0.0000000000" />
       <input id="profile_image_offset_y" name="profile_image_offset_y" type="hidden" value="-9.9999999999" />
       <input id="profile_image_offset_x" name="profile_image_offset_x" type="hidden" value="1" />
       <input id="delete_bg" name="delete_bg" type="hidden" value="0" />
       <input id="bg_visibility" name="bg_visibility" type="hidden" value="0" />
       <input id="bg_align" name="bg_align" type="hidden" value="full" />
       <input id="card_width" name="card_width" type="hidden" value="800" />
       <input id="cover_image_display" name="cover_image_display" type="hidden" value="0" />
       <input id="profile_image_display" name="profile_image_display" type="hidden" value="1460447757cover_mcx.jpg" />
       <input id="title_input" name="title_input" type="hidden" value="Meng Yee (Michael) Chuah" />
       <input id="font_title" name="font_title" type="hidden" value="Poiret One" />
       <input id="font_title_weight" name="font_title_weight" type="hidden" value="0" />
       <input id="title_font_size" name="title_font_size" type="hidden" value="55" />
       <input id="subtitle_input" name="subtitle_input" type="hidden" value="Ever Curious!" />
       <input id="font_body" name="font_body" type="hidden" value="Roboto" />
       <input id="text_size" name="text_size" type="hidden" value="19" />
       <input id="content_background_input" name="content_background_input" type="hidden" value="#4a4237" />
       <input id="background_color_input" name="background_color_input" type="hidden" value="#6c747d" />
       <input id="font_color_input" name="font_color_input" type="hidden" value="#a8a8a8" />
       <input id="title_color_input" name="title_color_input" type="hidden" value="#FFFFFF" />
       <input id="link_color_input" name="link_color_input" type="hidden" value="#FFFFFF" />
        <input id="opacity_input" name="opacity_input" type="hidden" value="0.95" />
        <input id="background_opacity_input" name="background_opacity_input" type="hidden" value="0" />
        <input id="card_width_input" name="card_width_input" type="hidden" value="800" />
        <input id="card_spacing_input" name="card_spacing_input" type="hidden" value="2" />
        <input id="border_radius_input" name="border_radius_input" type="hidden" value="0.2" />
        <input id="card_shadow_input" name="card_shadow_input" type="hidden" value="15" />
        <input id="layout_input" name="layout_input" type="hidden" value="menu_social" />
        <input id="cover_align_input" name="cover_align_input" type="hidden" value="left" />
        <input id="title_show_input" name="title_show_input" type="hidden" value="block" />
        <input id="cover_image_size_input" name="cover_image_size_input" type="hidden" value="2" />
        <input id="logo_image_size_input" name="logo_image_size_input" type="hidden" value="292" />
        <input id="logo_frame_input" name="logo_frame_input" type="hidden" value="logo_frame" />
        <input id="slider_cta_on_input" name="slider_cta_on_input" type="hidden" value="0" />
       </form>
       <!-- card settings, end edit form -->

       <!-- start Pixelhub Social-->
       <div class="pixelhub_social_wrap">
                  <a href="http://pixelhub.me"><img src="images/pixelhub_social_logo.png" alt="You Rock! - Pixelhub" class="social_logo" /></a>                  <div class="pixelhub_social_menu_wrap" style="margin-right: 20px;">
                                 <a href="http://pixelhub.me/home/index.php?upgrade=1&username=mcx" class="pixelhub_social_btn" style="float:right; border:none; margin-right:0;  padding:5px 10px;">Log in</a>
                                 <a href="http://pixelhub.me" class="social_get_your_page"><i style="margin-right: 7px;" class="fa fa-bolt" aria-hidden="true"></i>Get your own <b>Pixelhub</b> page</a>                                 <span class="pixelhub_social_btn" id="pixelhub_social_connect" title="Connect with Meng Yee (Michael) Chuah on social media"><i class="fa fa-user-plus"></i>Connect</span>
           <span class="pixelhub_social_btn" id="pixelhub_social_share" title="Share Meng Yee (Michael) Chuah's digital business card"><i class="fa fa-send"></i>Share</span>
           <span class="pixelhub_social_btn" id="pixelhub_social_compliment"  title="Send Meng Yee (Michael) Chuah a compliment"><i class="fa fa-trophy"></i>Compliment</span>
           <!--<span class="pixelhub_social_btn"  id="pixelhub_social_favorite"><i class="fa fa-star"></i>Favorite</span>-->
         </div>
           <div class="pixelhub_social_share_wrap">
             <div class="pixelhub_social_bar_addthis">
                <a class="addthis_button_facebook" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fpixelhub.me%2Fmcx" target="_blank"  title="Share Meng Yee (Michael) Chuah's digital business card on Facebook"><i class="fa fa-facebook"></i>Facebook</a>
                <a class="addthis_button_twitter" href="https://twitter.com/intent/tweet?text=Meng+Yee+%28Michael%29+Chuah&url=https%3A%2F%2Fpixelhub.me%2Fmcx" target="blank"   title="Share Meng Yee (Michael) Chuah's digital business card on Twitter"><i class="fa fa-twitter"></i>Twitter</a>
                <a class="addthis_button_pinterest_share"  target="_blank" href="http://pinterest.com/pin/create/button/?url=https%3A%2F%2Fpixelhub.me%2Fmcx&description=Meng+Yee+%28Michael%29+Chuah" class="pin-it-button" count-layout="horizontal"   title="Share Meng Yee (Michael) Chuah's digital business card on Pinterest"><i class="fa fa-pinterest"></i>Pinterest</a>
                <a class="addthis_button_google_plusone_share" href="https://plus.google.com/share?content=Meng+Yee+%28Michael%29+Chuah&url=https%3A%2F%2Fpixelhub.me%2Fmcx" target="_blank"   title="Share Meng Yee (Michael) Chuah's digital business card on Google+"><i class="fa fa-google"></i>Google+</a>
                <a class="addthis_button_linkedin"  target="blank" href="http://www.linkedin.com/shareArticle?mini=true&title=Meng+Yee+%28Michael%29+Chuah&url=https%3A%2F%2Fpixelhub.me%2Fmcx"   title="Share Meng Yee (Michael) Chuah's digital business card on Linkedin"><i class="fa fa-linkedin"></i>Linkedin</a>
                <a class="addthis_button_email" href="mailto:?subject=Meng Yee (Michael) Chuah's digital business card&body=Meng Yee (Michael) Chuah: https%3A%2F%2Fpixelhub.me%2Fmcx"  title="Share Meng Yee (Michael) Chuah's digital business card via email"><i class="fa fa-envelope"></i>Email</a>
             </div>
            <span class="pixelhub_social_btn pixelhub_social_back" style="margin-right:20px;"><i class="fa fa-caret-left"></i>Back</span>
          </div>
           <div class="pixelhub_social_connect_wrap">
           <div class="pixelhub_social_connect">
                                           <span class="pixelhub_social_connect_btn" rel="https://twitter.com/intent/follow?source=followbutton&variant=1.0&screen_name=mcccxx"  title="Connect with Meng Yee (Michael) Chuah on Twitter"><i class="fa fa-twitter"></i>Follow</span>                                <span class="pixelhub_social_connect_btn" rel="http://www.linkedin.com/in/michaelchuah"  title="Connect with Meng Yee (Michael) Chuah on Linkedin"><i class="fa fa-linkedin"></i>Connect</span>                             </div>
            <span class="pixelhub_social_btn pixelhub_social_back" style="margin-right:20px;"><i class="fa fa-caret-left"></i>Back</span>
          </div>
          <div class="pixelhub_social_outer_compliment_wrap">
          <div class="pixelhub_social_compliment_wrap">
                <span class="pixelhub_social_compliment" rel="Let's Collaborate" title="Email this compliment to Meng Yee (Michael) Chuah"><i class="fa fa-coffee"></i>Let's Collaborate</span>
                <!--<span class="pixelhub_social_compliment" rel="You Rock" title="Email this compliment to Meng Yee (Michael) Chuah"><i class="fa fa-plug"></i>You Rock!</span>-->
                <span class="pixelhub_social_compliment" rel="Brillant Page" title="Email this compliment to Meng Yee (Michael) Chuah"><i class="fa fa-bolt"></i>Brillant Page</span>
                <span class="pixelhub_social_compliment" rel="Awesome Work" title="Email this compliment to Meng Yee (Michael) Chuah"><i class="fa fa-trophy"></i>Awesome Work</span>
                <span class="pixelhub_social_compliment" rel="Let's Chat" title="Email this compliment to Meng Yee (Michael) Chuah"><i class="fa fa-comments"></i>Let's Chat</span>
          </div>
          <span class="pixelhub_social_btn pixelhub_social_back" style="margin-right:20px;"><i class="fa fa-caret-left"></i>Back</span>
          </div>
          <div class="pixelhub_social_signup_wrap">
          <a href="http://pixelhub.me/home/index.php?upgrade=1&username=mcx" class="pixelhub_social_btn" style="float:right; margin-right: 20px; ">Log in</a>
                    <a href="http://pixelhub.me" class="social_get_your_page"  target="_blank">Get your own Digital Business Card</a>
                    <div class="pixelhub_social_bar_signup">
                <span><i class="fa fa-magic"></i><b>Please join Pixelhub Pro or log in to use this feature!</b></span>
          </div>
          <span class="pixelhub_social_btn pixelhub_social_back"><i class="fa fa-caret-left"></i>Back</span>
          </div>


<script type="text/javascript">
$(document).ready(function(){

     $('#pixelhub_social_share').live("click touchstart", function()  {
       $('.pixelhub_social_menu_wrap').fadeOut( function(){ $('.pixelhub_social_share_wrap').fadeIn(); } );
      });
      $('.pixelhub_social_share_wrap .pixelhub_social_back').live("click touchstart", function()  {
       $('.pixelhub_social_share_wrap').fadeOut( function(){ $('.pixelhub_social_menu_wrap').fadeIn(); } );
      });

      $('#pixelhub_social_compliment').live("click touchstart", function()  {
       $('.pixelhub_social_menu_wrap').fadeOut( function(){ $('.pixelhub_social_outer_compliment_wrap').fadeIn(); } );
      });
      $('.pixelhub_social_compliment').live("click touchstart", function()  {
          /*$('.pixelhub_social_outer_compliment_wrap').fadeOut( function(){ $('.pixelhub_social_signup_wrap').fadeIn(); } ); */
            var email = 'mcccxx@gmail.com';
            var subject = 'You\'ve got a compliment from your Digital Business Card!';
            var emailBody = 'You have received the following compliment from the sender: "'+$(this).attr('rel')+'". Just reply to this email to say "Thank you" and connect. ';
            window.location = 'mailto:' + email + '?subject=' + subject + '&body=' +   emailBody;
      });
      $('.pixelhub_social_outer_compliment_wrap .pixelhub_social_back').live("click touchstart", function()  {
       $('.pixelhub_social_outer_compliment_wrap ').fadeOut( function(){ $('.pixelhub_social_menu_wrap').fadeIn(); } );
      });

      $('#pixelhub_social_favorite').live("click touchstart", function()  {
       $('.pixelhub_social_menu_wrap').fadeOut( function(){ $('.pixelhub_social_signup_wrap').fadeIn(); } );       });

      $('.pixelhub_social_signup_wrap .pixelhub_social_back').live("click touchstart", function()  {
       $('.pixelhub_social_signup_wrap ').fadeOut( function(){ $('.pixelhub_social_menu_wrap').fadeIn(); } );
      });

/*Pixelhub Social Connect handling*/
$('#pixelhub_social_connect').live("click touchstart", function()  {
       $('.pixelhub_social_menu_wrap').fadeOut( function(){ $('.pixelhub_social_connect_wrap').fadeIn(); } );
      });
      $('.pixelhub_social_connect_wrap .pixelhub_social_back').live("click touchstart", function()  {
       $('.pixelhub_social_connect_wrap').fadeOut( function(){ $('.pixelhub_social_menu_wrap').fadeIn(); } );
      });

var w=850;
var h=350;
var left = (screen.width/2)-(w/2);
var top = (screen.height/2)-(h/2);
$(".pixelhub_social_connect_btn").live("click",function(event) {
    $.get( "ajax_content/interaction.php", { name: "mcx", type: "connect_click", page_id: "7595", page_name: "mcx" } ).done(function( data ) {   });
    var link = $(this).attr('rel');
    window.open(link, "Like", "width="+w+",height="+h+",left="+left+",top="+top);
    event.preventDefault();
});

 
//Pixelhub Social Handle On-Page Social-Links
$(".link_count, .rss_content_wrap, .instagram").live("click",function(event) {
   $.get( "ajax_content/interaction.php", { name: "mcx", type: "on_page_social", page_id: "7595", page_name: "mcx" } ).done(function( data ) {   });
});

});

//Pixelhub Social Handle Sharing
$(".pixelhub_social_bar_addthis a").live("click",function(event) {
    $.get( "ajax_content/interaction.php", { name: "mcx", type: "share_click", page_id: "7595", page_name: "mcx" } ).done(function( data ) {   });
});
</script>

</div>
<!-- end Pixelhub Social-->
<div id="toggle_mobile_menu_n" class="toggle_mobile_menu" style="box-shadow: 0 0 5px 5px rgba(0,0,0,0.08) !important;">
                    <div id="pull" class="fold_in">
                    <div class="line outer_line" id="line1"></div>
                    <div class="line inner_line" id="line2"></div>
                    <div class="line outer_line" id="line3"></div>
                 </div>
                                  <!--<a href="includes/vcard.php?line=7595" class="vcard_mobile_download"><i style="font-size:26px; color: black !important; margin-right:10px;" class="fa fa-download"></i></a>-->
                 </div>
                 <nav>
                    <ul id="menu_list_wrap">
                    		  		  <script> $(document).ready(function(){
		  	if(window.location.hash) {
          	 var hash = window.location.hash.replace('#','');
            	 if($('#section_custom' + hash).length) { /*does inner link exist?*/
                	 $('#section_custom' + hash).css('display','block'); $(".active").removeClass("active"); $('#type_custom' + hash).addClass("active"); activeSection = $('#section_custom' + hash); $('#section_id_input').val('type_custom' + hash);
                	 } else {
                	 $('#section_custom1460437498').css('display','block'); activeSection = $('#section_custom1460437498');
                	 }
                   } else {
                   $('#section_custom1460437498').css('display','block'); activeSection = $('#section_custom1460437498');
             }
		  });
		  </script>
		  <li class="menulink custom_tab active" id="type_custom1460437498" ><span>Home</span></li>		  <li class="menulink custom_tab " id="type_custom1563527881" ><span>Videos</span></li>		  <li class="menulink custom_tab " id="type_custom1460437499" ><span>Contact</span></li>                    </ul>
                </nav>

<!-- start wrapper -->
        <div id="wrapper">
        <span id="content_background_color"></span>

<!-- |||||||||||||||||||||||||||||||||| :::::::::::::::::::::::: ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| -->
<!-- |||||||||||||||||||||||||||||||||| start header ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| -->
<!-- |||||||||||||||||||||||||||||||||| :::::::::::::::::::::::: ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| -->
            <header>
                 
              <div id="call_to_action_wrapper" style="font-size:13px; box-shadow: 0 0 5px 5px rgba(0,0,0,0.08) !important; ">
                     <span class="mobile_text_sharing_container" style="position:absolute; top: -60px; right:0px; left:10px; width: auto;  height: auto; display:inline-block; z-index:-1; color: #333; font-size: 14px; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;  font-weight: 300;  text-align:right; display:none; ">
                                               <a class="call_to_action" href="sms:" style="color: #333; font-size: 12px; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;  font-weight: 300;  float:right; box-shadow: 0 0 5px 5px rgba(0,0,0,0.08); background:white; width:24%; padding:4px 0; " ><i class="fa fa-comments-o" aria-hidden="true"></i><br/><span style="font-size:12px !important;">SMS</span></a>
                        <a class="call_to_action" href="https://wa.me/" data-action="share/whatsapp/share" style="color: #333; font-size: 12px; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;  font-weight: 300;  float:right; margin-right:3px !important; box-shadow: 0 0 5px 5px rgba(0,0,0,0.08); background:white; width:24%; padding:4px 0; " ><i class="fa fa-whatsapp" aria-hidden="true"></i><br/><span style="font-size:12px !important;">WhatsApp</span></a>
                     </span>
                 <a class="call_to_action" href="includes/vcard.php?line=7595" style="color: #333; font-size: 14px; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;  font-weight: 300; " ><i class="fa fa-cloud-download" aria-hidden="true"></i><br/>add contact</a>
                 <a class="call_to_action" href="tel:" style="color: #333; font-size: 14px; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;  font-weight: 300; display:none;" ><i class="fa fa-phone" aria-hidden="true"></i><br/>phone</a>
                 <a class="call_to_action" href="mailto:mcccxx@gmail.com" style="color: #333; font-size: 14px; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;  font-weight: 300; " ><i class="fa fa-envelope" aria-hidden="true"></i><br/>send email</a>
                 <a  href="http://maps.google.com/?q=1 Fusionopolis Way, #21-01 Connexis (South Tower) ,, Singapore 138632,"  class="call_to_action" style="color: #333; font-size: 14px; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;  font-weight: 300;  " ><i class="fa fa-map-marker" aria-hidden="true"></i><br/>navigate</a>
                 <a class="call_to_action mobile_text_sharing_btn" href="" style="color: #333; font-size: 14px; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;  font-weight: 300;position:relative; display:none;" ><i class="fa fa-comment" aria-hidden="true"></i><br/><!--send message-->chat</a>
              </div>



                                     <div id="cover_image_container">
             <span class="gradient"></span>
             <span class="edit_corner_cover"><i class="fa fa-pencil"></i></span>
                <hgroup id="hgroup_move">
                <img src="images/uploads/1460447757cover_mcx.jpg" class="logo logo_frame"  alt="" />
                       <h1 class="title_output" style="margin:0;">Meng Yee (Michael) Chuah</h1>
                       <h2 class="subtitle_output" style="margin:0;">Ever Curious!</h2>
                </hgroup>
            <img src="images/uploads/1457007155background_perschmitz.jpg" alt="Meng Yee (Michael) Chuah" id="portrait_img"   />
            </div>

            <div id="title_container">
             <span class="edit_corner_cover" id="edit_corner_title_container"><i class="fa fa-pencil"></i></span>
                <hgroup style="position:relative;top:0;">
                <img src="images/uploads/1460447757cover_mcx.jpg" class="logo logo_frame"  alt="" style="border-radius:0 !important; width:auto !important;" />
                       <h1 class="title_output" style="margin:0;">Meng Yee (Michael) Chuah</h1>
                       <h2 class="subtitle_output" style="margin:0;">Ever Curious!</h2>
                </hgroup>
            </div>

            </header>

<!-- |||||||||||||||||||||||||||||||||| :::::::::::::::::::::::: ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| -->
<!-- |||||||||||||||||||||||||||||||||| start content sections ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| -->
<!-- |||||||||||||||||||||||||||||||||| :::::::::::::::::::::::: ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| -->
<section id="section_custom1460437498" class="custom_content">
<script>
$(document).ready(function(){
initiateLightbox('section_custom1460437498');
});
  </script>

  <div class="line" id="11460454640l">
  <span class="edit_layer"><span class="edit_drag"><i class="fa fa-arrows-v"></i></span><br/><span class="edit_delete"><i class="fa fa-trash"></i></span></span>
  <span class="box_l rss_l" id="l11460454640l"><span class="edit_corner"><i class="fa fa-pencil"></i></span><a class="enlarge_image" style="position:relative; float:left;" title=""  href="http://news.mit.edu/2015/cheetah-robot-lands-running-jump-0529"  target="_blank" data-type="link"><img class="custom_image_output" src="images/uploads/1460454794custom_mcx.jpg" alt="  " /></a></span>
  </div><script>
$(document).ready(function(){
initiateLightbox('section_custom1460437498');
});
  </script>

  <div class="line" id="a1460437498l">
  <span class="edit_layer"><span class="edit_drag"><i class="fa fa-arrows-v"></i></span><br/><span class="edit_delete"><i class="fa fa-trash"></i></span></span>
  <span class="box_l text_l" id="la1460437498l"><span class="edit_corner"><i class="fa fa-pencil"></i></span><div align="left"><p align="justify" style="text-align: left;">Dr Michael Chuah is a Research Scientist with the <a href="http://www.a-star.edu.sg/i2r/RESEARCH/AUTONOMOUS-SYSTEMS" target="_blank">Robotics &amp; Autonomous Systems (RAS)</a> department at the <a href="http://www.a-star.edu.sg/i2r/" target="_blank">Institute for Infocomm Research (I<sup>2</sup>R)</a>, <a href="http://www.a-star.edu.sg/" target="_blank">Agency for Science, Technology and Research (A*STAR)</a>, Singapore since 2018. He received his B.S. degree in Mechanical Engineering with a minor in Robotics from <a href="http://www.cmu.edu/" target="_blank">Carnegie Mellon University (CMU)</a>, Pittsburgh, PA, and both his M.S. and Ph.D. degrees in Mechanical Engineering from the <a href="http://www.mit.edu/" target="_blank">Massachusetts Institute of Technology (MIT)</a>, Cambridge, MA. </p><p align="justify" style="text-align: left;"><br></p><!--EndFragment--></div><p style="text-align: left;">As part of the research and development team in the <a target="_blank" href="http://biomimetics.mit.edu/">Biomimetic Robotics Laboratory</a>, Dr Chuah helped design, develop, and build the<a target="_blank" href="http://biomimetics.mit.edu/research/dynamic-locomotion-mit-cheetah-2"> MIT Cheetah robot</a> with <a target="_blank" href="http://meche.mit.edu/people/faculty/sangbae@mit.edu">Professor Sangbae Kim</a>. T<span style="background-color: transparent;">he <a href="https://www.youtube.com/channel/UCvnLTlzyhH6oxazo7cpdH1A" target="_blank">MIT Cheetah robot</a> is a unique research platform that enables the study of dynamic locomotion capabilities in an experimental robot. This quadrupedal robot combines optimal actuator design principles and model predictive control (MPC) to enable <a href="https://www.youtube.com/watch?v=XMKQbqnXXhQ" target="_blank">energy efficient running at speeds up to 6.4m/s</a> as well as <a href="https://www.youtube.com/watch?v=_luhn7TLfWU" target="_blank">autonomous jumping over obstacles 40cm tall</a>. <a href="https://www.youtube.com/watch?v=QZ1DaQgg3lE" target="_blank">Here</a> is a video of the robot climbing stairs, and here is a video of the <a href="https://www.youtube.com/watch?v=xNeZWP5Mx9s" target="_blank">Mini Cheetah performing a backflip</a>.</span></p><p style="text-align: left;"><span style="background-color: transparent;"><br></span></p><!--EndFragment--><p align="left" style="text-align: left;">As part of his thesis work, Dr Chuah developed a <a target="_blank" href="https://biomimetics.mit.edu/footpad-sensor">multi-axis, large force detecting foot sensor for legged robots</a>. It is a monolithic composite structure that is composed of a piezoresistive sensor array PCB completely embedded in a protective polyurethane rubber layer. The composite architecture allows for compliance and traction during ground contact, while deformation alters the measured stress distribution. Using machine learning, we are able to map the local sampling of stress inside the polymeric footpad to forces in three axes with high accuracy. This footpad sensor is intended for use on the MIT Cheetah to provide a complete picture of the ground interaction forces that is a necessity in enabling high-speed and dynamic ground locomotion.&nbsp;<span style="background-color: transparent;">Ongoing work with these foot sensors involve incorporating them into prototype next generation wearable smart shoes for potential use with patients and athletes, and miniaturizing them to fit into the fingertips of robotic hands.</span></p><!--EndFragment--><!--EndFragment--></span>
  </div><script>
$(document).ready(function(){
initiateLightbox('section_custom1460437498');
});
  </script>

  <div class="line" id="11506706213l">
  <span class="edit_layer"><span class="edit_drag"><i class="fa fa-arrows-v"></i></span><br/><span class="edit_delete"><i class="fa fa-trash"></i></span></span>
  <span class="box_l rss_l" id="l11506706213l"><span class="edit_corner"><i class="fa fa-pencil"></i></span><a href="js/pdfjs/web/viewer.html?file=..%2F..%2F..%2Fimages%2Fuploads%2F1506713900pdf_mcx.pdf" target="_blank" class="cta_wrap cta_download_request"><span class="pdf_title_container">Research Poster<br/><span class="pdf_download_button"><i class="fa fa-file-text" style="font-size:20px; margin-right:8px;"></i>Download PDF</span></span></a></span>
  </div><script>
$(document).ready(function(){
initiateLightbox('section_custom1460437498');
});
  </script>

  <div class="line" id="21460448367m">
  <span class="edit_layer"><span class="edit_drag"><i class="fa fa-arrows-v"></i></span><br/><span class="edit_delete"><i class="fa fa-trash"></i></span></span>
  <div class="box_m" id="121460448367m" style=""><span class="edit_corner"><i class="fa fa-pencil"></i></span><a href="js/pdfjs/web/viewer.html?file=..%2F..%2F..%2Fimages%2Fuploads%2F1506713949pdf_mcx.pdf" target="_blank" class="cta_wrap cta_download_request"><span class="pdf_title_container">My Curriculum Vitae<br/><span class="pdf_download_button"><i class="fa fa-file-text" style="font-size:20px; margin-right:8px;"></i>Download PDF</span></span></a></div>
  <div class="box_m" id="221460448367m"><span class="edit_corner"><i class="fa fa-pencil"></i></span><a href="js/pdfjs/web/viewer.html?file=..%2F..%2F..%2Fimages%2Fuploads%2F1506713780pdf_mcx.pdf" target="_blank" class="cta_wrap cta_download_request"><span class="pdf_title_container">My Resume<br/><span class="pdf_download_button"><i class="fa fa-file-text" style="font-size:20px; margin-right:8px;"></i>Download PDF</span></span></a></div>
  </div><script>
  $(document).ready(function(){
    //$("#lc1460437498l").html('<div style="float:left; width:100%; height:52px;background:black; line-height:52px; opacity:0.03; padding-left:20px;">loading links …</div>');
    $("#lc1460437498l").load("ajax_content/link_handling_new.php?line_id=c1460437498l&target=site");
  });
  </script>
<script>
$(document).ready(function(){
initiateLightbox('section_custom1460437498');
});
  </script>

  <div class="line" id="c1460437498l">
  <span class="edit_layer"><span class="edit_drag"><i class="fa fa-arrows-v"></i></span><br/><span class="edit_delete"><i class="fa fa-trash"></i></span></span>
  <span class="box_l text_l" id="lc1460437498l"><span class="edit_corner"><i class="fa fa-pencil"></i></span></span>
  </div><script>
  $(document).ready(function(){
    $("#l11460448367l").html('<div class="rss_loading_message" style="float:left; width:100%; height:50px; color:white; background:transparent url(images/blackbackground_light.png);  line-height:50px; padding-left:20px;"><img src="images/icons_social/colored_64_circle/twitter.png" alt="" style="width:auto; height:32px; width:32px; margin-top:9px; margin-right:5px;" class="service_loading_icon"  /> loading Twitter ...</div>');
    var rotation = function (){ $(".service_loading_icon").rotate({ angle:0,  animateTo:360,  callback: rotation });
}
rotation();
       $.get(
            "ajax_content/rss_feed.php?line_id=11460448367l&grid=2&count=10&box=1&service=Twitter&service_username=mcccxx&line_type=l",
            {language: "php", version: 5},
            function(data){
                  $("#l11460448367l").html(data);
                  setTimeout(function(){ responsiveLayout(previewDevice); $("#l11460448367l").animate({ opacity: 1 }); }, 1000);
                                  },
            "html"
        );
  });
  </script>
<script>
$(document).ready(function(){
initiateLightbox('section_custom1460437498');
});
  </script>

  <div class="line" id="11460448367l">
  <span class="edit_layer"><span class="edit_drag"><i class="fa fa-arrows-v"></i></span><br/><span class="edit_delete"><i class="fa fa-trash"></i></span></span>
  <span class="box_l rss_l" id="l11460448367l"><span class="edit_corner"><i class="fa fa-pencil"></i></span>mcccxx</span>
  </div></section>
      <section id="section_custom1563527881" class="custom_content">
<script>
$(document).ready(function(){
initiateLightbox('section_custom1563527881');
});
  </script>

  <div class="line" id="11563526899l">
  <span class="edit_layer"><span class="edit_drag"><i class="fa fa-arrows-v"></i></span><br/><span class="edit_delete"><i class="fa fa-trash"></i></span></span>
  <span class="box_l" id="l11563526899l"><span class="edit_corner"><i class="fa fa-pencil"></i></span><iframe title="YouTube video player" class="vid_embed" id="youtube_plr"  src="https://www.youtube.com/embed/xNeZWP5Mx9s?autoplay=0&amp;wmode=transparent" frameborder="0" allowfullscreen></iframe></span>
  </div><script>
$(document).ready(function(){
initiateLightbox('section_custom1563527881');
});
  </script>

  <div class="line" id="21563526899l">
  <span class="edit_layer"><span class="edit_drag"><i class="fa fa-arrows-v"></i></span><br/><span class="edit_delete"><i class="fa fa-trash"></i></span></span>
  <span class="box_l" id="l21563526899l"><span class="edit_corner"><i class="fa fa-pencil"></i></span><iframe title="YouTube video player" class="vid_embed" id="youtube_plr"  src="https://www.youtube.com/embed/QZ1DaQgg3lE?autoplay=0&amp;wmode=transparent" frameborder="0" allowfullscreen></iframe></span>
  </div><script>
$(document).ready(function(){
initiateLightbox('section_custom1563527881');
});
  </script>

  <div class="line" id="31563526899l">
  <span class="edit_layer"><span class="edit_drag"><i class="fa fa-arrows-v"></i></span><br/><span class="edit_delete"><i class="fa fa-trash"></i></span></span>
  <span class="box_l" id="l31563526899l"><span class="edit_corner"><i class="fa fa-pencil"></i></span><iframe title="YouTube video player" class="vid_embed" id="youtube_plr"  src="https://www.youtube.com/embed/_luhn7TLfWU?autoplay=0&amp;wmode=transparent" frameborder="0" allowfullscreen></iframe></span>
  </div><script>
$(document).ready(function(){
initiateLightbox('section_custom1563527881');
});
  </script>

  <div class="line" id="41563526899l">
  <span class="edit_layer"><span class="edit_drag"><i class="fa fa-arrows-v"></i></span><br/><span class="edit_delete"><i class="fa fa-trash"></i></span></span>
  <span class="box_l" id="l41563526899l"><span class="edit_corner"><i class="fa fa-pencil"></i></span><iframe title="YouTube video player" class="vid_embed" id="youtube_plr"  src="https://www.youtube.com/embed/XMKQbqnXXhQ?autoplay=0&amp;wmode=transparent" frameborder="0" allowfullscreen></iframe></span>
  </div><script>
$(document).ready(function(){
initiateLightbox('section_custom1563527881');
});
  </script>

  <div class="line" id="51563526899l">
  <span class="edit_layer"><span class="edit_drag"><i class="fa fa-arrows-v"></i></span><br/><span class="edit_delete"><i class="fa fa-trash"></i></span></span>
  <span class="box_l" id="l51563526899l"><span class="edit_corner"><i class="fa fa-pencil"></i></span><iframe title="YouTube video player" class="vid_embed" id="youtube_plr"  src="https://www.youtube.com/embed/UBHJqnM8RTU?autoplay=0&amp;wmode=transparent" frameborder="0" allowfullscreen></iframe></span>
  </div></section>
      <section id="section_custom1460437499" class="custom_content">
<script>
  $(document).ready(function(){
    $("#lcontacta1460437498l").html('<div style="float:left;  text-align:center; width:100%; height:300px; color:inherit;  line-height:50px;" class="contact_loading_overlay"><i class="fa fa-cog fa-spin" style="font-size: 100px; opacity:0.4; margin-top:80px;"></i></div>');
   $("#lcontacta1460437498l").load("ajax_content/contact_info_new.php?line_id=contacta1460437498l&user=mcx");
  });
  </script>
<script>
$(document).ready(function(){
initiateLightbox('section_custom1460437499');
});
  </script>

  <div class="line" id="contacta1460437498l">
  <span class="edit_layer"><span class="edit_drag"><i class="fa fa-arrows-v"></i></span><br/><span class="edit_delete"><i class="fa fa-trash"></i></span></span>
  <span class="box_l contact_box" id="lcontacta1460437498l"><span class="edit_corner"><i class="fa fa-pencil"></i></span></span>
  </div></section>
      <!-- |||||||||||||||||||||||||||||||||| :::::::::::::::::::::::: ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| -->
<!-- |||||||||||||||||||||||||||||||||| end custom content sections ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| -->
<!-- |||||||||||||||||||||||||||||||||| :::::::::::::::::::::::: ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| -->


</div>
<!--End Wrapper-->

       


    </body>
</html>
