body.page-user.user-role-anonymous{background-image:url(/themes/custom/volume_theme/images/black-white-background.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;}body.page-user.user-role-anonymous .container .content-wrapper .inner-content-wrapper{height:calc(100vh - 228px);max-width:500px;margin:0 auto;display:flex;justify-content:center;align-items:center;}body.page-user.user-role-anonymous .container .content-wrapper .inner-content-wrapper .content{background-image:none;background-color:#fff;-webkit-box-shadow:5px 5px 15px 5px rgba(0,0,0,0.25);-moz-box-shadow:5px 5px 15px 5px rgba(0,0,0,0.25);box-shadow:5px 5px 15px 5px rgba(0,0,0,0.25);}body.page-user.user-role-anonymous .container .content-wrapper .inner-content-wrapper .content .inner-content{padding:50px 30px;}body.page-user.user-role-anonymous .container .content-wrapper .inner-content-wrapper .content .inner-content #block-volume-theme-primary-local-tasks{display:none;}body.page-user.user-role-anonymous .container .content-wrapper .inner-content-wrapper .content .inner-content form#user-login-form .js-form-item-name{padding-left:20px;padding-right:20px;max-width:400px;margin:0 auto 25px;}body.page-user.user-role-anonymous .container .content-wrapper .inner-content-wrapper .content .inner-content form#user-login-form .js-form-item-name label{display:none;}body.page-user.user-role-anonymous .container .content-wrapper .inner-content-wrapper .content .inner-content form#user-login-form .js-form-item-name input{width:calc(100% - 31px);background-color:#d9d9d9;border:1.5px solid #878787;color:#4c4c4c;font-size:16px;padding:18px 14px;font-family:sans-serif;transition:all 0.5s;}body.page-user.user-role-anonymous .container .content-wrapper .inner-content-wrapper .content .inner-content form#user-login-form .js-form-item-name input:focus{background-color:#efefef;}body.page-user.user-role-anonymous .container .content-wrapper .inner-content-wrapper .content .inner-content form#user-login-form .js-form-item-name #edit-name--description{display:none;}body.page-user.user-role-anonymous .container .content-wrapper .inner-content-wrapper .content .inner-content form#user-login-form .js-form-item-pass{padding-left:20px;padding-right:20px;max-width:400px;margin:0 auto 25px;}body.page-user.user-role-anonymous .container .content-wrapper .inner-content-wrapper .content .inner-content form#user-login-form .js-form-item-pass label{display:none;}body.page-user.user-role-anonymous .container .content-wrapper .inner-content-wrapper .content .inner-content form#user-login-form .js-form-item-pass input{width:calc(100% - 31px);background-color:#d9d9d9;border:1.5px solid #878787;color:#4c4c4c;font-size:16px;padding:18px 14px;font-family:sans-serif;transition:all 0.5s;}body.page-user.user-role-anonymous .container .content-wrapper .inner-content-wrapper .content .inner-content form#user-login-form .js-form-item-pass input:focus{background-color:#efefef;}body.page-user.user-role-anonymous .container .content-wrapper .inner-content-wrapper .content .inner-content form#user-login-form .js-form-item-pass #edit-pass--description{display:none;}body.page-user.user-role-anonymous .container .content-wrapper .inner-content-wrapper .content .inner-content form#user-login-form #edit-actions{padding-left:20px;padding-right:20px;max-width:400px;margin:0 auto;}body.page-user.user-role-anonymous .container .content-wrapper .inner-content-wrapper .content .inner-content form#user-login-form #edit-actions input{width:100%;background-color:#231f20;color:#fff;font-size:16px;padding:18px 0;font-family:sans-serif;border:1.5px solid #231f20;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;text-transform:uppercase;font-weight:bold;transition:all 0.5s;}body.page-user.user-role-anonymous .container .content-wrapper .inner-content-wrapper .content .inner-content form#user-login-form #edit-actions input:hover{background-color:#fff;color:#231f20;}#colorbox #cboxContent .container .header-wrapper,#colorbox #cboxContent .container .footer-wrapper{display:none;}#colorbox #cboxContent .container .content-wrapper{padding:0;border:none;}#colorbox #cboxContent .container .content-wrapper .region-content{padding:0;}#colorbox #cboxContent .container .content-wrapper .region-content #block-views-block-content-portofolio-block-2{min-width:500px;}
h1{margin:0 0 30px;font-size:34px;font-family:"Roboto",sans-serif;font-weight:normal;color:#fff;}h2{margin:0 0 15px;font-size:28px;font-family:"Roboto",sans-serif;font-weight:normal;color:#fff;}h3{margin:0 0 15px;font-size:20px;font-family:"Roboto",sans-serif;font-weight:normal;color:#fff;}h4{margin:0 0 15px;font-size:20px;font-family:"Roboto",sans-serif;color:#000;}h5{margin:0 0 10px;font-size:16px;font-family:"Roboto",sans-serif;color:#000;}h6{margin:0 0 10px;font-size:16px;font-family:"Roboto",sans-serif;color:#000;}body{margin:0;padding:0;min-height:100vh;position:relative;color:#fff;font-family:"Roboto",sans-serif;font-size:16px;background-color:#231f20;}a{color:#fff;text-decoration:none;}img{display:block;height:auto;width:100%;}iframe{display:block;}
.header-wrapper{position:fixed;top:0;left:0;width:100%;transition:all 0.5s;z-index:3;}@media screen and (min-width:721px){.header-wrapper{height:130px;}}@media screen and (max-width:720px){.header-wrapper{height:40px;}}@media screen and (min-width:1201px){.content-wrapper{padding-bottom:146px;}}@media screen and (max-width:1200px) and (min-width:721px){.content-wrapper{padding-bottom:190px;}}@media screen and (min-width:721px){.content-wrapper{border-top:130px #231f20 solid;}}@media screen and (max-width:720px){.content-wrapper{border-top:40px #231f20 solid;}}.footer-wrapper{position:absolute;bottom:0;left:0;width:100%;background-color:#231f20;}@media screen and (min-width:1201px){.footer-wrapper{height:150px;}}@media screen and (max-width:1200px) and (min-width:721px){.footer-wrapper{height:192px;}}@media screen and (max-width:720px){.footer-wrapper{height:auto;position:relative;}}@media screen and (min-width:721px){body.scrolled .header-wrapper{top:-83px;}}
.header{background-color:#231f20;}.header .inner-header{max-width:1400px;margin:0 auto;}.header .inner-header .main-menu .inner-main-menu{height:100%;}.header .inner-header .main-menu .inner-main-menu .region-menu{height:100%;display:flex;align-items:flex-end;justify-content:flex-end;}@media screen and (min-width:721px){.header .inner-header{display:grid;grid-template-columns:2fr 3fr;}}@media screen and (max-width:720px){.header .inner-header{position:relative;}.header .inner-header .page-logo{position:absolute;top:0;left:0;z-index:2;}.header .inner-header .main-menu{width:100%;}}.content .inner-content .region-content{padding:0 10px;box-sizing:border-box;}.bio .inner-bio .region-bio{max-width:1200px;margin:0 auto;padding:0 10px;}.footer{max-width:1400px;margin:0 auto;}.footer .inner-footer{padding:0 10px;}.footer .inner-footer .region-footer{padding-top:30px;padding-bottom:30px;}
.node-type-portofolio .content-wrapper{display:flex;width:100%;}.node-type-portofolio .content-wrapper .content{flex:1;width:100%;}.node-type-portofolio .content-wrapper .content .inner-content{padding-top:50px;padding-bottom:50px;height:100%;box-sizing:border-box;}.node-type-portofolio .content-wrapper .content .inner-content .region-content{height:100%;display:flex;justify-content:space-evenly;flex-direction:column;}.node-type-portofolio #block-volume-theme-content{display:none;}.node-type-page .content,.node-type-page-paragraphs .content{box-sizing:border-box;}.node-type-page .content .inner-content .region-content,.node-type-page-paragraphs .content .inner-content .region-content{padding-top:50px;padding-bottom:20px;}.node-type-page #block-volume-theme-content article .field--name-body,.node-type-page-paragraphs #block-volume-theme-content article .field--name-body{max-width:1200px;margin:0 auto;}.node-type-page #block-volume-theme-content article .field--name-field-paragraphs,.node-type-page-paragraphs #block-volume-theme-content article .field--name-field-paragraphs{margin-top:30px;margin-bottom:50px;}.node-type-page #block-volume-theme-content article .field--name-field-paragraphs .field__item .paragraph,.node-type-page-paragraphs #block-volume-theme-content article .field--name-field-paragraphs .field__item .paragraph{margin-top:30px;margin-bottom:30px;}.views-field-field-paragraphs .paragraph{margin-top:32px;margin-bottom:32px;}
.node-id-16 .region-content{max-width:1200px;margin:0 auto;}.node-id-16 .region-content #block-volume-theme-page-title{grid-area:title;}.node-id-16 .region-content #block-volume-theme-page-title h1{margin:0;}.node-id-16 .region-content #block-volume-theme-content{grid-area:content;}.node-id-16 .region-content #block-views-block-content-portofolio-block-3{grid-area:one;}.node-id-16 .region-content #block-views-block-content-portofolio-block-3-2{grid-area:two;}.node-id-16 .region-content #block-views-block-content-portofolio-block-3-3{grid-area:three;}@media screen and (min-width:961px){.node-id-16 .region-content{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-template-areas:"title title title" "content content content" "one two three";grid-gap:30px;}}@media screen and (max-width:960px) and (min-width:641px){.node-id-16 .region-content{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;grid-template-areas:"title title" "content content" "one two";grid-gap:30px;}}.node--unpublished{background-color:initial;}
#block-volume-theme-primary-local-tasks{max-width:800px;margin:0 auto;}#block-volume-theme-primary-local-tasks nav ul.tabs.primary{display:inline-block;background-color:#231f20;padding:5px;}#block-volume-theme-primary-local-tasks nav ul.tabs.primary li a{color:#fff;}#block-volume-theme-primary-local-tasks nav ul.tabs.primary li a:hover{color:#231f20;}#block-volume-theme-primary-local-tasks nav ul.tabs.primary li.is-active a{background-color:#efefef;color:#231f20;}#block-sitebranding a.site-logo img{height:130px;width:auto;}@media screen and (max-width:720px){#block-sitebranding{position:relative;}#block-sitebranding a.site-logo{position:absolute;top:-45px;padding-bottom:5px;}#block-sitebranding a.site-logo img{height:80px;}}#block-views-block-content-portofolio-block-2{max-width:600px;margin:0 auto;}#block-views-block-content-portofolio-block-2 .view-content-portofolio{background-color:#231f20;padding:10px;}#block-views-block-content-portofolio-block-2 .view-content-portofolio .view-header{margin-bottom:30px;text-align:center;}#block-views-block-content-portofolio-block-2 .view-content-portofolio .view-content .views-row h2.views-field-title{color:#fff;font-size:20px;margin-top:10px;}#block-views-block-content-portofolio-block-2 .view-content-portofolio .view-content .views-row .views-field-field-porto-body .field-content p{color:#fff;}#block-views-block-content-portofolio-block-2 .view-content-portofolio .view-content .views-row .views-field-field-porto-body .field-content p:last-child{margin-bottom:0;}#block-views-block-content-portofolio-block-1{max-width:1400px;margin:50px auto 0;padding:5px;background-color:#fff;width:100%;box-sizing:border-box;}@media screen and (max-width:720px){#block-views-block-content-portofolio-block-1{display:none;}}@media screen and (min-width:1201px){.front #block-views-block-content-portofolio-block-1{margin-top:500px;}}@media screen and (max-width:1200px){.front #block-views-block-content-portofolio-block-1{margin-top:250px;}}#block-views-block-content-portofolio-block-3,#block-views-block-content-portofolio-block-3-2,#block-views-block-content-portofolio-block-3-3{margin-bottom:50px;}#block-views-block-content-portofolio-block-3 .view-content-portofolio .view-content .views-row,#block-views-block-content-portofolio-block-3-2 .view-content-portofolio .view-content .views-row,#block-views-block-content-portofolio-block-3-3 .view-content-portofolio .view-content .views-row{position:relative;padding:5px;background-color:#231f20;margin-bottom:30px;}#block-views-block-content-portofolio-block-3 .view-content-portofolio .view-content .views-row h2.views-field-title,#block-views-block-content-portofolio-block-3-2 .view-content-portofolio .view-content .views-row h2.views-field-title,#block-views-block-content-portofolio-block-3-3 .view-content-portofolio .view-content .views-row h2.views-field-title{margin-bottom:0;}#block-views-block-content-portofolio-block-3 .view-content-portofolio .view-content .views-row h2.views-field-title span a,#block-views-block-content-portofolio-block-3-2 .view-content-portofolio .view-content .views-row h2.views-field-title span a,#block-views-block-content-portofolio-block-3-3 .view-content-portofolio .view-content .views-row h2.views-field-title span a{color:#fff;font-family:"Roboto",sans-serif;font-size:24px;}#block-views-block-content-portofolio-block-3 .view-content-portofolio .view-content .views-row .views-field-view-node,#block-views-block-content-portofolio-block-3-2 .view-content-portofolio .view-content .views-row .views-field-view-node,#block-views-block-content-portofolio-block-3-3 .view-content-portofolio .view-content .views-row .views-field-view-node{position:absolute;top:0;left:0;width:100%;height:100%;display:block;}#block-views-block-content-portofolio-block-3 .view-content-portofolio .view-content .views-row .views-field-view-node .field-content,#block-views-block-content-portofolio-block-3-2 .view-content-portofolio .view-content .views-row .views-field-view-node .field-content,#block-views-block-content-portofolio-block-3-3 .view-content-portofolio .view-content .views-row .views-field-view-node .field-content{width:100%;height:100%;display:block;}#block-views-block-content-portofolio-block-3 .view-content-portofolio .view-content .views-row .views-field-view-node .field-content a,#block-views-block-content-portofolio-block-3-2 .view-content-portofolio .view-content .views-row .views-field-view-node .field-content a,#block-views-block-content-portofolio-block-3-3 .view-content-portofolio .view-content .views-row .views-field-view-node .field-content a{width:100%;height:100%;display:block;}@media screen and (min-width:961px){#block-views-block-content-portofolio-block-3 .view-content-portofolio .view-content .views-row:nth-child(3n+2),#block-views-block-content-portofolio-block-3 .view-content-portofolio .view-content .views-row:nth-child(3n+3){display:none;}}@media screen and (max-width:960px) and (min-width:640px){#block-views-block-content-portofolio-block-3 .view-content-portofolio .view-content .views-row:nth-child(2n+2){display:none;}}@media screen and (min-width:961px){#block-views-block-content-portofolio-block-3-2 .view-content-portofolio .view-content .views-row:nth-child(3n+1),#block-views-block-content-portofolio-block-3-2 .view-content-portofolio .view-content .views-row:nth-child(3n+3){display:none;}}@media screen and (max-width:960px){#block-views-block-content-portofolio-block-3-2 .view-content-portofolio .view-content .views-row:nth-child(2n+1){display:none;}}@media screen and (max-width:640px){#block-views-block-content-portofolio-block-3-2{display:none;}}@media screen and (min-width:961px){#block-views-block-content-portofolio-block-3-3 .view-content-portofolio .view-content .views-row:nth-child(3n+1),#block-views-block-content-portofolio-block-3-3 .view-content-portofolio .view-content .views-row:nth-child(3n+2){display:none;}}@media screen and (max-width:960px){#block-views-block-content-portofolio-block-3-3{display:none;}}#block-mainnavigation{display:inline-block;width:auto;}#block-mainnavigation ul.sf-menu li.sf-depth-1 a.sf-depth-1{color:#fff;border-bottom:2px solid #231f20;padding:15px 15px 8px 15px;margin:0 5px 5px;}#block-mainnavigation ul.sf-menu li.sf-depth-1 a.sf-depth-1:hover{border-bottom:2px solid #fff;}@media screen and (max-width:720px){#block-mainnavigation{display:none;}}#block-mainnavigation-responsive .sf-accordion-toggle a{height:40px;padding:0;width:100%;background-color:#231f20;}#block-mainnavigation-responsive ul.sf-menu{margin-bottom:0;background-color:#fff;padding:5px;box-sizing:border-box;}#block-mainnavigation-responsive ul.sf-menu li a{background-color:#231f20;color:#fff;}#block-mainnavigation-responsive ul.sf-menu li:not(li:last-child){margin-bottom:5px;}@media screen and (min-width:721px){#block-mainnavigation-responsive{display:none;}}#block-views-block-content-page-block-1{margin-bottom:50px;}#block-views-block-content-page-block-1 .view-content-page .view-content .views-row{position:relative;}#block-views-block-content-page-block-1 .view-content-page .view-content .views-row h1.views-field-title{text-align:center;}#block-views-block-content-page-block-1 .view-content-page .view-content .views-row h1.views-field-title .field-content{color:#fff;font-size:26px;font-family:"Roboto",sans-serif;}#block-views-block-content-page-block-1 .view-content-page .view-content .views-row .views-field-edit-node{position:absolute;top:0;left:0;}#block-views-block-content-page-block-1 .view-content-page .view-content .views-row .views-field-edit-node svg{color:green;}#block-views-block-content-system-block-1{margin-bottom:30px;}#block-views-block-content-system-block-1 .view-content-system .view-content .views-row{position:relative;}#block-views-block-content-system-block-1 .view-content-system .view-content .views-row .views-field-body .field-content p{color:#fff;margin:0;}#block-views-block-content-system-block-1 .view-content-system .view-content .views-row .views-field-edit-node{position:absolute;top:0;left:-20px;}#block-views-block-content-system-block-1 .view-content-system .view-content .views-row .views-field-edit-node .field-content a svg{color:green;}#block-views-block-content-system-block-2 .view-content-system .view-content{display:grid;grid-template-columns:repeat(3,1fr);}#block-views-block-content-system-block-2 .view-content-system .view-content .views-row{position:relative;}#block-views-block-content-system-block-2 .view-content-system .view-content .views-row .views-field-body .field-content p{color:#fff;padding-bottom:2px;margin:0;}#block-views-block-content-system-block-2 .view-content-system .view-content .views-row .views-field-body .field-content a{color:#fff;border-bottom:2px solid #231f20;}#block-views-block-content-system-block-2 .view-content-system .view-content .views-row .views-field-body .field-content a:hover{border-bottom:2px solid #fff;}#block-views-block-content-system-block-2 .view-content-system .view-content .views-row .views-field-edit-node{position:absolute;top:0;left:-20px;}#block-views-block-content-system-block-2 .view-content-system .view-content .views-row .views-field-edit-node .field-content a svg{color:green;}#block-views-block-content-system-block-2 .view-content-system .view-content .views-row:nth-child(2) .views-field-body{text-align:center;}#block-views-block-content-system-block-2 .view-content-system .view-content .views-row:last-child .views-field-body{text-align:end;}@media screen and (max-width:640px){#block-views-block-content-system-block-2 .view-content-system .view-content{grid-template-columns:1fr;grid-gap:10px;}#block-views-block-content-system-block-2 .view-content-system .view-content .views-row .views-field-body{text-align:center !important;}}#block-views-block-content-page-block-2{max-width:1200px;margin:0 auto;clear:both;}#block-views-block-content-page-block-2 .view-content-page .view-content .views-row .views-field-body .field-content p{color:#fff;}#block-views-block-content-page-block-2 .view-content-page .view-content .views-row .views-field-body .field-content a{color:#fff;}#block-views-block-content-page-block-2 .view-content-page .view-content .views-row .views-field-body .field-content p:first-child{margin-top:0;}#block-views-block-content-page-block-2 .view-content-page .view-content .views-row .views-field-body .field-content p:last-child{margin-bottom:0;}#block-contentmenu{max-width:800px;margin:0 auto;}#block-contentmenu::after{clear:both;content:"";display:block;}#block-portofolio{text-align:center;}#block-portofolio p{margin:0;}#block-portofolio a{font-size:24px;color:#fff;border-bottom:2px solid #fff;padding:0 5px 3px 5px;font-family:'Raleway',sans-serif;}@media screen and (min-width:721px){#block-portofolio{display:none;}}#block-volume-theme-page-title{max-width:1200px;margin:0 auto;}#block-volume-theme-page-title h1{text-align:center;}#block-volume-theme-page-title h1 span{font-size:26px;}
.paragraph--type--body{max-width:1200px;margin:0 auto;padding:0 10px;box-sizing:content-box;}.paragraph--type--body .field--name-field-title{font-size:18px;color:#fff;font-weight:bold;}.paragraph--type--body .field--name-field-body p:first-child{margin-top:0;}.paragraph--type--body .field--name-field-body p:last-child{margin-bottom:0;}.paragraph--type--gallery,.paragraph--type--gallery-standing{max-width:1200px;margin:0 auto;padding:0 10px;box-sizing:content-box;}@media screen and (min-width:961px){.paragraph--type--gallery .field--name-field-images,.paragraph--type--gallery-standing .field--name-field-images{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;}}@media screen and (max-width:960px) and (min-width:641px){.paragraph--type--gallery .field--name-field-images,.paragraph--type--gallery-standing .field--name-field-images{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;}}@media screen and (max-width:640px){.paragraph--type--gallery .field--name-field-images,.paragraph--type--gallery-standing .field--name-field-images{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;}}.paragraph--type-body-image{overflow:hidden;max-width:1200px;margin:0 auto;padding:0 10px;box-sizing:content-box;}.paragraph--type-body-image .field--name-field-title{color:#fff;font-weight:bold;font-family:"Open Sans",sans-serif;font-size:24px;text-transform:uppercase;line-height:1em;letter-spacing:1px;margin-bottom:10px;}.paragraph--type-body-image .field--name-field-body{font-family:"Open Sans",sans-serif;font-size:16px;line-height:1.5em;}.paragraph--type-body-image .field--name-field-body p:first-child{margin-top:0;}@media screen and (min-width:961px){.paragraph--type-body-image{display:grid;grid-template-columns:1fr 2fr 0;grid-gap:30px;}.paragraph--type-body-image .responsive-body,.paragraph--type-body-image .responsive-image{display:none;}}@media screen and (max-width:960px) and (min-width:641px){.paragraph--type-body-image .group-left,.paragraph--type-body-image .group-right,.paragraph--type-body-image .group-left-reverse,.paragraph--type-body-image .group-right-reverse{display:none;}.paragraph--type-body-image .responsive-image-left{float:left;width:40%;}.paragraph--type-body-image .responsive-image-left .field--name-field-media-image{padding-right:10px;padding-bottom:10px;}.paragraph--type-body-image .responsive-image-right{float:right;width:40%;}.paragraph--type-body-image .responsive-image-right .field--name-field-media-image{padding-left:10px;padding-bottom:10px;}}@media screen and (max-width:720px){.paragraph--type-body-image .group-right .field--name-field-title{font-size:18px;}}@media screen and (max-width:640px){.paragraph--type-body-image{display:flex;flex-direction:column;}.paragraph--type-body-image .field--name-field-body a{margin:0 0 30px 0;clear:both;float:none;}.paragraph--type-body-image .group-left,.paragraph--type-body-image .group-right-reverse{order:2;}.paragraph--type-body-image .group-right,.paragraph--type-body-image .group-left-reverse{order:1;}.paragraph--type-body-image .responsive-body,.paragraph--type-body-image .responsive-image{display:none;}}