[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}.no-select,button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.no-focus,a,a:focus,button,button:focus{outline:0}body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,li,ol,p,td,th,ul{margin:0;padding:0;border:0;list-style-type:none;background:0 0}

@font-face{
    font-family:'trend one';
    font-style:normal;
    font-weight:normal;
    src:url("/_/fonts/trend-sans-one/trend-sans-one.eot");
    src:url("/_/fonts/trend-sans-one/trend-sans-one.eot?#iefix") format("embedded-opentype"),url("/_/fonts/trend-sans-one/trend-sans-one.woff") format("woff"),url("/_/fonts/trend-sans-one/trend-sans-one.ttf") format("truetype")
}
@font-face{
    font-family:'trend five';
    font-style:normal;
    font-weight:normal;
    src:url("/_/fonts/trend-sans-five/trend-sans-five.eot");
    src:url("/_/fonts/trend-sans-five/trend-sans-five.eot?#iefix") format("embedded-opentype"),url("/_/fonts/trend-sans-five/trend-sans-five.woff") format("woff"),url("/_/fonts/trend-sans-five/trend-sans-five.ttf") format("truetype")
}
@font-face{
    font-family:'trend ornaments';
    font-style:normal;
    font-weight:normal;
    src:url("/_/fonts/trend-ornaments/trend-ornaments.eot");
    src:url("/_/fonts/trend-ornaments/trend-ornaments.eot?#iefix") format("embedded-opentype"),url("/_/fonts/trend-ornaments/trend-ornaments.woff") format("woff"),url("/_/fonts/trend-ornaments/trend-ornaments.ttf") format("truetype")
}
@font-face{
    font-family:'castor ornaments';
    font-style:normal;
    font-weight:normal;
    src:url("/_/fonts/castor-ornaments/castor-ornaments.eot");
    src:url("/_/fonts/castor-ornaments/castor-ornaments.eot?#iefix") format("embedded-opentype"),url("/_/fonts/castor-ornaments/castor-ornaments.woff") format("woff"),url("/_/fonts/castor-ornaments/castor-ornaments.ttf") format("truetype")
}
@font-face{
    font-family:'american typewriter';
    font-style:normal;
    font-weight:bold;
    src:url("/_/fonts/american-typewriter-bold.woff2") format("woff2"),url("/_/fonts/american-typewriter-bold.woff") format("woff")
}
html{
    overflow-y:scroll
}
body{
    background:#FFF
}
html,html body{
    height:100%;
    min-width:320px
}
html.mobile,html.mobile body{
    min-width:320px
}
body,a,p,div,button,input,select,textarea{
    font:12px 'trend one';
    color:#352110;
    text-decoration:none
}
input,select,textarea{
    background:#FFF
}
button,button img{
    border:0;
    padding:0;
    margin:0;
    background:none;
    cursor:pointer
}
a:hover{
    text-decoration:none
}
h1{
    font-family:'trend five';
    font-size:64px;
    width:100%;
    text-align:center
}
h1,h2,h3,h4{
    position:relative;
    font-weight:normal;
    display:block;
    text-align:center
}
h1,h1 span,h2,h2 span,h3,h3 span,h4,h4 span{
    vertical-align:top
}
h1 span,h2 span,h3 span,h4 span{
    font-family:'castor ornaments';
    font-size:64px;
    position:relative
}
h2{
    font-size:24px
}
h2 span{
    top:10px
}
a.logo{
    position:absolute;
    overflow:hidden;
    height:44px
}
a.logo,a.logo img{
    display:block;
    width:136px
}
a.logo img{
    position:absolute;
    top:-44px;
    height:88px
}
#wrapper{
    width:100%;
    min-width:320px;
    min-height:100%;
    position:relative;
    overflow:visible
}
#page{
    overflow-x:hidden;
    width:100%;
    position:relative;
    padding-bottom:175px
}
#page .video,#page .billboards,#page .billboard,#page .hero{
    background-color:#352110;
    background-repeat:none;
    background-size:cover;
    background-position:center center;
    height:575px;
    width:100%;
    position:relative
}
#page .video,#page .video h1,#page .video img,#page .billboards,#page .billboards h1,#page .billboards img,#page .billboard,#page .billboard h1,#page .billboard img,#page .hero,#page .hero h1,#page .hero img{
    cursor:pointer
}
#page .billboards .dots{
    width:40px;
    position:absolute;
    right:27px;
    top:50%;
    z-index:205
}
#page .billboards .dots button{
    height:16px;
    width:24px;
    margin:4px 10px;
    display:block;
    background:url("../images/shared/dots.png") no-repeat 8px 4px;
    background-size:8px 36px;
    text-indent:1000px
}
#page .billboards .dots button.on{
    background-position:8px -14px
}
#page img.cover{
    position:absolute;
    display:block
}
#page img.cover.w{
    width:100%;
    height:auto
}
#page img.cover.h{
    width:auto;
    height:100%
}
#page .billboard{
    height:100%;
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    z-index:202
}
#page .billboard.on{
    z-index:203
}
#page .billboard.last_on{
    z-index:204
}
#page .billboard>a{
    position:absolute;
    z-index:206;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:block
}
#page .billboard .description{
    position:absolute;
    z-index:205;
    bottom:38px;
    left:40px;
    left:0;
    width:960px;
    height:40px
}
#page .billboard .description div,#page .billboard .description p{
    margin-left:40px;
    display:block;
    float:left
}
#page .billboard .description div{
    width:280px
}
#page .billboard .description h2,#page .billboard .description h3,#page .billboard .description p{
    color:#FFF;
    text-align:left;
    white-space:nowrap
}
#page .billboard .description h2{
    font-size:18px
}
#page .billboard .description p,#page .billboard .description h3{
    font-family:Raleway;
    font-size:14px
}
#page .billboard .description h3{
    padding-top:3px
}
#page .billboard .description p{
    margin-top:-5px;
    font-weight:600;
    line-height:1.75em;
    height:100%;
    width:560px
}
#page .hero{
    height:350px
}
#page .play{
    position:absolute;
    top:50%;
    height:48px;
    width:100%;
    margin-top:-24px
}
#page .play img{
    position:relative;
    width:48px;
    height:48px;
    display:block;
    margin:0 auto
}
#page .video h1{
    height:60px;
    position:absolute;
    top:50%;
    margin-top:-30px
}
#page .video h1,#page .video h1 span,#page .video h1 strong{
    color:#FFF;
    font-weight:normal;
    vertical-align:top
}
#page .video h1 span,#page .video h1 strong{
    position:relative;
    display:inline-block;
    height:100%;
    line-height:60px;
    margin:0;
    padding:0;
    top:0
}
#page .video h1 span{
    font-family:'trend ornaments'
}
#page .intro,#page .block{
    width:720px;
    margin:0 auto;
    position:relative
}
#page .intro h1,#page .intro h2,#page .block h1,#page .block h2{
    text-align:center
}
#page .intro p,#page .intro p a,#page .block p,#page .block p a{
    font-family:'Raleway';
    font-size:14px;
