 /*!
Theme Name: Proper Form 2015
Theme URI: http://properform.us/
Author: John Enriquez
Author URI: http://johnenriquez.com/
Description: Proper Form 2015 is a custom theme for properform.us.
*/@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic);@font-face{font-family:'sofia_prolight';src:url("fonts/SofiaProLight-webfont.eot");src:url("fonts/SofiaProLight-webfont.eot?#iefix") format("embedded-opentype"),url("fonts/SofiaProLight-webfont.woff2") format("woff2"),url("fonts/SofiaProLight-webfont.woff") format("woff"),url("fonts/SofiaProLight-webfont.ttf") format("truetype"),url("fonts/SofiaProLight-webfont.svg#sofia_prolight") format("svg");font-weight:normal;font-style:normal}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */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:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;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;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{box-sizing:border-box}@media (min-height: 5em){html{height:100%}}*,*:before,*:after{box-sizing:inherit}html,body{color:#333}@media (min-height: 5em){html,body{min-height:100%}}body{font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:300}body.page-template-template-vision{background:url(img/fly.jpg) no-repeat bottom center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}a{text-decoration:none;color:#999}a:hover{color:#333}.page-content-container{width:100%;max-width:50em;margin-left:auto;margin-right:auto}@media (min-width: 70em){.page-content-container{padding:1em 0 5em}}.portfolio-container{width:100%;margin-left:auto;margin-right:auto;text-align:center}.portfolio-section-title{text-align:center;text-transform:uppercase;font-size:2em;font-family:"Lato",sans-serif;font-weight:700;font-style:italic}.project-section-title{text-align:center;text-transform:uppercase;font-size:2em;padding:1em;font-family:"Lato",sans-serif;font-weight:700;font-style:italic}.portfolio-item{position:relative;background-color:#000;width:100%}@media (min-width: 700px){.portfolio-item{width:50%}}.portfolio-item:before{content:"";display:block;padding-top:56.25%}.portfolio-item__content{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;text-align:center}.portfolio-item .poster-image{width:100%;display:block}.portfolio-item .project-title{position:absolute;top:1.1em;bottom:0;right:.5em;left:.5em;display:none;margin:0;padding:0;color:#fff;text-align:left;font-size:.9em;background-color:rgba(0,0,0,0.5);font-family:"Lato",sans-serif;font-weight:700;font-style:italic}.portfolio-item .project-title span{text-transform:uppercase;position:absolute;top:50%;left:.03em;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:.5em .5em .5em;padding-left:2.1em;margin-right:2em;background-color:#000;opacity:1}.portfolio-item img{transition:all .3s;opacity:1}.portfolio-item a:hover img{opacity:0.5}.portfolio-item a:hover .project-title{display:block}.partners-container{text-align:center}.partner{display:inline-block;margin:.5em}body.admin-bar .site{margin-top:32px}body.admin-bar .main-header{top:32px}.main-body{margin-top:3em}@media (min-width: 856px){.main-body{margin-top:5.5em;margin-bottom:4em}}.main-header{font-family:"Lato",sans-serif;font-weight:700;font-style:italic;width:100%;height:3em;background-color:#000;text-align:center;position:relative}.main-header:after{content:"";display:table;clear:both}@media (min-width: 856px){.main-header{position:fixed;top:0;left:0;z-index:10;height:5.5em}}.main-logo{z-index:1001}@media (min-width: 856px){.main-logo{position:absolute;top:.25em;left:1em}}.main-logo img{height:2.7em;width:auto;margin-top:.2em}@media (min-width: 856px){.main-logo img{height:4.2em;margin-top:.4em}}.show-nav{position:absolute;left:0;top:0}@media (min-width: 856px){.show-nav{display:none}}.show-nav a{color:#fff}.show-nav i{font-size:2em;padding-top:.25em;padding-left:.25em;color:#fff}.show-nav span{display:none}.main-navigation{position:absolute;background-color:#222;top:3em;left:0;width:100%;max-height:0;overflow:hidden;z-index:1000}@media (min-width: 856px){.main-navigation{overflow:visible;position:relative;top:0;max-height:700px;background-color:transparent}}.main-navigation.active,.main-navigation:target{max-height:700px;overflow:visible}.main-navigation .hide-nav{position:absolute;top:-101em;bottom:-101em;text-indent:-999em;left:0;right:0;z-index:-10;border:0;cursor:default;background-color:transparent}.main-navigation .hide-nav:hover{background-color:transparent}@media (min-width: 856px){.main-navigation .hide-nav{display:none}}.main-navigation .main-navigation__inner{z-index:1000}.main-navigation ul,.main-navigation li{list-style:none;margin:0;padding:0}.main-navigation li{text-align:left;padding-left:1em;padding-right:1em}@media (min-width: 856px){.main-navigation li{display:inline-block;padding-left:0;padding-right:0}}@media (min-width: 856px){.main-navigation ul li ul{position:absolute;z-index:1001;max-height:0;overflow:hidden;opacity:0;transition:opacity .3s}.main-navigation ul li ul li{display:block;transform:translateX(-33%);background-color:#333;text-align:center}.main-navigation ul li ul li a{display:block;padding-left:2em;padding-right:2em}.main-navigation ul li:hover ul{padding:0;max-height:700px;overflow:visible;opacity:1}.main-navigation ul li:hover ul li a:hover{background-color:#222}}.main-navigation a{color:#fff;text-transform:uppercase;line-height:3em;display:block;border-bottom:1px solid #333}@media (min-width: 856px){.main-navigation a{line-height:5.5em;padding-left:1em;padding-right:1em;border:0}}.main-navigation a:hover{background-color:#222}.work-dropdown>a{cursor:default}.work-dropdown>a:hover{background-color:#111}.header-contact-info{color:#fff}@media (min-width: 856px){.header-contact-info{display:block;position:absolute;top:.5em;right:0;padding-right:1.5em;font-size:.9em;text-align:right;color:#999}}body.home{overflow:hidden;background-color:#000}.home-logo{width:80%;margin:auto;max-width:40em;text-align:center;color:#fff}.no-touch .home-logo{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.touch .home-logo{margin:2em auto;padding:2em 0}.no-touch .home-logo img{max-width:25em;width:80%}.touch .home-logo img{width:80%;max-width:25em;margin-left:auto;margin-right:auto}.demo-reel-video{height:100%;margin:1em auto}.no-touch .demo-reel-video{display:none}.touch .loading-video{display:none}.full-reel{position:absolute;bottom:1em;left:0;display:block;text-align:center;font-size:1.2em;padding:1em 0;text-transform:uppercase}.full-reel a{color:#fff}.full-reel a:hover{color:#999}.no-touch .full-reel{width:100%}.touch .full-reel{display:none}.full-site{margin-top:2em;margin-bottom:1em;font-size:1.1em}.contact-link{text-align:center;display:block;padding:2em 0;text-transform:uppercase;color:#fff;letter-spacing:.1em}.contact-link:hover{color:#999}.touch .contact-link{font-size:.9em}.big-video-wrapper{position:absolute;left:0;top:0;height:100%;width:100%;z-index:-1;overflow:hidden}.screen{overflow:hidden;position:relative;height:100%;width:100%;float:left;overflow:hidden}.big-image{min-width:100%;min-height:100%;height:auto;width:auto}.video-title{position:absolute;bottom:2em;left:2em;margin:0;color:#fff;text-transform:uppercase;z-index:2;font-family:"Lato",sans-serif;font-weight:700;font-style:italic}.page-template-template-coming-soon-php{background-image:url("img/coming-soon-cover-light.jpg");background-repeat:no-repeat;background-size:contain;background-position:center bottom;background-color:#eef0f0}@media (min-width: 50em){.page-template-template-coming-soon-php{background-color:#D9DDDE;background-image:url("img/coming-soon-cover.jpg");background-position:left center;background-size:cover}}@media (min-width: 69.4375em){.page-template-template-coming-soon-php{background-position:center center}}.coming-soon{text-transform:uppercase}.coming-soon:after{content:"";display:table;clear:both}.coming-soon__inner{color:#000;text-align:center;width:60%;margin-top:5%;margin-left:auto;margin-right:auto}@media (min-width: 50em){.coming-soon__inner{float:right;width:20%;margin:3% 3% 0 0;font-size:.6em}}@media (min-width: 65.9375em){.coming-soon__inner{width:25%;margin:3% 4% 0 0;font-size:.7em}}@media (min-width: 69.4375em){.coming-soon__inner{margin:6% 8% 0 0}}@media (min-width: 73.5625em){.coming-soon__inner{width:30%;font-size:.8em}}.coming-soon a{border:5px solid #000;width:60%;margin:.5em auto;font-size:2em;padding:.25em;display:block;color:#000}@media (min-width: 69.4375em){.coming-soon a{margin:1em auto}}.coming-soon a:hover{color:#fff;border-color:#fff}.coming-soon img{width:100%;display:block}.coming-soon ul,.coming-soon li{list-style:none;margin:0;padding:0}.coming-soon li{font-size:.8em;margin:.3em 0}@media (min-width: 65.9375em){.coming-soon li{margin:1em 0}}.single-video{text-align:center;position:relative;background-color:#000;overflow-y:hidden}.single-video__inner{text-align:left;max-width:70em;margin-left:auto;margin-right:auto}.no-js .single-video .cover-photo{display:none}.js .single-video__inner{z-index:-2}.js .single-video .cover-photo{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;z-index:2}.js .single-video .cover-photo img{min-width:100%;min-height:100%;width:auto;height:auto}.single-video .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);z-index:9;color:#fff}.single-video .play-button i{font-size:5em;text-shadow:0 0 10px rgba(0,0,0,0.3);cursor:pointer}.single-video .play-button i:hover{color:#ccc;text-shadow:none}.single-project{text-align:center}.single-project__inner{text-align:left;max-width:70em;margin-left:auto;margin-right:auto}.project-title{text-align:center;text-transform:uppercase;font-size:2em;padding:0 .25em;font-family:"Lato",sans-serif;font-weight:700;font-style:italic}.project-description,.project-credits,.project-bts{position:relative;margin-top:1em;margin-bottom:1em}.project-description .section-title,.project-credits .section-title,.project-bts .section-title{text-align:center;border-bottom:5px solid #555;margin:0 1em;text-transform:uppercase;letter-spacing:2px;font-family:"Lato",sans-serif;font-weight:700;font-style:italic}@media (min-width: 550px){.project-description .section-title,.project-credits .section-title,.project-bts .section-title{position:absolute;margin:0;top:.5em;width:10em;padding-right:1em;text-align:right;border-bottom:0}}.project-description .section-title h3,.project-credits .section-title h3,.project-bts .section-title h3{margin:.25em 0}.project-description .section-body,.project-credits .section-body,.project-bts .section-body{font-style:italic;font-weight:300;padding:1em}@media (min-width: 550px){.project-description .section-body,.project-credits .section-body,.project-bts .section-body{padding:1em 2em 1em 5em;margin-left:10em;border-left:5px solid #555}}.project-description .section-body p,.project-credits .section-body p,.project-bts .section-body p{margin:0}.project-credits ul,.project-bts ul{list-style:none;margin:0;padding:0}.project-bts li{display:inline-block}@media (min-width: 550px){.project-bts .section-title span{font-size:.55em}}.all-projects-link{text-align:center;padding:2em}.all-projects-link a{background-color:#999;color:#fff;padding:.5em 2em;text-transform:uppercase}.all-projects-link a:hover{background-color:#000}.contact-lede-content,.contact-lede-content-intro{display:block;padding:2em;text-align:center;max-width:48em;margin-left:auto;margin-right:auto}.contact-lede-content:after,.contact-lede-content-intro:after{content:" ";display:block;clear:both}.contact-lede-content-intro{padding-bottom:0}.contact-people{padding:1em;text-align:center;max-width:48em;margin-left:auto;margin-right:auto}.contact-people:after{content:" ";display:block;clear:both}.contact-person{text-transform:uppercase;padding:0 1em 2em 1em;text-align:center;display:inline-block;width:11em}.contact-person:after{content:"";display:table;clear:both}.contact-person__photo img{width:100%}.contact-person__info{font-size:.50em;display:table;width:100%;margin-left:auto;margin-right:auto;text-align:left}.contact-person__info .contact-name{font-size:1.5em;margin:0}.contact-person__info .contact-position{margin:0;font-family:'sofia_prolight', sans-serif}.contact-person .contact-description{display:inline-block;padding:0;margin:0}.contact-person .contact-instagram{display:inline-block;float:left;font-size:2.7em;padding:0;padding-right:.5em;margin:0}.contact-person .contact-instagram a{color:#000}.contact-person .contact-instagram a:hover{color:#ccc}.reel-body{text-align:center;padding:2em}.reel-body .lede-title{text-transform:uppercase;font-family:"Lato",sans-serif;font-weight:700;font-style:italic}.reel-body .reel-vid{margin:auto;max-width:70em}.main-footer{width:100%;background-color:#333;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:2px;line-height:2em}@media (min-height: 48em){.page-template-template-reel .main-footer,.page-template-template-vision .main-footer{position:absolute;bottom:0;left:0}}@media (min-width: 856px){.main-footer{position:fixed;bottom:0;left:0}}.section-desc{text-align:center}.work-breakout-nav:after{content:"";display:table;clear:both}.work-breakout-section{text-align:center;margin:2em}.work-breakout-section h2{text-transform:uppercase;font-size:1.2em}.work-breakout-section img{max-width:100%;display:block}@media (min-width: 856px){.work-breakout-section{margin:.5%;width:48%}}.breakout-desc{padding:.5em 1.5em}.breakout-desc h2{margin:.5em;font-family:"Lato",sans-serif;font-weight:700;font-style:italic}@media (min-width: 856px){.work-production{float:left}}@media (min-width: 856px){.work-infmark{float:right}}.page-content-container a{color:#2980b9}.page-content-container a:hover{color:#34495e}.we-specialize{text-align:center;display:inline-block;padding:1em;text-transform:uppercase;letter-spacing:.15em;padding:.75em;border:1px solid #000}.we-specialize-cover{text-align:center;padding:.5em}.about-content p{padding:1em;text-align:left}.work-breakout-nav a{color:#000}.page-template-template-contact{background-repeat:no-repeat;background-position:top center}@media (min-width: 856px){.page-template-template-contact{background-position:0% 0%}}.contact-content-container{padding-top:0}.contact-content-container .section-desc{text-align:center;display:block;padding-top:17em;padding-left:.5em;pading-right:.5em}.contact-content-container .section-desc a{color:#000}.contact-content-container .section-desc a:hover{color:#999}.contact-content-container .section-desc p{margin:0;padding:0}@media (min-width: 1744px){.contact-content-container .section-desc{padding-top:40%}}.litebox-overlay,.litebox-overlay>*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.litebox-overlay{display:none;width:100%;min-width:280px;text-align:center;position:fixed;top:0;left:0;z-index:9999}@-webkit-keyframes liteboxLoader{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes liteboxLoader{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}@-ms-keyframes liteboxLoader{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(360deg)}}@-o-keyframes liteboxLoader{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(360deg)}}@keyframes liteboxLoader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.litebox-overlay .litebox-loader{position:absolute;width:40px;height:40px;left:20px;top:20px;border:3px solid #111;border-right-color:#fff;border-radius:50%;-webkit-animation:liteboxLoader 1s linear infinite;-moz-animation:liteboxLoader 1s linear infinite;-ms-animation:liteboxLoader 1s linear infinite;-o-animation:liteboxLoader 1s linear infinite;animation:liteboxLoader 1s linear infinite}.litebox-overlay .litebox-text{width:100%;padding:0 15px;background:rgba(0,0,0,0.5);color:#fff;font-size:12px;line-height:50px;position:absolute;bottom:0;z-index:2;-webkit-opacity:0;-khtml-opacity:0;-moz-opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.litebox-overlay .litebox-text.active{-webkit-opacity:1;-khtml-opacity:1;-moz-opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);opacity:1}.litebox-overlay .litebox-close{width:40px;height:40px;background:url("img/litebox-close.png") no-repeat center;opacity:.7;position:absolute;top:20px;right:20px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.litebox-overlay .litebox-close:hover{opacity:1;cursor:pointer}.litebox-overlay .litebox-nav{display:none;width:60px;height:60px;margin-top:-30px;opacity:.2;position:absolute;top:50%;z-index:9999999;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.litebox-overlay .litebox-nav:hover{opacity:.5;cursor:pointer}.litebox-overlay .litebox-prev{background:url("img/litebox-prev.png") no-repeat center;left:20px}.litebox-overlay .litebox-next{background:url("img/litebox-next.png") no-repeat center;right:20px}.litebox-overlay .litebox-container{position:absolute;top:10%;right:10%;bottom:10%;left:10%;overflow:hidden}.litebox-overlay .litebox-container.litebox-scroll{overflow-y:auto}.litebox-overlay img,.litebox-overlay iframe{display:inline-block;max-width:100%;max-height:100%;margin:0 auto;vertical-align:middle;overflow-x:hidden}.litebox-overlay iframe{width:100%;height:100%;position:relative;z-index:999999}.litebox-overlay .litebox-inline-html{width:100%;padding:20px;background:#FFF;line-height:normal;overflow-x:hidden;line-height:normal !important;position:absolute}.litebox-overlay .litebox-error{width:100%;height:100%;color:#FFF;text-align:center;line-height:inherit}.litebox-overlay .litebox-error span{background:rgba(0,0,0,0.9);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:20px;color:#FFF;text-shadow:1px 1px 0 #000;line-height:normal}@media only screen and (max-width: 479px){.litebox-overlay .litebox-close{display:none}}
