/*



Theme Name: Humaan



Theme URI: http://humaan.com.au/



Description: Humaan Theme



Author: Humaan



Author URI: http://humaan.com.au/



Version: 1.0



Tags: Humaan goodness



*/







html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {



    margin: 0;



    padding: 0;



    border: 0;



    font-size: 100%;



    font: inherit;



    vertical-align: baseline;



}



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {



    display: block;



}



body {



    line-height: 1;



}



ol, ul {



    list-style: none;



}



blockquote, q {



    quotes: none;



}



blockquote:before, blockquote:after, q:before, q:after {



    content: '';



    content: none;



}



table {



    border-collapse: collapse;



    border-spacing: 0;



}



p, ul, ol {



    margin: 0 0 20px;



}



ul, ol {



    padding: 0 0 0 2.5em;



}



label {



    cursor: pointer;



}



button {



    cursor: pointer;



    border: 0;



    outline: 0;



}



input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {



    border: 0;



}



input[type="submit"]:focus, input[type="button"]:focus {



    outline: 0;



}



body {



    background: #f2f2f2;



    font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;



    font-size: 14px;



    line-height: 21px;



    color: #262626;



    -webkit-font-smoothing: antialiased;



    -webkit-text-size-adjust: 100%}



html, body {



    height: 100%}



#wrap {



    margin-bottom: -245px;



    min-height: 100%;



    height: auto!important;



    height: 100%}



.push {



    height: 290px;



}



h1, h2, h3, h4, h5, h6 {



    font-weight: normal;



}



h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {



    font-weight: inherit;



}



h1 {



    font-size: 46px;



    line-height: 50px;



    margin-bottom: 14px;



}



h2 {



    font-size: 35px;



    line-height: 40px;



    margin-bottom: 10px;



}



h3 {



    font-size: 28px;



    line-height: 34px;



    margin-bottom: 8px;



}



h4 {



    font-size: 21px;



    line-height: 30px;



    margin-bottom: 4px;



}



h5 {



    font-size: 17px;



    line-height: 24px;



}



h6 {



    font-size: 14px;



    line-height: 21px;



}



p, ul, ol {



    font-size: 100%;



    line-height: 21px;



}



pre {



    color: #74965e;



    margin-bottom: 20px;



    padding: 10px;



    background: #fafafa;



    border: 1px solid #eee;



}



p img {



    margin: 0;



}



em {



    font-style: italic;



}



strong {



    font-weight: bold;



}



hr {



    border: solid #ddd;



    border-width: 1px 0 0;



    clear: both;



    margin: 10px 0 30px;



    height: 0;



}



.amp {



    font-family: 'baskerville';



    font-style: italic;



}



a, a:visited {



    color: #666;



    text-decoration: none;



    outline: 0;



}



a:hover, a:focus {



    color: #333;



}



p a, p a:visited {



    line-height: inherit;



}



img.scale-with-grid {



    max-width: 100%;



    height: auto;



}



input, textarea {



    font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;



    font-size: 14px;



    line-height: 21px;



}



header {



    width: 100%;



    height: 90px;



    background: #222;



    background: rgba(0, 0, 0, .2);



    border-color: #fff;



    border-bottom: 1px solid rgba(255, 255, 255, .25);



    position: fixed;



    top: 0;



    z-index: 10;



    -webkit-transition: all .2s ease-in-out;



    -moz-transition: all .2s ease-in-out;



    -ms-transition: all .2s ease-in-out;



    transition: all .2s ease-in-out;



}



header.sticky {



    height: 60px;



    background: #262626;



    border: 0;



    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);



}



header h1 {



    margin: 0;



}



#logo {



    width: 266px;



    height: 59px;



    display: block;



    background: url(art/logo.png) no-repeat;



    text-indent: -99999em;



    position: absolute;



    top: 15px;



    left: 15px;



    -webkit-transition: all .2s ease-in-out;



    -moz-transition: all .2s ease-in-out;



    transition: all .2s ease-in-out;



}



nav {



    text-align: center;



    margin-top: 35px;



    -webkit-transition: margin .2s ease-in-out;



    -moz-transition: margin .2s ease-in-out;



    transition: margin .2s ease-in-out;



}



.sticky nav {



    margin-top: 20px;



}



nav a, #start-project {



    font-weight: 600;



    text-transform: uppercase;



    color: #555;



    text-shadow: 0 1px 0 #fff;



    padding: 16px;



    font-size: 13px;



}



.light nav a {



    color: #ddd;



    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);



    opacity: .5;



    -webkit-transition: opacity .1s linear;



    -moz-transition: opacity .1s linear;



    transition: opacity .1s linear;



}



nav a.current-menu-item, nav a.current_page_parent, nav a:hover, .single-work .light nav a.menu-item-18, .single-lab .light nav a.menu-item-17, .single-post .light nav a.menu-item-16 {



    opacity: 1;



}



.single-work nav a.current_page_parent, .single-lab nav a.current_page_parent {



    opacity: .5;



}



#start-project {



    position: absolute;



    right: 15px;



    top: 35px;



    color: #fff;



    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);



    padding: 0 30px 0 0;



    background: url(art/projectarrow.svg) no-repeat right 6px;



    -webkit-transition: top .2s ease-in-out;



    -moz-transition: top .2s ease-in-out;



    transition: top .2s ease-in-out;



}



.sticky #start-project {



    top: 21px;



}



.light #start-project {



    background-image: url(art/projectarrowlight.svg);



}



.mobile {



    position: absolute;



    top: 30px;



    right: 5px;



    display: none;



}



.sticky .mobile {



    top: 15px;



}



.mobile a {



    background: #000;



    font-size: 11px;



    color: #fff;



    border-radius: 2px;



    margin: 2px;



    padding: 3px 8px;



    font-weight: 600;



    float: right;



}



#feature {



    height: 720px;



    background: #262626 url(art/loading.gif) no-repeat center 480px;



    z-index: 1;



    margin-bottom: 40px;



}



#feature h1 {



    font-weight: 100;



    color: #ccc;



    font-size: 60px;



    line-height: 66px;



    text-align: center;



    position: absolute;



    top: 180px;



    width: 100%}



#feature h1 strong {



    text-transform: uppercase;



    font-size: 14px;



    margin: 0 0 20px;



}



#pagination {



    position: absolute;



    top: 670px;



    z-index: 3;



    margin: 0;



    padding: 0;



    display: none;



}



#pagination li {



    text-indent: -99999em;



    float: left;



    padding: 0 4px;



    cursor: pointer;



}



#pagination li a {



    width: 6px;



    height: 6px;



    background: #fff;



    border-radius: 10px;



    display: block;



    border: 1px solid #fff;



    opacity: .7;



    -webkit-transition: opacity .1s linear;



    -moz-transition: opacity .1s linear;



    transition: opacity .1s linear;



}



#pagination li.active a {



    background: 0;



}



#pagination li:hover a {



    opacity: 1;



}



.slide {



    width: 100%;



    height: 720px;



    position: absolute;



    display: none;



    overflow: hidden;



    z-index: 1;



}



.slide.previous {



    z-index: 1;



}



.slide.active {



    z-index: 2;



}



.slide.hiddden {



    display: none;



}



.slide .info {



    position: absolute;



    bottom: 80px;



    text-align: center;



    width: 100%;



    display: none;



    z-index: 10;



}



.slide .info h2 {



    color: #fff;



    font-size: 30px;



    font-weight: 300;



}



.slide .info a {



    color: #fff;



    font-size: 20px;



    padding: 0 30px 0 0;



    background: url(art/slides/slidearrow.svg) no-repeat right 4px;



    opacity: .5;



    -webkit-transition: opacity .1s linear;



    -moz-transition: opacity .1s linear;



    transition: opacity .1s linear;



}



.slide .info a:hover {



    opacity: .8;



}



.asset, .fade {



    position: absolute;



    display: none;



}