/*    padding-top:20px;*/
    line-height:1.5em;
    font-weight: 700;
    text-align:center
}
#page .intro p a,#page .block p a{
    text-decoration:underline
}
#page .intro p.note,#page .block p.note{
    font-size:12px
}
#page .intro p.note strong,#page .block p.note strong{
    display:block;
    text-align:center
}
#page .intro h1{
    padding-bottom:27px
}
#page .intro a{
    display:block;
    text-align:center;
    width:200px;
    margin:0 auto 10px auto
}
#page .simple-grid,#page .grid{
    position:relative;
    width:912px;
    margin:0 auto
}
#page .simple-grid .item,#page .grid .item{
    height:220px;
    width:220px;
    background:#4CACBB;
    overflow:hidden;
    margin:4px;
    position:relative;
    float:left
}
#page .simple-grid .item.g1.r1,#page .simple-grid .item.g3.r3,#page .simple-grid .item.p3,#page .simple-grid .item.p4,#page .simple-grid .item.p8,#page .simple-grid .item.p10,#page .simple-grid .item.p11,#page .grid .item.g1.r1,#page .grid .item.g3.r3,#page .grid .item.p3,#page .grid .item.p4,#page .grid .item.p8,#page .grid .item.p10,#page .grid .item.p11{
    width:448px
}
#page .simple-grid .item.g1.r1 img.wide_photo,#page .simple-grid .item.g3.r3 img.wide_photo,#page .simple-grid .item.p3 img.wide_photo,#page .simple-grid .item.p4 img.wide_photo,#page .simple-grid .item.p8 img.wide_photo,#page .simple-grid .item.p10 img.wide_photo,#page .simple-grid .item.p11 img.wide_photo,#page .grid .item.g1.r1 img.wide_photo,#page .grid .item.g3.r3 img.wide_photo,#page .grid .item.p3 img.wide_photo,#page .grid .item.p4 img.wide_photo,#page .grid .item.p8 img.wide_photo,#page .grid .item.p10 img.wide_photo,#page .grid .item.p11 img.wide_photo{
    position:relative;
    z-index:402;
    visibility:visible
}
#page .simple-grid .item.g1.r1 img.photo,#page .simple-grid .item.g3.r3 img.photo,#page .simple-grid .item.p3 img.photo,#page .simple-grid .item.p4 img.photo,#page .simple-grid .item.p8 img.photo,#page .simple-grid .item.p10 img.photo,#page .simple-grid .item.p11 img.photo,#page .grid .item.g1.r1 img.photo,#page .grid .item.g3.r3 img.photo,#page .grid .item.p3 img.photo,#page .grid .item.p4 img.photo,#page .grid .item.p8 img.photo,#page .grid .item.p10 img.photo,#page .grid .item.p11 img.photo{
    position:absolute;
    z-index:401;
    visibility:hidden
}
#page .simple-grid .item.p1,#page .simple-grid .item.p2,#page .simple-grid .item.p5,#page .simple-grid .item.p6,#page .simple-grid .item.p7,#page .simple-grid .item.p9,#page .grid .item.p1,#page .grid .item.p2,#page .grid .item.p5,#page .grid .item.p6,#page .grid .item.p7,#page .grid .item.p9{
    width:220px
}
#page .simple-grid .item.p1 img.photo,#page .simple-grid .item.p2 img.photo,#page .simple-grid .item.p5 img.photo,#page .simple-grid .item.p6 img.photo,#page .simple-grid .item.p7 img.photo,#page .simple-grid .item.p9 img.photo,#page .grid .item.p1 img.photo,#page .grid .item.p2 img.photo,#page .grid .item.p5 img.photo,#page .grid .item.p6 img.photo,#page .grid .item.p7 img.photo,#page .grid .item.p9 img.photo{
    position:relative;
    z-index:402;
    visibility:visible
}
#page .simple-grid .item.p1 img.wide_photo,#page .simple-grid .item.p2 img.wide_photo,#page .simple-grid .item.p5 img.wide_photo,#page .simple-grid .item.p6 img.wide_photo,#page .simple-grid .item.p7 img.wide_photo,#page .simple-grid .item.p9 img.wide_photo,#page .grid .item.p1 img.wide_photo,#page .grid .item.p2 img.wide_photo,#page .grid .item.p5 img.wide_photo,#page .grid .item.p6 img.wide_photo,#page .grid .item.p7 img.wide_photo,#page .grid .item.p9 img.wide_photo{
    position:absolute;
    z-index:401;
    visibility:hidden
}
#page .simple-grid .item>img,#page .grid .item>img{
    top:0;
    left:0;
    width:100%;
    height:100%
}
#page .simple-grid .item>a,#page .grid .item>a{
    visibility:hidden;
    position:absolute;
    top:0;
    left:0;
    z-index:403;
    width:100%;
    height:100%;
    padding-left:10px;
    padding-right:10px;
    padding-top:30px;
    background:url("../images/patterns/grid.jpg");
    font-size:20px
}
#page .simple-grid .item>a,#page .simple-grid .item>a span,#page .grid .item>a,#page .grid .item>a span{
    color:#FFF
}
#page .simple-grid .item>a>span,#page .grid .item>a>span{
    margin-top:5px;
    display:block;
    font-family:Raleway;
    font-size:14px
}
#page .simple-grid .item.on>a,#page .grid .item.on>a{
    visibility:visible
}
#blog{
    position:relative;
    width:905px;
    
    margin: 0 auto;
}
#blog #post,#blog #posts{
    float:left
}
#blog #side{
    float:right;
    padding-top:40px;
    width:150px;
    padding-bottom:98px
}
#blog #side .label{
    text-align:center;
    margin-top:20px
}
#blog #side .label,#blog #side .label span{
    height:28px;
    width:100%
}
#blog #side .label span{
    display:inline-block;
    padding:0 20px;
    line-height:28px;
    background:url("../images/shared/label.png") no-repeat left -30px;
    color:#FFF;
    text-transform:uppercase;
    font-family:Raleway;
    font-size:11px;
    background-size:100% 90px;
    white-space:nowrap
}
#blog #side a,#blog #side button{
    display:block;
    width:100%;
    font-weight:normal;
    font-family:Raleway;
    font-size:11px;
    margin-top:15px;
    text-align:center
}
#blog #side button.on{
    font-weight:bold
}
#video{
    position:absolute;
    z-index:1001;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:rgba(0,0,0,0.8)
}
#video button{
    color:#FFF;
    height:60px;
    line-height:60px;
    font-size:24px;
    margin:0 auto;
    width:200px;
    display:block;
    font-family:Raleway
}
#video,#video #video_wrapper{
    cursor:pointer
}
#video #video_wrapper{
    width:100%;
    background:#333
}
#video #video_wrapper>iframe{
    width:100%
}
#menu{
    position:absolute;
    top:0;
    left:-1000px;
    z-index:501;
    height:100%;
    width:300px
}
#menu a.logo{
    right:51px;
    top:24px;
    z-index:504
}
#menu a.logo img{
    top:0
}
#menu>div{
    width:600px;
    height:100%;
    position:relative;
    background:url("../images/shared/menu/pattern_seamless.jpg") repeat-y left 746px
}
#menu>div #menu_close{
    position:absolute;
    left:51px;
    top:19px;
    z-index:502;
    width:54px;
    height:52px
}
#menu>div #menu_close span{
    position:absolute;
    top:10px;
    left:10px
}
#menu>div #menu_close,#menu>div #menu_close span,#menu>div #menu_close img{
    display:block
}
#menu>div #menu_close span,#menu>div #menu_close img{
    width:34px;
    height:32px
}
#menu>div>div{
    background:url("../images/shared/menu/pattern_.jpg") no-repeat top center;
    height:748px;
    height: 834px;
    position:relative;
    padding-top:104px
}
#menu>div>div a{
    z-index:503;
    width:150px;
    width: 190px; /* !!! */
    height:75px;
    line-height:75px;
    text-align:center;
    display:block;
    font-size:22px;
    color:#FFF;
    margin:0 auto
}
#menu>div>div a:hover{
    text-decoration:underline
}
#menu>div>div a#l_work{
    margin-bottom:20px
}
#menu>div>div a#l_services{
    margin-bottom:20px
}
#menu>div>div a#l_about{
    margin-bottom:13px
}
#menu>div>div a#l_blog{
    margin-bottom:15px
}
#menu>div>div a#l_shop{
    margin-bottom:26px
}
#menu>div>div a#l_journal{
    margin-bottom:23px
}
html.small_menu #menu>div{
    width:300px;
    background-size:400px 200px;
    background-position:left 556px
}
html.small_menu #menu>div #menu_close{
    left:8px;
    top:12px;
    width:37px;
    height:36px
}
html.small_menu #menu>div #menu_close span,html.small_menu #menu>div #menu_close img{
    width:17px;
    height:16px
}
html.small_menu #menu>div a.logo{
    top:16px;
    right:8px
}
html.small_menu #menu>div>div{
    height:556px;
    background-size:400px 556px;
    padding-top:69px
}
html.small_menu #menu>div>div a{
    height:55px;
    line-height:55px;
    font-size:18px
}
html.small_menu #menu>div>div a#l_work{
    margin-bottom:8px
}
html.small_menu #menu>div>div a#l_services{
    margin-bottom:10px
}
html.small_menu #menu>div>div a#l_about{
    margin-bottom:3px
}
html.small_menu #menu>div>div a#l_blog{
    margin-bottom:5px
}
html.small_menu #menu>div>div a#l_shop{
    margin-bottom:13px
}
html.small_menu #menu>div>div a#l_journal{
    margin-bottom:10px
}
#menu_open{
    position:absolute;
    top:20px;
    left:20px;
    z-index:301;
    width:76px;
    height:64px
}
#menu_open span{
    height:24px;
    overflow:hidden;
    position:absolute;
    top:20px;
    left:20px
}
#menu_open span,#menu_open img{
    display:block;
    width:36px
}
#menu_open img{
    position:absolute;
    top:0;
    height:48px
}
#logo{
    position:absolute;
    top:20px;
    right:20px;
    z-index:301;
    width:176px;
    height:86px
}
#logo span{
    top:20px;
    right:20px;
    overflow:hidden;
    height:44px;
    position:absolute
}
#logo span,#logo img{
    display:block;
    width:136px
}
#logo img{
    position:absolute;
    top:0;
    height:88px
}
#p_directors #menu_open img, #p_work #menu_open img,#p_project #menu_open img,#p_home #menu_open img,html.white-logo #menu_open img{
    top:-24px
}
#p_directors #logo img, #p_work #logo img,#p_project #logo img,#p_home #logo img,html.white-logo #logo img{
    top:-44px
}
html.menu_open #logo{
    display:none
}
html.menu_open #menu{
    left:0;
    width:100%;
    min-height:100%;
    background:#000;
    background:rgba(0,0,0,0.8)
}
html.menu_open #menu_open{
    left:-1000px
}
html.menu_open html,html.menu_open body,html.menu_open #wrapper,html.video_open html,html.video_open body,html.video_open #wrapper{
    overflow:hidden
}
#footer{
    position:relative;
    margin-top:-175px;
    height:175px;
    background-image:url("../images/patterns/footer/2600.jpg");
    background-position:center bottom
}
#footer a,#footer div{
    color:#FFF;
    font-family:'Raleway'
}
#footer a.logo{
    top:20px;
    left:40px
}
#footer div.copyright{
    position:absolute;
    left:40px;
    bottom:20px;
    font-size:12px
}
#footer div.links{
    position:absolute;
    left:295px;
    top:20px
}
#footer div.links div{
    float:left;
    margin-right:60px
}
#footer div.links div.last{
    margin-right:0
}
#footer div.links a{
    display:block;
    font-weight:600;
    font-size:12px;
    margin-bottom:5px
}
#footer div.links a span{
    margin-top:5px;
    display:block
}
#footer div.social{
    position:absolute;
    right:40px;
    top:20px
}
#footer div.social a{
    float:left;
    margin-left:10px
}
#footer div.social a,#footer div.social img{
    width:25px;
    height:25px;
    display:block
}
#p_about #intro{
    padding-top:292px;
    padding-top:192px;
    padding-bottom:37px
}
#p_about #philosophy{
    background:url("../images/about/philosophy.jpg") no-repeat top center;
    background-size:856px 571px;
    padding-top:515px
}
#p_about #how{
    background:url("../images/about/how.jpg") no-repeat top center;
    background-size:938px 520px;
    padding-top:455px
}
#p_about #team{
    padding-top:142px
}
#p_about #team h2{
    text-align:center
}
#p_about #team>div>div{
    background-repeat:no-repeat;
    background-position:top center
}
#p_about #team>div>div>div{
    width:400px;
    margin:0 auto
}
#p_about #team>div>div>div h3,#p_about #team>div>div>div h4,#p_about #team>div>div>div p{
    position:relative;
    padding-left:90px
}
#p_about #team>div>div>div h3,#p_about #team>div>div>div h4,#p_about #team>div>div>div strong,#p_about #team>div>div>div p{
    font-family:'Raleway';
    font-size:14px
}
#p_about #team>div>div>div h3{
    font-weight:bold;
    font-size:18px
}
#p_about #team>div>div>div h4{
    padding-bottom:23px
}
#p_about #team>div>div>div div{
    position:relative;
    padding-bottom:20px
}
#p_about #team>div>div>div div strong{
    width:70px;
    text-align:right;
    position:absolute;
    left:0;
    top:0
}
#p_services #clients,
#p_about #clients{
    padding-top:90px;
    padding-bottom:110px;
    margin:0 auto;
    max-width:750px;
    position:relative;
    text-align:center
}
#p_services #clients h2,
#p_about #clients h2{
    padding-bottom:30px
}
#p_services #clients img,
#p_about #clients img{
    display:inline-block;
    height:60px;
    width:auto;
    margin:0 15px 30px 15px
}
#p_missing #page h1{
    margin:193px 0
}
#p_blog #page .hero{
    margin-top:124px;

    margin-top: 0;
}
#p_blog #page .hero div{
    padding:0 40px;
    height:68px;
    position:absolute;
    top:50%;
    left:0;
    margin-top:-34px
}
#p_blog #page .hero a{
    font-size:36px;
    font-family:'trend one';
    color:#FFF;
    text-align:left
}
#p_blog #page .hero a:hover{
    text-decoration:underline
}
#p_blog #page .hero span{
    color:#FFF;
    display:block;
    padding-top:5px;
    font-family:Raleway;
    font-size:14px
}
#p_blog #page #posts{
    padding:50px 0 100px 40px;
}
#p_blog #page #posts div{
    height:auto;
    width:675px;
    overflow:hidden;
    position:relative;
    margin-top:10px;
    background-color:#4CACBB
}
#p_blog #page #posts div img{
    position:relative;
    display:block;
    z-index:201;
    width:100%;
    height:100%;
    height:auto
}
#p_blog #page #posts div img.fill{
    height:auto
}
#p_blog #page #posts div a,#p_blog #page #posts div a span,#p_blog #page #posts div h3,#p_blog #page #posts div h4{
    position:absolute;
    color:#FFF
}
#p_blog #page #posts div a{
    min-width:100%;
    min-height:100%;
    z-index:203;
    top:0;
    left:0
}
#p_blog #page #posts div a:hover{
    text-decoration:underline
}
#p_blog #page #posts div a span{
    bottom:11px;
    left:0;
    font-size:24px;
    width:500px;
    z-index:203;
    padding:0 17px;
    line-height:1.25em
}
#p_blog #page #posts div h3,#p_blog #page #posts div h4{
    z-index:202;
    top:17px;
    font-family:Raleway;
    font-weight:600;
    font-size:12px;
    letter-spacing:1px
}
#p_blog #page #posts div h3{
    left:20px;
    text-transform:uppercase
}
#p_blog #page #posts div h4{
    right:19px
}
#p_contact #page{
    padding-top:290px;
    padding-top:190px
}
#p_contact #contact{
    margin:30px auto 150px auto;
    width:900px;
    height:837px;
    position:relative
}
#p_contact #contact>div,#p_contact #contact>img,#p_contact #contact>a{
    position:absolute;
    display:block
}
#p_contact #contact>div{
    text-align:center
}
#p_contact #contact>div>img{
    position:relative;
    z-index:202
}
#p_contact #contact>div>div{
    position:absolute;
    z-index:203
}
#p_contact #contact>div>div>h2,#p_contact #contact>div>div>span,#p_contact #contact>div>div>a{
    display:block;
    position:relative;
    z-index:102
}
#p_contact #contact>div>div>span{
    position:absolute;
    z-index:101;
    width:100%;
    height:100%
}
#p_contact #contact>div>div span{
    font-family:'castor ornaments'
}
#p_contact #contact>div>div h2{
    font-weight:normal;
    font-size:11px;
    line-height:1.75em
}
#p_contact #contact>div>div>a{
    margin-top:6px;
    font-size:15px;
    font-family:Raleway;
    text-decoration:underline
}
#p_contact #contact #map{
    z-index:401;
    top:0;
    left:27px
}
#p_contact #contact #map,#p_contact #contact #map img{
    display:block;
    width:857px;
    height:328px
}
#p_contact #contact #photos{
    top:340px;
    left:-19px
}
#p_contact #contact #projects{
    width:296px;
    height:491px;
    top:309px;
    left:240px
}
#p_contact #contact #projects>div{
    width:200px;
    height:160px;
    left:30px;
    top:52px
}
#p_contact #contact #projects span{
    font-size:96px
}
#p_contact #contact #projects h2{
    padding-top:80px
}
#p_contact #contact #location{
    z-index:402;
    width:338px;
    height:283px;
    top:318px;
    left:499px;
    left:524px
}
#p_contact #contact #location>div{
    top:72px;
    left:84px;
    width:200px;
    height:140px
}
#p_contact #contact #location>div>a{
    margin-top:15px;
    font-size:22px;
    text-decoration:none
}
#p_contact #contact #location>div>h2 span{
    font-size:48px;
    font-weight:400
}
#p_contact #contact #location>div span{
    position:absolute;
    top:2px
}
#p_contact #contact #location>div span.left{
    left:0
}
#p_contact #contact #location>div span.right{
    right:0
}
#p_contact #contact #rentals{
    width:266px;
    height:279px;
    top:538px;
    left:-2px;
    top:558px;
    left:-6px
}
#p_contact #contact #rentals>div{
    top:81px;
    left:54px;
    width:140px;
    height:125px
}
#p_contact #contact #rentals h2{
    padding-top:48px
}
#p_contact #contact #rentals span{
    font-size:48px
}
#p_contact #contact #jobs{
    width:283px;
    height:195px;
    top:592px;
    top:602px;
    left:534px;
    left:544px
}
#p_contact #contact #jobs>div{
    top:20px;
    left:45px;
    width:200px;
    height:160px
}
#p_contact #contact #jobs h2{
    padding-top:80px
}
#p_contact #contact #jobs span{
    margin-left:-25px;
    font-size:72px;
    -webkit-transform:rotate(30deg);
    -moz-transform:rotate(30deg);
    -ms-transform:rotate(30deg);
    -o-transform:rotate(30deg);
    transform:rotate(30deg)
}
#p_contact #contact #rentals span,#p_contact #contact #rentals h2,#p_contact #contact #rentals a,#p_contact #contact #jobs span,#p_contact #contact #jobs h2,#p_contact #contact #jobs a{
    color:#FFF
}
#p_home #page #intro{
    padding:50px 0
}
#p_home #page #intro .intro{
    width:675px
}
#p_home #page #intro img{
    width:68px;
    height:71px;
    margin:0 auto;
    display:block
}
#p_home #page #intro p{
    font-size:18px;
    font-size: 16px;
}
#p_home #page #intro p.empty {
    font-size: 8px;
}
#p_home #page #intro p.headline {
    padding-top: 10px;
    font-weight: 800;
    font-size: 26px;
    line-height: 1em; 
    padding-bottom: 10px;
}
#p_home #page #home{
    margin:0 auto 100px auto;
    width:903px;
    height:559px;
    overflow:hidden;
    position:relative
}
#p_home #page #home>a,#p_home #page #home>div{
    position:absolute;
    display:block
}
#p_home #page #home>a img{
    display:block;
    width:100%;
    height:100%
}
#p_home #page #home #work{
    top:0;
    left:0;
    width:447px;
    height:220px
}
#p_home #page #home #travel-bts{
    bottom:173px;
    left:0;
    width:220px;
    height:158px
}
#p_home #page #home #post{
    bottom:0;
    left:0;
    width:220px;
    height:165px;
    background:#E3C13A
}
#p_home #page #home #post img{
    width:100%;
    height:auto
}
#p_home #page #home #post div{
    padding:15px 19px 0 19px
}
#p_home #page #home #post h2{
    font-size:14px;
    text-align:left;
    padding-bottom:13px
}
#p_home #page #home #post p{
    font-family:Raleway;
    font-size:12px;
    line-height:1.5em
}
#p_home #page #home #post a{
    position:absolute;
    bottom:20px;
    left:20px;
    background:#4CACBB;
    color:#FFF;
    font-family:Raleway;
    font-size:10px;
    text-transform:uppercase;
    height:30px;
    line-height:30px;
    width:75px;
    text-align:center;
    border-radius:4px
}
#p_home #page #home #instagram{
    height:336px;
    width:226px;
    bottom:-5px;
    left:224px
}
#p_home #page #home #instagram>a{
    float:left;
    margin:0 4px 8px
}
#p_home #page #home #instagram>a,#p_home #page #home #instagram>a img{
    width:105px;
    height:105px;
    display:block
}

