/**
 * charlotte-smith-portfolio
 * Portfolio of Charlotte Smith, Graphic Designer
 * Compiled: Thu Apr 30 2015 23:30:51 GMT+0100 (BST)
 * @version v0.3.0
 * @link https://github.com/DamienSeguin/gulp-frontend-boilerplate
 * @copyright MIT
 */
@font-face{font-family:Nevis;src:url(fonts/nevis.eot);src:url(fonts/nevis.eot?#iefix) format("embedded-opentype"),url(fonts/nevis.woff) format("woff"),url(fonts/nevis.ttf) format("truetype"),url(fonts/nevis.svg#nevis) format("svg");font-weight:400;font-style:normal}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}h1,h2,h3,h4{margin:0;font-weight:400}ul{list-style:none;padding:0;margin:0}pre{background:#fff;padding:10px}p{margin:0;padding:0}figure{margin:0}i{font-style:normal}b{font-weight:400}::-moz-selection{background-color:transparent;background-color:rgba(0,0,0,.1)}::selection{background-color:transparent;background-color:rgba(0,0,0,.1)}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html{min-height:100%}body{color:#bababa;font-family:Georgia,Times,"Times New Roman",serif}.mainContainer{width:100%;max-width:870px;min-width:870px;margin:0 auto}.content:after,.content:before{content:" ";display:table}.content:after{clear:both}#main{min-height:200px}#main:after,#main:before{content:" ";display:table}#main:after{clear:both}#mainHeader.active .mainHeader__banner::after{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}#mainHeader.active .mainNav li:nth-of-type(1){opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition:all .25s .1s cubic-bezier(0.175,.885,.32,1.275)}#mainHeader.active .mainNav li:nth-of-type(2){opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition:all .25s .2s cubic-bezier(0.175,.885,.32,1.275)}#mainHeader.active .mainNav li:nth-of-type(3){opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition:all .25s .3s cubic-bezier(0.175,.885,.32,1.275)}.mainHeader__banner{position:relative;height:200px;background-position:center center;background-image:url(../images/banner.jpg);background-repeat:no-repeat}.mainHeader__banner::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-top:1px solid #fbb296;border-bottom:1px solid #fbb296;opacity:0;-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;transition:opacity .15s,-webkit-transform .15s;transition:opacity .15s,transform .15s}.mainNav{height:100px}.mainNav ul{float:right;margin-top:55px}.mainNav li{float:left;padding:0 25px;opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}.mainNav li:last-child{padding:0 10px 0 25px}.mainNav a{font-family:Nevis;color:#fbb296;text-transform:uppercase;text-decoration:none;opacity:.6;transition:opacity .2s cubic-bezier(0.47,0,.745,.715)}.mainNav a.active,.mainNav a:hover{opacity:1;transition:opacity .3s cubic-bezier(0.19,1,.22,1)}#mainFooter{height:60px;line-height:60px;margin-top:36px;border-top:1px solid #fbb296;text-align:center;opacity:0}#mainFooter a{padding:0 10px;color:#bababa;font-family:Arial,Helvetica,sans-serif;font-size:.9em;text-transform:uppercase;text-decoration:none}#mainFooter.active{opacity:1;transition:all .25s cubic-bezier(0.39,.575,.565,1)}.workFilter{height:100px;line-height:100px;padding:0 5px}.workFilter li{float:left;margin-left:10px;opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}.workFilter a{font-family:Nevis;color:#fbb296;text-transform:uppercase;text-decoration:none;opacity:.6;transition:opacity .2s cubic-bezier(0.47,0,.745,.715)}.workFilter a.active,.workFilter a:hover{opacity:1;transition:opacity .3s cubic-bezier(0.19,1,.22,1)}.transition-in .workFilter li:nth-of-type(1){opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition:all .25s .1s cubic-bezier(0.175,.885,.32,1.275)}.transition-in .workFilter li:nth-of-type(2){opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition:all .25s .2s cubic-bezier(0.175,.885,.32,1.275)}.transition-in .workFilter li:nth-of-type(3){opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition:all .25s .3s cubic-bezier(0.175,.885,.32,1.275)}.transition-out .workFilter li:nth-of-type(1){opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);transition:all .25s .1s cubic-bezier(0.6,-.28,.735,.045)}.transition-out .workFilter li:nth-of-type(2){opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);transition:all .25s .2s cubic-bezier(0.6,-.28,.735,.045)}.transition-out .workFilter li:nth-of-type(3){opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);transition:all .25s .3s cubic-bezier(0.6,-.28,.735,.045)}.workList{overflow:hidden}.workList.loaded li:nth-of-type(1){opacity:1;transition:opacity 1.25s .1s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(2){opacity:1;transition:opacity 1.25s .2s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(3){opacity:1;transition:opacity 1.25s .3s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(4){opacity:1;transition:opacity 1.25s .4s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(5){opacity:1;transition:opacity 1.25s .5s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(6){opacity:1;transition:opacity 1.25s .6s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(7){opacity:1;transition:opacity 1.25s .7s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(8){opacity:1;transition:opacity 1.25s .8s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(9){opacity:1;transition:opacity 1.25s .9s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(10){opacity:1;transition:opacity 1.25s 1s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(11){opacity:1;transition:opacity 1.25s 1.1s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(12){opacity:1;transition:opacity 1.25s 1.2s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(13){opacity:1;transition:opacity 1.25s 1.3s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(14){opacity:1;transition:opacity 1.25s 1.4s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(15){opacity:1;transition:opacity 1.25s 1.5s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(16){opacity:1;transition:opacity 1.25s 1.6s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(17){opacity:1;transition:opacity 1.25s 1.7s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(18){opacity:1;transition:opacity 1.25s 1.8s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(19){opacity:1;transition:opacity 1.25s 1.9s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(20){opacity:1;transition:opacity 1.25s 2s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(21){opacity:1;transition:opacity 1.25s 2.1s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(22){opacity:1;transition:opacity 1.25s 2.2s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(23){opacity:1;transition:opacity 1.25s 2.3s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(24){opacity:1;transition:opacity 1.25s 2.4s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(25){opacity:1;transition:opacity 1.25s 2.5s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(26){opacity:1;transition:opacity 1.25s 2.6s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(27){opacity:1;transition:opacity 1.25s 2.7s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(28){opacity:1;transition:opacity 1.25s 2.8s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(29){opacity:1;transition:opacity 1.25s 2.9s cubic-bezier(0.39,.575,.565,1)}.workList.loaded li:nth-of-type(30){opacity:1;transition:opacity 1.25s 3s cubic-bezier(0.39,.575,.565,1)}.transition-out .workList li:nth-of-type(1){opacity:0;transition:opacity .25s .1s cubic-bezier(0.47,0,.745,.715)}.transition-out .workList li:nth-of-type(2){opacity:0;transition:opacity .25s .2s cubic-bezier(0.47,0,.745,.715)}.transition-out .workList li:nth-of-type(3){opacity:0;transition:opacity .25s .3s cubic-bezier(0.47,0,.745,.715)}.workThumb{opacity:0;margin-bottom:10px}.workThumb a,.workThumb img{display:block}.workThumb__hover{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;background-color:rgba(251,178,150,0);transition:all .15s cubic-bezier(0.47,0,.745,.715)}.workThumb__hover::before{content:'';position:absolute;top:30px;left:20px;width:90%;width:calc(100% - 40px);height:90%;height:calc(100% - 60px);border-top:1px solid #fff;border-bottom:1px solid #fff;opacity:0;-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;transition:opacity .15s,-webkit-transform .15s;transition:opacity .15s,transform .15s}.workThumb__hover::after{content:'';position:absolute;top:20px;left:30px;width:90%;width:calc(100% - 60px);height:90%;height:calc(100% - 40px);border-left:1px solid #fff;border-right:1px solid #fff;opacity:0;-webkit-transform:scale(1,0);-ms-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;transition:opacity .15s,-webkit-transform .15s;transition:opacity .15s,transform .15s}.workThumb__hover:hover{background-color:rgba(251,178,150,.7);transition:all .25s cubic-bezier(0.39,.575,.565,1)}.workThumb__hover:hover::after,.workThumb__hover:hover::before{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:opacity .35s .15s,-webkit-transform .35s .15s;transition:opacity .35s .15s,transform .35s .15s}.workThumb__hover:hover .workThumb__hover__title{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition:all .25s .15s cubic-bezier(0.39,.575,.565,1)}.workThumb__hover__title{position:absolute;top:50%;-webkit-transform:translate(0,-49%);-ms-transform:translate(0,-49%);transform:translate(0,-49%);width:70%;left:15%;font-size:.9em;font-family:Nevis;color:#fff;text-transform:uppercase;opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);transition:all .15s cubic-bezier(0.47,0,.745,.715)}.workSingle p{font-style:italic}.workSingle img{margin-top:40px;max-width:100%}.workSingle__title{margin:20px 10px;font-family:Nevis;font-size:2em;color:#fbb296;text-transform:uppercase;opacity:0}.transition-in .workSingle__title{opacity:1;transition:all .25s cubic-bezier(0.39,.575,.565,1)}.transition-out .workSingle__title{opacity:0;transition:all .25s .25s cubic-bezier(0.47,0,.745,.715)}.workSingle__content{padding:0 10px;opacity:0}.transition-in .workSingle__content{opacity:1;transition:all .25s .25s cubic-bezier(0.39,.575,.565,1)}.transition-out .workSingle__content{opacity:0;transition:all .25s cubic-bezier(0.47,0,.745,.715)}.aboutIntro{margin-top:15px;padding:0 10px;line-height:1.5;font-family:Nevis;color:#fbb296;text-transform:uppercase;opacity:0}.transition-in .aboutIntro{opacity:1;transition:all .25s cubic-bezier(0.39,.575,.565,1)}.transition-out .aboutIntro{opacity:0;transition:all .25s .25s cubic-bezier(0.47,0,.745,.715)}.aboutDetails{overflow:hidden;opacity:0}.aboutDetails li{float:left;width:33.3%;opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}.aboutDetails li a{position:relative;padding:4px;color:#fff;text-decoration:none;background-color:rgba(251,178,150,.7);transition:all .15s cubic-bezier(0.47,0,.745,.715)}.aboutDetails li a:hover{background-color:#fbb296;transition:all .25s cubic-bezier(0.39,.575,.565,1)}.aboutDetails img{max-width:100%}.aboutDetails h2{padding:0 10px;margin:20px 0;font-family:Nevis;font-size:1em;color:#fbb296;text-transform:uppercase}.aboutDetails p{padding:0 10px;margin-bottom:5px;font-size:.9em;line-height:1.3;font-style:italic}.transition-in .aboutDetails{opacity:1;transition:all .25s cubic-bezier(0.39,.575,.565,1)}.transition-in .aboutDetails li:nth-of-type(1){opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition:all .25s .36s cubic-bezier(0.39,.575,.565,1)}.transition-in .aboutDetails li:nth-of-type(2){opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition:all .25s .46s cubic-bezier(0.39,.575,.565,1)}.transition-in .aboutDetails li:nth-of-type(3){opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);transition:all .25s .56s cubic-bezier(0.39,.575,.565,1)}.transition-out .aboutDetails{opacity:0;transition:all .25s cubic-bezier(0.47,0,.745,.715)}.transition-out .aboutDetails li:nth-of-type(1){opacity:0;transition:all .25s .1s cubic-bezier(0.47,0,.745,.715)}.transition-out .aboutDetails li:nth-of-type(2){opacity:0;transition:all .25s .2s cubic-bezier(0.47,0,.745,.715)}.transition-out .aboutDetails li:nth-of-type(3){opacity:0;transition:all .25s .3s cubic-bezier(0.47,0,.745,.715)}.aboutLogos{display:block;margin:20px auto}.contactTitle{padding:36px 10px;font-family:Nevis;font-size:1.5em;color:#fbb296;text-transform:uppercase;opacity:0}.transition-in .contactTitle{opacity:1;transition:all .25s cubic-bezier(0.39,.575,.565,1)}.transition-out .contactTitle{opacity:0;transition:all .25s .25s cubic-bezier(0.47,0,.745,.715)}.contactDetails{padding:0 10px;font-size:.9em;opacity:0}.contactDetails p{line-height:1.7;font-style:italic}.contactDetails a{position:relative;padding:4px;color:#fff;text-decoration:none;background-color:rgba(251,178,150,.7);transition:all .15s cubic-bezier(0.47,0,.745,.715)}.contactDetails a:hover{background-color:#fbb296;transition:all .25s cubic-bezier(0.39,.575,.565,1)}.transition-in .contactDetails{opacity:1;transition:all .25s .25s cubic-bezier(0.39,.575,.565,1)}.transition-out .contactDetails{opacity:0;transition:all .25s cubic-bezier(0.47,0,.745,.715)}.pageError{padding:0 10px;font-size:.9em;opacity:0}.pageError h1{padding:36px 10px;font-family:Nevis;font-size:1.5em;color:#fbb296;text-transform:uppercase}.pageError a{position:relative;padding:4px;color:#fff;text-decoration:none;background-color:rgba(251,178,150,.7);transition:all .15s cubic-bezier(0.47,0,.745,.715)}.pageError a:hover{background-color:#fbb296;transition:all .25s cubic-bezier(0.39,.575,.565,1)}.pageError.active{opacity:1;transition:all .25s .25s cubic-bezier(0.39,.575,.565,1)}@media only screen and (max-device-width:480px){html{width:100%;height:100%}body{width:100%;padding-top:50px}.mainNav{z-index:100;position:fixed;top:0;left:0;width:100%;height:50px;background-color:#fff;border-bottom:1px solid #fbb296}.mainNav ul{width:100%;margin-top:17px}.mainNav li{width:33%;text-align:center;padding:0!important}.mainContainer{max-width:480px;min-width:inherit;margin:0 auto}.workFilter{line-height:60px;font-size:.9em}.workList li{min-width:100%;margin-bottom:0}.workList img{min-width:100%;max-width:100%}.aboutDetails li{width:100%}.aboutLogos{max-width:100%}}