#slide-left, #slide-right {



    width: 31px;



    height: 37px;



    display: block;



    position: absolute;



    top: 340px;



    left: 0;



    background: url(art/slides/leftright.svg) no-repeat;



    opacity: .5;



    -webkit-transition: opacity .1s linear;



    -moz-transition: opacity .1s linear;



    transition: opacity .1s linear;



    display: none;



    z-index: 2;



}



#slide-right {



    left: auto;



    right: 0;



    background-position: -31px 0;



}



#slide-left:hover, #slide-right:hover {



    opacity: 1;



}



#home-content h2, #fresh h2, h2.section-title {



    color: #666;



    text-transform: uppercase;



    font-size: 12px;



    text-shadow: 0 1px 0 #fff;



    font-weight: 600;



    width: 120px;



    background: #f2f2f2;



    margin: -20px auto 20px;



    text-align: center;



}



#home-content .column, #fresh {



    border-top: 1px solid #d0d0d0;



}



#home-content .one-third {



    float: right!important;



}



.mini-post {



    float: left;



    background: #fff;



    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);



    border-radius: 2px;



    overflow: hidden;



    width: 290px;



    -webkit-transition: all .2s ease-out;



    -moz-transition: all .2s ease-out;



    transition: all .2s ease-out;



    color: #333;



    min-height: 320px;



    cursor: pointer;



}



.mini-post:hover {



    margin-top: -5px;



    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .4);



}



.mini-post .text {



    padding: 20px 20px 10px;



}



.mini-post h3 {



    font-size: 16px;



    line-height: 20px;



    font-weight: 600;



    margin: 0;



}



.mini-post .meta {



    font-size: 11px;



}



.mini-post p {



    font-size: 13px;



}



.mini-post .more {



    font-weight: 600;



}



#tweet {



    margin: 40px auto;



    padding-top: 40px;



    border-top: 1px solid #d0d0d0;



}



#tweet .text {



    padding: 0 90px;



    background: url(art/bird.svg) no-repeat 35px 0;



    font-size: 26px;



    font-weight: 300;



}



#tweet .text p {



    margin: 0 0 10px;



    text-align: center;



    line-height: 36px;



}



#tweet .text p.author {



    font-size: 20px;



}



#page-header {



    width: auto;



    height: 220px;



    background: #262626;



    margin: 0 0 35px;



    background: url(art/blogheader.jpg) #222 top center;



}



.wf-loading #page-header h1 {



    visibility: hidden;



}



.about #page-header {



    background: url(art/aboutheader.jpg) top center;



}



.work #page-header {



    background: url(art/workheader.jpg) top center;



}



.single-work #page-header {



    background: url(art/singleworkheader.jpg) #222 top center;



}



.blog #page-header {



    background: url(art/blogheader.jpg) top center;



}



.labs #page-header {



    background: url(art/labheader.jpg) top center;



}



.single-lab #page-header {



    background: url(art/labssingleheader.jpg) #222 top center;



}



.contact #page-header {



    background: url(art/contact.jpg) top center repeat-x;



    margin: 0;



}



.testimonal #page-header {



    background: url(art/testimonal.jpg) top center repeat-x;



    margin: 0;



}



.quick_enquiry #page-header {



    background: url(art/quickheader.jpg) top center repeat-x;



    margin: 0;



}



#page-header h1 {



    font-family: 'Aguafina Script', cursive;



    color: #fff;



    text-align: center;



    padding: 130px 0 0 0;



    text-shadow: 0 2px 0 #000;



    font-size: 60px;	



}



.content {



    margin: 35px 0;



}



.content h2 {



	font-family: 'Stint Ultra Condensed', cursive;



    font-size: 50px;



    line-height: 60px;



    font-weight: 300;



    text-align: center;



    text-shadow: 0 1px 0 #fff;



    margin: 0 0 15px;



}



.column-text {



    -moz-column-count: 2;



    -moz-column-gap: 50px;



    -webkit-column-count: 2;



    -webkit-column-gap: 50px;



    column-count: 2;



    column-gap: 50px;



    font-weight: 300;



    text-align: left;



    margin-bottom: 35px;



}



.column-text p {



    margin: 0 0 26px;



}



.column-text1 {



    /*-moz-column-count: 1;



    -moz-column-gap: 50px;



    -webkit-column-count: 1;



    -webkit-column-gap: 50px;



    column-count: 2;



    column-gap: 50px;*/



    font-weight: 300;



    text-align: left;



    margin-bottom: 35px;



}



.column-text1 p {



    margin: 0 0 26px; text-align:center;



}



#case-details ul, .standard ul, .standard ol {



    list-style: circle;



}



#case-details li {



    font-size: 18px;



    line-height: 26px;



}



.content p {



    font-size: 18px;



    line-height: 26px;



	font-family: 'Podkova', serif;



}



.standard h2 {



    font-size: 24px;



    line-height: 32px;



    font-weight: 700;



}



.standard h3 {



    font-size: 16px;



    line-height: 24px;



    font-weight: 600;



    text-transform: uppercase;



}



#team {



    background: url(art/teambg.png) repeat-x #232323;



    position: relative;



}



#team #profiles {



    display: table;



    text-align: center;



    width: auto;



    margin: 0 auto;



}



#team .profile {



    display: inline-block;



    vertical-align: top;



    width: 24.5%}



#team .profile .image {



    width: 240px;



    margin: 0 auto;



    position: relative;



}



#team .profile .image img {



    width: 100%;



    opacity: 1;



}



   #team .profile .image img.hover {



   	position: absolute;



   	top: 0px;



   	left: 0px;



   	z-index: 1;



   	opacity: 0;



}



 #team .profile.hover img { opacity: 0; }



 #team .profile.hover img.hover { opacity: 1; }



 



.profile .info {



    padding: 15px 0;



}



.profile .name {



    color: #eee;



    text-transform: uppercase;



    font-size: 15px;



    font-weight: 700;



    margin: 0;



    line-height: 22px;



}



.profile .title {



    font-size: 12px;



    margin: 0;



    color: #b4b4b4;



    line-height: 22px;



}



.profile .info a {



    color: #fff;



    font-size: 12px;



    font-weight: 600;



}



.profile .info a:hover {



    color: #eee;



}



.profile .bio {



    display: none;



    width: auto;



    color: #eee;



    font-size: 13px;



    line-height: 18px;



    max-width: 240px;



}



.profile .bio p {



    margin: 10px 30px;



}



#team-bios {



    position: absolute;



    top: 50px;



    width: 7%;



    left: 0;



    z-index: 12;



	margin-left:46%;



}



#team-bios a {



    color: #fff;



    font-size: 12px;



    font-weight: 700;



    width: 70px;



    padding: 5px 10px;



    background: rgba(0, 0, 0, .1);



    box-shadow: 0 1px 0 0 rgba(255, 255, 255, .2);



    border-radius: 3px;



    display: block;



    margin: 0 auto;



    -webkit-transition: all .2s ease-in-out;



    -moz-transition: all .2s ease-in-out;



    transition: all .2s ease-in-out;



}



#team-bios a:hover {



    background: rgba(0, 0, 0, .4);



}



#team, #clients {



    margin: 35px auto;



}



#process {



    width: 100%;



    max-width: 1200px;



    margin: 50px auto 35px;



    border-bottom: 1px solid #d0d0d0;



    padding: 0 0 35px;



}



#process img {



    width: 100%;



    height: auto;



}



#processes {



    display: table;



    text-align: center;



    margin: 0 50px;



}



.process {



    display: inline-block;



    vertical-align: top;



    width: 19.6%}



.process h3 {



    font-size: 14px;



    font-weight: 700;



    text-transform: uppercase;



}



.process .text {



    padding: 0 20px;



}



h2.heading {



    color: #262626;



    text-transform: uppercase;



    font-size: 16px;



    text-shadow: 0 1px 0 #fff;



    font-weight: 600;



    text-align: center;



    margin: 0;



}



h3.heading {



    color: #262626;



    font-size: 26px;



    font-weight: 100;



    text-shadow: 0 1px 0 #fff;



    text-align: center;



    margin: 0 0 30px;



}



#clients {



    max-width: 1200px;



}



#client-list {



    margin: 0 auto;



    display: table;



    text-align: center;



}



