/*GENERAL*/

body{font-size:14px; color:#3e3e3e;  font-family: 'Nunito', sans-serif;background-color: #000000;}
.nunito{font-family: 'Nunito', sans-serif;}
.volkhov{ font-family: 'Volkhov', serif;}
.ubuntu{font-family: 'Ubuntu', sans-serif;}
*{outline: none;}
 {
    -webkit-transition: all 1000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -moz-transition: all 1000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -o-transition: all 1000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    transition: all 1000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
}
#categories .project>div ul{
    -webkit-transition: all 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
#categories .project>div ul li a span,#categories .number-line ul li a:before{
    -webkit-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -moz-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -o-transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    transition: all 300ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
}
#intro span i,#intro .main-logo{
    -webkit-transition: all 10000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -moz-transition: all 10000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -o-transition: all 10000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    transition: all 10000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
}

#intro p,#intro .explore,#menu >ul >li>a:after,a.menu-toggle,a.menu-toggle span,#menu{
    -webkit-transition: all 1000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -moz-transition: all 1000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -o-transition: all 1000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    transition: all 1000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);}
#intro p span{
    -webkit-transition: all 1000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -moz-transition: all 1000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    -o-transition: all 1000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
    transition: all 1000ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
}
.btn-primary.focus, .btn-primary:focus{box-shadow: none;}
a:focus,a:hover{outline: none; color:inherit;}
section{min-height: 500px;}
section>div{padding-bottom:60px;}
h1,h2,h3,h4,h5,h6{  font-family: 'Volkhov', serif;}
.z-0{z-index: 0}
.z-1{z-index: 1}
.ls-1{letter-spacing: 1px;}
.ls-2{letter-spacing: 2px;}
.ls-5{letter-spacing: 5px;}
.lh-1{line-height:1;}
.h-60{height:60%}
.h-40{height:40%}
.fs-7{font-size:.7em !important;}
.bg-no-repeat{background-repeat: no-repeat}
.bg-cover{background-size: cover;}
.bg-center{background-position: center;}

.has-shadow-bottom, .has-shadow-right {  position:relative;  }
.has-shadow-bottom:before,.has-shadow-right:before {
    content: "";
    position:absolute;
    z-index: -1;
    border-radius: 100px / 5px;
    box-shadow:0 0 18px rgba(0,0,0,1);
    opacity:.8;
}
.has-shadow-bottom:before {
    width:90%;
    bottom: 0;
    height: 10px;
    left: 5%;
}
.has-shadow-right:before {
    height:90%;
    right: 0;
    width: 10px;
    top: 5%;
}

.urban-dropdown~ul{display:none;}

