.pl-0{ padding-left:0px } 
.pt-0 { padding-top:0px  !important}
.pb20per { padding-bottom:20%  !important}
.pb-20 { padding-bottom:20px  !important}
.pb5per { padding-bottom:5%  !important}
.pb92per { padding-bottom:92%  !important}
.pb93per { padding-bottom:93%  !important}
.pb-10per{ padding-bottom:10%  !important}
.pb-20per{ padding-bottom:20%  !important}
.ml-94m{ margin-left:94px  !important}
.mt-10{ margin-top:10px  !important}
.mt-15m{ margin-top:15px !important}




.pb-123per{ padding-bottom:123% !important}
.pb-122per{ padding-bottom:122% !important}
.pb59per{ padding-bottom:59% !important}
.pb61per{ padding-bottom:61% !important}
.pl10per{ padding-left:10%  !important}
.pl2per{ padding-left:2%  !important}
.pr10per{ padding-right:10%  !important}
.pt0per{ padding-top:0%  !important}
.pl0per{ padding-left:0%  !important}
.pl3per{ padding-left:3%  !important}
.pt5per{ padding-top:5%  !important}
.pt4per{ padding-top:4%  !important}



.foorerMy{ background-color: #fff; position:relative; height:1px}
    .foorerMy .content-width{width:68%; margin:0px auto; position:relative; padding-top:0px; padding-bottom:0px}
    .foorerMy a:hover{ color:#333 }
    .foorerMy a{ color:#333 }
    .foorerMy .footer-col{ width:22% }
    .footer-contact.mm1{ height:15px;padding:0px;padding-right:10px; text-align:right !important; }
    .footer-contact.mm2{ height:15px;padding:0px;padding-left:10px; text-align:left !important; }
.myH4{font-family: 'Helvetica Neue Medium', sans-serif;
  font-size: 12px;
  color: #000;
  letter-spacing: .5px;
  margin-bottom: 4px;
  font-weight: 500;}

.mtop100App{ margin-top:100px }
#sidebarCollapse span {
  width: 80%;
  height: 1px;
  margin: 0 auto;
  display: block;
  background: #fff;
  transition: all 0.8s cubic-bezier(0.810,-0.330,0.345,1.375);
    transition-delay: 0s;
  transition-delay: 0.2s;
}

.m50topOMobV1{ margin-top:0px }
#visMobile{ display:none }
.paddtop300Mob{ padding-top:300px }
.ml10m {margin-left:10px !important}
.mt15m { margin-top:15px  !important}

@media only screen and (max-width: 768px){
.ml10m {margin-left:6px !important}
.mt15m { margin-top:11px  !important}

  .ml-94m{ margin-left:62px  !important}
.mt-15m{ margin-top:10px !important}
.mt-15m1{ margin-top:5px !important}
.mt-15m2{ margin-top:9px !important}
.mbox1x{margin-top:15px;margin-left:5px}



  .mleft15perm{ margin-left:22% !important }
.lcontent{ display:none }
.paddtop300Mob{ padding-top:50px }
.mtop100App{ margin-top:30px }
.m50topOMob{ margin-top:60px; margin-left:70px; margin-bottom:90px }
.m50topOMobV1{ margin-top:60px !important;   }

#visMobile{ display:block }
.custom-text.mtop10{ margin-top:10px }
#side-left{ display:none !important}
#side-right{ display:none !important}
.noscroll { overflow-y:hidden !important }
section{ padding:10px } 
    .contentText { padding:20px 20px !important; text-align: center; font-size:20px} 
    .text-content {		  padding: 20px 20px;		  text-align: center;		  font-size: 25px;	}
#header-bottom-1.open {  background-color: #fff !important;	}

} 

.hero{ background-size:cover; background-repeat:no-repeat; background-position:center; cursor:pointer;border-bottom:4px solid #ccc;border-right:4px solid #ccc; height:90vh; }
.hero::before { content: ''  !important;  position: absolute  !important;  top: 0  !important;  left: 0  !important;  width: 100%  !important;  height: 100%  !important;  z-index: 2;  background-color: rgba(0,0,0,0.3) !important;}
.portfolio-info {	opacity: 1;	bottom:0px !important;}
@media only screen and (max-width: 768px){  
  .mbox1x{margin-top:10px !important;margin-left:2px !important}

  .mt-80m{ margin-top:80px !important }
.right-sidebarAbout .content {
  margin-top: 10px;
    padding-top:0px;
  padding-bottom:10px;
  line-height: 15px;
} 
  .right-sidebarAbout {
 
    padding-top: 0px;
 
  }
.portfolio-info h4 a {	margin-bottom:0px !important;}
.hero:hover:before {   background-color: rgba(0,0,0,0) !important;}
.hero { 
height: 70vh !important;
margin-bottom:5px;
border:none !important;
}  }  






@media (min-width: 1400px){
.block, .blocks > * {  margin-bottom: 60px; }
}

.text-headline::before {  padding-right: 3px;  display: inline-block;  content: '—';}
.text-headline {  text-transform: uppercase;  letter-spacing: .3px; font-family: 'Gotham', 'Arial'; }
H1, H2, H3, H4, H5, H6 {
clear: both;
font-weight: 300; font-size:11px;
margin-top: 0;
margin-bottom: 0; font-family: 'Gotham', 'Arial'; 
}
.text-headline::before {
padding-right: 3px;
display: inline-block;
content: '—';
}

@media (min-width: 1024px)
MAIN.works .works-grid .work:nth-child(2n+1) {
padding-right: 110px;
}
MAIN.works .works-grid .work:nth-child(2n+1) {
padding-right: 45px;
width: 60%;
}

MAIN.works .works-grid .promotion {
position: relative;
}
@media (min-width: 1024px)
MAIN.works .works-grid .work {
padding-bottom: 120px;
}
MAIN.works .works-grid .work {
padding-bottom: 45px;
align-self: center;
} 
MAIN.works .works-grid .position-0 .wrapper {
padding-bottom: 80px;
}
}

.img-wrapper {  padding-bottom: 70.7692307692%;  display: block;  height: 0;  overflow: hidden;  width: 100%;
position: relative;  /*box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);*/  background-color: transparent;}
.img-wrapper > IMG {  z-index: 1;  display: block;  width: 100%;  height: 100%; left: 0;  position: absolute; /* object-fit: cover;  font-family: "object-fit: cover"; */ object-position: center center;}

.lazyload, .lazyload-persist, .lazyloaded {  transition: opacity .5s;}
.lazyloaded {   opacity: 1 !important;}

MAIN.works .works-grid .promotion .title {  margin-top: 5px;}

.text-tiny {  font-size: 11.5px;  letter-spacing: .2px;  line-height: 19px;}