#clients a, #clients span {



    background: #f2f2f2;



    border: 1px solid #d5d5d5;



    border-radius: 3px;



    display: inline-block;



    width: 160px;



    height: 160px;



    box-shadow: inset 0 1px 0 0 #fff;



    -webkit-transition: all .3s ease-in-out;



    -moz-transition: all .3s ease-in-out;



    transition: all .3s ease-in-out;



    margin: 0 10px 20px 10px;



    text-align: center;



}



#clients a:hover, #clients span:hover {



    background: #fafafa;



    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);



    border-color: #fafafa;



}



#work {



    max-width: 1200px;



    margin: 0 auto 60px;



}



#work-list {



    display: table;



    text-align: center;



    margin: 0 auto;



}



#work article {



    width: 340px;



    display: inline-block;



    margin: 20px;



    vertical-align: top;



}



#work article .image {



    width: 340px;



    height: 260px;



    margin: 0 0 10px;



    -webkit-box-shadow: inset 0 1px 0 0 #fff;



    box-shadow: inset 0 1px 0 0 #fff;



    -webkit-transition: all .3s ease-in-out;



    -moz-transition: all .3s ease-in-out;



    transition: all .3s ease-in-out;



    background: #f2f2f2;



    border: 1px solid #d5d5d5;



    display: block;



    border-radius: 3px;



    -webkit-transition: all .3s ease-in-out;



    -moz-transition: all .3s ease-in-out;



    transition: all .3s ease-in-out;



    -moz-transition: all .3s ease-in-out;



    transition: all .3s ease-in-out;



}



.labs #work article .image {



    border-radius: 25px;



    height: 270px;



	/*border-radius: 340px;



    height: 340px;*/



}



.single-lab #work article .image {



    border-radius: 340px;



    height: 340px;



}



#work article .image:hover {



    box-shadow: inset 0 1px 10px 0 rgba(0, 0, 0, .2);



    background: #eee;



}



#work article .text h2 {



    font-size: 16px;



    line-height: 18px;



    padding-bottom: 5px;



    font-weight: 600;



    text-transform: uppercase;



    margin: 0;



    text-shadow: 0 1px 0 #fff;



}



#work article .text h3 {



    font-size: 12px;



    line-height: 18px;



    text-shadow: 0 1px 0 #fff;



    color: #444;



}



#fresh {



    margin-bottom: 50px;



}



#fresh h2 {



    background: url(art/fresh.png) center center;



    padding: 30px 0;



    margin-top: -50px;



}



#fresh ul {



    margin: -20px 0 0 0;



    padding: 20px 0 0;



    list-style: none;



    background: #fff;



    border-radius: 3px;



    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);



}



#fresh li {



    width: 20%;



    margin: 0;



    padding: 0;



    text-align: center;



    float: left;



    font-size: 16px;



    line-height: 20px;



}



#fresh li a {



    color: #262626;



    padding: 0 10px;



}



#fresh li a:hover {



    color: #888;



}



#fresh li span {



    display: block;



    font-size: 11px;



    color: #888;



}



#fresh a#all-work {



    font-size: 20px;



    margin: 30px auto;



    text-align: center;



    display: block;



    text-decoration: underline;



}



.single-work #page-header, .single-lab #page-header {



    height: 360px;



    background-repeat: repeat-x;



    background-position: top center;



    margin: 0;



}



.single-work #page-header h1, .single-lab #page-header h1 {



    font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;



    text-transform: uppercase;



    font-size: 50px;



    line-height: 44px;



    font-weight: 700;



    letter-spacing: -1px;



    text-align: left;



    max-width: 40%;



    padding-top: 160px;



    text-shadow: 0 2px 2px rgba(0, 0, 0, .6);



}



.single-work #page-header h2, .single-lab #page-header h2 {



    color: #fff;



    color: rgba(255, 255, 255, .8);



    font-size: 20px;



    font-weight: 300;



}



#meta {



    background: #fff;



    padding: 10px 0;



    margin: 0 0 35px;



}



#meta p {



    font-size: 12px;



    float: left;



    margin: 0 40px 0 0;



}



#meta p strong {



    color: #9d9d9d;



    font-weight: 500;



}



#meta a.article-link {



    float: right;



    font-size: 12px;



    padding-left: 15px;



    background: url(art/link.png) no-repeat left center;



    text-decoration: underline;



}



#case-details {



    text-align: center;



}



#case-details .col {



    width: 45%}



#case-details h1 {



    font-size: 28px;



    line-height: 36px;



    font-weight: 300;



    border-bottom: 1px solid #d0d0d0;



    margin: 0 0 35px;



    padding: 0 0 35px;



    text-shadow: 0 1px 0 #fff;



    text-align: left;



}



#case-details h2, h2.case-title {



    font-size: 16px;



    line-height: 26px;



    text-transform: uppercase;



    font-weight: 700;



    text-shadow: 0 1px 0 #fff;



    margin: 0 0 26px;



}



h2.case-title {



    text-align: center;



}



#case-details .cols_2_left, #case-details .cols_2_right {



    text-align: left;



}



#case-details p {



    font-size: 18px;



    line-height: 26px;



    font-weight: 300;



}



.left-content, .right-content {



    text-align: left;



    border-bottom: 1px solid #d0d0d0;



    margin: 0 0 35px;



    padding: 0 0 35px;



}



.right-content {



    text-align: right;



}



#case-details .images {



    clear: both;



    margin: 35px 0 35px -45px;



    width: 1050px;



}



#case-details .images img {



    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .75);



    vertical-align: top;



}



#case-details .images.two img {



    margin: 0 10px;



}



#case-details .images.noshadow img {



    box-shadow: none;



}



#case-details a {



    text-decoration: underline;



}



#testimonial {



    background: #e3e3e3;



    padding: 20px;



    border-bottom: 1px solid #fff;



    border-radius: 3px;



    margin: 0 0 20px;



}



#testimonial p {



    font-size: 16px;



    line-height: 24px;



}



#testimonial .author {



    margin: 0;



    padding: 0;



    font-weight: 400;



}



#work-with-us {



    background: #444;



    color: #fff;



    padding: 30px 0;



    margin: 60px 0;



    font-weight: 300;



    font-size: 24px;



    display: block;



    -webkit-transition: all .5s ease-in-out;



    -moz-transition: all .5s ease-in-out;



    transition: all .5s ease-in-out;



}



#work-with-us:hover {



    background: #d25619;



}



#work-with-us strong {



    font-weight: 500;



}



#work-with-us span {



    display: block;



    background: url(art/work-arrow.png) right center no-repeat;



}



.prev-post, .next-post {



    position: fixed;



    top: 49%;



    left: 0;



    z-index: 10;



}



.prev-post a, .next-post a {



    width: 31px;



    height: 37px;



    display: block;



    background: url(art/postnav.svg) no-repeat;



    opacity: .1;



    -webkit-transition: opacity .1s linear;



    -moz-transition: opacity .1s linear;



    transition: opacity .1s linear;



    text-indent: -99999em;



}



.prev-post {



    left: auto;



    right: 0;



}



.prev-post a {



    background-position: -31px 0;



}



.prev-post a:hover, .next-post a:hover {



    opacity: .75;



}



#blog {



    z-index: 6;



}



#blog-top {



    max-width: 720px;



    margin: 0 auto 25px;



}



#blog #categories {



    position: relative;



}



#blog #categories div, #blog-top #rss a {



    border-radius: 2px;



    border: 1px solid #d5d5d5;



    box-shadow: inset 0 1px 0 0 #fff;



    padding: 10px 15px;



    text-transform: uppercase;



    font-weight: 600;



    text-shadow: 0 1px 0 #fff;



    font-size: 12px;



    cursor: pointer;



    background: url(art/category-arrow.svg) no-repeat right center;



    -webkit-transition: background-color .3s ease-in-out;



    -moz-transition: background-color .3s ease-in-out;



    transition: background-color .3s ease-in-out;



    height: 20px;



}



#blog #categories div:hover, #blog-top #rss a:hover {



    background-color: #fff;



}