a.menu-toggle{top:0; right:0; margin:15px; width:66px; height:64px; z-index: 1031; border:1px solid #ffffff}
a.menu-toggle span{position:absolute; left:20px; top:20px; width:4px; height:4px; background:#ffffff; }
a.menu-toggle span:before,a.menu-toggle span:after{content:""; position:absolute; top:0; left:10px;width:4px; height:4px; background:#ffffff;}
a.menu-toggle span:after{left:20px;}
a.menu-toggle span:nth-child(2){ top:30px;}
a.menu-toggle span:nth-child(3){ top:40px;}

a.menu-toggle.close {border-color:#000000; opacity:1;}
a.menu-toggle.close span{background:#000000;}
a.menu-toggle.close span:before,a.menu-toggle.close span:after{opacity:0;}
a.menu-toggle.close span:nth-child(1){width:32px;transform: rotate(45deg); transform-origin: 0% 0%;}
a.menu-toggle.close span:nth-child(2){opacity:0}
a.menu-toggle.close span:nth-child(3){width:30px;transform: rotate(-45deg); transform-origin:2px;}

#menu{top:0; color:#000000; right:-40%; width: 40%; min-width:200px; max-width: 400px; min-height:100%; padding-top:6em; z-index: 111; overflow: hidden;}
#menu.open{right:0}
#menu div.bg{position:absolute; top:0; left:0; width:100%; height:100%; z-index: -1; background-color:#ffffff; background-image: url("images/bg-menu.png"); background-repeat: no-repeat; background-position: center center; background-size: cover; transform: scale(1.1)}
#menu .social{position:absolute; left:20px; transform: translateY(-50%); top:65%;}
#menu .social>div{ transform: rotate(-90deg);letter-spacing: 3px; font-size:0.6em;  transform-origin: 0% 0%;}
#menu .social span.sep{width:1px; height:80px; background:#fff; display: inline-block }
#menu ul {list-style: none;}
#menu >ul {width:100%;}
#menu ul li{margin-bottom:1.3em; margin-top: 1.3em; letter-spacing: 5px}
#menu ul li ul {margin-bottom:2em;}
#menu ul li ul li{margin-bottom:1em; margin-top: 1em; letter-spacing: 1.5px;}
#menu >ul >li{position:relative;}
#menu >ul >li>a:after{position:absolute; right:25%; width:0; height:1px; background:#fff; content:""; top:14px;opacity:1;}
#menu >ul >li>a:hover:after,#menu >ul >li>a.active:after{ width:15%;}
#menu ul li a {color:#000000; font-size: 1.7em; font-weight: 300;}
#menu ul li a.active,#menu ul li a:hover {text-decoration:none; color:#000; }
#menu ul li a.active {font-weight: 400;}
#menu ul,#menu ul ~ div{}
#menu .copyright{ transform: rotate(-90deg);letter-spacing: 3px; font-size:0.6em;  transform-origin: 0% 0%; position:absolute; right:-30px; bottom:-2.5rem;}
#menu p{margin:0; }
#logo{position:absolute; z-index: 101; top:20px; left:25px;padding:5px 0; display: none;}
#logo:before{content:"";position:absolute; width:2px; height:100%; background: #ffffff; top:0px; left:-25px;}
#logo img{width:100px; border:none;}

#intro .main-logo{opacity:0; }
#intro .main-logo.active{opacity:1;}
#intro{ background-size: contain; background-position: center center;}
#intro>div.parallax-inner{ background-size: contain; background-position: center center;}
#intro .explore{bottom:0; left:0; margin-bottom:60px;  opacity:0;/*transition-delay: 1s*/}
#intro .explore.active{opacity:1;}
#intro .explore:after{content:""; width:1px; height: 60px; position:absolute; left:50%; background:#474746; top:100%}
#intro .explore a{  letter-spacing:1.6px; color:#474746;}
#intro .explore a:hover{text-decoration: none;opacity: .7}
#intro img{width:350px;}
#intro span{font-size:1.8em;}
#intro span i{opacity:0;}
#intro span i.show{opacity:1}
#intro p{ letter-spacing: 2px; font-size: 1.3em; overflow:hidden;opacity:0}
#intro p span{position: relative; left:-100%; font-size:inherit; transition-delay: 300ms }
#intro p.active{opacity:1;}
#intro p.active span{left:0;}

#categories {background: #000000;}
#categories .h-75{min-height:500px;}
#categories .col-md-6:first-child{border-right:2px solid #000000;}
#categories .col-md-6:last-child{border-left:2px solid #000000;}
#categories .project >a{position:absolute; top:0; left:0; width:100%; height:100%; z-index: 0;}
#categories .project>div:not(.parallax-inner){position:absolute; bottom:0; right:0;
    background: -moz-linear-gradient(top, rgba(176,154,147,0) 0%, rgba(176,154,147,0.6) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(176,154,147,0) 0%,rgba(176,154,147,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(176,154,147,0) 0%,rgba(176,154,147,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b09a93', endColorstr='#99b09a93',GradientType=0 ); /* IE6-9 */
}
#categories .project>div h1{position:relative; cursor: pointer;}
#categories .project>div h1 span{position:absolute; top:0; left:-35px; font-size: .5em;}
#categories .project>div h1 span:after{content:""; width:40px; height:1px; background:#FFF;position:absolute; top:50%;left:40%; transform: rotate(-70deg);  transform-origin: 50% 0%; }
#categories .project>div ul{position:absolute; overflow: hidden; max-height:0; list-style: none; padding:0; margin:0;margin-bottom:-2rem; bottom:100%; border-left:1px solid #ffffff;  }
#categories .project:hover>div ul,#categories .project.active>div ul{max-height:400px;}

#categories .project>div ul li{font-size:1.3em;  text-transform: uppercase;font-family: 'Nunito', serif; letter-spacing: 0.7px;padding:2px 10px;}
#categories .project>div ul li a{color:#FFF; overflow:hidden}
#categories .project>div ul li a span{position:relative; left:-100%; opacity:0;}

#categories .project:hover>div ul li span,#categories .project.active>div ul li span{left:0;opacity:1;}
#categories .project>div ul li:nth-child(1) span { transition-delay: .2s }
#categories .project>div ul li:nth-child(2) span { transition-delay: .25s }
#categories .project>div ul li:nth-child(3) span { transition-delay: .3s }
#categories .project>div ul li:nth-child(4) span { transition-delay: .35s }
#categories .project>div ul li:nth-child(5) span { transition-delay: .4s }
#categories .project>div ul li:nth-child(6) span { transition-delay: .45s }

#categories .number-line ul{width:100%;font-family: 'Volkhov', serif; height:1px;background:#ffffff;list-style: none; padding:0; margin:50px 0}
#categories .number-line ul li{padding-top:5px;}
#categories .number-line ul li a{color:#ffffff; width:33%; position: relative; font-size:1.2em;}
#categories .number-line ul li a:hover{text-decoration: none;}
#categories .number-line ul li a:before{content:""; width:100%; height:6px;background:#dffafd; position: absolute; top:-7px; left:0;display: none}
#categories .number-line ul li a:hover:before{display: block}
#categories .browse-all {padding:15px 0 45px}
#categories .browse-all a{line-height: 34px; margin-left:20px; color:#ffffff; font-size: 1.2em; letter-spacing: 3px;}
#categories .browse-all a:hover{text-decoration: none; opacity: 0.7}
.description{text-align: center;}
.matrix-dots{position:relative; width:34px; height:34px;}
.matrix-dots.md-2{position:relative; width:68px; height:68px;}
.matrix-dots span{position:absolute; left:0; top:0; width:4px; height:4px; background:#ffffff; border-radius: 50%}
.matrix-dots.md-2 span{width:8px; height:8px;}
.matrix-dots.grey-dots span{background:#ffffff;}
.matrix-dots span:before,.matrix-dots span:after{content:""; position:absolute; top:0; left:15px;width:4px; height:4px; background:#ffffff; border-radius: 50%;}
.matrix-dots.md-2 span:before,.matrix-dots.md-2 span:after{width:8px; height:8px;}
.matrix-dots.md-2 span:before,.matrix-dots.md-2 span:after{left:30px;}
.matrix-dots.grey-dots span:before,.matrix-dots.grey-dots span:after{background:#ffffff;}
.matrix-dots span:after{left:30px;}
.matrix-dots.md-2 span:after{left:60px;}
.matrix-dots.has-squares span:nth-child(1){ border-radius: 0}
.matrix-dots.has-squares span:nth-child(2):before{ border-radius: 0}
.matrix-dots.has-squares span:nth-child(3):after{ border-radius: 0}
.matrix-dots span:nth-child(2){ top:15px;}
.matrix-dots.md-2 span:nth-child(2){ top:30px;}
.matrix-dots span:nth-child(3){ top:30px;}
.matrix-dots.md-2 span:nth-child(3){ top:60px;}

#mission{}
#mission .white-bg{background:rgba(255,255,255,0.91); width: 70%; max-width:800px; min-width:500px;}
#mission .white-bg h1{letter-spacing: 1.5px; line-height: 1;  }
#mission .white-bg h1 span{font-size: 1.9em; letter-spacing:normal }
#mission .white-bg p{max-width:70%; letter-spacing: 4px; font-size:1.2em; line-height: 1.2; color:#494949;}
#mission .white-bg .mission {background:#000000;max-width:50%;  left:0; right:0; margin-top:-3em; width:45%;}
#mission .white-bg .mission h1{}
#mission .white-bg .mission p{max-width:80%; letter-spacing: 2px; font-size:1em; line-height: 1; }
#mission .signature{left:20px; bottom:20px; transform: rotate(-90deg);letter-spacing: 3px; font-size:1.2em;  transform-origin: 0% 0%;}

#urban{background-color:#000000; background-size:100%;color:#ffffff;}
#urban .matrix-dots{position:absolute; left:0; top:0;}
#urban .dot-box{left:0; top:0;right:auto;bottom:auto; width:68px; height:68px;}
#urban .h2 .matrix-dots{right:0; left:auto; top:-15px;}
#urban .h2 .dot-box{right:0; left:auto; top:-1vmin; bottom:auto;}
#urban .h3{padding:0 68px;line-height: 68px;}
#urban .h3:after{ border-bottom:2px solid #ffffff; content:""; width:calc(100% - 170px); position:absolute; left:85px; bottom:0;  height:1px;}
#urban .h2{padding:0 12vw; font-size:1.9em; }
#urban .scroll-down{}
#urban .scroll-down .img{margin-top:25vh}
#urban .scroll-down .img:before{position:absolute; content:""; height:30px; width:1px; border-left:1px solid #ffffff; left:50%; top:-50px;}
#urban .scroll-down .img span{width:60px; font-size:.7em; line-height: 1;}

#services{background: #e0e0e0;}
#services>div{ padding-bottom:0;    background: linear-gradient(0deg, #000 100%, #000 100%);}
#services .background{
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(182,171,166,0) 49%, rgba(186,174,169,1) 50%, rgba(186,174,169,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(182,171,166,0) 49%,rgba(186,174,169,1) 50%,rgba(186,174,169,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(182,171,166,0) 49%,rgba(186,174,169,1) 50%,rgba(186,174,169,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#baaea9',GradientType=1 ); /* IE6-9 */}
#stamp{color:#d85c59; position: absolute; bottom:-40px; z-index: 1; right:0; letter-spacing: 2px; font-size: 1.2em;}
#services .tab-content .tab-pane>div>div:first-child>div{background:#fdfdfd; font-size:1.1em; line-height: 1.1;}
.number-box{border:1px solid #fff;}
.number-box span{display:block; border-bottom:1px solid #fff;}
#services .tab-content .tab-pane>div>div:last-child{background:#baaea9; font-size:1.2em;}
.nav-tabs{border:none;}
#services .nav-tabs .nav-item{width:100%; padding:0 0.5rem;}
#services .nav-tabs a { color:#fff;position:relative; padding-left:40px; padding-bottom:.75rem; min-height: 50px;margin-bottom: 0.5rem; line-height: 1;}
#services .nav-tabs a:after {border-bottom:1px solid #fff; position:absolute; left:0; bottom:0; height: 4px; content:""; width:100%;}
#services .nav-tabs a:hover:after,#services .nav-tabs a.active:after{border-bottom:3px solid #ffffff; height:1px;}
#services .nav-tabs a span:first-of-type{position:absolute; font-size: 1.4em; font-weight: 700; top:0.7rem; left:0;  }
#services .nav-tabs a span:first-of-type:after{content:""; width:40px; height:1px; background:#fff;position:absolute; top:35%;left:40%; transform: rotate(-70deg);  transform-origin: 50% 0%; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active,.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{background:transparent;border-color:transparent;}

#services .h-40{padding-bottom:60px;}
#services .blockquote h5:before,#services .blockquote h3:after{position:absolute; background-repeat: no-repeat; background-size: contain; width:35px; height:35px; content:""; }
#services .blockquote h5:before{top:-10px;left:-45px; background-image:url(images/quote-left.svg); }
#services .blockquote h3:after{right:0; bottom:0px; background-image:url(images/quote-right.svg); }
#services .blockquote .blockquote-footer:before{display:none;}
#services .blockquote .blockquote-footer span{position:absolute; top:0; left:-10%; width:120%; background:#757575; height:1px;}
#services .blockquote .blockquote-footer span:before{content:"";position:absolute; top:-1px; left:40%; width:20%; background:#000000; height:3px;}


#contact form {  background-color: #f0eeec;  }
#contact form p,#contact form label{font-size: 1.2em;}
#contact h1 {  border-bottom: 1px solid #bfbfbf; line-height: 1;  }
#contact h1::before {    content: "";    width: 40px;    height: 40px;    background-image: url(images/contact.svg);    background-repeat: no-repeat;    background-size: 100%;     position: absolute;    top: 0;    left: -50px;}

#contact form > div {  border: 1px solid #cbcbcb;  }
#contact form .col-form-label{line-height: normal; }
#contact input {    border: none;    border-bottom: 1px solid #bbbbbb;    border-radius: 0;    color: #666;    text-align: center;}
#contact .has-error input{border-color:red;}
#contact input:focus {    box-shadow: none;}
#contact input::-webkit-input-placeholder {
    color: #bbbbbb;
    font-family: ubuntu;
    font-style: italic; letter-spacing: 1px;
}
#contact input::-moz-placeholder {
    color: #bbbbbb;
    font-family: ubuntu;
    font-style: italic; letter-spacing: 1px;
}
#contact input:-ms-input-placeholder {
    color: #bbbbbb;
    font-family: ubuntu;
    font-style: italic; letter-spacing: 1px;
}
#contact input:-moz-placeholder {
    color: #bbbbbb;
    font-family: ubuntu;
    font-style: italic; letter-spacing: 1px;
}

#contact button {    border: none;    border-radius: 0;    padding: 15px;}
#contact .btn-primary {    background-color: #bbafa9;    color: #ffffff;}
#contact .btn-primary:hover {    background-color: #bbafa9;    color: #ffffff;    opacity: 0.7;}
#contact .address {  letter-spacing:1px;  font-size: 0.85em; color:#cac0bc; font-style: italic;}
#contact .address a{color: inherit;}
#contact .address a:hover{color: #3e3e3e;text-decoration: none;opacity: 0.7;}
#contact .address img{width:15px; margin-top: -5px}
#projects .projects-slider .slick-slide .slick-slide{height:50%}
#projects .projects-slider a{margin:2px; display: inline-block; width:calc(100% - 4px); height:calc(100% - 4px);background-position: center; background-size: cover; background-repeat: no-repeat; position:relative;}
#projects .projects-slider a::after{
    display: block;
    content: '';
    padding-bottom: 66.67%;
}
#projects .projects-slider img{width:100%; height:100%; position:absolute; top:0; left:0; -o-object-fit:cover; object-fit:cover;}


.slick-arrow:focus{outline: none;}
.slick-arrow:hover{cursor: pointer;opacity: 0.7;}
.left-arrow,.right-arrow{width: 15px;height: 15px;background-repeat: no-repeat;background-position: center;background-size: contain;}
.right-arrow{background-image: url("images/nextIcon.svg");}
.left-arrow{background-image: url("images/previousIcon.svg");}

.back-to-projects{padding-left:20px;background-image: url("images/previousIcon.svg"); color:#ffffff;background-repeat: no-repeat;background-position: left center;background-size: contain;}
.back-to-projects:hover{color:#ffffff;}
.arrows{}
.arrows .line{border-bottom:1px solid #7a7a7a; width:90%; margin-left:5%; height:1px;}
.arrows .line>a{position:absolute; left:-30px; top:50%; margin-top:-7.5px; }
.arrows .line>a:last-of-type{right:-30px; left:auto;}
.arrows .line .slick-arrow{width: 15px;height: 15px;background-repeat: no-repeat;background-position: center;background-size: contain;}
.arrows .line >span{height:3px; background: #dffafd; top:-1px; width: 30%; left:0; }
.arrows .line >span>span.number{margin-top:-2em;}
.arrows .number,.arrows .project-number>span{font-size: 2em;}
.arrows.with-text .slick-arrow{width:auto;line-height: 15px;color: #ffffff;;}
.arrows.with-text .slick-arrow.left-arrow{padding-left: 20px;background-position: left center;}
.arrows.with-text .slick-arrow.right-arrow{padding-right: 20px;background-position: right center;}

.filter{}
.filter a{font-size:1.5em;position: relative; color:#ffffff; margin:0 20px 0 0;}
.filter a:hover{text-decoration: none; color:inherit;  }
.filter a.active:after,.filter a:hover:after{content:""; position:absolute; left:35%; width:30%; height:2px; background:#ffffff; bottom:-10px;}
#proj-by-cat{color:#ffffff;}
#proj-by-cat .title {  padding-left:90px; line-height: 0;height:91px;}
#proj-by-cat .btn-primary {    background-color: transparent;    color: #ffffff;border: 1px solid #ffffff;    border-radius: 0;}
#proj-by-cat .btn-primary:hover {    background-color: transparent;    color: #ffffff;    opacity: 0.7;}



footer{font-size:0.8em;height:60px; display: none;}
footer, footer a{color:#c0c0c0}
footer a svg{height:22px;fill:#777777; margin-top:-5px; display:inline-block}
footer a svg path{  fill:#777777;}
footer div{position:absolute;left:0; right:0;}

@media (max-width: 1200px) {

}

@media (max-width: 997px) {
    .collectionone .viewcollection {margin-left: 0;}
    .collectionone .other .slider{margin-top: 20px;}
    .press .slider,.instagram .container{padding: 0 66px;}
    .categories .captions{margin-top: 10px;}
}

@media (max-width: 769px) {
    #intro .main-logo{max-width:70%;}
    #intro span{font-size:1.4em;}
    #intro p{font-size:1em; letter-spacing: 1px;}
    #logo img{width:40px;}

    a.menu-toggle{margin:10px ; width:44px; height:44px;}
    a.menu-toggle span{left:10px; top:10px; }
    a.menu-toggle span:nth-child(2){ top:20px;}
    a.menu-toggle span:nth-child(3){ top:30px;}

    section{min-height: 300px;}
    section>div{padding-bottom:0;}
    .has-shadow-bottom:before,.has-shadow-right:before{display:none;}
    #menu{width:100%; right:-100%;}
     #menu ul ~ div >*:not(.show-always){display:none}
    #categories .h-75{min-height:10%; height:100% !important;}
    #categories .h-25{display: none !important;}
    #categories .col-md-6{height:50% !important; border:none !important;}
    #categories .project > div:not(.parallax-inner){padding:1em !important;}
    #categories .project > div:not(.parallax-inner) h1{font-size:2.2em;}
    #categories .project > div ul{display: none;}

    #mission .white-bg{width:100%; min-width: 100%; padding:1em !important; margin:0 !important; height:100%; padding-top:60px !important;}
    #mission .signature{display:none;}
    #mission .white-bg h1{font-size:1.3em;}
    #mission .white-bg h1 span{font-size:1.6em;}
    #mission .white-bg p{max-width:90%; font-size:1em;  letter-spacing:2px; margin-bottom: 0 !important; padding-bottom:1em !important;}
    #mission .white-bg .mission{width:100%; max-width:100%;bottom:0; top:auto;}

    #urban{background-size:auto; background-position: center;}
    #urban .matrix-dots{display:none !important;}
    #urban .h3{line-height: 1; padding:100px 0 50px;}
    #urban .h2{padding:0 3vw; font-size:1.5em;}
    #urban .scroll-down .img{margin-top:15%;}

    #stamp{display:none;}
    #services .h-100 {height:auto !important; }
    #services .h-60{height:auto !important; padding-top:60px !important;padding-bottom: 15px !important}
    #services .h-40{display: none;}
    #services .py-5{padding-bottom:0 !important;}
    #services .background{background:transparent;}
    #services .background .col-3{width: 100%;max-width:100%; flex:0 0 100%;}
    #services .background .col-9{width: 100%;max-width:100%; flex:0 0 100%;}
    #services .nav-tabs {width:100%;}
    #services .nav-tabs a{font-size:0.9em;min-height:1em; padding-left:25px; padding-right:0;}
    #services .nav-tabs a span:first-of-type{font-size:1em; top:0;}
    #services .nav-tabs a span:first-of-type::after{width:25px;}
    .tab-content .tab-pane .col-6:first-child {height:auto !important;width:100%;max-width:100%; flex:0 0 100%; font-size: 1em;}
    .tab-content .tab-pane .col-6:first-child .number-box{display: none;}
    .tab-content .tab-pane .col-6:last-child{width:100%;max-width:100%; flex:0 0 100%; font-size: 1em;}
    #services .tab-content .tab-pane > div > div:last-child{font-size:1em; min-height:230px;}
    .tab-content .tab-pane .col-6:last-child .my-auto{margin:0 !important;}
    #services .tab-content .tab-pane > div > div:first-child > div{font-size:1em;padding:0.5rem;}
    #services .tab-content .tab-pane > div > div:first-child > div h3{font-size: 1em;}
    #services .tab-content .tab-pane > div > div:first-child > div h1{font-size: 1.3em}
    .filter{margin-top:60px; margin-bottom: 15px !important;}
    .filter a {font-size: 1em;}
    #proj-by-cat .item .col-7{width: 100%;max-width:100%; flex:0 0 100%;}
    #proj-by-cat .item .col-5{width: 100%;max-width:100%; flex:0 0 100%;}
    #proj-by-cat .number-box{display:none !important}
    #proj-by-cat .title{padding:15px; height:auto;}
    #proj-by-cat .title h1{line-height: 1; font-size:2em; }
    #proj-by-cat .title p{display:none;}
    #proj-by-cat .description{display:none !important}
    #proj-by-cat .arrows{width:100%; max-width:100%; flex:0 0 100%;}

    .slick-slide{height:auto;}
    footer{display:none !important;}

    #contact .container{padding:0;}
    #contact form{width:100%; max-width:100%; flex:0 0 100%; margin:0; padding:0.75em !important;}
    #contact form > div{padding:1em !important;}
    #contact form > div h1{font-size:1.5em; margin-top:60px !important;}
    #contact form > div h1:before{width:20px; height:20px; left:-30px;}
    #contact form p, #contact form label{font-size: 1em; letter-spacing: 1px;}
     #contact form label{width:100%; max-width:100%; flex:0 0 100%; margin:0; }
     #contact form .form-group .col-8{width:100%; max-width:100%; flex:0 0 100%; margin:0; }
    #contact input{text-align: left;}
    #contact .btn-primary{float:left !important;}
    .goto-div{    margin-bottom: -50px !important;
    margin-top: 100px !important;
    z-index:10;
}
    #projects div:not(.goto-div):not(.arrows){height:100%;}

    #projects .projects-slider .slick-slide>div{display: inline-block; height:50%; width:100%;}
    #projects .projects-slider .slick-slide .slick-slide{height:100%;}
    #projects .projects-slider .slick-slide .slick-slide a{ width:calc(100% - 4px); height:calc(100% - 4px); margin:2px;}
    #projects .projects-slider{ padding-top:70px !important; height:calc(100% - 140px) !important}
   /* #projects .projects-slider img{display:none !important;}*/
}


@media (max-width: 500px) {


}