
.bespokePageContainer .nav {top: 40px;display: flex;flex-flow: row wrap;justify-content: center;flex: 1 1 auto;padding: 10px 20px;}
  .bespokePageContainer   .nav-item {position: relative;margin: 0 10px;text-decoration: none;line-height: 1.5;font-size: 13px;letter-spacing: 0;line-height: 17px;color: #333333;}
  .bespokePageContainer   .nav-item:hover,.bespokePageContainer .nav-item:hover{ text-decoration: underline;}
  .bespokePageContainer   .nav-item:before {content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 2px;height: 0px;    background: #595959;transition: all 500ms; }
  .bespokePageContainer   .nav-item.active {font-weight:700;color: black;transition: all 350ms}
  .bespokePageContainer   .nav-item.active:before {width: 100%;}
.filterTExt {font-size: 13px;font-weight: 500;letter-spacing: 0;line-height: 17px;text-align: center;margin-bottom: 10px;}
.d-flex{display:-webkit-box!important;display:-webkit-flex!important;display:-moz-box!important;display:-ms-flexbox!important;display:flex!important}

.justify-content-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-moz-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.align-items-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-moz-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}

.plusminus {position: relative;width: 10px;height: 10px;cursor: pointer;line-height: 1;top:-1px; margin-right: 2px;color:#000;}
  .plusminus.active:before {transform: translatey(-50%) rotate(-90deg);opacity: 0;}
  .plusminus.active:after {transform: translatey(-50%) rotate(0);}
  .plusminus:before, .plusminus:after {content: "";display: block;background-color: #333;position: absolute;top: 50%;left: 0;transition: 0.35s;width: 100%;height: 2px;}
  .plusminus:before {transform: translatey(-50%); }
  .plusminus:after {transform: translatey(-50%) rotate(90deg);}
.parentMenuParent{ /* max-width: 486px; */margin-left: auto;margin-right: auto;/*margin-bottom: 70px;*/display: none;}

.portfolio-warp{float:left;width:100%; background-color: #ffffff;}
.portfolio-content{width:96%;margin:200px auto 40px;}
.portfolio-row{width:100%; margin:40px auto 0;}
.portfolio-list{width:100%;display:flex;flex-wrap:wrap;}
.portfolio-item{display:flex;flex-wrap:wrap; width: 32.733333%; margin: 0 .3% 40px;}
.portfolio-box{width:100%;}
.portfolio-box img{max-width:100%;height:auto; margin:0; display:block;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.portfolio-box:hover img{opacity: 0.7; transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.portfolio-box_inner{position:relative;background-color: #000}
.portfolio-box_inner:after {content: "";width: 100%;height: 100%;background: #fff;position: absolute;bottom: 0;left: 0;-moz-transition: height 0.8s;-o-transition: height 0.8s;-webkit-transition: height 0.8s;transition: height 0.8s;}
.portfolio-box_inner.show:after {height: 0;}
.portfolio-box_inner .information{width: 100%;float: left;padding: 22px 5px}
.portfolio-box_inner .information{opacity: 0;-moz-transform: translateY(20px);-ms-transform: translateY(20px);-webkit-transform: translateY(20px);transform: translateY(20px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.portfolio-box_inner .information.show {opacity: 1;-moz-transform: translateX(0);-ms-transform: translateX(0);-webkit-transform: translateX(0);transform: translateX(0);}
.portfolio-box_inner .information h3{font-size:18px;font-weight: 500;margin-bottom:5px;
text-decoration: underline;text-decoration-color: transparent;transition: .5s; -webkit-text-decoration-color: transparent;-moz-text-decoration-color: transparent;text-underline-offset:2px;text-decoration-thickness: 1px;}
.portfolio-box_inner .information p{font-size:15px; color: #555;
text-decoration: underline;text-decoration-color: transparent;transition: .5s; -webkit-text-decoration-color: transparent;-moz-text-decoration-color: transparent;text-underline-offset:2px;text-decoration-thickness: 1px;}
.portfolio-box:hover .information h3{text-decoration: underline;text-underline-offset:2px;text-decoration-thickness: 1px;}
.portfolio-box:hover .information p{text-decoration: underline;text-underline-offset:2px;text-decoration-thickness: 1px;}

@media screen and (max-width: 1600px) {
.portfolio-content{width:96%;margin:160px auto 20px;}
}
@media screen and (max-width: 1200px) {
.portfolio-content{width:96%;margin:130px auto 10px;}
.portfolio-item{display:flex;flex-wrap:wrap; width: 31.333333%; margin: 0 1% 20px}
.portfolio-box_inner{position:relative;}
.portfolio-box_inner:after {content: "";width: 100%;height: 100%;background: #fff;position: absolute;bottom: 0;left: 0;-moz-transition: height .6s;-o-transition: height .6s;-webkit-transition: height .6s;transition: height .6s;}
.portfolio-box_inner.show:after {height: 0;}
}
@media screen and (max-width: 980px) {
.portfolio-content{width:94%;margin:120px auto 10px;}
.portfolio-list{width:94%;margin: 0 3%;}
.portfolio-item{display:flex;flex-wrap:wrap; width:47%; margin: 0 1.5% 15px}
}
@media screen and (max-width:550px) {
.portfolio-content{width:90%;margin:100px auto 10px;}
.portfolio-row{margin:30px auto 0;}
.portfolio-item{display:flex;flex-wrap:wrap; width:100%; margin: 0 0 15px;}
.portfolio-box_inner .information{width: 100%;padding:15px 3px}
}