#blog #categories ul {



    position: absolute;



    top: 42px;



    background: #333;



    width: 100%;



    margin: 0;



    padding: 0;



    border-radius: 0 0 3px 3px;



    display: none;



    z-index: 8;



}



#blog #categories ul a {



    color: #ccc;



    padding: 4px 10px;



    display: block;



    text-transform: uppercase;



    font-size: 12px;



    font-weight: 600;



}



#blog #categories ul a:hover {



    background: #666;



    color: #fff;



}



#blog-top form {



    position: relative;



}



#blog-top label {



    position: absolute;



    left: 16px;



    top: 11px;



    text-transform: uppercase;



    font-weight: 600;



    text-shadow: 0 1px 0 #fff;



    font-size: 12px;



}



#blog-top input {



    background: #eaeaea;



    border: 1px solid #f2f2f2;



    border-radius: 2px;



    border-bottom: 1px solid #fff;



    border-top: 1px solid #d0d0d0;



    margin: 0;



    padding: 10px 15px;



    width: 310px;



    font-size: 13px;



    color: #444;



    -webkit-transition: border-color .2s ease-out, -webkit-box-shadow .2s ease-out;



    -moz-transition: border-color .2s ease-out, -webkit-box-shadow .2s ease-out;



    transition: border-color .2s ease-out, -webkit-box-shadow .2s ease-out;



    height: 21px;



}



#blog-top input:focus {



    outline: 0;



    -webkit-box-shadow: 0 0 6px 0 #4b9de3;



    -moz-box-shadow: 0 0 6px 0 #4b9de3;



    box-shadow: 0 0 6px 0 #4b9de3;



    border: 1px solid #4b9de3!important;



}



#blog-top button {



    position: absolute;



    top: 2px;



    right: 2px;



    width: 40px;



    height: 38px;



    background: url(art/searchbtn.svg) no-repeat center center;



    text-indent: -99999em;



    -webkit-transition: opacity .2s ease-out;



    -moz-transition: opacity .2s ease-out;



    transition: opacity .2s ease-out;



}



#blog-top button:hover {



    opacity: .5;



}



#blog-top #rss a {



    display: block;



    background: url(art/rss.svg) right center no-repeat;



    color: #262626;



}



#blog article {



    margin: 10px auto 60px;



    max-width: 700px;



    position: relative;



}



#blog article .post {



    background: #fff;



    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);



    border-radius: 2px;



    overflow: hidden;



    color: #333;



    margin: 0 0 15px;



}



#blog article .post .text {



    padding: 20px 20px 10px;



}



.post-content a {



	color: #2683a5;



}



.post-content a:hover {



	color: #4ea9a2; 



}



#blog article .post h2 {



    font-size: 28px;



    line-height: 36px;



    font-weight: 300;



    margin: 0;



}



#blog article .post h3 {



    font-size: 14px;



    line-height: 18px;



    text-transform: uppercase;



    font-weight: 700;



}



#blog article .post .meta {



    font-size: 11px;



    font-weight: 600;



    text-transform: uppercase;



}



#blog article .post p {



    font-size: 14px;



    line-height: 20px;



}



.short-url, .share, .categories {



    background: #eaeaea left center no-repeat;



    border-radius: 2px;



    border-bottom: 1px solid #fff;



    border-top: 1px solid #d0d0d0;



    float: left;



    margin: 0 20px 0 0;



    padding: 4px 15px 4px 35px;



    font-size: 11px;



    color: #666;



    text-transform: uppercase;



    font-weight: 700;



    text-shadow: 0 1px 0 #fff;



    -webkit-transition: all .2s ease-out;



    -moz-transition: all .2s ease-out;



    transition: all .2s ease-out;



}



.short-url {



    background-image: url(art/short-url.svg);



}



.share {



    background-image: url(art/share.svg);



}



.addthis_toolbox {



    display: none;



    padding: 0 20px 20px;



}



.short-url:hover, .share:hover {



    background-color: #ddd;



    border-top: 1px solid #aaa;



}



.categories {



    float: right;



    margin: 0;



    background-image: url(art/cats.svg);



}



.categories a {



    color: #262626;



}



.categories a:hover {



    color: #666;



    text-decoration: underline;



}



#blog article.quote {



    max-width: 940px;



}



#blog article.quote .quote-content {



    background: #676767;



    padding: 30px;



    border-radius: 3px;



    border-top: #111 1px solid;



    border-bottom: #fff 1px solid;



    margin: 0 0 15px;



}



#blog article.quote .quote-content p {



    font-size: 26px;



    line-height: 32px;



    color: #eee;



    font-weight: 300;



}



#blog article.quote p.ref {



    color: #fff;



    padding: 0;



    margin: 0;



}



#blog article.quote .quote-content a {



    color: #fff;



    text-decoration: underline;



}



#blog-pagination {



    display: block;



    text-align: center;



    margin: 35px 0;



}



.wp-paginate {



    display: inline-block;



    padding: 0;



    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);



    border-radius: 3px;



}



.wp-paginate li {



    padding: 0!important;



    display: inline-block;



    background-image: none!important;



    background-color: #fff;



    margin: 0;



    float: left;



}



.wp-paginate a, .wp-paginate .page.current {



    color: #333;



    padding: 10px 13px;



    display: inline-block;



    margin-bottom: 0!important;



    min-width: 10px;



    border-right: 1px solid #eee;



    font-size: 12px;



    font-weight: 600;



    text-transform: uppercase;



    -webkit-transition: all .1s ease-in-out;



    -moz-transition: all .1s ease-in-out;



    transition: all .1s ease-in-out;



}



.wp-paginate span {



    margin-bottom: 0!important;



}



.wp-paginate a.next {



    border-left: 0;



}



.wp-paginate .page {



    margin: 0;



}



.wp-paginate .page.current {



    background-color: #fafafa;



    color: #888;



}



.wp-paginate a:hover {



    background: #555;



    color: #fff;



    border-right: 1px solid #555;



}



#disqus_thread {



    margin: 10px auto 35px!important;



    max-width: 660px;



    position: relative;



    background: #eaeaea;



    border-radius: 2px;



    border-bottom: 1px solid #fff;



    border-top: 1px solid #d0d0d0;



    color: #1a1a1a;



    padding: 20px;



    font-size: 12px;



}



#disqus_thread h3 {



    font-size: 14px;



    text-transform: uppercase;



    text-shadow: 0 1px 0 #fff;



    font-weight: 600;



}



#contact {



    position: relative;



    /*height: 940px;*/



}



#location-map {



    width: 100%;



    height: 700px;



    display: block;



    position: absolute;



    top: 0;



}



#contact .container {



    padding-top: 60px;



}



#contact #contact-details, #contact #message {



    background: #262626;



    float: none;



    display: block;



    margin: 0 0 35px;



    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .25);



}



#phone-address, #work-planner {



    padding: 18px 15px;



}



#phone-address {



    border-bottom: 1px solid #565656;



}



#phone-address p, #work-planner h2, #message h2 {



    /*text-transform: uppercase;*/



    color: #fff;



    font-weight: 600;



    font-size: 13px;



}



#phone-address p {



    padding-left: 35px;



}



#phone-address p#phone {



    background: url(art/phone.png) no-repeat 2px 2px;



}



#phone-address p#address {



    background: url(art/map.png) no-repeat 2px 2px;



    margin: 0;



}



#work-planner h2, #message h2 {



    margin: 0 0 10px;



    line-height: normal;



}



#work-planner p {



    color: #9c9c9c;



    font-size: 13px;



    font-weight: 600;



}



#work-planner a {



    padding: 12px 40px 12px 12px;



    color: #fff;



    text-transform: uppercase;



    font-weight: 700;



    font-size: 12px;



    background: #ce462b url(art/get-started-arrow.png) no-repeat right center;



    margin: 0 0 10px;



    display: block;



    width: 128px;



    -webkit-transition: background-color .2s ease-in-out;



    -moz-transition: background-color .2s ease-in-out;



    transition: background-color .2s ease-in-out;



}



#work-planner a:hover {



    background-color: #4ea9a2;



}



