/* ******************************************************************** Powered by Type & Grids www.typeandgrids.com Tx Ivan Designostrom! Great Work! ******************************************************************** *//* Responsive grid is from Skeleton by Dave Gamache www.getskeleton.com */ /*=================================================================================================== Reset/Init Contents: ===================================================================================================== 1) @fimport fonts 2) Reset & basics 3) Basic styles 4) Typography 5) Links 6) Lists 7) Images 8) Buttons 9) Forms 10) Misc 11) Base 960 grid 12) Tablet (Portrait) 13) Mobile (Portrait) 14) Mobile (Landscape) 15) Clearing 16) Portfolio slider 17) Site styles 18) Media queries 19) Print styles */ @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic); @import url(https://fonts.googleapis.com/css?family=Montserrat:400,700); @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css); .subheader,p.lead{color:#777}nav,ul{list-style:none}.clear,.clearfix:after,.row:after,hr{clear:both}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}blockquote,hr{margin:10px 0 30px}h3,h4,ol ol li,ol ul li,ul ol li,ul ul li{margin-bottom:6px}fieldset,form,ol,ul{margin-bottom:20px}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;overflow-x:hidden;background:#fff;font:14px/21px Arial,sans-serif;color:#444;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-transition:background-color .8s ease-out;-moz-transition:background-color .8s ease-out;-o-transition:background-color .8s ease-out;transition:background-color .8s ease-out}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.langg_Uk{display:none}h1,h2,h3,h4,h5,h6{color:#222;font-family:Georgia,Arial,sans-serif;font-weight:400}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{margin-bottom:14px}h2{margin-bottom:10px}.fontStretch{word-spacing:7px}p{margin:0 0 20px}p img{margin:0}p.lead{font-size:21px;line-height:27px}em{font-style:italic}strong{font-weight:700;color:#333}small{font-size:80%}blockquote,blockquote p{font-family:Georgia,Arial,sans-serif;font-size:14px;line-height:1.5;font-style:italic}blockquote{padding:0 20px 0 19px;border-left:1px solid #ddd}blockquote:last-child{margin:10px 0}blockquote cite{font-family:Arial,sans-serif;font-style:normal;font-weight:700;display:block;padding-top:8px}blockquote cite:before{content:"\2014\00a0\00a0"}blockquote cite span{font-weight:400;color:#777}blockquote cite span:before{content:"\00a0\00a0\00a0\00a0("}blockquote cite span:after{content:")"}hr{border:solid #ddd;border-width:1px 0 0;height:0}a,a:visited{text-decoration:underline;outline:0}p a,p a:visited{line-height:inherit}ol{list-style:decimal}ol,ul.circle,ul.disc,ul.square{margin-left:30px}ul.square{list-style:square}ul.circle{list-style:circle}ul.disc{list-style:disc}ol ol,ol ul,ul ol,ul ul{margin:4px 0 5px 30px;font-size:90%}li{line-height:18px;margin-bottom:12px}li p,ul.large li{line-height:21px}img.scale-with-grid{max-width:100%;height:auto}.button,button,input[type=submit],input[type=reset],input[type=button]{background:#eee;background:-moz-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(0,0,0,.2) 100%) #eee;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.2)),color-stop(100%,rgba(0,0,0,.2))) #eee;background:-webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(0,0,0,.2) 100%) #eee;background:-o-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(0,0,0,.2) 100%) #eee;background:-ms-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(0,0,0,.2) 100%) #eee;background:linear-gradient(top,rgba(255,255,255,.2) 0,rgba(0,0,0,.2) 100%) #eee;border:1px solid #aaa;border-top:1px solid #ccc;border-left:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#444;display:inline-block;font-size:11px;font-weight:700;text-decoration:none;text-shadow:0 1px rgba(255,255,255,.75);cursor:pointer;line-height:normal;padding:8px 10px;font-family:Arial,sans-serif}.button:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover{color:#222;background:#ddd;background:-moz-linear-gradient(top,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%) #ddd;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.3)),color-stop(100%,rgba(0,0,0,.3))) #ddd;background:-webkit-linear-gradient(top,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%) #ddd;background:-o-linear-gradient(top,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%) #ddd;background:-ms-linear-gradient(top,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%) #ddd;background:linear-gradient(top,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%) #ddd;border:1px solid #888;border-top:1px solid #aaa;border-left:1px solid #aaa}.button:active,button:active,input[type=submit]:active,input[type=reset]:active,input[type=button]:active{border:1px solid #666;background:#ccc;background:-moz-linear-gradient(top,rgba(255,255,255,.35) 0,rgba(10,10,10,.4) 100%) #ccc;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.35)),color-stop(100%,rgba(10,10,10,.4))) #ccc;background:-webkit-linear-gradient(top,rgba(255,255,255,.35) 0,rgba(10,10,10,.4) 100%) #ccc;background:-o-linear-gradient(top,rgba(255,255,255,.35) 0,rgba(10,10,10,.4) 100%) #ccc;background:-ms-linear-gradient(top,rgba(255,255,255,.35) 0,rgba(10,10,10,.4) 100%) #ccc;background:linear-gradient(top,rgba(255,255,255,.35) 0,rgba(10,10,10,.4) 100%) #ccc}.button.full-width,button.full-width,input[type=submit].full-width,input[type=reset].full-width,input[type=button].full-width{width:100%;padding-left:0!important;padding-right:0!important;text-align:center}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=text],input[type=password],input[type=email],select,textarea{border:1px solid #ccc;padding:6px 4px;outline:0;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font:13px Arial,sans-serif;color:#444;margin:0 0 20px;width:210px;max-width:100%;display:block;background:#fff}#logo h1,#logo h2,#logoDetailView h1,#logoDetailView h2{font-family:Georgia,Arial,sans-serif;text-rendering:optimizeLegibility}#overview h3,h1,h2,h3,h4,h5,h6{line-height:1.2}select{padding:0;width:220px}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,textarea:focus{border:1px solid #aaa;color:#444;-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2)}textarea{min-height:60px}label,legend{display:block;font-weight:700;font-size:13px}input[type=checkbox]{display:inline}label span,legend span{font-weight:400;font-size:13px;color:#444}.remove-bottom{margin-bottom:0!important}.half-bottom{margin-bottom:10px!important}.add-bottom{margin-bottom:20px!important}.has-margin-right{margin-right:10px}.container{position:relative;width:960px;margin:0 auto;padding:0}.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:160px}.container .four.columns{width:220px}.container .five.columns{width:280px}.container .six.columns{width:340px}.container .seven.columns{width:400px}.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:300px}.container .two-thirds.column{width:620px}.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 (min-width:768px) and (max-width:959px){.container{width:768px}.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}}@media only screen and (max-width:767px){.container,.container .eight.columns,.container .eleven.columns,.container .fifteen.columns,.container .five.columns,.container .four.columns,.container .fourteen.columns,.container .nine.columns,.container .one-third.column,.container .one.column,.container .one.columns,.container .seven.columns,.container .six.columns,.container .sixteen.columns,.container .ten.columns,.container .thirteen.columns,.container .three.columns,.container .twelve.columns,.container .two-thirds.column,.container .two.columns{width:300px}.container .column,.container .columns{margin:0}.container .offset-by-eight,.container .offset-by-eleven,.container .offset-by-fifteen,.container .offset-by-five,.container .offset-by-four,.container .offset-by-fourteen,.container .offset-by-nine,.container .offset-by-one,.container .offset-by-seven,.container .offset-by-six,.container .offset-by-ten,.container .offset-by-thirteen,.container .offset-by-three,.container .offset-by-twelve,.container .offset-by-two{padding-left:0}}@media only screen and (min-width:480px) and (max-width:767px){.container,.container .eight.columns,.container .eleven.columns,.container .fifteen.columns,.container .five.columns,.container .four.columns,.container .fourteen.columns,.container .nine.columns,.container .one-third.column,.container .one.column,.container .one.columns,.container .seven.columns,.container .six.columns,.container .sixteen.columns,.container .ten.columns,.container .thirteen.columns,.container .three.columns,.container .twelve.columns,.container .two-thirds.column,.container .two.columns{width:420px}.container .column,.container .columns{margin:0}}.clear,.clearfix:after,.clearfix:before,.row:after,.row:before{visibility:hidden;width:0;height:0;display:block;overflow:hidden}.portfolioSlider .portfolioSlide,.portfolioSlider .portfolioSlidesContainer{padding:0!important;margin:0!important;border:0!important;list-style:none!important;position:relative}.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}.clearfix:after,.clearfix:before,.row:after,.row:before{content:'\0020'}.clearfix,.row{zoom:1}.portfolioSlider{height:300px}.portfolioSlider .portfolioWrapper{overflow:hidden;position:relative;width:100%;height:100%}.portfolioSlider .portfolioSlide,.portfolioSlider .portfolioWrapper{background:#000}.portfolioSlider .portfolioSlidesContainer{left:0;top:0!important}.portfolioSlider .portfolioSlide{float:left;overflow:hidden}.portfolioSlider .arrow{background-color:#C00;background-repeat:no-repeat;background-position:0 0;width:45px;height:90px;top:50%;margin-top:-45px;cursor:pointer;display:block;position:absolute;z-index:25}.portfolioSlider .arrow.left{background-position:top left;left:0}.portfolioSlider .arrow.right{background-position:top right;right:0}.portfolioSlider .portfolioControlNavOverflow{width:100%;overflow:hidden;position:absolute;margin-top:-20px;z-index:25}.portfolioSlider .portfolioControlNavCenterer{float:left;position:relative;left:-50%}.portfolioSlider .portfolioControlNavContainer{float:left;position:relative;left:50%}.portfolioSlider .portfolioControlNavThumbsContainer{left:0;position:relative}.portfolioSlider .thumbsAndArrowsContainer{overflow:hidden;width:100%;position:relative}.portfolioSlider .portfolioControlNavOverflow.portfolioThumbs{width:auto;position:relative;overflow:hidden;margin-top:4px}.portfolioSlider .portfolioControlNavOverflow a{background:no-repeat #0C0;width:20px;height:20px;float:left;cursor:pointer;position:relative;display:block;text-indent:-9999px}.portfolioSlider .portfolioControlNavOverflow a.current{background-color:#C00}.portfolioSlider .portfolioControlNavOverflow a:hover{background-color:#00C}.portfolioSlider .portfolioControlNavOverflow a.portfolioThumb{width:144px;height:60px;margin-right:4px}.portfolioSlider .portfolioControlNavOverflow a.portfolioThumb.current{background-position:-3px -3px!important;border:3px solid #C00!important;width:138px;height:54px}.portfolioSlider .portfolioControlNavOverflow a.portfolioThumb:hover{background-position:-3px -3px;border:3px solid #00C;width:138px;height:54px}.portfolioSlider .thumbsArrow{width:38px;height:68px;cursor:pointer;display:block;position:relative;z-index:25;background:#C99}.portfolioSlider .thumbsArrow.left{float:left}.portfolioSlider .thumbsArrow.right,nav{float:right}.portfolioSlider .portfolioCaption{z-index:20;display:block;position:absolute;left:0;top:0}.portfolioSlider .portfolioCaptionItem{position:absolute;left:0;top:0;margin:0;padding:0}.portfolioSlider .portfolioLoadingScreen{background:#FFF;width:100%;height:100%;position:absolute;z-index:99}.portfolioSlider .portfolioLoadingScreen p{width:100%;position:absolute;margin:0 auto;top:45%;text-align:center}#topNav hr,nav ul li button{margin-bottom:0}.portfolioSlider .portfolioPreloader{position:absolute;width:30px;height:30px;left:50%;top:50%;margin-left:-12px;margin-top:-12px;z-index:0;background-image:url(slider_assets/preloader.gif)}.first-img-preloader,.portfolioSlider,.portfolioSlider .portfolioHtmlContent{position:absolute;left:0;top:0}.portfolioSlider .grab-cursor{cursor:move;cursor:url(slider_assets/grab.cur);cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.portfolioSlider .grabbing-cursor{cursor:move;cursor:url(slider_assets/grabbing.cur);cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.portfolioSlider .non-draggable{cursor:auto}.portfolioSlider .fade-container .portfolioSlide{position:absolute;left:0;top:0;list-style-type:none;margin:0;padding:0;z-index:10}.portfolioSlider .portfolioImage{max-width:none;margin:0;padding:0!important;border:0!important}#topNav,header{padding-top:80px}.projectThumbnail{cursor:pointer}.project img.thumbnailImage{max-width:100%;height:auto}.portfolioSlider{width:100%;overflow:hidden;z-index:10}.portfolioSliderData{display:none;overflow:hidden}.portfolioSlidesContainer{display:block}.first-img-preloader{z-index:12;background:#000}.preloader-graphics{position:relative;width:30px;height:30px;left:50%;top:50%;margin-left:-12px;margin-top:-12px;z-index:0;background-image:url(slider_assets/preloader.gif)}h1{font-size:48px}h2{font-size:36px}h3{font-size:24px}h4{font-size:18px}h5{font-size:14px}h6{font-size:12px}.currentPage,button.currentPage:hover{color:#bbb;cursor:default}button.currentPage:hover{cursor:auto}#sitePreloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1001}#preloaderImage{width:30px;margin:100px auto}#logo,#logoDetailView{float:left}#logo img,#logoDetailView img{margin-top:28px}#logo h1,#logoDetailView h1{font-weight:400;font-style:normal;font-size:36px;line-height:1.5;letter-spacing:-.05em}#logo h2,#logoDetailView h2{font-weight:400;font-style:italic;font-size:16px;line-height:1.2;letter-spacing:-.07em;margin-top:-23px}a,button{-webkit-transition:color .2s ease-out;-moz-transition:color .2s ease-out;-o-transition:color .2s ease-out;transition:color .2s ease-out}a,a:visited{color:#333}#formSubmit:hover,#heroNav a:active,#heroNav a:focus,#heroNav a:hover,#heroNav a:visited:hover,.contentModule a:active,.contentModule a:focus,.contentModule a:hover,.contentModule a:visited:hover,a:active,a:focus,a:hover{color:#888}#topNav{position:fixed;left:50%;transform:translate(-50%,0);-ms-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-o-transform:translate(-50%,0);border-top:3px solid #000;margin-left:0;z-index:1000;background-color:#262626;top:-174px}#about,#work{padding-top:100px}nav{padding-top:0}nav ul{margin-top:15px;white-space:nowrap}nav ul li{display:inline;padding-right:15px}nav ul li:last-child{padding-right:0}nav ul li:first-child{padding-right:5px}nav ul li a,nav ul li a:visited,nav ul li button,nav ul li span{font-family:Arial,sans-serif;font-weight:700;font-style:normal;font-size:12px;line-height:1.5;text-rendering:auto;text-decoration:none}#overview h3,.projectThumbnailHover h4{font-family:Georgia,Arial,sans-serif;font-weight:400;text-rendering:auto}.projectNav button,nav ul li button{background:0 0;border:none;text-shadow:none;padding:0}.projectNav button:hover,nav ul li button:hover{background:0 0;border:none}nav ul li a:active,nav ul li a:focus,nav ul li a:hover,nav ul li button:active,nav ul li button:focus,nav ul li button:hover{color:#888;outline:0}.linedList li .countryFlag,nav ul li .countryFlag{border:1px solid #ddd;display:inline-block;background-size:100% 100%;width:16px;height:11px;margin-right:2px}.linedList,.projectInfo,.projectNav{border-bottom:3px solid #ddd}nav ul li #country_Pt{background-image:url(../images/flag_Pt_grey.png);opacity:.5}.linedList li #country_Pt{background-image:url(../images/flag_Pt.png);margin-left:8px;vertical-align:baseline;height:9px}nav ul li #langg_Pt{cursor:default}nav ul li #country_Uk{background-image:url(../images/flag_Uk.png)}.linedList li #country_Uk{background-image:url(../images/flag_Uk.png);margin-left:8px;vertical-align:baseline;height:9px}#overview{padding-bottom:10px}#overview h3{font-style:normal;font-size:36px;letter-spacing:-.04em;color:#333;margin-top:-7px;margin-bottom:22px}.project-separator{padding-top:35px;height:30px;color:white;}.project{margin-bottom:20px;position:relative;overflow:hidden}.each-slider-info{position:absolute;height:auto;width:100%;z-index:11;pointer-events:none;display:none}.each-slider-info>h5{font-size:small;line-height:1.5;text-align:justify;text-transform:none;text-shadow:1px 1px 1px rgba(0,0,0,.4);padding:10px}.projectThumbnail{max-width:100%;height:100%}.projectThumbnail img{display:block}.projectThumbnailHover{background-color:#000;background-color:rgba(0,0,0,.8);position:absolute;width:100%;height:100%;display:none;z-index:10}#formField,#formField:focus,code{background:#fff}.projectThumbnailHover h4{font-style:normal;font-size:24px;line-height:1.2;letter-spacing:-.05em;color:#fff;position:absolute;display:none}.projectInfo h4,.projectThumbnailHover h5{font-family:Arial,sans-serif;font-weight:700;font-style:normal;line-height:1.2}.projectThumbnailHover h5{font-size:12px;letter-spacing:0;text-rendering:auto;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.4);position:absolute;padding-top:69px;display:none}#formSubmit,code{text-shadow:none}.projectInfo{overflow:hidden}.projectInfo h4{font-size:14px;letter-spacing:-.05em;text-rendering:auto;color:#444;padding-top:12px;padding-bottom:8px;margin-bottom:4px;float:left}.projectNav,.projectNavCounter{letter-spacing:0;font-weight:700;color:#444;font-family:Arial,sans-serif;font-style:normal;text-rendering:auto}.projectNav{font-size:11px;line-height:1.2;border-top:3px solid #ddd;height:29px;margin-bottom:45px;padding-top:4px;margin-top:38px}#about img,#content img,#detailView img{max-width:100%;height:auto}.projectNavCounter{font-size:12px;padding-top:11px;float:right;text-align:right}#detailViewImages,#heroNav ul,.projectNavButtons,div.centerFooterLinks{text-align:center}.projectNavButtons button,.projectNavClose button,.projectNavEnlarge button{font-family:Arial,sans-serif;font-weight:700;font-style:normal;font-size:11px;line-height:1.2;text-rendering:auto;color:#444;cursor:pointer;text-transform:uppercase;letter-spacing:.07em;text-decoration:none}.projectNavEnlarge button{font-size:13px}.projectNav button:active,.projectNav button:focus,.projectNav button:hover{color:#777;outline:0}.projectNavInactive,button.projectNavInactive,button.projectNavInactive:active,button.projectNavInactive:hover{color:#ccc;text-decoration:none;cursor:auto}.projectNavEnlarge{float:left;padding-top:5px;padding-top:7px\9;width:auto}.projectNavClose{float:right;padding-top:5px;padding-top:7px\9}.projectNavButtons{padding-top:2px;padding-top:7px\9}@-moz-document url-prefix(){.projectNavButtons,.projectNavClose,.projectNavEnlarge{padding-top:2px}.projectNavEnlarge{padding-top:5px}}.projectInfo p:nth-of-type(1){margin-top:9px;margin-bottom:9px}.projectInfo p:nth-last-child(2){padding-bottom:10px;border-bottom:1px solid #ddd}#about blockquote,#about p{margin-bottom:24px}.projectInfo strong,p strong{color:#444}#faq p:first-child,#heroNav a,#heroNav a:visited,.contentModule a,.contentModule a:visited,footer p{color:#333}.projectInfo li,.projectInfo p,p{font-family:Arial,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:1.3;letter-spacing:0;text-rendering:auto}.projectInfo ul{margin-top:-8px;margin-bottom:7px}.projectInfo p+ul{margin-top:-20px}.linedList li,.projectInfo li{border-top:1px solid #ddd;margin-top:6px;margin-bottom:-1px;padding-top:6px;padding-bottom:0}.projectInfo li:first-child{border-top:none}.projectInfo li:last-child{margin-bottom:-2px;padding-bottom:6px}.linedList{padding-bottom:7px}#about #downloadCV_Pt,#about #downloadCV_Uk{cursor:pointer;font-weight:700;line-height:1.5;letter-spacing:-1px;word-spacing:-1px;text-decoration:none;text-transform:uppercase;text-rendering:auto}#detailView img{padding-bottom:12px}#detailViewBack{font-size:12px;font-weight:700;margin-top:-18px}#formField,footer p{font-weight:400;letter-spacing:0}#detailViewBack a{text-decoration:none}footer{margin-top:0;margin-bottom:40px}footer p{font-family:Arial,sans-serif;font-style:normal;font-size:12px;line-height:1.4;text-rendering:auto}div.centerFooterLinks{width:100%}div.centerFooterLinks ul{margin:2px auto;line-height:1.4}#formField,#formSubmit,#heroNav a{font-family:Arial,sans-serif;font-style:normal;line-height:1.2;text-rendering:auto}div.centerFooterLinks li{display:inline;text-align:center;white-space:nowrap}.video{margin-bottom:30px}#formField{border:1px solid #555;margin:0;width:200px;height:20px;display:inline;font-size:14px;text-decoration:none;text-transform:none}#formSubmit{display:inline;padding-bottom:0;margin-bottom:0;border:none;background:0 0;padding-left:5px;font-weight:700;font-size:12px;letter-spacing:.09em;text-decoration:none;text-transform:uppercase;-webkit-transition:color .2s ease-out;-moz-transition:color .2s ease-out;-o-transition:color .2s ease-out;transition:color .2s ease-out}#content #heroNav ul li,#footerLinks li,#formField,#heroNav,.contentModule{border-color:#ddd}#content #heroNav ul li,#footerLinks li{display:inline;padding-left:12px;margin-left:0;border-right:1px solid;padding-right:15px}#heroNav,.contentModule{border-bottom:1px solid}#formField,#formSubmit{color:#444}#hero{margin-top:-15px;margin-bottom:-1px}#heroNav{margin-top:20px;padding-top:18px;border-top:1px solid;margin-bottom:26px}#content #heroNav ul li:last-child{border-right:none;padding-right:0;margin-right:0}#heroNav ul li:first-child{padding-left:0;margin-left:0}#heroNav ul{margin-bottom:18px}#heroNav a{font-weight:700;font-size:16px;letter-spacing:0;text-decoration:underline;text-transform:none}#content ul li{list-style-type:disc;margin-left:30px;margin-bottom:10px}.contentModule ol,.contentModule ul{padding-top:8px}#footerLinks li{font-weight:700;font-size:12px}#footerLinks li:first-child{padding-left:0}#footerLinks li:last-child{border-right:none}.contentModule{margin-bottom:22px;padding-bottom:6px}.contentModule p{margin-top:10px;margin-bottom:15px;line-height:1.4}.contentModule li:first-child,.contentModule p:first-child{margin-top:-3px}.contentModule:last-child{border-bottom:none}#faq p{margin-top:-5px}#faq p:first-child{font-weight:700;margin-top:0;line-height:1.2}code{font-family:"Courier New",Courier,monospace;font-size:12px;color:#000;padding-top:5px;padding-bottom:5px}.thumbnailMask{pointer-events:none;width:460px;height:284px;position:absolute;z-index:24}@media only screen and (max-width:959px){#detailViewBack,nav ul li a,nav ul li button,nav ul li span{font-size:14px}.thumbnailMask{background-size:364px 224px}}@media only screen and (min-width:768px) and (max-width:959px){#heroNav a{font-size:14px}#footerLinks li{font-size:13px}}@media only screen and (max-width:767px){#overview,nav{padding-bottom:0}#content #heroNav ul li,#footerLinks li{display:block;padding-left:0;margin-left:0;border-right:none}#logo h1,#logoDetailView h1{font-size:30px;line-height:1.1}#logo h2,#logoDetailView h2{margin-top:-12px}#topNav,header{padding-top:40px}nav{float:left;clear:both;width:100%;border-top:1px solid #ddd;padding-top:10px;margin-bottom:-10px}.project{margin-bottom:30px}footer p{font-size:14px}#content #heroNav ul li{line-height:2}#footerLinks ul,#heroNav ul{text-align:left}#footerLinks li{padding-bottom:8px}.eight:nth-child(4n) .contentModule:last-child,.eight:nth-of-type(1) .contentModule:last-child{border-bottom:1px solid #ddd}.thumbnailMask{background-size:420px 259px}}@media only screen and (max-width:479px){#logo h1,#logoDetailView h1{font-size:30px}#logo h2,#logoDetailView h2{font-size:14px;margin-top:-10px}#overview h3{font-size:24px}.thumbnailMask{background-size:300px 185px}}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}} /*=================================================================================================== Styling Contents: ===================================================================================================== 1) @font-face definitions 2) Styles 3) Positioning adjustments 4) Media query adjustments */ #detailViewBack a,#logo h1,#logo h2,#logoDetailView h1,#logoDetailView h2,#overview h3,nav ul li a,nav ul li button,nav ul li span{font-family:Montserrat,Arial,sans-serif;font-style:normal;text-decoration:none}#logo h1,#logoDetailView h1{font-weight:700;font-size:28px;line-height:1.5;letter-spacing:.02em;text-transform:uppercase;text-rendering:optimizeLegibility}#logo h2,#logoDetailView h2{font-weight:400;font-size:12px;line-height:1.2;letter-spacing:0;text-transform:none;text-rendering:auto;margin-top:-20px;padding-left:2px}#detailViewBack a,nav ul li a,nav ul li button,nav ul li span{font-weight:700;font-size:19px;line-height:1.5;letter-spacing:-1px;word-spacing:-1px;text-transform:uppercase;text-rendering:auto}#overview h3{font-weight:400;font-size:32px;line-height:1.3;letter-spacing:-.02em;text-transform:none;text-rendering:optimizeLegibility;margin-top:-8px;margin-bottom:23px}.projectInfo h4,.projectNavCounter,.projectThumbnailHover h4,.projectThumbnailHover h5{letter-spacing:0;text-transform:none;font-family:Montserrat,Arial,sans-serif;line-height:1.2}.projectInfo h4,.projectInfo li,.projectInfo p,.projectNavCounter,.projectThumbnailHover h4,.projectThumbnailHover h5,li,p{text-decoration:none;text-rendering:auto;font-style:normal}.projectThumbnailHover h4{font-weight:700;font-size:24px;margin-top:50px}.projectThumbnailHover h5{font-weight:400;font-size:12px;padding-top:90px;padding-right:15px}.projectInfo h4{font-weight:700;font-size:14px}.projectNavCounter{font-weight:400;font-size:12px;color:#f9e8b7!important}.projectNavButtons button,.projectNavClose button,.projectNavEnlarge button{font-family:Montserrat,Arial,sans-serif;font-weight:700;font-style:normal;font-size:11px;line-height:1.2;letter-spacing:.09em;text-decoration:none;text-transform:uppercase;text-rendering:auto}.projectNavEnlarge button{font-size:13px}.projectInfo li,.projectInfo p,li,p{font-family:"Source Sans Pro",Arial,sans-serif;font-weight:400;font-size:14px;line-height:1.4;letter-spacing:0;text-transform:none;text-align:justify}#footerLinks li,footer p{font-family:Montserrat,Arial,sans-serif;font-weight:400;font-style:normal;font-size:13px;line-height:1.2;letter-spacing:0;text-decoration:none;text-transform:none;text-rendering:auto}blockquote,blockquote cite,blockquote p{font-family:"Source Sans Pro",Arial,sans-serif;text-decoration:none}#formField,#heroNav a,blockquote,blockquote cite,blockquote p{font-size:14px;letter-spacing:0;text-rendering:auto}blockquote,blockquote p{font-weight:400;font-style:italic;line-height:1.4;text-transform:none}#formField,#formSubmit,#heroNav a,blockquote cite,blockquote.non-italic{font-style:normal}blockquote cite{font-weight:700;line-height:1.3;text-transform:none}#heroNav a,h1,h2,h3,h4,h5,h6{font-family:Montserrat,Arial,sans-serif;font-weight:700;text-transform:none}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em}#heroNav a{line-height:1.2;text-decoration:underline}#formField{font-family:"Source Sans Pro",Arial,sans-serif;font-weight:400;line-height:1.2;text-decoration:none;text-transform:none}#formSubmit{font-family:Montserrat,Arial,sans-serif;font-weight:700;font-size:12px;line-height:1.2;letter-spacing:.09em;text-decoration:none;text-transform:uppercase;text-rendering:auto}#overview{padding-bottom:10px}.projectInfo h4{padding-top:12px;padding-bottom:8px}.projectNavCounter{padding-top:13px}.projectNavClose,.projectNavEnlarge{padding-top:4px;padding-top:5px\9}.projectNavButtons{padding-top:2px;padding-top:5px\9}@-moz-document url-prefix(){.projectNavButtons,.projectNavClose,.projectNavEnlarge{padding-top:2px}.projectNavEnlarge{padding-top:5px}}.projectInfo ul{margin-top:-8px;margin-bottom:7px}.projectInfo p+ul{margin-top:-20px}.linedList li,.projectInfo li{border-top:1px solid #ddd;margin-top:6px;margin-bottom:-1px;padding-top:6px;padding-bottom:0}@-moz-document url-prefix(){.linedList li,.projectInfo li{margin-bottom:-1px}}.linedList{padding-bottom:7px;margin-bottom:40px;margin-top:10px}@media only screen and (max-width:959px){#detailViewBack,nav ul li a,nav ul li button,nav ul li span{font-size:20px}}@media only screen and (min-width:768px) and (max-width:959px){.projectThumbnailHover h4{font-size:18px}.projectThumbnailHover h5{font-size:11px;padding-top:63px}}@media only screen and (max-width:767px){#logo h1,#logoDetailView h1{font-size:26px;line-height:1.1}#logo h2,#logoDetailView h2{margin-top:-12px}#topNav,header{padding-top:40px}nav{padding-top:9px;margin-bottom:-11px}#overview{padding-bottom:0;margin-top:45px}#about{padding-top:145px}#overview h3{font-size:24px}footer p{font-size:14px}}@media only screen and (min-width:480px) and (max-width:599px){#overview{height:60px;margin:0;visibility:hidden}nav ul{margin-bottom:11px;margin-top:-10px}#topNav{background-color:transparent;background:-moz-linear-gradient(top,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.8)),color-stop(100%,rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%);background:-o-linear-gradient(top,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000', GradientType=0 );background:linear-gradient(to bottom,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%)}#topNav,header{padding-top:10px}#work{padding-top:80px}#about{padding-top:110px}}@media only screen and (max-width:479px){#logo h1,#logoDetailView h1{font-size:24px}#logo h2,#logoDetailView h2{font-size:12px;margin-top:-12px}#overview h3{font-size:22px}.projectThumbnailHover h4{font-size:14px;margin-top:25px}.projectThumbnailHover h5{font-size:12px;padding-top:35px}} /* =================================================================================================== Color/Template CSS used: ===================================================================================================== */ #sitePreloader{background-color:#000}body{background-color:#262626}.thumbnailMask{background-image:url(../images/masks/262626_01.png)}#topNav,header{border-color:#70c9ef}#logo h1,#logoDetailView h1{color:#eee}#logo h2,#logoDetailView h2{color:#ddd}#about #downloadCV_Pt,#about #downloadCV_Pt:visited,#about #downloadCV_Uk,#about #downloadCV_Uk:visited,nav ul li a,nav ul li a:visited,nav ul li button{color:#70c9ef}.currentPage,button.currentPage:hover{color:#555!important}#about #downloadCV_Pt:hover,#about #downloadCV_Uk:hover,#formSubmit:hover,#heroNav a:active,#heroNav a:focus,#heroNav a:hover,#heroNav a:visited:hover,.contentModule a:active,.contentModule a:focus,.contentModule a:hover,.contentModule a:visited:hover,nav ul li a:active,nav ul li a:focus,nav ul li a:hover,nav ul li button:active,nav ul li button:focus,nav ul li button:hover{color:#fff}#content #heroNav ul li,#footerLinks li,#formField,#heroNav,.contentModule,.eight:nth-child(4n) .contentModule:last-child,.eight:nth-of-type(1) .contentModule:last-child,.linedList,.linedList li,.projectInfo,.projectInfo h4,.projectInfo li,.projectInfo p:nth-last-child(2),.projectNav,blockquote,hr,nav{border-color:#555}#overview h3{color:#eee}.projectThumbnailHover{background-color:rgba(90,161,191,.6)}.each-slider-info{background-color:rgba(0,0,0,.4)}.each-slider-info>h5,.projectThumbnailHover h4,.projectThumbnailHover h5{color:#fff}.projectInfo h4,.projectNav{color:#f9e8b7}.projectNav button:active,.projectNav button:focus,.projectNav button:hover{color:#bbb}#formField,#formSubmit,.projectNavButtons button,.projectNavClose button,.projectNavEnlarge button{color:#70c9ef}.projectNavButtons button:active,.projectNavButtons button:focus,.projectNavButtons button:hover{color:#f9e8b7}.projectNavInactive,button.projectNavInactive,button.projectNavInactive:active,button.projectNavInactive:hover{color:#555!important}.projectInfo li,.projectInfo p,.projectInfo strong,blockquote,blockquote cite,blockquote p,li,li strong,p,p strong{color:#eee}.linedList li i,.projectInfo li i,.projectNavCounter{color:#6E94A4}footer p{color:#ddd}footer a{color:#70c9ef}#faq p:first-child,.contentModule a,.contentModule a:visited,h1,h2,h3,h4,h5,h6{color:#eee}#heroNav a,#heroNav a:visited,a,a:visited{color:#70c9ef}a,a:visited{text-decoration:none}a:active,a:focus,a:hover{color:#fff}a:active,a:focus{color:#f9e8b7}#formField{background:#202020}#formField:focus{background:#111}