/* @import must be at top of file, otherwise CSS will not work */
@import url("//web.archive.org/web/20220813021240cs_/https://hello.myfonts.net/count/335670");

/*
Theme Name: devastudios
Theme URI: https://github.com/edouardl/minimal-blank-theme... 
Author: Pierre-Olivier Blouin, Edouard Labre... 
Version: 1.5.1... 
License: GNU General Public License v2 or later... 
License URI: http://www.gnu.org/licenses/gpl-2.0.html... 
Text Domain: minimal-blank-theme
*/
 @font-face{ font-family:"Futura Maxi W00 Book"; src:url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/e2b1d569-594e-414d-be65-0ce98772e63f.eot#iefix"); src:url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/e2b1d569-594e-414d-be65-0ce98772e63f.eot#iefix") format("eot"),url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/a275540a-3072-4147-a70e-c195f05602d7.woff2") format("woff2"),url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/0112c0f0-c914-43ec-bc48-7b3802485fa0.woff") format("woff"),url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/e6a63a67-a3bc-4bf3-b070-c1edabfe6b66.ttf") format("truetype"),url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/1946b94e-43fe-44d2-90ea-4d433d176c5e.svg#1946b94e-43fe-44d2-90ea-4d433d176c5e") format("svg");font-display: swap}
 @font-face{font-family:"Futura Maxi W00 Bold";src:url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/63efc5e5-ad97-4ee5-a499-cbd5d4231d12.eot#iefix");src:url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/63efc5e5-ad97-4ee5-a499-cbd5d4231d12.eot#iefix") format("eot"),url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/e335f94d-3594-40f6-aff3-a32ca5a63615.woff2") format("woff2"),url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/20e1080e-6b08-4188-9162-8425b9f87a75.woff") format("woff"),url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/d934455f-9970-4c46-be02-401ce076b336.ttf") format("truetype"),url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/853d4d04-8ae0-4681-b802-194b1879b13a.svg#853d4d04-8ae0-4681-b802-194b1879b13a") format("svg");font-display: swap}

/*
@font-face{ font-family:"New Clarendon MT W01"; src:url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/80b0c444-52b2-465d-90cc-ff9a43f8fc73.eot#iefix"); src:url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/80b0c444-52b2-465d-90cc-ff9a43f8fc73.eot#iefix") format("eot"),url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/09b7154a-ac2e-4cee-bd99-b14b6b35d13e.woff2") format("woff2"),url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/4a032a3e-afbe-4abb-a6ce-2a809e97f507.woff") format("woff"),url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/853ac611-996e-4b10-b20c-a14c15755aaa.ttf") format("truetype"),url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/84ae19c9-6804-4f58-b601-e5526b64ac64.svg#84ae19c9-6804-4f58-b601-e5526b64ac64") format("svg");font-display: swap }
@font-face{ font-family:"NewClarendonMTW01-Bold"; src:url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/29169bbb-1042-404b-a54d-6364f548f645.eot#iefix"); src:url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/29169bbb-1042-404b-a54d-6364f548f645.eot#iefix") format("eot"),url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/1d9b9fdd-2131-46d7-89f6-9dfee6454e20.woff2") format("woff2"),url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/9607ef66-6701-4b3e-a0a1-ca9d8a5f9c97.woff") format("woff"),url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/f2994211-50da-4c85-a670-409c5276b3ab.ttf") format("truetype"),url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/21da8f6c-dfc5-4adf-a7dd-b6a0e8d12906.svg#21da8f6c-dfc5-4adf-a7dd-b6a0e8d12906") format("svg");font-display: swap }
*/
/*
@font-face{ font-family:"Egyptienne F LT W01_55 Roman"; src:url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/522938c8-fafc-4c63-91ce-4cee34ddebc6.eot#iefix"); src:url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/522938c8-fafc-4c63-91ce-4cee34ddebc6.eot#iefix") format("eot"),url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/248477c6-2bfb-4740-a310-f92866a57402.woff2") format("woff2"),url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/1b2eb43c-36b9-40ea-83e4-c6e2c569ebc9.woff") format("woff"),url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/9228a913-ae80-46bf-81b7-8088f45a106b.ttf") format("truetype"),url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/5adb9f6f-331a-438f-981f-425d47bb1111.svg#5adb9f6f-331a-438f-981f-425d47bb1111") format("svg"); }
@font-face{ font-family:"Egyptienne F LT W01_56 Italic"; src:url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/f442623b-07cb-4883-8b09-d545ca16ae92.eot#iefix"); src:url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/f442623b-07cb-4883-8b09-d545ca16ae92.eot#iefix") format("eot"),url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/6674200a-eb0b-4457-9340-340059fa9694.woff2") format("woff2"),url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/d781a3c2-18b7-4ac8-8c82-43c3cf4540fa.woff") format("woff"),url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/ca6d09c0-cfd9-493b-ae66-ca15181e6435.ttf") format("truetype"),url("/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/02d1f097-9075-4d8a-8255-3fd0e3a514a2.svg#02d1f097-9075-4d8a-8255-3fd0e3a514a2") format("svg"); }
*/

  
/* @font-face {font-family: 'BrandonGrotesqueWeb-BoldItalic';src: url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/335670_0_0.eot');src: url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/335670_0_0.eot#iefix') format('embedded-opentype'),url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/335670_0_0.woff2') format('woff2'),url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/335670_0_0.woff') format('woff'),url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/335670_0_0.ttf') format('truetype');} */
@font-face {font-family: 'BrandonGrotesqueWeb-Bold';src: url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/335670_1_0.eot');src: url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/335670_1_0.eot#iefix') format('embedded-opentype'),url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/335670_1_0.woff2') format('woff2'),url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/335670_1_0.woff') format('woff'),url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/335670_1_0.ttf') format('truetype');}
@font-face {font-family: 'BrandonGrotesqueWeb-Regular';src: url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/335670_2_0.eot');src: url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/335670_2_0.eot#iefix') format('embedded-opentype'),url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/335670_2_0.woff2') format('woff2'),url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/335670_2_0.woff') format('woff'),url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/335670_2_0.ttf') format('truetype');}
/* @font-face {font-family: 'BrandonGrotesqueWeb-Italic';src: url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/335670_3_0.eot');src: url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/335670_3_0.eot#iefix') format('embedded-opentype'),url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/335670_3_0.woff2') format('woff2'),url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/335670_3_0.woff') format('woff'),url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/335670_3_0.ttf') format('truetype');} */
 
  
 @font-face {font-family: 'PFDinTextPro-Regular';src: url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/234AE4_0_0.eot');src: url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/234AE4_0_0.eot#iefix') format('embedded-opentype'),url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/234AE4_0_0.woff') format('woff'),url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/234AE4_0_0.ttf') format('truetype');font-display: swap}
 @font-face {font-family: 'PFDinTextPro-Medium';src: url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/234AE4_1_0.eot');src: url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/234AE4_1_0.eot#iefix') format('embedded-opentype'),url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/234AE4_1_0.woff') format('woff'),url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/234AE4_1_0.ttf') format('truetype');font-display: swap}
 @font-face {font-family: 'PFDinTextPro-Light';src: url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/234AE4_2_0.eot');src: url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/234AE4_2_0.eot#iefix') format('embedded-opentype'),url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/234AE4_2_0.woff') format('woff'),url('/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/webfonts/234AE4_2_0.ttf') format('truetype');font-display: swap}
 

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: none;
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