#contact #message .wrapper {



    padding: 30px 40px;



}



#contact #message .field {



    display: block;



    position: relative;



    margin: 0 0 15px;



}



#contact #message label {



    position: absolute;



    top: 9px;



    left: 11px;



    color: #aaa;



    font-size: 13px;



    font-weight: 500;



}



#contact #message input, #contact #message textarea {



    width: 300px;



    max-width: 300px;



    background: #000;



    border: 0;



    border-bottom: 1px solid #373737;



    width: 100%;



    color: #ddd;



    font-size: 13px;



    font-weight: 500;



    padding: 8px 10px;



}



#contact #message textarea {



    height: 80px;



}



#contact #message input:focus, #contact #message textarea:focus {



    background: #111;



    outline: 0;



}



#contact #message button {



    padding: 14px 40px 14px 12px;



    color: #fff;



    text-transform: uppercase;



    font-weight: 700;



    text-align: left;



    font-size: 12px;



    background: #343434 url(art/message-arrow.png) no-repeat right center;



    display: block;



    margin: 0;



    width: 180px;



    -webkit-transition: background-color .2s ease-in-out;



    -moz-transition: background-color .2s ease-in-out;



    transition: background-color .2s ease-in-out;



    font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;



}



#contact #message button:hover {



    background-color: #666;



}



.contact footer {



    margin: 0;



}



footer {



    padding: 35px 0 8px;



    background: #101010;



    /*height: 190px;*/



}



footer h3 {



    font-size: 13px;



    line-height: 20px;



    font-weight: 600;



    color: #fff;



    text-transform: uppercase;



    margin: 0 0 20px;



}



footer p {



    color: #a5a5a5;



    font-size: 12px;



    line-height: 20px;



    font-weight: 600;



}



footer p a, footer p a:visited, footer p span {



    color: #dedede;



}



footer p a:hover {



    color: #fff;



}



#footer-contact p {



    margin-right: 40px;



    float: left;



}



#footer-project p {



    max-width: 270px;



}



#footer-newsletter {



    position: relative;



}



#footer-newsletter p {



    position: absolute;



    font-size: 11px;



    top: 0;



    right: 0;



    color: #7c7c7c;



}



#footer-newsletter input {



    width: 220px;



    height: 19px;



    background: #202020;



    border: 0;



    margin: 0;



    padding: 10px;



    color: #fff;



    font-size: 12px;



    -webkit-transition: background .3s ease-in-out;



    -moz-transition: background .3s ease-in-out;



    transition: background .3s ease-in-out;



    float: left;



    border-radius: 0;



}



#footer-newsletter input:focus {



    outline: 0;



    background: #333;



}



#footer-newsletter label {



    position: absolute;



    top: 49px;



    left: 10px;



    color: #a5a5a5;



    font-size: 12px;



}



#footer-newsletter button {



    width: 39px;



    height: 39px;



    text-indent: -99999em;



    background: #202020 url(art/btn-arrow.svg) no-repeat center center;



    float: right;



    -webkit-transition: background .3s ease-in-out;



    -moz-transition: background .3s ease-in-out;



    transition: background .3s ease-in-out;



}



#footer-newsletter button:hover {



    background-color: #333;



}



#footer-final {



    margin: 15px auto 0px;



    padding-top: 8px;



    border-top: 1px solid #313131;



    position: relative;



}



#footer-final a, #footer-final a:visited {



    color: #aaa;



}



#footer-final a:hover {



    color: #fff;



}



#footer-final p {



    font-weight: 600;



    font-size: 12px;



    display: block;



    margin: 0;



}



#footer-nav {



    text-align: center;



}



#footer-nav a {



    margin: 0 8px;



}



#footer-final p#footer-social {



    text-align: right;



    margin-left: 40px;



}



#footer-social a, #footer-social a:visited {



    margin: 0 0 0 16px;



}



.left {



    float: left;



}



.right {



    float: right;



}



span.error {



    color: red;



    font-size: 12px;



}



p.success {



    background: #009b00;



    padding: 5px;



    color: #fff;



    text-align: center;



    font-weight: 600;



    border-radius: 3px;



}



p.fail {



    background: red;



    padding: 5px;



    color: #fff;



    text-align: center;



    font-weight: 600;



    border-radius: 3px;



}



.success {



    color: #a5a5a5;



    font-size: 12px;



}



.alignnone {



    margin: 5px 20px 20px 0;



}



.aligncenter, div.aligncenter {



    display: block;



    margin: 5px auto 5px auto;



}



.alignright {



    float: right;



    margin: 5px 0 20px 20px;



}



.alignleft {



    float: left;



    margin: 5px 20px 20px 0;



}



.aligncenter {



    display: block;



    margin: 5px auto 5px auto;



}



a img.alignright {



    float: right;



    margin: 5px 0 20px 20px;



}



a img.alignnone {



    margin: 5px 20px 20px 0;



}



a img.alignleft {



    float: left;



    margin: 5px 20px 20px 0;



}



a img.aligncenter {



    display: block;



    margin-left: auto;



    margin-right: auto;



}



.wp-caption {



    background: #fff;



    border: 1px solid #f0f0f0;



    max-width: 96%;



    padding: 5px 3px 10px;



    text-align: center;



}



.wp-caption.alignnone {



    margin: 5px 20px 20px 0;



}



.wp-caption.alignleft {



    margin: 5px 20px 20px 0;



}



.wp-caption.alignright {



    margin: 5px 0 20px 20px;



}



.wp-caption img {



    border: 0 none;



    height: auto;



    margin: 0;



    max-width: 98.5%;



    padding: 0;



    width: auto;



}



.wp-caption p.wp-caption-text {



    font-size: 11px;



    line-height: 17px;



    margin: 0;



    padding: 0 4px 5px;



}



.cols_2_left, .cols_2_right, .cols_3_left, .cols_3_middle, .cols_3_right {



    margin: 0 0 1.5em;



}



.cols_2_left {



    float: left;



    width: 47%}



.cols_2_right {



    float: right;



    width: 47%}



.cols_3_left {



    float: left;



    width: 30%}



.cols_3_middle {



    float: left;



    width: 30%;



    margin-left: 5%}



.cols_3_right {



    float: right;



    width: 30%}



.container {



    position: relative;



    width: 960px;



    margin: 0 auto;



    padding: 0;



}



.container.short {



    width: 940px;



}



.container .column, .container .columns {



    float: left;



    display: inline;



    margin-left: 10px;



    margin-right: 10px;



}



.row {



    margin-bottom: 20px;



}



.column.alpha, .columns.alpha {



    margin-left: 0;



}



.column.omega, .columns.omega {



    margin-right: 0;



}



.container .one.column, .container .one.columns {



    width: 40px;



}



.container .two.columns {



    width: 100px;



}



.container .three.columns {



    width: 184px;



}



.container .four.columns {



    width: 220px;



}



.container .five.columns {



    width: 280px;



}



.container .six.columns {



    width: 340px;



}



.container .seven.columns {



    width: 350px;



}



.container .eight.columns {



    width: 460px;



}



.container .nine.columns {



    width: 520px;



}



.container .ten.columns {



    width: 580px;



}



.container .eleven.columns {



    width: 640px;



}



.container .twelve.columns {



    width: 700px;



}



.container .thirteen.columns {



    width: 760px;



}



.container .fourteen.columns {



    width: 820px;



}



.container .fifteen.columns {



    width: 880px;



}



.container .sixteen.columns {



    width: 940px;



}



.container .one-third.column {



    width: 290px;



}



.container .two-thirds.column {



    width: 615px;



}



.container .offset-by-one {



    padding-left: 60px;



}



.container .offset-by-two {



    padding-left: 120px;



}



.container .offset-by-three {



    padding-left: 180px;



}



.container .offset-by-four {



    padding-left: 240px;



}



.container .offset-by-five {



    padding-left: 300px;



}



.container .offset-by-six {



    padding-left: 360px;



}



.container .offset-by-seven {



    padding-left: 420px;



}



.container .offset-by-eight {



    padding-left: 480px;



}



