@import url(reset.css);#navholder,body,html{height:100%;width:100%}nav ul.navmenu,ol,ul{list-style:none}#sharing,.bar .progress,header,nav .nav_wrap,nav ul.navmenu{position:absolute}.bar,.inside,.title,nav #bar{position:relative}.flexslider .slides>li,.title h1,nav .nav_wrap,nav ul.navmenu{-webkit-backface-visibility:hidden}#navholder,#sharing,.bar,.blogpost .featured img,.title.fullsize,body,html{width:100%}#sharing li,.featured a div strong{display:none}adress,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body,html{background-color:#060606;color:#666;font-family:robotolight,sans-serif;-webkit-font-smoothing:antialiased;font-weight:400;font-size:14px}h1,h2,h3,h4,h5,h6{line-height:1.5em;font-family:robotobold}h1{font-size:32px}h2{font-size:28px}h3{font-size:24px}h4{font-size:16px}h5{font-size:15px}h6{font-size:14px}small{font-size:11px}#comments a,a.readmore,a:hover{color:#f4dc29}button{border:0}.btn,.button,input[type=submit]{clear:both;background:#fce32f;border-radius:2px;border-bottom:2px solid #fff;color:#fff;font-family:robotomedium;font-size:12px;padding:7px 12px;line-height:18px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}.btn:active,.btn:focus,.button:active,.button:focus,.reply a:active,.reply a:focus,input[type=submit]:active,input[type=submit]:focus{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-transform-origin:top right;-moz-transform-origin:top right;-o-transform-origin:top right;transform-origin:top right;border:0}.bar{background:#f5f5f5;height:24px;display:block;margin:10px 0}.content,.title{width:50%;display:block;float:left}.bar .progress{left:0;top:0;font-size:12px;height:24px;padding:0 20px;line-height:22px;background:#f4dc29;font-family:robotomedium;color:#fff;text-align:left}.contactform li label,.content .inside,address,nav ul.navmenu li a{font-family:robotolight}#navholder{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 287ms cubic-bezier(.215, .61, .355, 1);-moz-transition:-moz-transform 287ms cubic-bezier(.215, .61, .355, 1);-o-transition:-o-transform 287ms cubic-bezier(.215, .61, .355, 1);transition:transform 287ms cubic-bezier(.215, .61, .355, 1)}#navholder.open{-webkit-transform:translateX(300px);-moz-transform:translateX(300px);-o-transform:translateX(300px);transform:translateX(300px)}nav,nav .nav_wrap{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);height:100%;top:0}nav{position:fixed;left:0;width:100px;z-index:800;transform:translate3d(0,0,0)}nav #bar{width:100px;height:100%;padding-top:2.125em;background-color:#212121;z-index:9999;cursor:pointer}nav #menu_hook{font-size:36px;color:#777;margin:20px auto;width:48px}nav #logoarea{width:62px;margin:20px auto}nav .nav_wrap{width:300px;right:100px;background-color:#060606;opacity:1;transform:translate3d(0,0,0);-webkit-transition:opacity 487ms ease-out 123ms;-moz-transition:opacity 487ms ease-out 123ms;-o-transition:opacity 487ms ease-out 123ms;transition:opacity 487ms ease-out 123ms}#sharing li,#sharing:hover li{-webkit-transition:1s ease-in-out;-moz-transition:1s ease-in-out;-o-transition:1s ease-in-out}nav ul.navmenu{height:100px;left:0;top:30%;color:#fff;margin:0 0 0 30px;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}nav ul.navmenu li a{color:#888;font-size:15px;padding:3px 0;display:block}.homeslider .caption h2,.main.about h1,.main.team h1,.service_connect a,nav ul.navmenu li a:hover,nav ul.navmenu li.active a{color:#fff}header{top:30px;left:30px}#sharing{left:0;bottom:60px}#sharing li{margin:10px auto;text-align:center;opacity:0;transition:1s ease-in-out}#sharing:hover li{display:block;opacity:1;transition:1s ease-in-out}#sharing li.main{display:block;opacity:1}#sharing a{color:#111;background:#fff;padding:8px 5px;border-radius:32px;display:inline-block}#sharing a:hover{color:#fff;background:#f4dc29}.inside{display:block}.content{height:100%;overflow-y:auto;background:#fff}#filtercontainer li a,.title{overflow:hidden}.title{height:100%;-webkit-transition:1s ease-in-out;-moz-transition:1s ease-in-out;-o-transition:1s ease-in-out;transition:1s ease-in-out}.content .inside,.title .inside{padding:48px}.title .inside{float:right;text-align:right}.title h1{font-family:robotoblack;color:#060606;text-transform:uppercase;line-height:1;margin:0 10px 30px 0;font-size:56px;-webkit-transform:translate3d(5%,0,0);-moz-transform:translate3d(5%,0,0);-ms-transform:translate3d(5%,0,0);-o-transform:translate3d(5%,0,0);transform:translate3d(5%,0,0)}.reply a,address{line-height:18px}.content .inside{color:#414141;font-size:1.125em;overflow-y:auto}#filters li a,.reply a,.teamslider .team_member{font-family:robotomedium}.content .inside blockquote,.content .inside h3{color:#f4dc29;margin:.9em 0 1.1em;font-size:2em;line-height:1.2;padding-left:1em}.flexslider{margin:0;padding:0}#comments h3,.intitle,address{padding:0 0 30px}.flexslider .slides>li{display:none}.no-js .slides>li:first-child,.service_connect li small,.slides:after,a.readmore,html[xmlns] .slides{display:block}.flexslider .slides img{width:100%;display:block}.flex-pauseplay span{text-transform:capitalize}#comments .comment-meta a,.blogpost .meta,.project_details label,.reply a,.topcontent .breadcrumbs ul li,.topcontent .postmeta,.topcontent .prevnext{text-transform:uppercase}.slides:after{content:".";clear:both;visibility:hidden;line-height:0;height:0}* html .slides{height:1%}.homeslider .caption{position:absolute;top:30%;width:60%;color:#000;text-align:left}.homeslider .captioncontent{display:inline-block;margin-left:2%;padding:15px 30px}.homeslider .caption h2,.homeslider .caption h3,.homeslider .caption h4,.homeslider .caption p{color:#000000a4;font-style:normal;font-size:22;font-stretch:expanded;line-height:1.2}.homeslider .caption label{display:inline-block;background:#fff;padding:4px 10px;margin:5px 0;color:#333}.homeslider .caption a{color:#fff;text-decoration:none;padding:0 5px}.homeslider .flex-control-nav.flex-control-paging{position:absolute;top:30px;right:30px}.homeslider .flex-control-nav.flex-control-paging li{float:left;margin:0 3px}.homeslider .flex-control-nav.flex-control-paging li a{padding:7px;line-height:0;text-indent:-9999px;background:#fff;border-radius:20px;display:inline-block}.homeslider .flex-control-nav.flex-control-paging li a.flex-active,.homeslider .flex-control-nav.flex-control-paging li a:hover{background:#fce32f}#tubular-container,#tubular-shield{z-index:0!important}.main{margin-left:100px;display:block}#filters,.blogpost,.blogpost .meta{display:inline-block}.fullsize h1{margin-right:30px}.aboutslider,.teamslider{position:absolute;left:0;top:0}.aboutslider.flexslider img{height:100%;width:auto}.fullsize .aboutslider.flexslider img{width:100%;height:auto}.aboutslider .flex-control-nav.flex-control-paging{position:absolute;top:30px;left:50%;z-index:9}.fullsize .aboutslider .flex-control-nav.flex-control-paging{left:auto;right:30px}.aboutslider .flex-control-nav.flex-control-paging li,.teamslider .flex-control-nav.flex-control-paging li,.teamslider .team_member .socialicons li{float:left;margin:2px}.aboutslider .flex-control-nav.flex-control-paging li a,.teamslider .flex-control-nav.flex-control-paging li a{background:#fff;text-indent:-9999px;width:12px;height:12px;display:block;border-radius:20px}.aboutslider .flex-control-nav.flex-control-paging li a.flex-active{background:#fce22c}.reply a,.teamslider .flex-control-nav.flex-control-paging li a.flex-active,.teamslider .team_member .socialicons li a:hover{background:#f4dc29}.expand{position:absolute;top:5px;right:5px;font-size:16px;color:#fff;z-index:9;cursor:pointer}#comments,address,footer{font-size:12px}.services.title{background:url(../images/servicesbg.jpg);color:#fff}.service_connect{margin:30px 0;float:right;clear:both}.service_connect li{clear:both;display:block;min-width:200px}.service_connect a span{float:right;padding:14px 10px;background:#fff;color:#111;margin:-5px 12px 15px;border-radius:40px;font-size:20px;display:block}#comments,ol.commentlist li{padding:30px 0}.service_connect li h3{line-height:20px}.service_connect li.active a span{color:#fff;background:#111}.intitle{margin-bottom:30px;border-bottom:1px solid #e2e2e2}.main.team{background:url(../images/bg1.jpg) left top no-repeat;width:100%;height:100%;padding:30px}.title .inside.bg{width:100%;height:100%;background:url(../images/bg/bg4.png) rgba(0,0,0,.3)}.teamslider .flex-control-nav.flex-control-paging{position:absolute;top:30px;right:30px;z-index:9}.teamslider .team_member{position:absolute;bottom:240px;right:30px;left:30px;padding:30px 30px 60px;background:rgba(0,0,0,.3);color:#fff;z-index:9}.teamslider .team_member .socialicons{clear:both;position:absolute;bottom:15px;right:15px}.teamslider .team_member .socialicons li a{color:#fff;background:rgba(255,255,255,.4);padding:5px;font-size:15px;border-radius:30px}.main.portfolio{height:100%;overflow-y:auto}#filters{margin:0;float:left;background:#212121;width:100%}#filters li{float:left}#filters li a{padding:24px;line-height:32px;display:block;color:#fff;text-decoration:none;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}#filters li a.active,#filters li a:hover{background:#f4dc29;color:#fff;border-color:#f4dc29;-webkit-transition:.8s ease-in-out;-moz-transition:.8s ease-in-out;-ms-transition:.8s ease-in-out;-o-transition:.8s ease-in-out;transition:.8s ease-in-out}.blogpost,.topcontent{border-bottom:1px solid #efefef}#comments,#respond,address{border-top:1px solid #efefef}#filtercontainer,address li{clear:both;display:block}#filtercontainer li{float:left;margin:0}#filtercontainer li img{max-width:295px;display:block}.isotope-item{z-index:99}.isotope-hidden.isotope-item{pointer-events:none;z-index:98}.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity}#filtercontainer a img,#filtercontainer li a,#filtercontainer li a img{display:block;position:relative}#filtercontainer li a div{color:#fff;text-align:left}.featured a div{opacity:0}#filtercontainer li a div,.featured a:hover div{position:absolute;background:rgba(244,220,41,.9);width:100%;height:100%}.featured a:hover div{left:0;top:0;opacity:1;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out}#filtercontainer li a div span{display:block;padding:10px 0;margin:20px;font-family:robotomedium;text-transform:uppercase;font-weight:400;color:#fff}#filtercontainer li a div strong,.featured a:hover div strong{font-size:48px;font-family:robotothin;color:rgba(255,255,255,.9);top:50%;left:50%;font-weight:100;position:absolute;display:block}#filtercontainer li a div strong{margin:-24px 0 0 -24px}.main.blog{height:100%;overflow-y:auto;background:#fff}.topcontent{width:100%;height:40px;padding-top:20px}.topcontent .breadcrumbs{float:right;margin-right:40px}.topcontent .prevnext{font-size:11px}.topcontent .prevnext li{float:left;padding:0 5px}.topcontent .breadcrumbs ul li{float:left;padding:0 2px;font-size:11px}.topcontent .postmeta{font-size:11px;line-height:20px;margin-left:30px}.topcontent .postmeta .author,.topcontent .postmeta .date{padding:0 0 0 10px;float:left}.maincontent{margin-top:0}.blogpost{border-right:1px solid #efefef;padding:30px 30px 0;width:332px;float:left}.blogpost .featured,.comment-body{position:relative}.featured a:hover div strong{margin:-36px 0 0 -14px}.blogpost .excerpt{margin:30px 30px 30px 0;color:#444}.blogpost .meta{font-size:11px;margin:10px 0 20px;padding:5px;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc}.blogpost .author,.blogpost .comments,.blogpost .date{float:left;padding:2px 5px}.sidebar{width:30%;float:right}.sidebar .widget{padding:60px 30px 30px 0;color:#999}.sidebar .widget .widget_title,footer h5{color:#bbb}.heading{color:#f4dc29;margin:30px 0 10px}.heading span{border-bottom:2px solid #f6f6f6;padding-bottom:6px;width:40px;display:block}#comments h3,.project_details li,address{border-bottom:1px solid #efefef}.project_details{margin:15px 0;font-size:12px}#comments,.contactform,address{margin:30px 0}.project_details li{clear:both;padding:8px 0}.project_details label{width:200px;float:left;font-size:11px;color:#f4dc29}.post h1,.post h2{color:#222}#comments h3{color:#333;font-size:20px;margin:0 0 30px}#comments .comment-meta a{font-size:11px;color:#888}#comments .vcard img{width:60px;float:left;border-radius:2px;padding:0 10px 0 0}ol.commentlist ul.children{margin:30px 0 30px 60px}.reply a{position:absolute;right:0;top:0;border-radius:2px;border-bottom:2px solid #c03615;color:#fff;font-size:10px;padding:4px 6px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}#respond{padding-top:30px;font-size:13px}#commentform p{clear:both;margin:10px 0}#commentform label{width:120px;float:left}#commentform input[type=text],#commentform textarea{border:1px solid #efefef;padding:6px 12px;min-width:320px}#commentform input[type=submit],.contactform li .btn{margin-left:120px}#map-canvas{width:100%;height:100%;display:block}.contactform li{clear:both;margin:8px 0;position:relative}.contactform li label{width:120px;float:left;font-size:14px}.contactform li .error_icon{position:absolute;top:8px;left:124px;color:#f4dc29}.contactform li input,.contactform li textarea{border:1px solid #efefef;padding:6px 12px;font-size:14px;display:block;min-width:240px}.contactform li textarea{height:120px}.spin{-moz-animation:2s linear infinite spin;-o-animation:2s linear infinite spin;-webkit-animation:2s linear infinite spin;animation:2s linear infinite spin}address i{color:#f4dc29;font-size:16px;margin:4px 10px 0 0;float:left}footer{position:absolute;left:30px;bottom:30px}footer label{font-size:14px;margin:5px 0;line-height:15px;display:block}@media only screen and (max-width:800px),only screen and (max-device-width:800px){.content,.title{position:relative;width:100%;height:50%}.service_connect li{clear:none;display:inline-block;float:right}.service_connect li h3{font-size:18px}.homeslider.flexslider img{height:100%;width:auto}.teamslider.flexslider img{width:100%;height:auto}.teamslider .team_member{top:120px;padding:10px}.teamslider .team_member .socialicons{display:none}.homeslider .caption{top:50%}}@media only screen and (max-width:480px),only screen and (max-device-width:480px){.service_connect li small,.service_connect li span{display:none}.teamslider.flexslider img{width:100%;height:auto}.service_connect li{margin:5px;text-align:right;float:right}.content .inside,.title .inside{padding:40px 20px 20px}}@-moz-keyframes spin{0%{-moz-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-moz-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-o-keyframes spin{0%{-moz-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-ms-keyframes spin{0%{-moz-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-moz-transform:rotate(0);-o-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}