#p_home #page #home #directors{
    top:0;
    left:455px;
    width:220px;
    height:220px
}
#p_home #page #home #shop{
    top:0;
    right:0;
    width:220px;
    height:220px
}
#p_home #page #home #news{
    background:#4CACBB;
    width:220px;
    height:220px;
/*    top:0;*/
/*    right:0*/
bottom: 0;
left: 0;
height: 165px;
}
#p_home #page #home #news button,#p_home #page #home #news p,#p_home #page #home #news p a,#p_home #page #home #news span{
    font-family:Raleway;
    font-size:12px;
    color:#FFF
}
#p_home #page #home #news button,#p_home #page #home #news span{
    display:block;
    position:absolute;
    bottom:10px;
    line-height:12px;
    padding:10px 10px
}
#p_home #page #home #news button{
    right:10px
}
#p_home #page #home #news button.fade{
    opacity:.25
}
#p_home #page #home #news button.shift-left{
    right:37px
}
#p_home #page #home #news span{
    left:10px
}
#p_home #page #home #news p{
    padding:15px 20px 0 20px;
    line-height:1.5em
}
#p_home #page #home #news p,#p_home #page #home #news p a{
    font-weight:bold;
    font-size:12px
}
#p_home #page #home #news p a{
    text-decoration:underline
}
#p_home #page #home #services{
    right:0;
    bottom:111px;
    width:448px;
    height:220px;

    bottom: 0;
}
#p_home #page #home #about{
    right:0;
    bottom:0;
    height:103px;
    width:448px;

    bottom: 228px;
}
#p_post #page .hero{
    margin-top:124px
}
#p_post #page #post{
    padding-bottom:100px;
    margin-top:58px;
    margin-left:40px
}
#p_post #page #post,#p_post #page #post .block{
    width:675px
}
#p_post #page #post .block h1,#p_post #page #post .block h2,#p_post #page #post .block p{
    text-align:left
}
#p_post #page #post .block h1{
    font-size:24px;
    font-family:'trend one'
}
#p_post #page #post .block h2{
    font-size:12px;
    font-family:Raleway;
    padding:8px 0 32px 0
}
#p_post #page #post #photos{
    padding-top:54px;
    width:100%
}
#p_post #page #post #photos img{
    display:block;
    width:100%;
    height:auto
}
#p_project #page .block{
    margin-top:48px;
    margin-bottom:46px
}
#p_project #page .block h3{
    margin-top:5px;
    text-align:center;
    font-family:Raleway
}
#p_project #page .block #credits{
    margin:0 auto;
    width:300px;
    text-align:center
}
#p_project #page .block #credits p{
    display:inline-block;
    white-space:nowrap;
    width:150px
}
#p_project #page .block #services{
    margin-top:44px;
    margin-top:20px;
    text-align:center
}
#p_project #page .block #services h4,#p_project #page .block #services span{
    display:inline-block
}
#p_project #page .block #services span{
    position:relative;
    top:-2px;
    font-size:10px;
    padding:0 5px
}
#p_project #page #pagination{
    width:300px;
    text-align:center;
    height:28px;
    margin:0 auto 96px auto
}
#p_project #page #pagination a{
    display:inline-block;
    text-align:center;
    margin:0 10px
}
#p_project #page #pagination a,#p_project #page #pagination a span{
    height:28px;
    width:125px
}
#p_project #page #pagination a span{
    display:inline-block;
    padding:0 20px;
    line-height:28px;
    background:url("../images/shared/label.png") no-repeat left -30px;
    color:#FFF;
    text-transform:uppercase;
    font-family:Raleway;
    font-size:11px;
    background-size:100% 90px;
    white-space:nowrap
}
#p_project #page #photos{
    width:684px;
    height:auto;
    margin:0 auto 96px auto;
    position:relative;
    overflow:hidden
}
#p_project #page #photos div{
    position:relative;
    width:220px;
    height:220px;
    overflow:hidden;
    float:left;
    margin:0 4px 8px 4px
}
#p_project #page #photos div.landscape{
    width:448px
}
#p_project #page #photos img{
    position:relative;
    display:block;
    height:100%;
    width:auto
}
#p_project #related h2{
    padding-top:0;
    height:23px;
    line-height:23px;
    margin-bottom:6px
}
#p_project .grid{
    margin-bottom:44px;
    width:456px
}
#p_services #page{
    background:#A8DDE6 url("../images/services/sun.png") no-repeat center top
}
#p_services #page #services,#p_services #page #services>div{
    position:relative;
    width:100%
}
#p_services #page #services>div#tile{
    background:url("../images/services/texture.jpg");
    opacity:.15;
    position:absolute !important;
    top:0;
    left:0;
    height:100%;
    z-index:104
}
#p_services #page #mountains{
    background:url("../images/services/mountains.png") no-repeat top center;
    height:1250px;
    overflow:hidden
}
#p_services #page #island{
    background:#FFF url("../images/services/island.png") no-repeat center bottom
}
#p_services #page #ocean{
    background:#2a7b9a
}
#p_services #page #clouds{
    position:absolute;
    left:0;
    bottom:-30px;
    height:330px;
    z-index:101
}
#p_services #page #fish{
    position:absolute;
    right:-200px;
    top:100px;
    width:197px;
    height:145px;
    opacity:.75
}
#p_services #page #bird{
    position:absolute;
    right:100px;
    bottom:50px;
    width:43px;
    height:36px
}
#p_services #page #intro,#p_services #page #creative,#p_services #page #production,#p_services #page #post,#p_services #page #rental{
    position:relative;
    z-index:105
}
#p_services #page #intro{
    height:810px
}
#p_services #page #intro>div{
    padding-top:200px
}
#p_services #page #creative>div{
    padding:300px 0
}
#p_services #page #production>div{
    padding-top:450px
}
#p_services #page #post>div{
    padding:300px 0 450px 0
}
#p_services #page #rental>div{
    padding:300px 0
}
#p_services #page #rental h2,#p_services #page #rental p,#p_services #page #rental p a,#p_services #page #production h2,#p_services #page #production p,#p_services #page #production p a{
    color:#FFF
}
#p_work #page .grid{
    width:912px;
    margin-bottom:142px
}
#p_work #page .grid .filter{
    width:100%;
    padding-top:30px;
    padding-bottom:36px;
    margin:0 auto;
    text-align:center
}
#p_work #page .grid .filter h3{
    padding:19px 0 6px 0;
    display:block;
    text-align:center
}
#p_work #page .grid .filter div.current,#p_work #page .grid .filter button{
    display:inline-block;
    margin:10px 5px 0 5px;
    text-align:center
}
#p_work #page .grid .filter div.current,#p_work #page .grid .filter div.current span,#p_work #page .grid .filter button,#p_work #page .grid .filter button span{
    height:28px;
    width:150px
}
#p_work #page .grid .filter div.current span,#p_work #page .grid .filter button span{
    display:inline-block;
    padding:0 20px;
    line-height:28px;
    background:url("../images/shared/label.png") no-repeat left 0px;
    font-family:Raleway;
    font-size:11px;
    background-size:100% 90px;
    white-space:nowrap
}
#p_work #page .grid .filter div.current.on span,#p_work #page .grid .filter button.on span{
    background-position:left -30px;
    color:#FFF
}
#p_work #page .grid .filter div.current.current span,#p_work #page .grid .filter button.current span{
    background-position:left -60px;
    color:#FFF
}
#p_work #page .grid .filter div.current.all,#p_work #page .grid .filter div.current.all span,#p_work #page .grid .filter div.current.current,#p_work #page .grid .filter div.current.current span,#p_work #page .grid .filter div.current.expand,#p_work #page .grid .filter div.current.expand span,#p_work #page .grid .filter button.all,#p_work #page .grid .filter button.all span,#p_work #page .grid .filter button.current,#p_work #page .grid .filter button.current span,#p_work #page .grid .filter button.expand,#p_work #page .grid .filter button.expand span{
    text-transform:uppercase;
    width:140px
}
#p_work #page .grid .filter div.current.current,#p_work #page .grid .filter div.current.current span,#p_work #page .grid .filter button.current,#p_work #page .grid .filter button.current span{
    width:300px
}
#p_work #page .grid .filter div.current{
    display:block;
    margin:20px auto 0 auto
}
#p_work #page .grid .filter div.current,#p_work #page .grid .filter div.current span{
    width:300px
}
#p_work body,#p_project body,#p_blog body,#p_post body,#p_home body{
    background:url("../images/patterns/wood.jpg");
    background-size:500px 500px
}
@media screen and (max-width: 960px){
    #menu_open{
        left:20px
    }
    #logo{
        right:20px
    }
    #footer div.links{
        left:216px
    }
    #footer div.links div{
        margin-right:40px
    }
    #page .intro,#page .block{
        width:660px
    }
    #page .video,#page .billboards{
        height:475px
    }
    #page .hero{
        height:300px
    }
    #page .billboard .description,#page .billboard .description div,#page .billboard .description p{
        float:none;
        width:100%;
        height:auto
    }
    #page .billboard .description p{
        margin-top:10px;
        line-height:1.5em
    }
    #page .grid .item.p2,#page .grid .item.p3,#page .grid .item.p5,#page .grid .item.p6,#page .grid .item.p7,#page .simple-grid .item.p2,#page .simple-grid .item.p3,#page .simple-grid .item.p5,#page .simple-grid .item.p6,#page .simple-grid .item.p7{
        width:448px
    }
    #page .grid .item.p2 img.wide_photo,#page .grid .item.p3 img.wide_photo,#page .grid .item.p5 img.wide_photo,#page .grid .item.p6 img.wide_photo,#page .grid .item.p7 img.wide_photo,#page .simple-grid .item.p2 img.wide_photo,#page .simple-grid .item.p3 img.wide_photo,#page .simple-grid .item.p5 img.wide_photo,#page .simple-grid .item.p6 img.wide_photo,#page .simple-grid .item.p7 img.wide_photo{
        position:relative;
        z-index:402;
        visibility:visible
    }
    #page .grid .item.p2 img.photo,#page .grid .item.p3 img.photo,#page .grid .item.p5 img.photo,#page .grid .item.p6 img.photo,#page .grid .item.p7 img.photo,#page .simple-grid .item.p2 img.photo,#page .simple-grid .item.p3 img.photo,#page .simple-grid .item.p5 img.photo,#page .simple-grid .item.p6 img.photo,#page .simple-grid .item.p7 img.photo{
        position:absolute;
        z-index:401;
        visibility:hidden
    }
    #page .grid .item.p1,#page .grid .item.p4,#page .grid .item.p5,#page .grid .item.p8,#page .grid .item.p9,#page .grid .item.p10,#page .grid .item.p11,#page .simple-grid .item.p1,#page .simple-grid .item.p4,#page .simple-grid .item.p5,#page .simple-grid .item.p8,#page .simple-grid .item.p9,#page .simple-grid .item.p10,#page .simple-grid .item.p11{
        width:220px
    }
    #page .grid .item.p1 img.photo,#page .grid .item.p4 img.photo,#page .grid .item.p5 img.photo,#page .grid .item.p8 img.photo,#page .grid .item.p9 img.photo,#page .grid .item.p10 img.photo,#page .grid .item.p11 img.photo,#page .simple-grid .item.p1 img.photo,#page .simple-grid .item.p4 img.photo,#page .simple-grid .item.p5 img.photo,#page .simple-grid .item.p8 img.photo,#page .simple-grid .item.p9 img.photo,#page .simple-grid .item.p10 img.photo,#page .simple-grid .item.p11 img.photo{
        position:relative;
        z-index:402;
        visibility:visible
    }
    #page .grid .item.p1 img.wide_photo,#page .grid .item.p4 img.wide_photo,#page .grid .item.p5 img.wide_photo,#page .grid .item.p8 img.wide_photo,#page .grid .item.p9 img.wide_photo,#page .grid .item.p10 img.wide_photo,#page .grid .item.p11 img.wide_photo,#page .simple-grid .item.p1 img.wide_photo,#page .simple-grid .item.p4 img.wide_photo,#page .simple-grid .item.p5 img.wide_photo,#page .simple-grid .item.p8 img.wide_photo,#page .simple-grid .item.p9 img.wide_photo,#page .simple-grid .item.p10 img.wide_photo,#page .simple-grid .item.p11 img.wide_photo{
        position:absolute;
        z-index:401;
        visibility:hidden
    }
    #blog{
        width:680px
    }
    #p_blog #page #posts div{
        height:147px;
        width:450px
    }
    #p_blog #page #posts div a span{
        font-size:18px
    }
    #p_contact #contact{
        width:700px;
        height:1039px
    }
    #p_contact #contact #map{
        top:0;
        left:27px
    }
    #p_contact #contact #map,#p_contact #contact #map img{
        width:657px;
        height:251px
    }
    #p_contact #contact #photos{
        top:580px;
        left:370px
    }
    #p_contact #contact #projects{
        top:269px;
        left:60px
    }
    #p_contact #contact #location{
        top:278px;
        left:344px
    }
    #p_contact #contact #rentals{
        top:760px;
        left:80px
    }
    #p_contact #contact #jobs{
        top:782px;
        left:374px
    }
    #p_home #page #intro{
        padding:30px 0
    }
    #p_home #page #intro .intro{
        width:448px
    }
    #p_home #page #intro p{
        font-size:14px;
        padding-left:0;
        padding-right:0
    }
    #p_home #page #intro p.headline {
        font-size:24px;
    }
    #p_home #page #home{
        width:448px;
        height:1070px
    }
    #p_home #page #home #work{
        top:0;
        left:0;
        width:448px
    }
    #p_home #page #home #travel-bts{
        top: 228px;
        right: 0;
        left: auto;
        bottom: auto;
    }    
    #p_home #page #home #post{
        bottom:auto;
        top:566px
    }
    #p_home #page #home #instagram{
        bottom:auto;
        top:509px;
        left:auto;
        right:-4px
    }
    #p_home #page #home #shop{
        top:228px;
        left:0;
        height: 158px;        
        overflow: hidden;        
    }
    #p_home #page #home #shop img {
        margin-top: -62px;
        height: 220px;        
    }
    #p_home #page #home #news{
        top:509px;
        height: 331px;
    }
    #p_home #page #home #services{
        bottom:0
    }
    #p_home #page #home #about{
        bottom:auto;
        top:396px
    }
    #p_post #page #post{
        padding-bottom:40px
    }
    #p_post #page #post #photos{
        padding-top:40px
    }
    #p_post #page #post .block h1{
        font-size:18px
    }
    #p_post #page #post .block h2{
        padding-bottom:12px
    }
    #p_post #page #post .block p,#p_post #page #post .block p a{
        font-size:12px
    }
    #p_post #page #post,#p_post #page #post .block{
        width:450px
    }
    #p_work #page .grid{
        width:684px
    }
}
@media screen and (max-width: 720px){
    h1,h1 strong,h1 span{
        font-size:28px
    }
    h1 span{
        top:14px
    }
    h2,h2 strong,h2 span{
        font-size:18px
    }
    h2 span{
        top:12px
    }
    a.logo{
        height:33px
    }
    a.logo,a.logo img{
        display:block;
        width:102px
    }
    a.logo img{
        position:absolute;
        top:-33px;
        height:66px
    }
    #menu_open{
        top:0;
        left:0;
        width:67px;
        height:58px
    }
    #menu_open span{
        height:18px
    }
    #menu_open span,#menu_open img{
        width:27px
    }
    #menu_open img{
        height:36px
    }
    #logo{
        top:0;
        right:0;
        height:75px;
        width:142px
    }
    #logo span{
        height:33px
    }
    #logo span,#logo img{
        width:102px
    }
    #logo img{
        height:66px
    }
    #p_directors #menu_open img,#p_work #menu_open img,#p_project #menu_open img,#p_home #menu_open img,html.white-logo #menu_open img{
        top:-18px
    }
    #p_directors #logo img, #p_work #logo img,#p_project #logo img,#p_home #logo img,html.white-logo #logo img{
        top:-33px
    }
    #footer{
        height:229px;