.container .offset-by-nine {



    padding-left: 540px;



}



.container .offset-by-ten {



    padding-left: 600px;



}



.container .offset-by-eleven {



    padding-left: 660px;



}



.container .offset-by-twelve {



    padding-left: 720px;



}



.container .offset-by-thirteen {



    padding-left: 780px;



}



.container .offset-by-fourteen {



    padding-left: 840px;



}



.container .offset-by-fifteen {



    padding-left: 900px;



}



@media only screen and (max-width:1049px) {



    #case-details .images {



    width: auto;



    margin-left: 0;



}



#case-details .images.two img {



    width: 450px;



}



}@media only screen and (min-width:960px) {



    #logo {



    -webkit-transform-style: preserve-3d;



}



.sticky #logo {



    -webkit-transform: scale(.75);



    -moz-transform: scale(.75);



    -ms-transform: scale(.75);



    -o-transform: scale(.75);



    transform: scale(.75);



    top: 0;



    left: -10px;



}







}@media only screen and (min-device-width :768px) and (max-device-width:1024px) and (orientation:landscape) {



    #logo {



    -webkit-transform-style: flat;



}



.sticky #logo {



    -webkit-transform: none;



    -moz-transform: none;



    -ms-transform: none;



    -o-transform: none;



    transform: none;



    background-position: 0 -80px;



    top: 8px;



    left: 10px;



}



}@media only screen and (min-width:768px) and (max-width:959px) {



    .container {



    width: 768px;



}



.container.short {



    width: 748px;



}



.container .column, .container .columns {



    margin-left: 10px;



    margin-right: 10px;



}



.column.alpha, .columns.alpha {



    margin-left: 0;



    margin-right: 10px;



}



.column.omega, .columns.omega {



    margin-right: 0;



    margin-left: 10px;



}



.alpha.omega {



    margin-left: 0;



    margin-right: 0;



}



.container .one.column, .container .one.columns {



    width: 28px;



}



.container .two.columns {



    width: 76px;



}



.container .three.columns {



    width: 124px;



}



.container .four.columns {



    width: 172px;



}



.container .five.columns {



    width: 220px;



}



.container .six.columns {



    width: 268px;



}



.container .seven.columns {



    width: 316px;



}



.container .eight.columns {



    width: 364px;



}



.container .nine.columns {



    width: 412px;



}



.container .ten.columns {



    width: 460px;



}



.container .eleven.columns {



    width: 508px;



}



.container .twelve.columns {



    width: 556px;



}



.container .thirteen.columns {



    width: 604px;



}



.container .fourteen.columns {



    width: 652px;



}



.container .fifteen.columns {



    width: 700px;



}



.container .sixteen.columns {



    width: 748px;



}



.container .one-third.column {



    width: 236px;



}



.container .two-thirds.column {



    width: 492px;



}



.container .offset-by-one {



    padding-left: 48px;



}



.container .offset-by-two {



    padding-left: 96px;



}



.container .offset-by-three {



    padding-left: 144px;



}



.container .offset-by-four {



    padding-left: 192px;



}



.container .offset-by-five {



    padding-left: 240px;



}



.container .offset-by-six {



    padding-left: 288px;



}



.container .offset-by-seven {



    padding-left: 336px;



}



.container .offset-by-eight {



    padding-left: 384px;



}



.container .offset-by-nine {



    padding-left: 432px;



}



.container .offset-by-ten {



    padding-left: 480px;



}



.container .offset-by-eleven {



    padding-left: 528px;



}



.container .offset-by-twelve {



    padding-left: 576px;



}



.container .offset-by-thirteen {



    padding-left: 624px;



}



.container .offset-by-fourteen {



    padding-left: 672px;



}



.container .offset-by-fifteen {



    padding-left: 720px;



}



.sticky #logo {



    background-position: 0 -80px;



    top: 8px;



    left: 10px;



}



nav a {



    padding-left: 10px;



    padding-right: 10px;



}



#footer-contact {



    width: 220px;



}



#footer-newsletter {



    float: right;



    width: 280px;



}



.mini-post {



    width: 236px;



}



.mini-post img {



    width: 100%;



    height: auto;



}



#case-details .images {



    width: auto;



    margin-left: 0;



}



#case-details .images img {



    width: 100%}



#case-details .images.two img {



    width: 350px;



}



#case-details, #meta .container, .single #page-header .container {



    padding: 0 10px;



    width: 748px;



}



.about .column-text {



    padding: 0 15px;



}



#feature h1 {



    font-size: 55px;



}



#page-header.case h1 {



    font-size: 40px;



    line-height: 34px;



}



#page-header.case h2 {



    max-width: 40%;



    line-height: 24px;



}



#blog-top #categories {



    width: 220px;



}



#blog-top form {



    width: 340px;



}



#blog-top #rss {



    width: 100px;



}



.container .seven.columns {



    width: 400px;



}



.single-work #page-header h2, .single-lab #page-header h2 {



    font-weight: 500;



    font-size: 16px;



    line-height: 22px;



}







footer {



    height: auto;



}



#wrap {



    margin-bottom: 0;



    min-height: 0;



}



.push {



    display: none;



}



#copyright, #footer-social {



    width: 150px;



    margin: 0!important;



}



#location-map {



    display: none;



}



#contact {



    height: auto;



}



#contact .container {



    padding-top: 10px;



}



#contact #contact-details {



    float: left;



    width: 340px;



}



#contact #message {



    float: right;



    width: 400px;



}



#footer-nav {



    width: 448px;



}



#processes {



    margin: 0 30px;



}



.process .text {



    padding: 0 15px;



}



.process p {



    font-size: 13px;



    line-height: 18px;



}



}@media only screen and (max-width:767px) {



    .container, .container.short {



    width: 300px;



}



.container .columns, .container .column {



    margin: 0;



}



.container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {



    width: 300px;



}



.container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen {



    padding-left: 0;



}



.sticky #logo {



    background-position: 0 -80px;



    top: 8px;



    left: 10px;



}



#feature {



    height: 250px;



}



#feature article, #feature ul {



    display: none!important;



}



#feature h1 {



    top: 100px;



    font-size: 36px;



    line-height: 42px;



}



#home-content, #home-content .column, .mini-post {



    width: auto;



    float: none!important;



    display: block;



}



#home-content .column {



    margin: 0 0 40px;



}



.mini-post {



    margin: 0 auto 20px;



    width: 290px;



}



#tweet {



    padding: 40px 0 0 0;



    margin: 40px 0;



    width: auto;



}



#tweet .text {



    padding: 40px 20px 0;



    background-position: center top;



}



nav a {



    padding-left: 6px;



    padding-right: 6px;



    font-size: 12px;



}



#start-project, .sticky #start-project {



    display: none;



}



.mobile {



    display: block;



}



#footer-final {



    padding-top: 15px;



}



#footer-final p {



    width: auto;



}



#copyright {



    float: left;



}



#footer-final p#footer-nav {



    display: none;



}



#footer-final p#footer-social {



    float: right;



}



#footer-social a {



    margin: 0 0 0 4px;



}



#footer-newsletter input {



    width: 240px;



}



#work article {



    width: 30%;



    margin: 10px;



}



#work article .image, #work article a img, .labs#work article .image {



    width: 100%;



    height: auto;



}



#case-details .images {



    width: auto;



    margin-left: 0;



}



#case-details .images img, #case-details .images.two img {



    width: 100%;



    margin: 0 0 20px!important;



}



#page-header.case h1 {



    font-size: 30px;



    line-height: 28px;



    max-width: 55%}



#page-header.case h2 {



    max-width: 50%;



    line-height: 24px;



}



.labs #page-header h1 {



    font-size: 46px;



}



#meta p {



    float: right;



    margin: 0;



}



#meta p:first-child {



    width: 50%;



    float: left;



}



#work-with-us {



    font-size: 18px;



}



#blog-top #categories {



    margin-bottom: 15px;



}



#blog-top form {



    width: 200px;



}



#blog-top input {



    width: 170px;



}



#blog-top #rss {



    width: 80px;



    float: right;



}