.alm-reveal, .image-grid article.one, .image-grid article.three { clear: both; }

/* Required WP CSS from : http://codex.wordpress.org/CSS#WordPress_Generated_Classes */
.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;} 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%; /* Image does not overflow the content area */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;}
/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;height: 1px;width: 1px;overflow: hidden;} .screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;color: #21759b;display: block;font-size: 14px;font-size: 0.875rem;font-weight: bold;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000; /* Above WP toolbar. */}

 body:not(.blog) section.entry-section, #footer { opacity: 0 } 
#logo .bug { opacity: 0; }
#logo div.logo { position: relative; display: block; }
#logo div.logo img { max-width: 224px; width: 100%; height: auto; left: 0; 
  transition: opacity .4s ease-in-out; }
#logo div.logo img.hover, #logo div.bug img.hover { position: absolute; opacity: 0 }
#logo div.logo img.default, #logo div.bug img.default { opacity: 1; }
#logo div.logo:hover img.hover, #logo div.bug:hover img.hover { opacity: 1; }
#logo div.logo:hover img.default, #logo div.bug:hover img.default { opacity: 0; }

* { box-sizing: border-box; }
*:focus { outline: none; }
.clearfix:after {content: "";display: table;clear: both;}

ul.nolist { list-style: none; position: relative; margin: 0em 0 0em; padding: 0; }
ul.nolist li {list-style: none; margin: 0; padding: 0; line-height: 0;  }

.animated, .animatedFade { opacity: 0;  animation-duration: .27s; animation-delay: .27s;  }

