/* Prevent copy paste for all elements except text fields */
* {
    -webkit-tap-highlight-color:rgba(255,255,255,0)
}
body{-webkit-overflow-scrolling: touch}
input,textarea {
    -webkit-user-select:text
}

a {
    color:#000;
    text-decoration:none;
    padding-top:0;
    display:inline-block;
    padding-bottom:8px
}
a:hover{
    color:rgb(236,53,36);
}
a:visited {
    color:rgb(0,0,0);
}
a:active {
    color:rgb(0,0,0);
    opacity:.7
}

/**********************************/
/*             MENU               */
/**********************************/

ul,li {
    list-style:none;
    font-weight:700;
    font-family:helvetica,arial,sans-serif
}
ul.menu a:focus {
    color:black;
}

ul.menu.red a:hover {
    color:rgb(236,53,36);
}
#menu-hidden ul.menu { margin-top:93px;margin-left:15px; }
#menu-hidden ul.menu a.roll-top{ font-size: 30px;line-height: 36px;}
#menu-hidden ul.menu li ul.first li ul li.line{margin-left: 4px;width:6px;bottom:17px;background-color:rgb(236,53,36);}
#menu-hidden ul.menu li ul.first li ul li a.roll-link{font-size:30px;line-height: 36px;margin-bottom:0px;padding-bottom:0;margin-left: 2px;padding-bottom: 8px;}
#menu-hidden ul.menu li ul.first{padding-left: 28px;margin-left:0px;}
#menu-hidden ul.menu li ul.first li.line{margin-left: 4px;width:6px;bottom:17px;background-color:rgb(236,53,36);}
#menu-hidden ul.menu li ul.first li ul li.line{bottom:14px}
#menu-hidden ul.menu li ul.first li a.roll-link.launch-app{font-size: 30px;line-height: 36px;color:rgb(236,53,36);}
#menu-hidden ul.menu li ul.first li.active a.roll-link.launch-app{color: rgb(0,0,0);}

ul.menu {
   
    padding-left:0;
    line-height:30px;
    font-size:24px;
    margin:0

}

ul.menu li ul {
    padding-left:20px;
    position:relative;
    line-height:inherit
    margin-left:0px;
}

ul.menu li.app-title > a {
    color:#000;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
ul.menu li ul li ul {
    overflow:hidden;
    display:none;
    margin-left:0px;
}


body .non-active > a {
    color:#91946d
}

body .line {
    position:absolute;
    left:1px;
    width:5px;
    border-radius:5px;
    background:#91946d;
    top:4px;
    bottom:0px;
    /*bottom:14px;*/

}
body .menu.red .line{
    background-color:rgb(236,53,36);
}




.fwd-logo {
    position:absolute;
    padding-top:15px;
    padding-left:10px;
    left:0;
    top:0;
    height:30px
}

.fwd-logo.about-dingansich-close {
    position:fixed
}

.fwd-logo img {
    position:absolute
}

#menu {
	margin-left: 14px;
}

.row {
max-width: 53.5rem;
}
/**********************************/
/*             CREDITS            */
/**********************************/
.page.columns {
    margin: 0 auto;position:relative;float:none;
}

.line.long{width:6px;height:15000px;}
.line.long.right{left: initial;right: -9px;}
.line.long.left{left:-15px;}


.canon-iframe#credits h1 {
    color:#ee3524;
    margin-bottom:20px
}

.canon-iframe#credits span {
    color:#ee3524
}

.canon-iframe#credits a, {
    color:#ee3524;
    padding-bottom:0
}

.canon-iframe#credits {
    background:#fff;
    padding:71px 85px 0;
    font-size:21px;
    font-weight:700;
    width:768px;
    box-sizing:border-box
}
/**********************************/
/*  Custom Styles / Overides      */
/**********************************/

.fancybox-close {
top: 7px;
right: 7px;
position: fixed;
background-image: url('../assets/img/144/fwd_web_icons_144_1_v1.png');
background-position: -553px -23px;
}

.off-canvas-wrap {min-height: 100%;}
.inner-wrap {min-height: 100%;}
section.container {margin-top: 7px;}

.share-links {display:none;}
.share-links.active {display:inline-block;}

.share-links a:hover{opacity: .5}
.share-links a{margin-right: 14px; width:26px;height:28px; top: 2px;position: relative;background: url(../assets/img/svg/fwd_web_icons_v1-03.svg) no-repeat;}
.share-links a.email {background-position: -23px -21px;mask-position: -23px -21px;}
.share-links a.facebook {background-position: -120px -21px;mask-position: -120px -21px;}
.share-links a.twitter {background-position: -71px -21px;mask-position: -71px -21px;}

.archive-icon{background-image:url(../assets/img/svg/fwd_web_icons_v1-02.svg);width:27px;height:30px;display: inline-block;margin-right: 20px;}
.archive-icon.zoom-icon{background-position: -121px -30px;}
.archive-icon.left-icon{background-position: -206px -30px;width:20px;}
.archive-icon.right-icon{background-position: -283px -30px;width:20px;}
.archive-icon.list-icon{background-position: -361px -30px;margin-right: 0;}