#blog article img {



    width: 100%;



    height: auto;



}



#blog article {



    margin-bottom: 30px;



}



#blog article iframe {



    height: 270px;



}



#blog article .post h2 {



    font-size: 20px;



    line-height: 22px;



}



#blog .share {



    display: none;



}



.short-url {



    margin-bottom: 5px;



}



.categories {



    float: left;



}



.content h2 {



    font-size: 30px;



    line-height: 38px;



}



.content p {



    font-size: 14px;



    line-height: 22px;



    font-weight: 500;



}



#location-map {



    display: none;



}



#contact {



    height: auto;



}



#contact .container {



    padding-top: 10px;



}



#case-details .cols_2_left, #case-details .cols_2_right {



    float: none;



    width: auto;



    margin: 0 0 40px;



}



#case-details {



    text-align: left;



}



.single-work #page-header h1, .single-lab #page-header h1 {



    font-size: 36px;



    line-height: 34px;



}



.single-work #page-header h2, .single-lab #page-header h2 {



    max-width: 40%;



    font-weight: 500;



    font-size: 16px;



    line-height: 22px;



}



footer {



    height: auto;



}



#wrap {



    margin-bottom: 0;



    min-height: 0;



}



.push {



    display: none;



}



#processes {



    margin: 0 20px;



}



.process .text {



    padding: 0 10px;



}



.process p {



    font-size: 12px;



    line-height: 16px;



}



}@media only screen and (min-width:480px) and (max-width:767px) {



    .container, .container.short {



    width: 420px;



}



.container .columns, .container .column {



    margin: 0;



}



.container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {



    width: 420px;



}



#footer-newsletter input {



    width: 360px;



}



#blog-top form {



    width: 300px;



}



#blog-top input {



    width: 270px;



}



#blog-top #rss {



    width: 100px;



    float: right;



}



.categories {



    float: right;



}



.column-text {



    -moz-column-count: 1;



    -webkit-column-count: 1;



    column-count: 1;



}



}@media only screen and (min-width:320px) and (max-width:580px) {



    #logo, .sticky #logo {



    background-position: 0 -80px;



    top: 10px;



    left: 10px;



}



header, header.sticky {



    height: 100px;



}



.sticky nav, nav {



    margin-top: 64px;



}



nav a {



    padding-left: 5px;



    padding-right: 5px;



}



.mobile, .sticky .mobile {



    top: 15px;



}



#feature h1 {



    top: 120px;



    font-size: 22px;



    line-height: 30px;



}



#tweet .text p {



    font-size: 20px;



    line-height: 24px;



}



#work article {



    width: 45%;



    margin: 6px;



}



#page-header {



    height: 200px;



}



#page-header h1 {



    font-size: 34px;



}



.labs #page-header h1 {



    font-size: 25px;



}



#page-header.case h2 {



    font-size: 16px;



    font-weight: 500;



    line-height: 20px;



}



#work-with-us {



    font-size: 15px;



    text-align: center;



}



#work-with-us span {



    background-image: none;



}



#contact #message input, #contact #message textarea {



    width: 200px;



    max-width: 200px;



}



.single-work #page-header h1, .single-lab #page-header h1 {



    font-size: 30px;



    line-height: 28px;



    max-width: 50%}



.single-work #page-header h2, .single-lab #page-header h2 {



    max-width: 50%}



#case-details h1 {



    font-size: 22px;



    line-height: 28px;



}



.column-text {



    -moz-column-count: 1;



    -webkit-column-count: 1;



    column-count: 1;



}



#clients a, #clients span, #clients img {



    width: 130px;



    height: 130px;



}



#fresh ul {



    display: none;



}



#blog article iframe {



    height: 200px;



}



#process {



    display: none;



}



}.container:after {



    content: "\0020";



    display: block;



    height: 0;



    clear: both;



    visibility: hidden;



}



.clearfix:before, .clearfix:after, .row:before, .row:after {



    content: '\0020';



    display: block;



    overflow: hidden;



    visibility: hidden;



    width: 0;



    height: 0;



}



.row:after, .clearfix:after {



    clear: both;



}



.row, .clearfix {



    zoom: 1;



}



.clear {



    clear: both;



    display: block;



    overflow: hidden;



    visibility: hidden;



    width: 0;



    height: 0;



}



@media print {



    nav, #feature article, #pagingation, #start-project, .single #work, #work-with-us, #blog-top, .short-url, .share, .categories, iframe, #blog-pagination, #contact #message, #work-planner {



    display: none;



}



h1, h2, h3, h4, h5, h6 {



    color: #111!important;



    text-shadow: none!important;



}



#feature {



    height: auto;



}



#feature h1 {



    color: #111;



    position: static;



    padding: 50px 0;



}



#logo {



    background: url(art/logo.svg) no-repeat;



}



#footer-final {



    border-top: 1px solid #ccc;



}



#clients a, #clients span {



    border: 0;



}



#contact .container {



    padding: 0;



}



#contact-details {



    width: auto;



}



#contact-details p {



    padding: 0!important;



}



}#team-bios {



    top: 240px;



    bottom: auto;



}



#team {



    width: 100%;



    display: block;



    position: relative;



    overflow-x: hidden;



}



#team #profiles.items.active {



    display: block;



    width: 100%;



    position: relative;



    overflow: hidden;



}



#team .items.active .carousel {



    width: 20000em;



    position: relative;



    margin: 0;



    padding: 0;



}



#team .items .profile {



    float: left;



    margin: 0 15px;



    min-width: 200px;



    width: auto;



    display: inline-block;



}



#team a.carousel-btn {



    position: absolute;



    z-index: 100;



    top: 0;



    height: 287px;



    width: 77px;



    text-indent: -9999px;



    opacity: .8;



    -webkit-transition: all .1s ease-in-out;



    -moz-transition: all .1s ease-in-out;



    display: none;



}



#team a.carousel-btn.next {



    background: url(art/product-slider-right.png) 50px center no-repeat;



    background-position-x: 50px;



    background-position-y: center;



    right: 0;



    -webkit-transition: background-position-x .1s ease-in-out;



}



#team a.carousel-btn.previous {



    background: url(art/product-slider-left.png) -15px center no-repeat;



    background-position-x: -15px;



    background-position-y: center;



    left: 0;



    -webkit-transition: background-position-x .1s ease-in-out;



}



#team a.carousel-btn.next:hover {



    background-position-x: 45px;



}



#team a.carousel-btn.previous:hover {



    background-position-x: -10px;



}







#team {



    /*background: url(art/teambg2.png) repeat-x #232323;*/



	background: url(art/teambg2.png) repeat-x #232323;



}







.mtc-item { border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0, .3); }







/* Swinging sign for MTC slide */







.perspective {



 -webkit-perspective: 1000px;



  position: relative;



  cursor: pointer;



  z-index: 100;



 }







.mtc-item {



  -webkit-transform-style: preserve-3d;



  -webkit-transform: rotateX(-90deg);



  -webkit-backface-visibility: hidden;



  -webkit-transform-origin: 0% 0%;



  



  position: absolute;



  top: 90%;



  left: 15px;



  z-index: 1;



}







.slide.active .mtc-item {



  -webkit-transform: rotateX(0deg);



  -webkit-animation: swingDown 1.4s ease-in-out;



}







.slide .mtc-item {



  -webkit-animation: swingUp 1000ms;



}







@-webkit-keyframes swingDown {



  0% {



    -webkit-transform: rotateX(-90deg);



  }



  40% {



    -webkit-transform: rotateX(25deg);



  }



  60% {



    -webkit-transform: rotateX(-10deg);



  }



  80% {-webkit-transform: rotateX(4deg);}



  100% {-webkit-transform: rotateX(0deg);}



}







@-webkit-keyframes swingUp {



  0% {-webkit-transform: rotateX(0deg);}



  90% {-webkit-transform: rotateX(0deg);}



  100% {-webkit-transform: rotateX(-90deg);}



}







.social{float:right; width:400px;}



.social ul{float:right; padding:14px 0 0 0;}



.social ul li{ display:inline; list-style:none; float:right; width:47px; height:49px; margin:0 0 0 8px;}