body { background: #FFF; margin: 0; padding: 0; color: #9a9a9a;font-family: "PFDinTextPro-Light", serif;line-height: 1.67;}
a:link, a:visited { border: 0; color: #1a1a1a; text-decoration: underline; transition: all .2s ease; }
img { border: 0; }
a:hover { color: #353535; opacity: .6; }
a.image-grid-link:hover { color: inherit; opacity: 1; }

b, strong { color: #353535; font-family:'PFDinTextPro-Medium', sans-serif; font-weight: normal; }

::-webkit-input-placeholder { color: #dadada; font-family: 'PFDinTextPro-Regular', sans-serif; text-transform: uppercase;  }
::-moz-placeholder { color: #dadada; font-family: 'PFDinTextPro-Regular', sans-serif; text-transform: uppercase;  }
::-ms-input-placeholder { color: #dadada; font-family: 'PFDinTextPro-Regular', sans-serif; text-transform: uppercase;  }
:-moz-placeholder { color: #dadada; font-family: 'PFDinTextPro-Regular', sans-serif; text-transform: uppercase;  }

h1, h2, h3, h4 { margin-bottom: 0.1em; font-family:'PFDinTextPro-Light', sans-serif; letter-spacing: 0.01em; line-height: 1.27; font-weight: normal; color: #353535; }
h2 { font-size: 1.87em; }
h2>span { font-size: 16px; }
h3 { font-size: 1.47em; }
h3.contact { font-size: 1.033em; font-family: 'PFDinTextPro-Medium', sans-serif; }

.wrapper { width: 100%; margin: 0 auto; }
.fluid-width-video-wrapper { display: inline-block; }

.header-wrapper { height: 90px; position: relative; }
header#header { padding: 0 0px; height: 90px; position: fixed; border-bottom: 2px solid #FFF; background: #eaeaea; width: 100%; z-index: 9999; overflow: hidden; transition: height 0.3s;}
header#header .wrapper { overflow: hidden; padding: 0 30px 0px; background: #eaeaea; height: 100%; }
header#header.stuck { height: 52px; width: 100%; z-index: 9999; }

header#header div#logo { width: 244px; }
header#header div#logo .logo { margin-top: 30px; transition: margin .35s ease-in-out; transform: translate3d(0,0,0); transform-origin: 50% 50%; -webkit-backface-visibility: hidden }
header#header div#logo img.deva-icon { display: block; max-width: 32px; transition: margin .15s ease-in-out; margin-top: 2em; width: 100%; height: auto;}

div#menu { padding-top: 8px; float: right; transition: all .15s ease-in-out; }

header#header.stuck div#menu { transition: all .15s ease-in-out; }
header#header.stuck div#logo .logo { margin-top: -29px; }
header#header.stuck div#logo img.deva-logo { }
header#header.stuck div#logo img.deva-icon { margin-top: 6px; transition: margin .15s ease-in-out; }
header#header.stuck div#logo img.deva-icon.hover { margin-top: 0px; }

ul.menu { list-style: none; position: relative; margin: 0em 0 0em; }
ul.menu li { display: inline-block; vertical-align: middle; padding: 0em 1em; }
ul.menu li:last-child { padding-right: 0; }

ul.menu li a { font-family: 'BrandonGrotesqueWeb-Bold', 'PFDinTextPro-Regular', sans-serif; opacity: .6; text-decoration: none; line-height: 77px; }
header#header.stuck ul.menu li a { line-height: 40px; }

ul.menu li a:hover { color: #353535; opacity: .2; }
ul.menu li.nav-instagram a:hover { opacity: 1; }

ul.menu li.current-menu-item a { /* color: #00aeef; */ opacity: 1 }
ul.menu li.search-icon img { max-width: 16px; margin-bottom: -.167em; opacity: .8; width: 100%; height: auto; }
ul.menu li.search-icon img:hover { opacity: .4 }
ul.menu hr { opacity: 0;
    height: 2px;
    width: 24px;
    margin: 0 0 0 5in;
    background: #000;
    border: none;
    position: absolute;
    transition: all .2s ease-in-out;
}

img.nav-instagram { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);max-width: 26px;margin-bottom: -7px; }
img.nav-instagram:hover { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);}


body.blog ul.menu hr { margin-left: 1em; }
body.home ul.menu hr { display: none; }
body.page-template-page-about ul.menu hr { margin-left: 358px; }

body.error404 section.entry-section { text-align: center; margin: 10% auto; }

.entry-section article { font-family:'PFDinTextPro-Light', sans-serif; }
body:not(.home) section#content { opacity: 0; }

.mobile-menu-icon { display: none; cursor: pointer; position: relative; top: 0; transition: all .3s ease-in-out; padding-top: 1.8em; }
header#header.stuck .mobile-menu-icon { padding-top: 0.87em; }
.menu-mobile-menu-container { display: none; position: relative; right: 0em; overflow: visible; z-index: 999; }
ul#menu-mobile-menu { display: none; background: #eaeaea; padding: 0em 0; }
body.blog section#content { background: #fff; position: relative; z-index: 2; }
section#content img, .experiment img { width: 100%;  height: auto; }

/* begin no-border image grid */
section#content img { width: 101%; }
section#content .wrapper#play img, body.single section#content img { width: 100%; }
.image-grid section.entry-content { border: 0!important; }
/* end no-border image grid */


#search { background: #FFF; display: none; padding: 0 30px 0.12em; width: 100%; position: absolute; z-index: 999; }
#search.no_results { display: block; }
#search.no_results #searchform { opacity: 1; }
body.blog #search, body.archive #search { position: absolute; z-index: 3; }
#searchform { text-align: right; opacity: 0; transition: opacity .3s ease-in-out; position: relative; }
#searchform.visible { opacity: 1; }
#searchform input#s { font-family: "PFDinTextPro-Light", serif; padding-right: 2em; vertical-align: middle; display: inline-block; width: 80%; text-align: right; font-size: 1em; border: none; }
#searchform input#searchsubmit { margin-right: 16px; vertical-align: text-bottom; display: inline-block; border: none; background: #FFF url(/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/images/search_icon.svg) no-repeat center; background-size: contain; height: auto; width: 16px; } 

#homepage-content, .callout-content { background: #fff; clear: both; color: #676767!important; padding: 0 1%; font-size: 1.2em; }
.callout-content a { color: #FFF; display: block; margin-top: .2em; }
#homepage-content { width: 66%; padding: 4% 0 2% 30px }
#homepage-content a {}
#homepage-image { width: 100%; height: auto; }
section#content #homepage-image img { width: 100%!important; }
#homepage-image img { margin-top: 0%; }

h2.homepage-header { padding: 4% 30px .4em; }
h2.homepage-header { font-size: 2em;  font-family:'PFDinTextPro-Light', sans-serif; font-weight: normal; }
h2.homepage-header a { font-size: 16px; text-decoration: underline;}

video#bgvid, video.bgvid { opacity: 0; width: 100%; height: auto; z-index: -100; background-size: cover; }
video {  width: 100%; height: auto; }

/* WORK */
div#categories { background: #FFF; height: 26px; }
#categories ul { position: absolute; z-index: 0; width: 100%; list-style: none; text-align: center; padding: 0; margin: 0; }
#categories ul li { display: inline-block; padding: 0.2em 1em 0em; font-family: 'BrandonGrotesqueWeb-Bold', 'PFDinTextPro-Regular', sans-serif; line-height: 1; }
#categories ul li a { color: #1a1a1a; opacity: 0.6; font-size: .78em; text-transform: uppercase; text-decoration: none; }
#categories ul li.current-cat a { color: #1a1a1a; opacity: 1; }
#categories ul li a:hover { color: #1a1a1a; opacity: 0.2; }

#work { background: #FFF; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
.image-grid article { position: relative; cursor: pointer; overflow: hidden; background-size: 100%; background-position: center; background-repeat: no-repeat; transition: all .25s ease-in-out; }
.image-grid section.entry-content { position: absolute; top: 0%; width: 100%; height: 100%; background: rgba(255,255,255,.0); transition: all 1s ease-in; color: #FFF; }


.image-grid article a div img { display: block; background-size: 100%;
	-webkit-transform: scale(1.0085,1.0085) translate3d(0, 0, 0); 
    -webkit-transition: all 0.6s ease-in-out; 
	transform: scale(1.0085,1.0085); 
	transition: all 0.6s ease-in-out;-webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;}

.image-grid article a:hover div img { -webkit-transform: scale(1.0367,1.0367) translate3d(0, 0, 0); transform: scale(1.0367,1.0367); -webkit-transition: all 0.23s ease-in-out; transition: all 0.23s ease-in-out;-webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
 
.image-grid article.one, .image-grid article.two, .image-grid article.four, .image-grid article.five, .image-grid article.six, .image-grid .project-sub_grid { float: left; line-height: 0; margin: 0; padding: 0; width: 50%; }
.image-grid .project-sub_grid.switch { float: right; }
.image-grid article.six.switch { float: left;}
.image-grid article.three { line-height: 0; margin: 0; padding: 0;}
.image-grid .project-sub_grid { overflow: hidden; }


body:not(.blog) .image-grid section.entry-content { border: 0!important; }

.image-grid article.two, .image-grid article.six, .image-grid article.five { line-height: 0; background: #eaeaea url(/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/images/DEVA_bug_white.svg) center center no-repeat; background-size: 40px;}
.image-grid article.one, .image-grid article.three, .image-grid article.four { line-height: 0; background: #eaeaea url(/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/images/DEVA_bug_white.svg) center center no-repeat; background-size: 40px; }

.image-grid article.one div, .image-grid article.two div, .image-grid article.three div { position:relative; height: 0; padding-bottom: 42.5%; }
.image-grid article.four div, .image-grid article.five div, .image-grid article.six div { position:relative; height: 0; padding-bottom: 85%;   }
.image-grid article div img { position: absolute; }

.image-grid .project-sub_grid.switch article.three section.entry-content,
.image-grid .project-sub_grid.switch article.four section.entry-content,
.image-grid .project-sub_grid.switch article.five section.entry-content { border: 0;  }
.image-grid .project-sub_grid.switch article.four section.entry-content { border:0; }
.image-grid article.six.switch section.entry-content { border:0; }

section.entry-content h3.entry-title { font-family: 'BrandonGrotesqueWeb-Regular', sans-serif; font-weight: 500; font-size: 1em; color: #FFF; padding:2% 30px; display: block; text-shadow: 0px 0px 1px rgba(234,234,234, 0.25); text-transform: uppercase; text-align: left; -webkit-transform: translate3d(0, 0, 0)}
section.entry-content h3.entry-title.black {  transition: color 1s;  color: #000; } /* changing color after image loaded. see lazyLoad function in footer */
.experiment section.entry-content h3.entry-title.black { color: #000; }
section.entry-content h3.entry-title.black.isBlack { color: #000; }
section.entry-content h3.entry-title span { display: block; text-transform: none; }

#studio { background: #FFF; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#studio.image-grid section.entry-content { border: 1px solid #FFF; }

div.entry-content { padding: 1.2em 30px 0; }
h1.entry-title { font-size: 1.6em; margin: 0; color: #00aeef;  }
#project-title h2 { margin-top: .1em; font-size: 1.27em; }
#project-main-content-headline h3 { margin: 2em 0 0; font-size: 1.87em; letter-spacing: 0.04em; width: 100%; }
#project-main-content-headline p { margin: 0; }
div#project-title, div#project-tags { width: 50%; display: inline-block; vertical-align: top; padding-right: 2em; }
div#project-tags  { padding-right: .5em; color: #00aeef }
div#project-tags a {  color: #00aeef; cursor: pointer; }
div#project-tags a:hover { color: #353535; }
div#project-tags>span { color: #353535; font-family: 'PFDinTextPro-Regular', sans-serif;  display: block; }
div.project-main-content-left, div.project-main-content-right { width: 50%; display: inline-block; vertical-align: top; }
div.project-main-content-left.full-width { width: 100%; padding: 0}
div.project-main-content-left, div.project-main-content-right { padding-right: 2em; padding-bottom: 4%; color: #9a9a9a }
.project-content-block { display: inline-block; vertical-align: middle; width: 50%; padding: 0; }
.project-content-images, .project-content-text { padding:  0; }
.project-content-block.image-block, .project-content-block.video-block {width: 50%; padding: 0; line-height: 0;}
.project-content-block.full-width { width: 100%; padding: 0em; }
.project-content-block.text-block.full-width { width: 80%; display: block; margin: 0 auto; }
.project-content-block.image-block, .project-content-block.text-block { vertical-align: middle; }
.project-content-block.text-block { padding: 1% 30px 4%; color: #9a9a9a; transition: all 0.2s ease-in-out; }
.project-content-block.text-block.mobile { display: none; }
#project-main-content strong, .project-content-block strong, .project-content-block h2, .project-content-block h3  { color: #343434; }

.project-content-text h1, 
.project-content-text h2, 
.project-content-text h3,
.project-content-text h4 { font-family: 'PFDinTextPro-Regular' }
.project-content-text h1>strong, 
.project-content-text h2>strong, 
.project-content-text h3>strong,
.project-content-text h4>strong { font-family: 'PFDinTextPro-Medium', sans-serif; font-weight: normal; }


.post-navigation { padding: 2.2em 30px 0; width: 100%; line-height: 1.3;  }
.post-navigation .previous { float: right; width: 50%; text-align: right; }
.post-navigation .previous:after { content: '\203A'; margin-right: -8px;}
.post-navigation .next {  width: 49%; text-indent: -8px; }
.post-navigation .next:before { content: '\2039'; }
.post-navigation a:hover { color: #353535; opacity: .6 }

/* slideshow */

#home-work-title-slider h2,
#home-work-title-slider p { text-align: center; color: #808080;  }
#home-work-title-slider p { font-family: 'PFDinTextPro-Medium', sans-serif; font-weight: normal; margin-top: 0.2em; }
#home-work-title-slider h2 { margin-bottom: .2em; }


/* about */
#about .entry-content, #tpn .entry-content, #careers .entry-content {  width: 100%; margin: 0 auto; padding: 1.2em 30px 1.2em;  }
#about.entry-section .entry-content article,
#tpn.entry-section .entry-content article,
.playpage-header { width: 66%; max-width: 900px; padding-right: 2.2em }
#about-clients { width: 100%; background: #1a1a1a; font-size: 0.9em; line-height: 1.4; padding: 1.2em 0em 1.2em; margin-bottom: 5%; overflow: hidden;}
#about-clients .client { width: 8.3333%; display: inline-block; vertical-align: middle;transition: all .15s ease-in-out;  }

#tpn img { max-width: 250px; }


/* contact */
.executive { display: inline-block; vertical-align: top; padding: 1.2em 4% 1.2em 0; width: 25%; min-height: 180px; }
.executive>a { font-size: .93em; color: #b4b4b4; }
.executive>a:hover { color: #333; }
.executive p { margin: .35em 0 0.2em }
.peop { display: inline-block; vertical-align: top; width: 25%; padding: 4px 6px 0 0; line-height: 0; }

#careers article { width: 75%; margin: .8em 0 1em; } 

body.page-template-page-contact section.entry-section { margin-bottom: 3%; }

#reel { width: 100%; }
.hide-reel { text-align: right; color: #ccc; font-size: 1.3em; padding: 0.2em 0.6em; cursor: pointer; }


/* EXPERIMENTS/PLAY */
#tumblr-widget-3 { text-align: center; }
#tumblr-widget-3 ul { list-style: none; margin: 0; padding: 0; }
#tumblr-widget-3 ul li { list-style: none;  margin: 0; padding: 0; }
h3.widget-title { display: block; }
#tumblr-widget-3 .tumblr-post { display: inline-block; vertical-align: middle; max-width: 100%; margin: 0 auto!important; }
#tumblr-widget-3 .tumblr_post { border-right: 6px solid transparent; border-left: 6px solid transparent; }

.f2-tumblr-post { display: inline-block; vertical-align: middle; max-width: 100%; margin: 0 auto!important; }
#f2-tumblr-widget-2 { text-align: center; }
.f2-tumblr-post h3 { display: none; }
h3.widget-title { display: block; }
#f2-tumblr-widget-2 div.f2-tumblr-media { border-right: 6px solid transparent; border-left: 6px solid transparent; }

#experiments { text-align: left; padding-right: 30px; }
.experiment { width: 30%; max-width: 30%; display: inline-block; vertical-align: top; margin: 0px auto; background: #FFF url(/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/images/DEVA_bug_grey.svg) center center no-repeat; background-size: 40px; padding: 15px 0px 30px 30px;}
.experiment > div { position: relative; height: 0; }
.experiment section.entry-content { padding: 20px 0 1em; background: #f3f3f3;}
.experiment section.entry-content h3.entry-title { font-size: 1.167em; color: #353535; padding:0 20px; margin:0 auto; text-transform: none; }
.experiment section.entry-content h3.entry-title p { font-size: 0.87em; margin: 0; padding: 0.2em 0 0.6em; color: #8a8a8a; }
.experiment.img { position: absolute; }
.experiment.full {line-height: 0; width: 50%; display: inline-block; max-width: 50%; position: relative; }
.experiment .entry-content { position: relative; width: 100%; z-index: 999; transition: all .4s; }
.experiment:hover .entry-content { opacity: 1; }
.playpage-header { padding: 1.2em 30px 3.4em; text-align: left; }
.playpage-header h2 { font-family:'PFDinTextPro-Light', sans-serif; font-weight: normal; }


/* custom pirco */
.flex-direction-nav {/*height: 0;*/ position:absolute; top: 47%; right:0; width: 100%; }
ul.custom-slider-controls { margin: 8px 0 63px; padding:0; }
body.home #flexslider ul.custom-slider-controls { margin: -2px auto 0px; padding-bottom: 15px; width: 90%; max-width: 960px; line-height: 1.3;}
 .flex-control-paging { bottom: 42px; opacity: 0; transition: opacity .2s; }
.flexslider:hover .flex-control-paging { opacity: 1}
ul.custom-slider-controls a, .flex-control-paging li a { line-height: 1; background-color: transparent; width: 10px;  height: 10px; box-shadow: none; border: 1px solid #FFF; }
ul.custom-slider-controls li a.flex-active, .flex-control-paging li a.flex-active { background-color: #FFF; }
ul.custom-slider-controls li a:hover, .flex-control-paging li a:hover { background: #CCC; border-color: #cccccc; text-decoration:none; }
.flex-viewport { height: 100% }
.flexslider { overflow: hidden; margin: 0 0 3%; -webkit-border-radius: 0; -moz-border-radius:0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; border: none; background: transparent; }
.flexslider.mixed-slideshow { margin-bottom: 0; }

.flex-control-nav { z-index: 9; }
.flex-control-nav li { margin: 0 9px; }
#home-about-slider.flexslider { margin-bottom: 0; }
#careers-slider.flexslider { margin-bottom: 0; margin-top: 0; /* margin-top: 3%; */  }

/* Direction Nav */
.flexslider-container { position: relative; }
.flex-direction-nav a {width: 57px; height: 110px; margin: -50px 0 0; display: block;  position: absolute; z-index: 999; top: 50%; cursor: pointer; text-indent: -99999px; opacity: 0; transition: all .3s ease; transform-origin: 50%; }
.flex-direction-nav .flex-next {right: 0px; background-color: transparent; background-image: url(/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/images/nav_right.png); background-repeat: no-repeat; background-size: 50%; background-position: 50%; }
.flex-direction-nav .flex-prev {right: auto; background-color: transparent; background-image: url(/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/images/nav_left.png); background-repeat: no-repeat; background-size: 50%; background-position: 50%; left: 0px;}
.flexslider:hover .flex-next {opacity: 1; right: 0px; }
.flexslider:hover .flex-prev {opacity: 1; left: 0px; }
.flex-direction-nav .flex-next:hover { opacity: 1; background-color: rgba(255,255,255,0.74); background-image: url(/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/images/nav_right_over.png);}
.flex-direction-nav .flex-prev:hover { opacity: 1;  background-color: rgba(255,255,255,0.74); background-image: url(/web/20220813021240im_/https://www.devastudios.com/wp-content/themes/devastudios/images/nav_left_over.png);}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}


footer#footer { text-align: left; font-size: .83em; clear: both; color: #4d4d4d; background: #FFF; font-family: 'PFDinTextPro-Regular'; padding: 6.67% 30px 4.67%; }
footer#footer a { color: #4d4d4d; }
footer#footer a:hover { color: #353535; opacity: .6 }
#footer-icon { display: inline-block; position: relative;  vertical-align: middle; padding: 0 1em 0 0;}
#footer-icon img { width: 100%; height: auto; max-width: 32px; transition: opacity .4s ease-in-out; }
#footer-icon img.hover{ position: absolute; opacity: 0; left: 0; }
#footer-icon img.default { opacity: 1; }
#footer-icon:hover img.hover { opacity: 1; }
#footer-icon:hover img.default { opacity: 0; }

#credits { height: 66px; }
#credits>span { display: none; margin-bottom: 1em; }
#credits-trigger { cursor: pointer; display: inline-block; }
a.instagram-link { text-align: right; }
#copyright { float: left; width: 50%; }
#address, #social { float: left; width: 25%;  padding-left: 30px; padding-top: 9px; }

@media (max-width: 1440px) { #about-clients .client { width: 11.11111%; } }

@media (max-width: 1200px) { 
	.project-content-block.text-block { padding: .4% 30px .6%;  }
}
@media (max-width: 1140px) { 
	.project-content-block.text-block { font-size: 0.98em; line-height: 1.567em; }
	.experiment.full, .experiment { width: 100%; max-width: 100%;} 
}
@media (max-width: 1024px) { 
	.project-content-block.text-block {  font-size: 0.95em;line-height: 1.467em; }
	#about-clients .client { width: 16.66%; } 
}

@media (max-width: 899px) { .executive { width: 33%; }
	.project-content-block.text-block { font-size: 0.93em; line-height: 1.367em;  padding: .4% 30px 2%; }

	
	.project-content-block.image-block, .project-content-block.video-block { width: 100%; }
	.project-content-block, .project-content-block.image-block { width: 100%; }
	 .project-content-block.text-block.desktop { display: none; }
	.project-content-block.text-block.mobile { display: block; }
}

@media (max-width: 767px) {
	div.project-main-content-left, div.project-main-content-right,
	div#project-title, div#project-tags { width: 100%; padding: 0; }
	.peop { width: 33.33%; }
	#careers article { width: 100%; } 
	
	.mobile-menu-icon { display: block; float: right; }
	ul#menu-mobile-menu.menu { text-align: center; display: block; }
	ul#menu-mobile-menu.menu li { padding: 0.3em 0.8em; text-transform: uppercase;  }
	ul.menu li a { line-height: 1; }
	div#menu, ul.menu hr { display: none; }
	#about.entry-section .entry-content article,
	#tpn.entry-section .entry-content article,
	.playpage-header { width: 100%; }

	#homepage-content { width: 100%; }
}

@media (max-width: 699px) {
	
	#homepage-image img { margin-top: 2%; }

	#logo div.logo { width: 184px; }
	header#header.stuck div#logo img.deva-icon { margin-top: 11px; }
	
	.mobile-menu-icon img { max-width: 24px; }
	div#logo {height: 64px; }
	header#header, .header-wrapper { height: 82px; }

	.image-grid article.one, .image-grid article.two, .image-grid article.four, .image-grid article.five, .image-grid article.six, .image-grid .project-sub_grid {     margin: 0; padding: 0; width: 100%; }

	.image-grid article.one div, .image-grid article.two div, .image-grid article.three div,
	.image-grid article.four div, .image-grid article.five div, .image-grid article.six div { padding-bottom: 42.5%;  }

	.image-grid section.entry-content { border-right: 0!important; border-left: 0!important; }

	/* .project-content-block.image-block, .project-content-block.video-block { width: 100%; } */
	
	#categories ul li { padding: 0.2em 0.4em 0; }
	#project-main-content-headline h3 { margin: .67em 0 0; }
	#copyright, #address, #social, #credits { float: none; width: 100%; }
	#footer-icon { margin-bottom: .67em }
	#address, #social { padding-left: 0; }
	#address { padding-top: .67em }
	#footer-icon { display: block; }
	.flex-direction-nav { position:absolute; top: 47%; }

	/*
	.project-content-block, .project-content-block.image-block { width: 100%; }
	 .project-content-block.text-block.desktop { display: none; }
	.project-content-block.text-block.mobile { display: block; }
	*/

	.executive { width: 50%; }
	.post-navigation { font-size: .91em; }

	.flex-direction-nav a { width: 37px; height: 80px; margin-top: -35px; }
	.flex-direction-nav .flex-next { right: 0; background-color: rgba(255,255,255,0.64); background-image: url(https://web.archive.org/web/20220813021240im_/http://2017.devastudios.com/wp-content/themes/devastudios/images/nav_right_over.png);}
	.flex-direction-nav .flex-prev { left: 0; background-color: rgba(255,255,255,0.64); background-image: url(https://web.archive.org/web/20220813021240im_/http://2017.devastudios.com/wp-content/themes/devastudios/images/nav_left_over.png);}
	.flex-control-paging { opacity: 1 }
	.flex-control-paging li a { width: 8px; height: 8px; }
	.flex-control-nav li { margin: 0 6px; }
}

@media (max-width: 567px) { 
	#about-clients .client { width: 25%; } 

}

@media (max-width: 479px) {
	.peop { width: 50%; }
	ul#menu-mobile-menu.menu li { display: block; }
	ul#menu-mobile-menu { padding: 1em; }
	.flex-direction-nav { position:absolute; top: 45%; }
	.flex-direction-nav a { width: 27px; height: 50px; margin-top: -20px; }
	.executive { width: 100%; }
	/* #about-clients .client { width: 33.333%; } */
}
@media (max-width: 446px) {
 .flex-control-paging { bottom: 1%; }
#homepage-image img { margin-top: 4%; }

}


/*
     FILE ARCHIVED ON 02:12:40 Aug 13, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:49:49 Nov 03, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.44
  captures_list: 0.654
  exclusion.robots: 0.084
  exclusion.robots.policy: 0.071
  esindex: 0.008
  cdx.remote: 7.468
  LoadShardBlock: 133.766 (3)
  PetaboxLoader3.datanode: 535.678 (5)
  PetaboxLoader3.resolve: 86.274 (2)
  load_resource: 523.922
  loaddict: 31.8
*/