/*        height:208px;*/
        margin-top:-208px
    }
    #footer a.logo{
        position:relative;
        top:20px;
        left:auto;
        overflow:hidden;
        margin:0 auto
    }
    #footer div.copyright,#footer div.links{
        width:300px;
        height: auto;
        position:relative;
        left:auto;
        right:auto;
        top:auto;
        bottom:auto;
        margin:0 auto
    }
    #footer div.copyright{
        padding-top:10px;
        text-align:center
    }
    #footer div.social{
        position:absolute;
        top:115px;
        left:50%;
        right:auto;
        margin-top:0;
        margin-right:0;
        margin:9px 0 0 -62px;
        width:115px
    }
    #footer div.links{
        padding-top:37px;
        text-align:center
    }
    #footer div.links div{
        margin-right:0;
        float:none;
        height:auto
    }
    #footer div.links div a{
        text-align:center;
        display:inline-block;
        width:100px;
        width:auto;
        padding:0 5px
    }
    #footer div.links div a span{
        display:none
    }
    #footer div.links div.first,#footer div.links div.second{
        display:inline-block
    }
    #footer div.links div.third{
        padding-top:52px
    }
    #page{
        padding-bottom:208px
    }
    #page .grid .item.p1,#page .grid .item.p4,#page .grid .item.p7,#page .simple-grid .item.p1,#page .simple-grid .item.p4,#page .simple-grid .item.p7{
        width:448px
    }
    #page .grid .item.p1 img.wide_photo,#page .grid .item.p4 img.wide_photo,#page .grid .item.p7 img.wide_photo,#page .simple-grid .item.p1 img.wide_photo,#page .simple-grid .item.p4 img.wide_photo,#page .simple-grid .item.p7 img.wide_photo{
        position:relative;
        z-index:402;
        visibility:visible
    }
    #page .grid .item.p1 img.photo,#page .grid .item.p4 img.photo,#page .grid .item.p7 img.photo,#page .simple-grid .item.p1 img.photo,#page .simple-grid .item.p4 img.photo,#page .simple-grid .item.p7 img.photo{
        position:absolute;
        z-index:401;
        visibility:hidden
    }
    #page .grid .item.p2,#page .grid .item.p3,#page .grid .item.p5,#page .grid .item.p6,#page .grid .item.p8,#page .grid .item.p9,#page .grid .item.p10,#page .grid .item.p11,#page .simple-grid .item.p2,#page .simple-grid .item.p3,#page .simple-grid .item.p5,#page .simple-grid .item.p6,#page .simple-grid .item.p8,#page .simple-grid .item.p9,#page .simple-grid .item.p10,#page .simple-grid .item.p11{
        width:220px
    }
    #page .grid .item.p2 img.photo,#page .grid .item.p3 img.photo,#page .grid .item.p5 img.photo,#page .grid .item.p6 img.photo,#page .grid .item.p8 img.photo,#page .grid .item.p9 img.photo,#page .grid .item.p10 img.photo,#page .grid .item.p11 img.photo,#page .simple-grid .item.p2 img.photo,#page .simple-grid .item.p3 img.photo,#page .simple-grid .item.p5 img.photo,#page .simple-grid .item.p6 img.photo,#page .simple-grid .item.p8 img.photo,#page .simple-grid .item.p9 img.photo,#page .simple-grid .item.p10 img.photo,#page .simple-grid .item.p11 img.photo{
        position:relative;
        z-index:402;
        visibility:visible
    }
    #page .grid .item.p2 img.wide_photo,#page .grid .item.p3 img.wide_photo,#page .grid .item.p5 img.wide_photo,#page .grid .item.p6 img.wide_photo,#page .grid .item.p8 img.wide_photo,#page .grid .item.p9 img.wide_photo,#page .grid .item.p10 img.wide_photo,#page .grid .item.p11 img.wide_photo,#page .simple-grid .item.p2 img.wide_photo,#page .simple-grid .item.p3 img.wide_photo,#page .simple-grid .item.p5 img.wide_photo,#page .simple-grid .item.p6 img.wide_photo,#page .simple-grid .item.p8 img.wide_photo,#page .simple-grid .item.p9 img.wide_photo,#page .simple-grid .item.p10 img.wide_photo,#page .simple-grid .item.p11 img.wide_photo{
        position:absolute;
        z-index:401;
        visibility:hidden
    }
    #page .intro,#page .block{
        width:100%
    }
    #page .intro p,#page .block p{
        padding-left:20px;
        padding-right:20px
    }
    #page .intro p,#page .intro p a,#page .block p,#page .block p a{
        font-size:12px
    }
    #page .video,#page .billboards{
        height:375px
    }
    #page .hero{
        height:250px
    }
    #page .billboard .description{
        bottom:18px
    }
    #page .billboard .description div,#page .billboard .description p{
        margin-left:20px
    }
    #page .billboard .description p{
        display:none
    }
    #p_about #intro{
        padding-top:195px;
        padding-bottom:37px
    }
    #p_about #philosophy{
        background-size:428px 285px;
        padding-top:258px;
        padding-bottom:20px
    }
    #p_about #how{
        background-size:469px 260px;
        padding-top:235px
    }
    #p_about #team{
        padding-top:92px
    }
    #p_services #clients,
    #p_about #clients{
        max-width:500px;
        padding-top:34px;
        padding-bottom:81px
    }
    #p_services #clients img,
    #p_about #clients img{
        height:40px;
        margin:0 10px 20px 10px
    }
    #blog{
        position:relative;
        width:100%
    }
    #blog #side{
        padding-top:40px;
        width:150px;
        padding-bottom:98px
    }
    #p_blog #side{
        display:none
    }
    #p_blog #page .hero{
        margin-top:72px;

        margin-top: 0;
    }
    #p_blog #page .hero div{
        padding:0 20px;
        height:52px;
        margin-top:-26px
    }
    #p_blog #page .hero a{
        font-size:24px
    }
    #p_blog #page .hero span{
        padding-top:8px;
        font-size:12px
    }
    #p_blog #page #posts{
        padding:30px 20px 40px 20px;
        width:100%
    }
    #p_blog #page #posts div{
        width:100%;
        height:auto
    }
    #p_blog #page #posts div img{
        width:100%;
        height:auto
    }
    #p_contact #contact{
        width:300px;
        height:auto;
        margin-bottom:97px
    }
    #p_contact #contact #photos{
        display:none
    }
    #p_contact #contact #projects,#p_contact #contact #location,#p_contact #contact #rentals,#p_contact #contact #jobs{
        margin:0 auto
    }
    #p_contact #contact #projects,#p_contact #contact #projects>div,#p_contact #contact #location,#p_contact #contact #location>div,#p_contact #contact #rentals,#p_contact #contact #rentals>div,#p_contact #contact #jobs,#p_contact #contact #jobs>div{
        position:relative;
        left:auto;
        top:auto;
        width:200px;
        height:auto
    }
    #p_contact #contact #projects img,#p_contact #contact #location img,#p_contact #contact #rentals img,#p_contact #contact #jobs img{
        display:none
    }
    #p_contact #contact #location{
        margin-top:27px
    }
    #p_contact #contact #projects{
        margin-top:11px
    }
    #p_contact #contact #rentals{
        margin-top:21px
    }
    #p_contact #contact #jobs{
        margin-top:15px
    }
    #p_contact #contact #rentals span,#p_contact #contact #rentals h2,#p_contact #contact #rentals a,#p_contact #contact #jobs span,#p_contact #contact #jobs h2,#p_contact #contact #jobs a{
        color:#352110
    }
    #p_contact #contact #map{
        position:relative;
        left:auto
    }
    #p_contact #contact #map,#p_contact #contact #map img{
        width:300px;
        height:115px
    }
    #p_post #page .hero{
        margin-top:72px
    }
    #p_post #page #side{
        float:none;
        padding-top:0;
        padding-bottom:40px;
        margin:0 auto
    }
    #p_post #page #post{
        float:none;
        padding-bottom:20px;
        padding-left:20px;
        padding-right:20px;
        margin-top:39px;
        margin-left:0
    }
    #p_post #page #post,#p_post #page #post .block{
        width:100%
    }
    #p_post #page #post .block p{
        padding-left:0;
        padding-right:0
    }
    #p_post #page #post .block h1{
        font-size:18px
    }
    #p_post #page #post .block h2{
        padding-bottom:12px
    }
    #p_project #page #photos{
        width:441px
    }
    #p_project #page #photos div{
        width:140px;
        height:140px
    }
    #p_project #page #photos div.landscape{
        width:285px
    }
    #p_project #page .grid{
        width:456px
    }
    #p_project #page .block{
        margin-top:48px;
        margin-bottom:46px
    }
    #p_project #page .block h3{
        margin-top:5px
    }
    #p_project #page .block #services{
        margin-top:33px
    }
    #p_project #page .block #services h4{
        display:block;
        padding-top:11px
    }
    #p_project #page .block #services span{
        display:none;
        top:auto
    }
    #p_services #page{
        background-size:1319px 607px
    }
    #p_services #page #mountains{
        background-size:1950px 938px;
        height:938px
    }
    #p_services #page #island{
        background-size:1950px 221px
    }
    #p_services #page #clouds{
        position:absolute;
        left:0;
        bottom:-30px;
        height:220px;
        z-index:101
    }
    #p_services #page #intro{
        height:605px
    }
    #p_services #page #intro>div{
        padding-top:200px
    }
    #p_services #page #creative>div{
        padding:200px 0
    }
    #p_services #page #production>div{
        padding-top:300px
    }
    #p_services #page #post>div{
        padding:200px 0 400px 0
    }
    #p_services #page #rental>div{
        padding:200px 0
    }
    #p_work #page .grid{
        width:456px;
        margin-top:32px
    }
}
/*@media screen and (max-width: 480px){*/
@media screen and (max-width: 520px){
    #page .video,#page .billboards{
        height:275px
    }
    #page .hero{
        height:200px
    }
    #page .simple-grid .item,#page .grid .item{
        height:150px;
        width:150px
    }
    #page .simple-grid .item.g1.r1,#page .simple-grid .item.g3.r3,#page .simple-grid .item.p1,#page .simple-grid .item.p4,#page .simple-grid .item.p7,#page .grid .item.g1.r1,#page .grid .item.g3.r3,#page .grid .item.p1,#page .grid .item.p4,#page .grid .item.p7{
        width:308px
    }
    #page .simple-grid .item.p2,#page .simple-grid .item.p3,#page .simple-grid .item.p5,#page .simple-grid .item.p6,#page .simple-grid .item.p8,#page .simple-grid .item.p9,#page .simple-grid .item.p10,#page .simple-grid .item.p11,#page .grid .item.p2,#page .grid .item.p3,#page .grid .item.p5,#page .grid .item.p6,#page .grid .item.p8,#page .grid .item.p9,#page .grid .item.p10,#page .grid .item.p11{
        width:150px
    }
    #page .simple-grid .item>a,#page .grid .item>a{
        padding-top:15px;
        font-size:12px
    }
    #page .simple-grid .item>a>span,#page .grid .item>a>span{
        font-size:12px
    }
    #p_about #team h2{
        text-align:center
    }
    #p_about #team>div>div{
        padding-top:370px;
        margin-top:-70px
    }
    #p_about #team>div>div>div{
        width:300px;
        margin:0 auto
    }
    #p_about #team>div>div>div h3,#p_about #team>div>div>div h4,#p_about #team>div>div>div p{
        text-align:center;
        padding-left:0
    }
    #p_about #team>div>div>div div strong{
        width:auto;
        display:block;
        position:relative;
        top:auto;
        left:auto;
        text-align:center
    }
    #p_services #clients img,
    #p_about #clients img{
        height:40px;
        margin:0 10px 20px 10px
    }
    #p_blog #page .hero a{
        font-size:18px
    }
    #p_blog #page .hero span{
        padding-top:3px;
        font-size:10px
    }
    #p_blog #page #posts div a span{
        bottom:8px;
        font-size:12px;
        width:auto;
        padding:0 8px
    }
    #p_blog #page #posts div h3,#p_blog #page #posts div h4{
        top:8px
    }
    #p_blog #page #posts div h3{
        left:10px
    }
    #p_blog #page #posts div h4{
        right:9px
    }
    #p_home #page #intro{
        padding:30px 0
    }
    #p_home #page #intro .intro{
        width:300px
    }
    #p_home #page #intro p{
        font-size:12px;
        padding-left:0;
        padding-right:0
    }
    #p_home #page #intro img{
        width:34px;
        height:35px
    }
    #p_home #page #home{
        width:300px;
        height:858px;
        margin-bottom:30px
    }
    #p_home #page #home #services,#p_home #page #home #work{
        width:300px;
        height:147px
    }

    #p_home #page #home #post{
        bottom:auto;
        top:542px;
        top:auto;
        position:relative;
        margin-top:544px;
        margin-bottom:155px;
        height:auto;
        padding-bottom:65px;
        width:100%
    }
    #p_home #page #home #instagram{
        top:503px;
        right:-8px;
        width: 312px;
        height:200px;
        overflow:hidden; 
    }
    #p_home #page #home #instagram>a {
        margin-left: 0;
        margin-right: 8px;
    }
    #p_home #page #home #instagram>a,#p_home #page #home #instagram>a img{
        width:96px;
        height:96px
    }
    #p_home #page #home #travel-bts {
        top:390px;
        top:313px;        
        width:146px;
        height: 105px;
    }
    #p_home #page #home #shop{
        top:390px;
        top:313px;        
        width:146px;
        height:105px;
    }    
    #p_home #page #home #shop img {
        height: 146px;
        margin-top: -31px;
    }
    #p_home #page #home #news{
        top:155px;
        right:0;
        width:100%;
        height:150px
    }
    #p_home #page #home #news p,#p_home #page #home #news p a{
        font-weight:bold;
        font-size:12px
    }
    #p_home #page #home #about{
        bottom:auto;
        top:313px;
        top:426px;        
        width:300px;
        height:69px
    }
    #p_project #page h2 span{
        display:none
    }
    #p_project #page .grid{
        margin-bottom:46px;
        width:316px
    }
    #p_project #page #pagination{
        margin-bottom:46px
    }
    #p_project #page #photos{
        width:296px;
        margin-bottom:50px
    }
    #p_project #page #photos div{
        width:140px;
        height:140px
    }
    #p_project #page #photos div.landscape{
        width:288px;
        height:142px
    }
    #p_services #page #production>div{
        padding-top:200px
    }
    #p_work #page .grid{
        width:316px;
        margin-bottom:80px
    }
    #p_work #page .grid .filter{
        padding-top:10px;
        padding-bottom:20px
    }
    #p_work #page .grid .filter div{
        display:block
    }
}