Difference between revisions of "Team:worldshaper-wuhan/design"

(Created page with " <html lang="en-US"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, max...")
 
Line 13: Line 13:
 
.sf-menu ul{position:absolute;min-width:160px;top:100%;left:0;z-index:99;display:none;background-color:#fff}.sf-menu>li{float:left}.sf-menu li:hover>ul,.sf-menu li.sfHover>ul{z-index:9999;display:block}.sf-menu a{position:relative}.sf-menu ul ul{top:0;left:100%!important}.sf-menu{font-family:'Lato',sans-serif;font-weight:bold;text-transform:uppercase;float:right;position:relative}ul.sf-menu>li>a{position:relative;bottom:-1px;padding:30px 14px 27px;border-bottom:3px solid transparent;display:block;color:#808080;font-size:14px;line-height:1;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease}ul.sf-menu>li>a:after{opacity:0;position:absolute;color:#21b6a8;font-size:24px;bottom:0;left:50%;margin-left:-7px;content:'\f0d8';display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease}ul.sf-menu>li:hover>a:after{opacity:1}ul.sf-menu>li:hover>a{border-bottom-color:#21b6a8}ul.sf-menu li ul li{background-color:#21b6a8}ul.sf-menu li ul li:hover{background-color:rgba(33,182,168,.85)}ul.sf-menu li ul li a{display:block;font-size:14px;color:#fff;opacity:.5;line-height:1;padding:20px 0 20px 20px}ul.sf-menu li ul li:hover a{opacity:1}ul.sf-menu li ul li{text-align:left;line-height:1}ul.sf-menu li ul li:hover>a{color:#fff}.sf-menu ul li.current_page_item,.sf-menu ul li.current_page_ancestor,.sf-menu ul li.current-menu-ancestor,.sf-menu ul li.current-menu-item,.page-template-template-onepage-php .sf-menu>.tw-menu-active,.sf-menu ul li.current_page_item.menu-item-has-children,.sf-menu ul li.current_page_ancestor.menu-item-has-children,.sf-menu ul li.current-menu-ancestor.menu-item-has-children,.sf-menu ul li.current-menu-item.menu-item-has-childrenul,.sf-menu li ul li:hover{background-color:rgba(33,182,168,.85)}ul.sf-menu>li:hover>a,ul.sf-menu>li:hover:after,.sf-menu>li.current_page_item>a,.sf-menu>li.current_page_ancestor>a,.sf-menu>li.current-menu-ancestor>a,.sf-menu>li.current-menu-item>a,.page-template-template-onepage-php .sf-menu>.tw-menu-active>a,.sf-menu>li.current_page_item.menu-item-has-children,.sf-menu>li.current_page_ancestor.menu-item-has-children,.sf-menu>li.current-menu-ancestor.menu-item-has-children,.sf-menu>li.current-menu-item.menu-item-has-children{color:#21b6a8}.menu-container{position:relative}ul.sf-menu li ul li[class*="fa-"] a{padding:12px 0 12px 48px}ul.sf-menu li ul li[class*="icon-"] a{padding:12px 0 12px 50px}.sf-menu [class^="fa-"]:before,.sf-menu [class*=" fa-"]:before,.sf-menu [class^="icon-"]:before,.sf-menu [class*=" icon-"]:before{display:none}.sf-menu ul [class^="fa-"]:before,.sf-menu ul [class*=" fa-"]:before,.sf-menu ul [class^="icon-"]:before,.sf-menu ul [class*=" icon-"]:before{display:block;text-align:center;position:absolute;top:12px;left:20px;font-size:14px;line-height:14px;-webkit-font-smoothing:antialiased}.sf-menu ul [class^="icon-"]:before,.sf-menu ul [class*=" icon-"]:before{font-family:Simple-Line-Icons}.sf-menu ul [class^="fa-"]:before,.sf-menu ul [class*=" fa-"]:before{font-family:FontAwesome;left:22px}.sf-menu [class^="fa-"]:before,.sf-menu [class*=" fa-"]:before,.sf-menu [class^="icon-"]:before,.sf-menu [class*=" icon-"]:before{color:#4f4f4f}.sf-menu ul [class^="fa-"]:before,.sf-menu ul [class*=" fa-"]:before,.sf-menu ul [class^="icon-"]:before,.sf-menu ul [class*=" icon-"]:before{color:#1c1c1c}.sf-menu ul [class^="fa-"]:hover:before,.sf-menu ul [class*=" fa-"]:hover:before,.sf-menu ul .current_page_item[class^="fa-"]:before,.sf-menu ul .current_page_item[class*=" fa-"]:before,.sf-menu ul [class^="icon-"]:hover:before,.sf-menu ul [class*=" icon-"]:hover:before,.sf-menu ul .current_page_item[class^="icon-"]:before,.sf-menu ul .current_page_item[class*=" icon-"]:before{color:#fff}.sf-menu ul.waves-mega-menu [class^="fa-"]:hover:before,.sf-menu ul.waves-mega-menu [class*=" fa-"]:hover:before,.sf-menu ul.waves-mega-menu .current_page_item[class^="fa-"]:before,.sf-menu ul.waves-mega-menu .current_page_item[class*=" fa-"]:before,.sf-menu ul.waves-mega-menu [class^="icon-"]:hover:before,.sf-menu ul.waves-mega-menu [class*=" icon-"]:hover:before,.sf-menu ul.waves-mega-menu .current_page_item[class^="icon-"]:before,.sf-menu ul.waves-mega-menu .current_page_item[class*=" icon-"]:before{color:#21b6a8}
 
.sf-menu ul{position:absolute;min-width:160px;top:100%;left:0;z-index:99;display:none;background-color:#fff}.sf-menu>li{float:left}.sf-menu li:hover>ul,.sf-menu li.sfHover>ul{z-index:9999;display:block}.sf-menu a{position:relative}.sf-menu ul ul{top:0;left:100%!important}.sf-menu{font-family:'Lato',sans-serif;font-weight:bold;text-transform:uppercase;float:right;position:relative}ul.sf-menu>li>a{position:relative;bottom:-1px;padding:30px 14px 27px;border-bottom:3px solid transparent;display:block;color:#808080;font-size:14px;line-height:1;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease}ul.sf-menu>li>a:after{opacity:0;position:absolute;color:#21b6a8;font-size:24px;bottom:0;left:50%;margin-left:-7px;content:'\f0d8';display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease}ul.sf-menu>li:hover>a:after{opacity:1}ul.sf-menu>li:hover>a{border-bottom-color:#21b6a8}ul.sf-menu li ul li{background-color:#21b6a8}ul.sf-menu li ul li:hover{background-color:rgba(33,182,168,.85)}ul.sf-menu li ul li a{display:block;font-size:14px;color:#fff;opacity:.5;line-height:1;padding:20px 0 20px 20px}ul.sf-menu li ul li:hover a{opacity:1}ul.sf-menu li ul li{text-align:left;line-height:1}ul.sf-menu li ul li:hover>a{color:#fff}.sf-menu ul li.current_page_item,.sf-menu ul li.current_page_ancestor,.sf-menu ul li.current-menu-ancestor,.sf-menu ul li.current-menu-item,.page-template-template-onepage-php .sf-menu>.tw-menu-active,.sf-menu ul li.current_page_item.menu-item-has-children,.sf-menu ul li.current_page_ancestor.menu-item-has-children,.sf-menu ul li.current-menu-ancestor.menu-item-has-children,.sf-menu ul li.current-menu-item.menu-item-has-childrenul,.sf-menu li ul li:hover{background-color:rgba(33,182,168,.85)}ul.sf-menu>li:hover>a,ul.sf-menu>li:hover:after,.sf-menu>li.current_page_item>a,.sf-menu>li.current_page_ancestor>a,.sf-menu>li.current-menu-ancestor>a,.sf-menu>li.current-menu-item>a,.page-template-template-onepage-php .sf-menu>.tw-menu-active>a,.sf-menu>li.current_page_item.menu-item-has-children,.sf-menu>li.current_page_ancestor.menu-item-has-children,.sf-menu>li.current-menu-ancestor.menu-item-has-children,.sf-menu>li.current-menu-item.menu-item-has-children{color:#21b6a8}.menu-container{position:relative}ul.sf-menu li ul li[class*="fa-"] a{padding:12px 0 12px 48px}ul.sf-menu li ul li[class*="icon-"] a{padding:12px 0 12px 50px}.sf-menu [class^="fa-"]:before,.sf-menu [class*=" fa-"]:before,.sf-menu [class^="icon-"]:before,.sf-menu [class*=" icon-"]:before{display:none}.sf-menu ul [class^="fa-"]:before,.sf-menu ul [class*=" fa-"]:before,.sf-menu ul [class^="icon-"]:before,.sf-menu ul [class*=" icon-"]:before{display:block;text-align:center;position:absolute;top:12px;left:20px;font-size:14px;line-height:14px;-webkit-font-smoothing:antialiased}.sf-menu ul [class^="icon-"]:before,.sf-menu ul [class*=" icon-"]:before{font-family:Simple-Line-Icons}.sf-menu ul [class^="fa-"]:before,.sf-menu ul [class*=" fa-"]:before{font-family:FontAwesome;left:22px}.sf-menu [class^="fa-"]:before,.sf-menu [class*=" fa-"]:before,.sf-menu [class^="icon-"]:before,.sf-menu [class*=" icon-"]:before{color:#4f4f4f}.sf-menu ul [class^="fa-"]:before,.sf-menu ul [class*=" fa-"]:before,.sf-menu ul [class^="icon-"]:before,.sf-menu ul [class*=" icon-"]:before{color:#1c1c1c}.sf-menu ul [class^="fa-"]:hover:before,.sf-menu ul [class*=" fa-"]:hover:before,.sf-menu ul .current_page_item[class^="fa-"]:before,.sf-menu ul .current_page_item[class*=" fa-"]:before,.sf-menu ul [class^="icon-"]:hover:before,.sf-menu ul [class*=" icon-"]:hover:before,.sf-menu ul .current_page_item[class^="icon-"]:before,.sf-menu ul .current_page_item[class*=" icon-"]:before{color:#fff}.sf-menu ul.waves-mega-menu [class^="fa-"]:hover:before,.sf-menu ul.waves-mega-menu [class*=" fa-"]:hover:before,.sf-menu ul.waves-mega-menu .current_page_item[class^="fa-"]:before,.sf-menu ul.waves-mega-menu .current_page_item[class*=" fa-"]:before,.sf-menu ul.waves-mega-menu [class^="icon-"]:hover:before,.sf-menu ul.waves-mega-menu [class*=" icon-"]:hover:before,.sf-menu ul.waves-mega-menu .current_page_item[class^="icon-"]:before,.sf-menu ul.waves-mega-menu .current_page_item[class*=" icon-"]:before{color:#21b6a8}
 
nav.menu-right ul.sf-menu{float:left}.menu-container.with-menu .sf-menu{margin-right:40px}.row-start{clear:left}.sf-menu .waves-mega-menu{border:1px solid #e8e8e8;padding-bottom:20px}.sf-menu .waves-mega-menu>li{min-height:10px;float:left}.sf-menu .waves-mega-menu ul,.sf-menu .waves-mega-menu li{border:0;display:block;position:relative;top:auto;left:auto!important;background:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}ul.sf-menu li ul.waves-mega-menu li{border:0}ul.sf-menu li ul.waves-mega-menu li:hover{background:0}ul.sf-menu li ul.waves-mega-menu li:hover>a{color:#21b6a8}.sf-menu .waves-mega-menu .mega-menu-title{font-family:'Raleway',sans-serif;padding:15px 40px;margin-bottom:15px;color:#21b6a8;text-transform:uppercase;font-size:12px;border-bottom:1px solid #e8e8e8}.sf-menu .waves-mega-menu li ul li a{padding:12px 40px}.sf-menu .waves-mega-menu li ul li[class^="fa-"] a,.sf-menu .waves-mega-menu li ul li[class*=" fa-"] a{padding:12px 0 12px 70px}.sf-menu .waves-mega-menu ul [class^="fa-"]:before,.sf-menu .waves-mega-menu ul [class*=" fa-"]:before{left:40px}.sf-menu .waves-mega-menu li,.sf-menu .waves-mega-menu ul{display:inline-block!important;visibility:visible!important}.mega-menu-items li{width:100%}.sidebar-content .tw-logo{display:block;text-align:center;margin-bottom:30px}.sidebar-content .sf-menu,.sidebar-content .sf-menu>li{float:none}.sidebar-content ul.sf-menu>li>a{padding:10px 15px;text-align:center;font-size:13px;font-weight:bold}.sidebar-content .sf-menu ul{top:0;left:100%}body.menu-right .sidebar-content .sf-menu ul{top:0;left:auto;right:100%}#mobile-menu{z-index:1}.show-mobile-menu{position:absolute;z-index:99;top:50%;right:15px;margin-top:-16px;cursor:pointer;display:none}.show-mobile-menu .mobile-menu-icon{float:left;width:35px}.mobile-menu-icon span{display:block;margin-bottom:2px;width:100%;height:5px;background:#2f2f2f}#mobile-menu{position:absolute;width:100%;z-index:99999;display:none;padding:0 20px;background:#f5f5f5;border:1px solid #e8e8e8;border-right:0;border-left:none}#mobile-menu ul{margin:0;padding:10px 0;width:100%;list-style:none}#mobile-menu ul.sub-menu{display:none;margin-top:15px;margin-bottom:-15px;padding:0}#mobile-menu ul li{position:relative;display:block;padding:10px 0;border-top:1px solid rgba(255,255,255,.1)}#mobile-menu ul li:first-child{border-top:0}#mobile-menu ul li a{display:block;display:inline-block!Important;padding-left:10px!important;color:#999}#mobile-menu ul li a:hover{color:#444}#mobile-menu ul li.has-children>.action-expand{float:right;width:30px;text-align:center;height:30px;font-size:22px;line-height:30px;cursor:pointer}#mobile-menu ul li.has-children>a{width:85%}#mobile-menu ul li.has-children>.action-expand>.opened,#mobile-menu ul li.has-children.menu-open>.action-expand>.closed{display:none}#mobile-menu ul li.has-children>.action-expand>.closed,#mobile-menu ul li.has-children.menu-open>.action-expand>.opened{display:block}#mobile-menu ul ul li a:before{margin-right:5px;content:'-'}#mobile-menu ul ul ul li a:before{margin-right:5px;content:'- -'}#mobile-menu ul ul ul ul li a:before{margin-right:5px;content:'- - -'}#mobile-menu ul ul ul ul ul li a:before{margin-right:5px;content:'- - - -'}#mobile-menu ul ul ul ul ul ul li a:before{margin-right:5px;content:'- - - - -'}#mobile-menu ul ul ul ul ul ul ul li a:before{margin-right:5px;content:'- - - - - -'}#mobile-menu ul ul ul ul ul ul ul ul li a:before{margin-right:5px;content:'- - - - - - -'}#mobile-menu ul ul ul ul ul ul ul ul ul li a:before{margin-right:5px;content:'- - - - - - - -'}#mobile-menu ul ul ul ul ul ul ul ul ul ul li a:before{margin-right:5px;content:'- - - - - - - - -'}#mobile-menu ul ul ul ul ul ul ul ul ul ul ul li a:before{margin-right:5px;content:'- - - - - - - - - -'}#mobile-menu ul ul ul ul ul ul ul ul ul ul ul ul li a:before{margin-right:5px;content:'- - - - - - - - - - -'}#mobile-menu ul ul li:first-child{border-top:1px solid rgba(255,255,255,.1)}.transparent-header.header-light #header.header-small{background-color:rgba(0,0,0,0.5)}.header-light ul.sf-menu>li.current_page_item>a,.header-light .sf-menu>li.current_page_ancestor>a,.header-light .sf-menu>li.current-menu-ancestor>a,.header-light .sf-menu>li.current-menu-item>a .header-light h1.site-name a,.header-light ul.sf-menu>li>a,.header-light ul.sf-menu>li:hover>a,.header-light ul.sf-menu>li:hover:after{color:#fff}.header-dark ul.sf-menu>li.current_page_item>a,.header-dark .sf-menu>li.current_page_ancestor>a,.header-dark .sf-menu>li.current-menu-ancestor>a,.header-dark .sf-menu>li.current-menu-item>a .header-dark h1.site-name a,.header-dark ul.sf-menu>li>a,.header-dark ul.sf-menu>li:hover>a,.header-dark ul.sf-menu>li:hover:after{color:#4f4f4f}
 
nav.menu-right ul.sf-menu{float:left}.menu-container.with-menu .sf-menu{margin-right:40px}.row-start{clear:left}.sf-menu .waves-mega-menu{border:1px solid #e8e8e8;padding-bottom:20px}.sf-menu .waves-mega-menu>li{min-height:10px;float:left}.sf-menu .waves-mega-menu ul,.sf-menu .waves-mega-menu li{border:0;display:block;position:relative;top:auto;left:auto!important;background:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}ul.sf-menu li ul.waves-mega-menu li{border:0}ul.sf-menu li ul.waves-mega-menu li:hover{background:0}ul.sf-menu li ul.waves-mega-menu li:hover>a{color:#21b6a8}.sf-menu .waves-mega-menu .mega-menu-title{font-family:'Raleway',sans-serif;padding:15px 40px;margin-bottom:15px;color:#21b6a8;text-transform:uppercase;font-size:12px;border-bottom:1px solid #e8e8e8}.sf-menu .waves-mega-menu li ul li a{padding:12px 40px}.sf-menu .waves-mega-menu li ul li[class^="fa-"] a,.sf-menu .waves-mega-menu li ul li[class*=" fa-"] a{padding:12px 0 12px 70px}.sf-menu .waves-mega-menu ul [class^="fa-"]:before,.sf-menu .waves-mega-menu ul [class*=" fa-"]:before{left:40px}.sf-menu .waves-mega-menu li,.sf-menu .waves-mega-menu ul{display:inline-block!important;visibility:visible!important}.mega-menu-items li{width:100%}.sidebar-content .tw-logo{display:block;text-align:center;margin-bottom:30px}.sidebar-content .sf-menu,.sidebar-content .sf-menu>li{float:none}.sidebar-content ul.sf-menu>li>a{padding:10px 15px;text-align:center;font-size:13px;font-weight:bold}.sidebar-content .sf-menu ul{top:0;left:100%}body.menu-right .sidebar-content .sf-menu ul{top:0;left:auto;right:100%}#mobile-menu{z-index:1}.show-mobile-menu{position:absolute;z-index:99;top:50%;right:15px;margin-top:-16px;cursor:pointer;display:none}.show-mobile-menu .mobile-menu-icon{float:left;width:35px}.mobile-menu-icon span{display:block;margin-bottom:2px;width:100%;height:5px;background:#2f2f2f}#mobile-menu{position:absolute;width:100%;z-index:99999;display:none;padding:0 20px;background:#f5f5f5;border:1px solid #e8e8e8;border-right:0;border-left:none}#mobile-menu ul{margin:0;padding:10px 0;width:100%;list-style:none}#mobile-menu ul.sub-menu{display:none;margin-top:15px;margin-bottom:-15px;padding:0}#mobile-menu ul li{position:relative;display:block;padding:10px 0;border-top:1px solid rgba(255,255,255,.1)}#mobile-menu ul li:first-child{border-top:0}#mobile-menu ul li a{display:block;display:inline-block!Important;padding-left:10px!important;color:#999}#mobile-menu ul li a:hover{color:#444}#mobile-menu ul li.has-children>.action-expand{float:right;width:30px;text-align:center;height:30px;font-size:22px;line-height:30px;cursor:pointer}#mobile-menu ul li.has-children>a{width:85%}#mobile-menu ul li.has-children>.action-expand>.opened,#mobile-menu ul li.has-children.menu-open>.action-expand>.closed{display:none}#mobile-menu ul li.has-children>.action-expand>.closed,#mobile-menu ul li.has-children.menu-open>.action-expand>.opened{display:block}#mobile-menu ul ul li a:before{margin-right:5px;content:'-'}#mobile-menu ul ul ul li a:before{margin-right:5px;content:'- -'}#mobile-menu ul ul ul ul li a:before{margin-right:5px;content:'- - -'}#mobile-menu ul ul ul ul ul li a:before{margin-right:5px;content:'- - - -'}#mobile-menu ul ul ul ul ul ul li a:before{margin-right:5px;content:'- - - - -'}#mobile-menu ul ul ul ul ul ul ul li a:before{margin-right:5px;content:'- - - - - -'}#mobile-menu ul ul ul ul ul ul ul ul li a:before{margin-right:5px;content:'- - - - - - -'}#mobile-menu ul ul ul ul ul ul ul ul ul li a:before{margin-right:5px;content:'- - - - - - - -'}#mobile-menu ul ul ul ul ul ul ul ul ul ul li a:before{margin-right:5px;content:'- - - - - - - - -'}#mobile-menu ul ul ul ul ul ul ul ul ul ul ul li a:before{margin-right:5px;content:'- - - - - - - - - -'}#mobile-menu ul ul ul ul ul ul ul ul ul ul ul ul li a:before{margin-right:5px;content:'- - - - - - - - - - -'}#mobile-menu ul ul li:first-child{border-top:1px solid rgba(255,255,255,.1)}.transparent-header.header-light #header.header-small{background-color:rgba(0,0,0,0.5)}.header-light ul.sf-menu>li.current_page_item>a,.header-light .sf-menu>li.current_page_ancestor>a,.header-light .sf-menu>li.current-menu-ancestor>a,.header-light .sf-menu>li.current-menu-item>a .header-light h1.site-name a,.header-light ul.sf-menu>li>a,.header-light ul.sf-menu>li:hover>a,.header-light ul.sf-menu>li:hover:after{color:#fff}.header-dark ul.sf-menu>li.current_page_item>a,.header-dark .sf-menu>li.current_page_ancestor>a,.header-dark .sf-menu>li.current-menu-ancestor>a,.header-dark .sf-menu>li.current-menu-item>a .header-dark h1.site-name a,.header-dark ul.sf-menu>li>a,.header-dark ul.sf-menu>li:hover>a,.header-dark ul.sf-menu>li:hover:after{color:#4f4f4f}
.transparent-header #page-title{padding-top:160px}#page-title{background:#f5f5f5;background-size:cover;border-top:2px solid #e5e5e5;border-bottom:2px solid #e5e5e5;padding:30px 0;background-position:center center}#page-title h1{margin:10px 0;font-size:18px;font-weight:900;text-transform:uppercase;color:#343434}#page-title p{color:#808080;font-size:16px;margin:15px auto 10px;margin-top:-15px;max-width:640px}#page-title.light h1,#page-title.light p{color:#fff}.title-with-crumbs{display:inline-block;width:49.7%;vertical-align:middle}.waves-breadcrumbs{color:#21b6a8}.waves-breadcrumbs a{color:#808080}.waves-breadcrumbs .crumb-item:after{content:'/';display:inline-block;padding:0 5px;color:#808080}.waves-breadcrumbs .crumb-item:last-child:after{content:'';padding:0}h3.widget-title{font-size:16px}aside ul li a:hover{color:#21b6a8}aside.widget{margin-bottom:60px}aside.widget ul{padding:0}aside.widget ul li{padding:0 0 10px;line-height:1.9}aside.widget ul li:last-child{padding-bottom:0}aside.widget_categories ul li,aside.widget_recent_entries ul li,aside.widget_recent_comments ul li,aside.widget_archive ul li,aside.widget_meta ul li{padding-left:25px}aside.widget_categories ul li a:before,aside.widget_recent_entries ul li a:before,aside.widget_recent_comments ul li a:before,aside.widget_archive ul li a:before,aside.widget_meta ul li a:before{position:absolute;left:3px;content:'\f061';font-family:FontAwesome}form#searchform{position:relative}form#searchform input{width:100%;padding-right:26px}.button-search.fa-search{position:absolute;top:17px;right:10px}.contact-info-widget{min-height:157px;background:url(../img/contact-background.png) center center no-repeat}.contact-info-widget ul i{float:left;margin-top:5px;width:15px;height:13px;text-align:center;font-size:14px}.contact-info-widget ul div{padding-left:30px}aside.widget .contact-info-widget ul li{margin-bottom:0;padding-bottom:2px}.dribbble-widget,.flickr-widget .flickr-channel{position:relative;display:inline-block;*display:inline}.flickr-widget .flickr-channel,.dribbble-widget,.tw-recent-portfolios-widget{margin:-5px}.flickr-channel a,.dribbble-widget a,.tw-recent-portfolios-widget a{position:relative;display:block;float:left;margin:5px}.flickr-channel a img,.tw-recent-portfolios-widget a img,.tw-recent-portfolios-widget a{background:#efefef;width:83px;height:83px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}.flickr-channel a img,.dribbble-widget a img,.flickr-channel a:hover:before,.dribbble-widget a:hover:before,.tw-recent-portfolios-widget a:hover:before{opacity:1}.flickr-channel a:before,.dribbble-widget a:before,.tw-recent-portfolios-widget a:before{font-size:20px;line-height:83px;width:83px;height:83px;position:absolute;content:"\f067";font-family:FontAwesome;text-align:center;color:#FFF;top:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:rgba(33,182,168,.85);border:solid 2px #85ebe1;opacity:0;-webkit-transition:all 450ms ease 0s;-moz-transition:all 450ms ease 0s;-o-transition:all 450ms ease 0s;transition:all 450ms ease 0s}.dribbble-widget a:before,.dribbble-widget a img{width:80px;height:60px;line-height:60px}.tagcloud a{display:inline-block;text-transform:capitalize;border:1px solid #a1a5b0;padding:3px 18px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin:0 10px 10px 0}.tagcloud a:hover,#bottom .tagcloud a:hover{border:1px solid #21b6a8;background:#21b6a8;color:#fff}.tw-recent-posts-widget ul{margin:0;list-style:none}.tw-recent-posts-widget ul li{display:inline-block;margin-bottom:10px;width:100%}.tw-recent-posts-widget h4{font-weight:normal;font-size:13px;line-height:18px;margin-bottom:10px}.tw-recent-posts-widget h4 a{color:#000}.tw-recent-posts-widget .meta{font-size:10px;text-transform:uppercase;color:#a4a4a4;line-height:14px}.tw-recent-content.with-thumb{padding-left:85px}.tw-recent-posts-widget .recent-thumb{float:left;background-color:#f2f2f2}.widget_pages ul.children,.widget_nav_menu ul.sub-menu,.menu-main-menu-container .sub-menu{display:none}#footer{padding:20px 0;background:#191a1e}#bottom{padding:70px 0 0;background:#21252b;border-bottom:1px solid #2d3239}#footer,#footer a{color:#51535d;font-size:14px;font-weight:normal}#footer a{color:#a1a5b0}#bottom .textwidget a:hover{color:#fff}#bottom,#bottom a{color:#a1a5b0}#footer p{margin-bottom:0}#bottom a:hover,#footer a:hover{color:#999}.fixed-footer{position:fixed;bottom:0;left:0;width:100%;z-index:-1}#bottom .tw-widget-title-container:before{content:'';width:90px;height:1px;background:#3c4046;display:block;position:absolute;top:55px}#bottom h3.widget-title{color:#fff;margin-bottom:70px;text-transform:uppercase}#bottom ul.jtwt li:before,#bottom .twitter-follow a{color:#666;border-color:#363636;background-color:#2a2a2a}#bottom .twitter-follow a:hover{color:#fff;border-color:#fff}
+
.transparent-header #page-title{padding-top:160px}#page-title{background:#f5f5f5;background-size:cover;border-top:2px solid #e5e5e5;border-bottom:2px solid #e5e5e5;padding:30px 0;background-position:center center}#page-title h1{margin:10px 0;font-size:18px;font-weight:900;text-transform:uppercase;color:#343434}#page-title p{color:#808080;font-size:16px;margin:15px auto 10px;margin-top:-15px;max-width:640px}#page-title.light h1,#page-title.light p{color:#fff}.title-with-crumbs{display:inline-block;width:49.7%;vertical-align:middle}.waves-breadcrumbs{color:#21b6a8}.waves-breadcrumbs a{color:#808080}.waves-breadcrumbs .crumb-item:after{content:'';display:inline-block;padding:0 5px;color:#808080}.waves-breadcrumbs .crumb-item:last-child:after{content:'';padding:0}h3.widget-title{font-size:16px}aside ul li a:hover{color:#21b6a8}aside.widget{margin-bottom:60px}aside.widget ul{padding:0}aside.widget ul li{padding:0 0 10px;line-height:1.9}aside.widget ul li:last-child{padding-bottom:0}aside.widget_categories ul li,aside.widget_recent_entries ul li,aside.widget_recent_comments ul li,aside.widget_archive ul li,aside.widget_meta ul li{padding-left:25px}aside.widget_categories ul li a:before,aside.widget_recent_entries ul li a:before,aside.widget_recent_comments ul li a:before,aside.widget_archive ul li a:before,aside.widget_meta ul li a:before{position:absolute;left:3px;content:'\f061';font-family:FontAwesome}form#searchform{position:relative}form#searchform input{width:100%;padding-right:26px}.button-search.fa-search{position:absolute;top:17px;right:10px}.contact-info-widget{min-height:157px;background:url(../img/contact-background.png) center center no-repeat}.contact-info-widget ul i{float:left;margin-top:5px;width:15px;height:13px;text-align:center;font-size:14px}.contact-info-widget ul div{padding-left:30px}aside.widget .contact-info-widget ul li{margin-bottom:0;padding-bottom:2px}.dribbble-widget,.flickr-widget .flickr-channel{position:relative;display:inline-block;*display:inline}.flickr-widget .flickr-channel,.dribbble-widget,.tw-recent-portfolios-widget{margin:-5px}.flickr-channel a,.dribbble-widget a,.tw-recent-portfolios-widget a{position:relative;display:block;float:left;margin:5px}.flickr-channel a img,.tw-recent-portfolios-widget a img,.tw-recent-portfolios-widget a{background:#efefef;width:83px;height:83px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}.flickr-channel a img,.dribbble-widget a img,.flickr-channel a:hover:before,.dribbble-widget a:hover:before,.tw-recent-portfolios-widget a:hover:before{opacity:1}.flickr-channel a:before,.dribbble-widget a:before,.tw-recent-portfolios-widget a:before{font-size:20px;line-height:83px;width:83px;height:83px;position:absolute;content:"\f067";font-family:FontAwesome;text-align:center;color:#FFF;top:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:rgba(33,182,168,.85);border:solid 2px #85ebe1;opacity:0;-webkit-transition:all 450ms ease 0s;-moz-transition:all 450ms ease 0s;-o-transition:all 450ms ease 0s;transition:all 450ms ease 0s}.dribbble-widget a:before,.dribbble-widget a img{width:80px;height:60px;line-height:60px}.tagcloud a{display:inline-block;text-transform:capitalize;border:1px solid #a1a5b0;padding:3px 18px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin:0 10px 10px 0}.tagcloud a:hover,#bottom .tagcloud a:hover{border:1px solid #21b6a8;background:#21b6a8;color:#fff}.tw-recent-posts-widget ul{margin:0;list-style:none}.tw-recent-posts-widget ul li{display:inline-block;margin-bottom:10px;width:100%}.tw-recent-posts-widget h4{font-weight:normal;font-size:13px;line-height:18px;margin-bottom:10px}.tw-recent-posts-widget h4 a{color:#000}.tw-recent-posts-widget .meta{font-size:10px;text-transform:uppercase;color:#a4a4a4;line-height:14px}.tw-recent-content.with-thumb{padding-left:85px}.tw-recent-posts-widget .recent-thumb{float:left;background-color:#f2f2f2}.widget_pages ul.children,.widget_nav_menu ul.sub-menu,.menu-main-menu-container .sub-menu{display:none}#footer{padding:20px 0;background:#191a1e}#bottom{padding:70px 0 0;background:#21252b;border-bottom:1px solid #2d3239}#footer,#footer a{color:#51535d;font-size:14px;font-weight:normal}#footer a{color:#a1a5b0}#bottom .textwidget a:hover{color:#fff}#bottom,#bottom a{color:#a1a5b0}#footer p{margin-bottom:0}#bottom a:hover,#footer a:hover{color:#999}.fixed-footer{position:fixed;bottom:0;left:0;width:100%;z-index:-1}#bottom .tw-widget-title-container:before{content:'';width:90px;height:1px;background:#3c4046;display:block;position:absolute;top:55px}#bottom h3.widget-title{color:#fff;margin-bottom:70px;text-transform:uppercase}#bottom ul.jtwt li:before,#bottom .twitter-follow a{color:#666;border-color:#363636;background-color:#2a2a2a}#bottom .twitter-follow a:hover{color:#fff;border-color:#fff}
 
#bottom .widget_recent_entries ul li{line-height:1.4}#bottom .widget_recent_entries ul li:first-child{padding-top:0}#bottom .widget_recent_entries ul li:before{display:none}article.single{position:relative;margin-bottom:80px;min-height:380px}article.single .entry-meta{padding-left:100px}article.single .entry-title{padding-left:98px;margin-bottom:18px;line-height:1}article.single .entry-content,.entry-content.default-page{margin-bottom:60px}body.single .entry-media.image-slide-container{margin-top:30px;margin-bottom:30px}.entry-date{position:absolute;top:5px;left:0;width:70px;padding:9px 0 7px;text-align:center;background:#21b6a8;color:#fff;font-size:14px;font-weight:400;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.entry-date span{display:block;line-height:1;margin-bottom:4px}.entry-date span.date{font-size:28px;font-weight:bold}.entry-content p{text-align:justify}.entry-content p:last-child{margin:0}article a.more-link{-webkit-transition:all .4s ease;-moz-transition:color .4s ease;-o-transition:color .4s ease;-ms-transition:color .4s ease;transition:all .4s ease;border-color:#21b6a8;color:#21b6a8;margin:0;float:right}.entry-meta .tags{float:right;border-left:1px solid #dbdbdb;border-right:0}.entry-meta .tags a{color:#a4a4a4}article.single .facebook_share iframe{height:20px}.nextprev-postlink{padding:30px 0;border-top:2px solid #f2f2f2;border-bottom:2px solid #f2f2f2;position:relative}.nextprev-postlink .prev-post-link{float:left}.nextprev-postlink .next-post-link{float:right}.nextprev-postlink .home-link a{position:absolute;left:50%;margin-left:-45px;border:1px solid #21b6a8;padding:12px 20px}.nextprev-postlink .prev-post-link i{padding-right:5px}.nextprev-postlink .next-post-link i{padding-left:5px}.nextprev-postlink .post-link-title,.nextprev-postlink .home-link a{text-transform:uppercase;font-weight:normal;font-size:16px;line-height:1;margin-bottom:0}.nextprev-postlink .post-link-title a,.nextprev-postlink .home-link a{color:#21b6a8}.nextprev-postlink .prev-post-link a:before,.nextprev-postlink .next-post-link a:after{display:inline-block;font-family:FontAwesome;line-height:1;border:1px solid #21b6a8;padding:12px 20px;margin-right:10px;content:'\f100';-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.nextprev-postlink .next-post-link a:after{margin-right:0;margin-left:10px;content:'\f101';-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.nextprev-postlink .post-link-title a:hover:before,.nextprev-postlink .post-link-title a:hover:after,.nextprev-postlink .home-link a:hover{background:#21b6a8;color:#fff}.tw-author{padding:30px 0;border-top:2px solid #f2f2f2;border-bottom:2px solid #f2f2f2;margin-bottom:-2px}.tw-author .author-image{float:left;margin-right:30px}.tw-author h3,.tw-author h3 a{font-size:13px;line-height:1;text-transform:uppercase}.tw-author h3 a{color:#21b6a8}.tw-author h3 a:hover{color:#000}.tw-author p{margin:0 0 0 100px}.share-tags-container{font-size:20px;padding:30px 0;border-top:2px solid #f2f2f2;border-bottom:2px solid #f2f2f2;margin-bottom:-2px}.share-tags-container span{font-weight:400}.tw_post_sharebox{display:inline-block}.tw_post_sharebox>div{position:relative;display:inline-block}.tw_post_sharebox a{font-size:16px;line-height:34px;width:36px;height:36px;text-align:center;margin-left:10px;border:1px solid #808080;display:block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.tw_post_sharebox a:hover{background:#21b6a8;border-color:#21b6a8;color:#fff}.tw_post_sharebox span{display:none}.share-tags-container .tags{float:right}.share-tags-container .tags a:hover{color:#21b6a8}.tw-social-icon{text-align:right;line-height:1}.tw-social-icon li{list-style:none;display:block;float:left;margin:0;padding:0}.tw-social-icon a{display:inline-block;margin:0 2px;overflow:hidden;padding:0;color:#51535d;text-align:center;font-size:14px;line-height:32px;border:solid 2px #51535d;width:35px;height:35px;background-color:rgba(0,0,0,.3);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.tw-social-icon a span{display:block}.tw-social-icon a:hover,#bottom .tw-social-icon a:hover,#footer .tw-social-icon a:hover{color:#191a1e;background:#fff;border-color:#fff}.tw-social-icon a:hover span{background-color:#2dcb73}.tw-social-icon a.facebook:hover span{background-color:#305fb3}.tw-social-icon a.tumblr:hover span{background-color:#35506b}.tw-social-icon a.flickr:hover span{background-color:#ff0084}.tw-social-icon a.gplus:hover span{background-color:#d7482a}.tw-social-icon a.twitter:hover span{background-color:#00d7d5}.tw-social-icon a.pinterest:hover span{background-color:#e1003a}.tw-social-icon a.skype:hover span{background-color:#12c7ef}.tw-social-icon a.soundcloud:hover span{background-color:#fe5600}.tw-social-icon a.vimeo:hover span{background-color:#3f90bf}.tw-social-icon a.youtube:hover span{background-color:#f33}
 
#bottom .widget_recent_entries ul li{line-height:1.4}#bottom .widget_recent_entries ul li:first-child{padding-top:0}#bottom .widget_recent_entries ul li:before{display:none}article.single{position:relative;margin-bottom:80px;min-height:380px}article.single .entry-meta{padding-left:100px}article.single .entry-title{padding-left:98px;margin-bottom:18px;line-height:1}article.single .entry-content,.entry-content.default-page{margin-bottom:60px}body.single .entry-media.image-slide-container{margin-top:30px;margin-bottom:30px}.entry-date{position:absolute;top:5px;left:0;width:70px;padding:9px 0 7px;text-align:center;background:#21b6a8;color:#fff;font-size:14px;font-weight:400;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.entry-date span{display:block;line-height:1;margin-bottom:4px}.entry-date span.date{font-size:28px;font-weight:bold}.entry-content p{text-align:justify}.entry-content p:last-child{margin:0}article a.more-link{-webkit-transition:all .4s ease;-moz-transition:color .4s ease;-o-transition:color .4s ease;-ms-transition:color .4s ease;transition:all .4s ease;border-color:#21b6a8;color:#21b6a8;margin:0;float:right}.entry-meta .tags{float:right;border-left:1px solid #dbdbdb;border-right:0}.entry-meta .tags a{color:#a4a4a4}article.single .facebook_share iframe{height:20px}.nextprev-postlink{padding:30px 0;border-top:2px solid #f2f2f2;border-bottom:2px solid #f2f2f2;position:relative}.nextprev-postlink .prev-post-link{float:left}.nextprev-postlink .next-post-link{float:right}.nextprev-postlink .home-link a{position:absolute;left:50%;margin-left:-45px;border:1px solid #21b6a8;padding:12px 20px}.nextprev-postlink .prev-post-link i{padding-right:5px}.nextprev-postlink .next-post-link i{padding-left:5px}.nextprev-postlink .post-link-title,.nextprev-postlink .home-link a{text-transform:uppercase;font-weight:normal;font-size:16px;line-height:1;margin-bottom:0}.nextprev-postlink .post-link-title a,.nextprev-postlink .home-link a{color:#21b6a8}.nextprev-postlink .prev-post-link a:before,.nextprev-postlink .next-post-link a:after{display:inline-block;font-family:FontAwesome;line-height:1;border:1px solid #21b6a8;padding:12px 20px;margin-right:10px;content:'\f100';-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.nextprev-postlink .next-post-link a:after{margin-right:0;margin-left:10px;content:'\f101';-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.nextprev-postlink .post-link-title a:hover:before,.nextprev-postlink .post-link-title a:hover:after,.nextprev-postlink .home-link a:hover{background:#21b6a8;color:#fff}.tw-author{padding:30px 0;border-top:2px solid #f2f2f2;border-bottom:2px solid #f2f2f2;margin-bottom:-2px}.tw-author .author-image{float:left;margin-right:30px}.tw-author h3,.tw-author h3 a{font-size:13px;line-height:1;text-transform:uppercase}.tw-author h3 a{color:#21b6a8}.tw-author h3 a:hover{color:#000}.tw-author p{margin:0 0 0 100px}.share-tags-container{font-size:20px;padding:30px 0;border-top:2px solid #f2f2f2;border-bottom:2px solid #f2f2f2;margin-bottom:-2px}.share-tags-container span{font-weight:400}.tw_post_sharebox{display:inline-block}.tw_post_sharebox>div{position:relative;display:inline-block}.tw_post_sharebox a{font-size:16px;line-height:34px;width:36px;height:36px;text-align:center;margin-left:10px;border:1px solid #808080;display:block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.tw_post_sharebox a:hover{background:#21b6a8;border-color:#21b6a8;color:#fff}.tw_post_sharebox span{display:none}.share-tags-container .tags{float:right}.share-tags-container .tags a:hover{color:#21b6a8}.tw-social-icon{text-align:right;line-height:1}.tw-social-icon li{list-style:none;display:block;float:left;margin:0;padding:0}.tw-social-icon a{display:inline-block;margin:0 2px;overflow:hidden;padding:0;color:#51535d;text-align:center;font-size:14px;line-height:32px;border:solid 2px #51535d;width:35px;height:35px;background-color:rgba(0,0,0,.3);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.tw-social-icon a span{display:block}.tw-social-icon a:hover,#bottom .tw-social-icon a:hover,#footer .tw-social-icon a:hover{color:#191a1e;background:#fff;border-color:#fff}.tw-social-icon a:hover span{background-color:#2dcb73}.tw-social-icon a.facebook:hover span{background-color:#305fb3}.tw-social-icon a.tumblr:hover span{background-color:#35506b}.tw-social-icon a.flickr:hover span{background-color:#ff0084}.tw-social-icon a.gplus:hover span{background-color:#d7482a}.tw-social-icon a.twitter:hover span{background-color:#00d7d5}.tw-social-icon a.pinterest:hover span{background-color:#e1003a}.tw-social-icon a.skype:hover span{background-color:#12c7ef}.tw-social-icon a.soundcloud:hover span{background-color:#fe5600}.tw-social-icon a.vimeo:hover span{background-color:#3f90bf}.tw-social-icon a.youtube:hover span{background-color:#f33}
 
.tw-social-icon a.dribbble:hover span{background-color:#f06eaa}.tw-social-icon a.linkedin:hover span{background-color:#39c}.tw-social-icon a.instagram:hover span{background-color:#9f6f59}.tw-social-icon a.rss:hover span{background-color:#fca600}#footer .tw-social-icon a,#footer .tw-social-icon a:hover span{background:0}#footer .tw-social-icon a{margin-top:-2px}div.jp-jplayer.jp-jplayer-video{background-color:#292a2b}.jp-jplayer-video video{margin-bottom:-6px}div.jp-audio,div.jp-video{color:#fff;font-size:1em;font-family:Verdana,Arial,sans-serif;line-height:1.6}div.jp-audio,div.jp-video{width:100%}div.jp-interface{position:relative;z-index:100;width:100%;background:url(../img/jplayer_bg.png) repeat-x;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.4);box-shadow:0 1px 1px rgba(0,0,0,0.4)}div.jp-type-single div.jp-interface{height:30px;overflow:hidden}div.jp-interface ul.jp-controls{margin:0;padding:0;list-style-type:none}div.jp-interface ul.jp-controls li{display:inline}div.jp-interface ul.jp-controls a{position:absolute;overflow:hidden;text-indent:-9999px}a.jp-play,a.jp-pause{z-index:1;width:33px;height:30px;outline:0}div.jp-type-single a.jp-play,div.jp-type-single a.jp-pause{top:0;left:0}a.jp-play{background:url("../img/jplayer-black-and-yellow.png") 0 0 no-repeat}a.jp-play:hover{background:url("../img/jplayer-black-and-yellow.png") -33px 0 no-repeat}a.jp-pause{display:none;background:url("../img/jplayer-black-and-yellow.png") 0 -30px no-repeat}a.jp-pause:hover{background:url("../img/jplayer-black-and-yellow.png") -33px -30px no-repeat}div.jp-progress-container{position:absolute;top:0;left:34px;padding:12px 10px;width:225px;height:6px}div.jp-progress{position:absolute;overflow:hidden}div.jp-type-single div.jp-progress{padding:1px;width:223px;height:7px;background:url("../img/jplayer-black-and-yellow.png") 0 -192px repeat-x}.single div.jp-type-single div.jp-progress{width:411px}div.jp-seek-bar{width:0;height:5px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;background:url("../img/jplayer-black-and-yellow.png") 0 -163px repeat-x;cursor:pointer}div.jp-play-bar{width:0;height:5px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;background:url("../img/jplayer-black-and-yellow.png") 0 -133px repeat-x}div.jp-volume-bar-container{position:absolute;top:0;right:20px;padding:12px 10px;width:40px;height:6px}div.jp-volume-bar{position:relative;overflow:hidden;width:40px;height:9px;background:url("../img/jplayer-black-and-yellow.png") 0 -192px repeat-x;cursor:pointer}div.jp-volume-bar-value{margin:1px;width:0;height:5px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;background:url("../img/jplayer-black-and-yellow.png") 0 -133px repeat-x}a.jp-mute,a.jp-unmute{top:9px;right:60px;z-index:1;width:17px;height:13px;outline:0}.seperator-first,.seperator-second{position:absolute;left:32px;width:2px;height:30px;background:url(../img/seperator.png) no-repeat left}.seperator-second{right:90px;left:auto}a.jp-mute{background:url("../img/jplayer-black-and-yellow.png") -10px -68px no-repeat}a.jp-mute:hover{background:url("../img/jplayer-black-and-yellow.png") -43px -68px no-repeat}a.jp-unmute{display:none;background:url("../img/jplayer-black-and-yellow.png") -5px -98px no-repeat}a.jp-unmute:hover{background:url("../img/jplayer-black-and-yellow.png") -43px -98px no-repeat}div.jp-jplayer{background-color:#292a2b}.comment-form-comment{width:65%;float:right}.logged-in-as,.comment-form-author{float:left;width:30%}p.form-submit input{text-transform:uppercase}.comment-form input[type="text"],.comment-form-comment textarea{width:100%;display:inline-block;background:#f5f5f5;border-color:#f5f5f5;margin-bottom:0;padding:13px 18px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.comment-form-comment textarea{padding:13px 18px}.comment-form input[type="submit"]{width:140px;float:right}.comment-form-author p label{display:inline-block;margin-left:20px;text-transform:uppercase}.comment-form-author span.required{color:#fe4743}.comment-form-comment textarea{display:inline-block;margin-bottom:20px;width:100%;max-width:570px;line-height:1.4}.comment-title-container{position:relative;margin-bottom:50px}.comment-title-container h4{margin-bottom:0;font-size:25px;text-transform:uppercase;z-index:1}#reply-title.comment-reply-title{display:none}.comment-author-img{width:70px;overflow:hidden;float:left;margin-right:30px}.comment-author-img img{max-width:108px;margin-left:-19px}.comment-meta{line-height:1;font-size:18px;margin-bottom:20px}.comment-meta .comment-author-link a{font-weight:bold;color:#343434}.comment-body{position:relative;margin-left:100px;line-height:1.6}.comment-body p:last-child{margin-bottom:0}.comment-list{margin-bottom:40px}.comment-list .comment-block .comment-block{margin-left:100px}.comment-block .comment{position:relative;float:left;margin-bottom:30px;padding-bottom:30px;border-bottom:1px dotted #e8e8e8;width:100%}
 
.tw-social-icon a.dribbble:hover span{background-color:#f06eaa}.tw-social-icon a.linkedin:hover span{background-color:#39c}.tw-social-icon a.instagram:hover span{background-color:#9f6f59}.tw-social-icon a.rss:hover span{background-color:#fca600}#footer .tw-social-icon a,#footer .tw-social-icon a:hover span{background:0}#footer .tw-social-icon a{margin-top:-2px}div.jp-jplayer.jp-jplayer-video{background-color:#292a2b}.jp-jplayer-video video{margin-bottom:-6px}div.jp-audio,div.jp-video{color:#fff;font-size:1em;font-family:Verdana,Arial,sans-serif;line-height:1.6}div.jp-audio,div.jp-video{width:100%}div.jp-interface{position:relative;z-index:100;width:100%;background:url(../img/jplayer_bg.png) repeat-x;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.4);box-shadow:0 1px 1px rgba(0,0,0,0.4)}div.jp-type-single div.jp-interface{height:30px;overflow:hidden}div.jp-interface ul.jp-controls{margin:0;padding:0;list-style-type:none}div.jp-interface ul.jp-controls li{display:inline}div.jp-interface ul.jp-controls a{position:absolute;overflow:hidden;text-indent:-9999px}a.jp-play,a.jp-pause{z-index:1;width:33px;height:30px;outline:0}div.jp-type-single a.jp-play,div.jp-type-single a.jp-pause{top:0;left:0}a.jp-play{background:url("../img/jplayer-black-and-yellow.png") 0 0 no-repeat}a.jp-play:hover{background:url("../img/jplayer-black-and-yellow.png") -33px 0 no-repeat}a.jp-pause{display:none;background:url("../img/jplayer-black-and-yellow.png") 0 -30px no-repeat}a.jp-pause:hover{background:url("../img/jplayer-black-and-yellow.png") -33px -30px no-repeat}div.jp-progress-container{position:absolute;top:0;left:34px;padding:12px 10px;width:225px;height:6px}div.jp-progress{position:absolute;overflow:hidden}div.jp-type-single div.jp-progress{padding:1px;width:223px;height:7px;background:url("../img/jplayer-black-and-yellow.png") 0 -192px repeat-x}.single div.jp-type-single div.jp-progress{width:411px}div.jp-seek-bar{width:0;height:5px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;background:url("../img/jplayer-black-and-yellow.png") 0 -163px repeat-x;cursor:pointer}div.jp-play-bar{width:0;height:5px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;background:url("../img/jplayer-black-and-yellow.png") 0 -133px repeat-x}div.jp-volume-bar-container{position:absolute;top:0;right:20px;padding:12px 10px;width:40px;height:6px}div.jp-volume-bar{position:relative;overflow:hidden;width:40px;height:9px;background:url("../img/jplayer-black-and-yellow.png") 0 -192px repeat-x;cursor:pointer}div.jp-volume-bar-value{margin:1px;width:0;height:5px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;background:url("../img/jplayer-black-and-yellow.png") 0 -133px repeat-x}a.jp-mute,a.jp-unmute{top:9px;right:60px;z-index:1;width:17px;height:13px;outline:0}.seperator-first,.seperator-second{position:absolute;left:32px;width:2px;height:30px;background:url(../img/seperator.png) no-repeat left}.seperator-second{right:90px;left:auto}a.jp-mute{background:url("../img/jplayer-black-and-yellow.png") -10px -68px no-repeat}a.jp-mute:hover{background:url("../img/jplayer-black-and-yellow.png") -43px -68px no-repeat}a.jp-unmute{display:none;background:url("../img/jplayer-black-and-yellow.png") -5px -98px no-repeat}a.jp-unmute:hover{background:url("../img/jplayer-black-and-yellow.png") -43px -98px no-repeat}div.jp-jplayer{background-color:#292a2b}.comment-form-comment{width:65%;float:right}.logged-in-as,.comment-form-author{float:left;width:30%}p.form-submit input{text-transform:uppercase}.comment-form input[type="text"],.comment-form-comment textarea{width:100%;display:inline-block;background:#f5f5f5;border-color:#f5f5f5;margin-bottom:0;padding:13px 18px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.comment-form-comment textarea{padding:13px 18px}.comment-form input[type="submit"]{width:140px;float:right}.comment-form-author p label{display:inline-block;margin-left:20px;text-transform:uppercase}.comment-form-author span.required{color:#fe4743}.comment-form-comment textarea{display:inline-block;margin-bottom:20px;width:100%;max-width:570px;line-height:1.4}.comment-title-container{position:relative;margin-bottom:50px}.comment-title-container h4{margin-bottom:0;font-size:25px;text-transform:uppercase;z-index:1}#reply-title.comment-reply-title{display:none}.comment-author-img{width:70px;overflow:hidden;float:left;margin-right:30px}.comment-author-img img{max-width:108px;margin-left:-19px}.comment-meta{line-height:1;font-size:18px;margin-bottom:20px}.comment-meta .comment-author-link a{font-weight:bold;color:#343434}.comment-body{position:relative;margin-left:100px;line-height:1.6}.comment-body p:last-child{margin-bottom:0}.comment-list{margin-bottom:40px}.comment-list .comment-block .comment-block{margin-left:100px}.comment-block .comment{position:relative;float:left;margin-bottom:30px;padding-bottom:30px;border-bottom:1px dotted #e8e8e8;width:100%}
Line 211: Line 211:
 
<div class="title-with-crumbs waves-breadcrumbs">
 
<div class="title-with-crumbs waves-breadcrumbs">
 
<div id="crumbs" class="pull-right">
 
<div id="crumbs" class="pull-right">
<span class="crumb-item"> <a href='https://2019.igem.org/Team:Worldshaper-Wuhan' class=''>Home</a> &gt; <a href='https://2019.igem.org/team:worldshaper-wuhan/project/' class=''>Project</a> &gt; <a href='https://2019.igem.org/team:worldshaper-wuhan/description/'>Design</a></span>
+
<span class="crumb-item"> <a href='https://2019.igem.org/Team:Worldshaper-Wuhan' class=''>Home</a> &gt; <a href='https://2019.igem.org/team:worldshaper-wuhan/project' class=''>Project</a> &gt; <a href='https://2019.igem.org/team:worldshaper-wuhan/description'>Design</a></span>
 
</div>
 
</div>
 
</div>
 
</div>

Revision as of 14:36, 19 October 2019

Description_worldshaper-wuhan

Design

Design

Our project has two parts: biosensor and biosorption

1. The biosensor

In the design of our biosensor, we used the part BBa_J33201 registered By Edinburgh University in 2006 as the basis to build our biosensor, and installed a strong RBS and GFP reporter gene protein downstream of the part to build our biosensor.

 

The reason for this construction is that we got inspiration from the part BBa_J33203 registered by the Edinburg Team in 2006, so we did not add terminator in the gene pathway when building this Biosensor.

 

Fortunately, we found that our biosensor could work normally and had a sensitive detection threshold for arsenic ions in water.

 

At the same time, we also characterized J33201, an excellent part, and added more detailed and valuable data for the part.

Our genetic pathway is designed as follows

Design(图1) 

 

J33201 is a part registered with the Edinburg Team in 2006, which includes an arsenic-sensitive promoter and ArsR, an auto-regulatory repressor from E. coli. On this basis, they constructed one of the biosensors, J3320 with a reporter gene of lacZ, expressing galactosidase.

 

LacZ can react with substrate x-gal for colour development, yet we found in the preliminary experiment that this component was less sensitive to arsenic than expected, and the reaction time was very long.

 

So, we construct a biosensor expressing GFP, and on this basis we characterize J33201 again.

2.Biosorption

Our biosorption consists of two components:

Metallothionein (MT) plays an important role in bioremediation of heavy metals. MT is a kind of small molecular peptide rich in cysteine (Cys-) residues with low molecular weight. Its Cys- residues can adsorb many heavy metals such as lead, mercury and cadmium. However, since arsenic is a metalloid, these MTs have no specific adsorption on it.

 

Recently, scientists isolated and identified an MT from a species of arsenic-tolerant Marine algae (Fusus vesiculosus) that, in vitro, demonstrated a high affinity for arsenic binding capacity.

 

In this project, we used the bacterial surface display technology to display fMT on the bacterial surface, and thus enhance the ability of absorbing arsenic.

 

Inspired by HUST-China team in 2014, the fusion protein oprf-fMT was constructed and heterogeneiously expressed by the E. coli expression system pET series plasmid.

 

Our design is as follows

Design(图2) 

 

Design(图3) 

Design(图4) 

 

In addition, an important protein called phytochelates (PC) with a high affinity for arsenic has been found. PC is a natural peptide in plants and fungi, the general formula of the structure is (γ-Glu-Cys-)n-Gly(n=1-11) . It was found that PC had a higher adsorption capacity for arsenic than MT. PC is synthesized by PC synthase (PCS) with glutathione (GSH) as its substrate.

 

Previous studies have found that PC synthase from Shizosomyces pombe can be expressed in SpPCS in E. coli and thus enhance the adsorption ability of E. coli to arsenic.

 

Therefore, we artificially synthesized ScPCS genes (partial base changes to make them conform to RFC10 standard) and expressed them in pET expression system

 

Design is as follows

Design(图5) 

 

Design(图6) 

 

Design(图7) 

 

We hope that the synergistic effect can be achieved by constructing the recombinant bacteria with adsorption within the bacteria and the adsorption using surface display, and thus we can remove arsenic ions from water more effectively.

 

In conclusion, we intend to build a biosensor to monitor the arsenic concentration in water and use the bioremediation device we built to remove arsenic ions in water.