/**
*
* Navigation
*
*/
.top-bar-container {position: fixed;}
.top-bar {background: transparent;}
 .logo {
    z-index: 1000;
    position: fixed;
    background-image: url(../assets/img/216/fwd_web_icons_216_1_v1.png);
    background-repeat: no-repeat;
    width: 120px;
    height: 30px;
    background-position: -29px;
    display: block;
    top: 14px;
    left: 16px;
    background-size: auto 90px;

 }
 .menu-button {z-index: 1000;position: fixed;background-image: url("../assets/img/216/fwd_web_icons_216_1_v1.png");background-repeat: no-repeat;width:30px;height: 30px;background-position: -263px -32px;display:block;top: 15px;right: 9px; background-size: auto 90px;}
.entry-content p a{padding-bottom: 0;color:rgb(236,53,36);}
.entry-content p {font-weight: bold;line-height: 1.3;}

#menu-hidden{
    overflow: hidden;
    top:-40px;
    left:0;
    height:0;
    right:0;
    z-index: 999;
    position: fixed;
    background: white;
    -webkit-transition: all 700ms cubic-bezier(0.23,1,0.32,1);
    -moz-transition: all 700ms cubic-bezier(0.23,1,0.32,1);
    -o-transition: all 700ms cubic-bezier(0.23,1,0.32,1);
    transition: all 700ms cubic-bezier(0.23,1,0.32,1);   
    -webkit-transform: translate3d(0, 0, 0);


    -webkit-box-shadow: 0px 18px 9px 3px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 18px 9px 3px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 18px 9px 3px rgba(50, 50, 50, 0.5);
}
body.open .menu-button {background-position: -410px -32px;}
body.open #menu-hidden{
    height:120%;
    bottom: 0;
}


/**
*
* Slide Show Overides
*
*/
.archive-image {
position: relative;
height: 515px;
}
.archive-image a {height: 515px;}
.archive-image a img{
    max-width: 100%;max-height: 515px;height: auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);


}

.bxslider-gallery.adaptive-height-off .gallery-wrapper .bxslider img {
height:auto;
max-height: 500px;
width: auto;
margin: 0 auto;
-webkit-box-shadow: 0 0 0px #ccc;
-moz-box-shadow: 0 0 0px #ccc;
box-shadow: 0 0 0px #ccc;
border: 0px solid #fff;
max-width: 80%;

 position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.bx-wrapper .bx-next {
right: 10px;
/*background:url(../assets/img/72/fwd_web_icons_72_2_v1.png) no-repeat -272px -30px;*/
background: url(../assets/img/svg/fwd_web_icons_v1-02.svg) no-repeat -272px -30px;
}

.bx-wrapper .bx-prev {
right: 10px;
/*background:url(../assets/img/72/fwd_web_icons_72_2_v1.png) no-repeat -206px -30px ;*/
background: url(../assets/img/svg/fwd_web_icons_v1-02.svg) no-repeat -206px -30px;
}

.bx-wrapper .bx-pager.bx-default-pager a{opacity: 
.5;background:#91946d;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background:#91946d;opacity: 1;}


.bxslide {height:515px;}
.bxslider-gallery.adaptive-height-off .gallery-wrapper .bx-wrapper .bx-viewport {
-moz-box-shadow: 0 0 0px #ccc;
-webkit-box-shadow: 0 0 0px #ccc;
box-shadow: 0 0 0px #ccc;
border: solid #fff 5px;
left: -5px;
padding: 0;
margin: 5px;
}

.bx-wrapper .bx-controls-direction a{
z-index: 99;
}

.bx-wrapper .bx-next:hover {
    opacity: .7;
    background-position: -272px -30px;
  /*background-position: -272px -30px;*/ }

.bx-wrapper .bx-prev:hover {
    opacity: .7;
    background-position: -206px -30px ;
   }

figcaption {
margin-bottom: 1.25rem;
margin-top: 0.4rem;
color: #6f6f6f;
font-size: .8rem;
}
/**
*
* Single Pages
*
*/

h1.entry-title {font-size:45px;line-height: 53px;margin-bottom:0px;padding-bottom:0;margin-left: 2px;padding-bottom: 8px;color:rgb(145,148,109);font-weight: bold;}
.entry-content h2 {font-size:45px;line-height: 53px;margin-bottom:0px;padding-bottom:0;margin-left: 2px;padding-bottom: 8px;color:rgb(145,148,109);font-weight: bold;}
.entry-content {margin-top: -10px;}
a.single-page-links{font-size:30px;line-height: 36px;margin-bottom:0px;padding-bottom:0;margin-left: 2px;padding-bottom: 8px;color:rgb(145,148,109);font-weight: bold;}

.contain-to-grid {background: transparent;}





@media only screen and (max-width:40em){
        section.container {margin-top: 70px;}
        .container .menu ul {padding-left: 0 !important;}
        .container .menu .line {display: none;}
        #menu-hidden .menu .line {display: block;}
        #menu-hidden .menu ul {}
        .bxslider-gallery.adaptive-height-off .gallery-wrapper .bxslider img {max-width: 100%;}
        h1.entry-title {font-size: 35px;line-height: 43px;}
        .contain-to-grid{padding-bottom: 12px;}
        .bxslide {height: 400px;}
        .archive-image {
            position: relative;
            height: 400px;
        }
        .archive-image a img{max-height: 400px;}

        .archive-image a {height: 400px;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-size: inherit;}



}

@media only screen and (min-width: 40.063em){
	section.container {margin-top: 7px;}


    .project.list {margin: 0 auto;display: block;position: relative;width: 331px;}
	.contain-to-grid .top-bar {max-width: 100%;margin: 0 auto;margin-bottom: 0;}
}
@media only screen and (min-width: 64.063em){
	section.container {margin-top: 7px;}
}