.f a{float:right; background-image:url('art/social_hover.png'); background-position:-162px top; background-repeat:no-repeat; width:47px; height:49px;}



.t a{float:right; background-image:url('art/social_hover.png'); background-position:-111px top; background-repeat:no-repeat; width:47px; height:49px;}



.g a{float:right; background-image:url('art/social_hover.png'); background-position:10px top; background-repeat:no-repeat; width:47px; height:49px;}



.l a{float:right; background-image:url('art/social_hover.png'); background-position:-44px top; background-repeat:no-repeat; width:47px; height:49px;}







.f a:hover{float:right; background-image:url('art/social.png'); background-position:-162px top; background-repeat:no-repeat; width:47px; height:49px;}



.t a:hover{float:right; background-image:url('art/social.png'); background-position:-111px top; background-repeat:no-repeat; width:47px; height:49px;}



.g a:hover{float:right; background-image:url('art/social.png'); background-position:10px top; background-repeat:no-repeat; width:47px; height:49px;}



.l a:hover{float:right; background-image:url('art/social.png'); background-position:-44px top; background-repeat:no-repeat; width:47px; height:49px;}







.murugan_img{background:url(images/murugan.png) no-repeat; width:224px; height:309px; float:left;}



.murugan_img:hover{background:url(images/murugan_hover.png) no-repeat; width:224px; height:309px; float:left;}







.ramesh_img{background:url(images/ramesh.png) no-repeat; width:224px; height:309px; float:left;}



.ramesh_img:hover{background:url(images/ramesh_hover.png) no-repeat; width:224px; height:309px; float:left;}







.udhaya_img{background:url(images/udhaya.png) no-repeat; width:224px; height:309px; float:left;}



.udhaya_img:hover{background:url(images/udhaya_hover.png) no-repeat; width:224px; height:309px; float:left;}







.raj_img{background:url(images/rajkumar.png) no-repeat; width:224px; height:309px; float:left;}



.raj_img:hover{background:url(images/rajkumar_hover.png) no-repeat; width:224px; height:309px; float:left;}







.sami_img{background:url(images/sami.png) no-repeat; width:224px; height:309px; float:left;}



.sami_img:hover{background:url(images/sami_hover.png) no-repeat; width:224px; height:309px; float:left;}







.arasu_img{background:url(images/arasu.png) no-repeat; width:224px; height:309px; float:left;}



.arasu_img:hover{background:url(images/arasu_hover.png) no-repeat; width:224px; height:309px; float:left;}







.sagayam_img{background:url(images/sagayam.png) no-repeat; width:224px; height:309px; float:left;}



.sagayam_img:hover{background:url(images/sagayam_hover.png) no-repeat; width:224px; height:309px; float:left;}







.vinoth_img{background:url(images/vinoth.png) no-repeat; width:224px; height:309px; float:left;}



.vinoth_img:hover{background:url(images/vinoth_hover.png) no-repeat; width:224px; height:309px; float:left;}







.chinnappan_img{background:url(images/chinnappan.png) no-repeat; width:224px; height:309px; float:left;}



.chinnappan_img:hover{background:url(images/chinnappan_hover.png) no-repeat; width:224px; height:309px; float:left;}







.leo_img{background:url(images/leo.png) no-repeat; width:224px; height:309px; float:left;}



.leo_img:hover{background:url(images/leo_hover.png) no-repeat; width:224px; height:309px; float:left;}







.venkatesh_img{background:url(images/venkatesh.png) no-repeat; width:224px; height:309px; float:left;}



.venkatesh_img:hover{background:url(images/venkatesh_hover.png) no-repeat; width:224px; height:309px; float:left;}







.kumar_img{background:url(images/kumar.png) no-repeat; width:224px; height:309px; float:left;}



.kumar_img:hover{background:url(images/kumar_hover.png) no-repeat; width:224px; height:309px; float:left;}







.karthick_img{background:url(images/karthick.png) no-repeat; width:224px; height:309px; float:left;}



.karthick_img:hover{background:url(images/karthick_hover.png) no-repeat; width:224px; height:309px; float:left;}







.deebu_img{background:url(images/deebu.png) no-repeat; width:224px; height:309px; float:left;}



.deebu_img:hover{background:url(images/deebu_hover.png) no-repeat; width:224px; height:309px; float:left;}







.surekha_img{background:url(images/surekha.png) no-repeat; width:224px; height:309px; float:left;}



.surekha_img:hover{background:url(images/surekha_hover.png) no-repeat; width:224px; height:309px; float:left;}







.sarala_img{background:url(images/sarala.png) no-repeat; width:224px; height:309px; float:left;}



.sarala_img:hover{background:url(images/sarala_hover.png) no-repeat; width:224px; height:309px; float:left;}







.bhakkiya_img{background:url(images/bhakkiya.png) no-repeat; width:224px; height:309px; float:left;}



.bhakkiya_img:hover{background:url(images/bhakkiya_hover.png) no-repeat; width:224px; height:309px; float:left;}







.kalpana_img{background:url(images/kalpana.png) no-repeat; width:224px; height:309px; float:left;}



.kalpana_img:hover{background:url(images/kalpana_hover.png) no-repeat; width:224px; height:309px; float:left;}







.romila_img{background:url(images/romila.png) no-repeat; width:224px; height:309px; float:left;}



.romila_img:hover{background:url(images/romila_hover.png) no-repeat; width:224px; height:309px; float:left;}







.kalaivani_img{background:url(images/kalaivani.png) no-repeat; width:224px; height:309px; float:left;}



.kalaivani_img:hover{background:url(images/kalaivani_hover.png) no-repeat; width:224px; height:309px; float:left;}







.saraswathi_img{background:url(images/saraswathi.png) no-repeat; width:224px; height:309px; float:left;}



.saraswathi_img:hover{background:url(images/saraswathi_hover.png) no-repeat; width:224px; height:309px; float:left;}







.kavitha_img{background:url(images/kavitha.png) no-repeat; width:224px; height:309px; float:left;}



.kavitha_img:hover{background:url(images/kavitha_hover.png) no-repeat; width:224px; height:309px; float:left;}







/*-------------form--------------*/



.enquiry_wid{width:450px; height:50px; border:1px solid #d1d1d1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#1a1a1a; font-size:17px; text-indent:15px; font-weight:normal; background:#fafafa;}







/*.table_area{width:1000px; float:left; height:auto;}*/



.table_htxt{font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#272727; font-size:15px; font-weight:bold; text-align:center; text-transform:uppercase;}



.table_stxt{font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#00b3ce; font-size:12px; font-weight:bold; text-align:center;}



.submit{font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#FFF; font-size:25px; font-weight:bold; text-align:center; background:#00b3ce; padding:25px 10px; border:10px; text-transform:uppercase; margin-top:30px;}



.submit:hover{font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#FFF; font-size:25px; font-weight:bold; text-align:center; background:#343434; padding:25px 10px; border:0px; text-transform:uppercase; margin-top:30px;}







.line{width:1200px; margin:0px auto; border-bottom: 1px solid #d0d0d0;}







.test_area{width:1000px; float:left; height:auto;}



.test_left{width:340px; float:left; height:auto;}



.test_right{width:600px; float:right; height:auto;}



.test_right p{font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color:1a1a1a; font-size:13px; font-weight:normal; text-align:justify; line-height:22px;}



a.pay-btn{ position:relative; top:-32px; right:184px; float:right; }



.new_enquiry select, new_enquiry textarea{

	height: 50px;

border: 1px solid #d1d1d1;

border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;

color: #1a1a1a;

font-size: 17px;

text-indent: 15px;

font-weight: normal;

background: #fafafa

	}





.new_enquiry select{

	width: 450px;

	}



.new_enquiry textarea{

		width: 914px;

		height:150px !important;

		background: #fafafa;

		

	}



.new_enq_wid_lef{width:20%;}

.new_enq_wid_right{width:70%;}

.new_yes_no{

	width:500px;

	float:left;

}

.new_yes_no_right{

	width:500px;

	float:right;

}f