/*----------------------
	Home page
-------------------------*/

.home{background:#1b1c1e;font-family: 'HelveticaNowDisplay';} 
.home nav{padding: 24px 16px;}
.home nav img{width: 18%;} 
.home .font2{ font-family: 'Segoe UI Regular';}
.home .hText{line-height: normal;color: #dcdcdc;}
.home .hSpace{margin-top: 130px;}
.home .hSize{font-size: 48px;}
.home .mSize{font-size: 30px;}
.home .sSize{font-size: 18px;}
.home .cSize{font-size: 22px;}
.home .hWeight{font-weight: 600;}
.home .header .hovLink{border-bottom: 4px solid #dcdcdc;} 
.hovLink:hover{color:rgba(0,0,0,0);border-bottom:none !important;background: linear-gradient(to right, #9717e0,#5872e0,#9717e0);animation: colors 1.5s ease-in-out infinite;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 200% 200%;}
@keyframes colors {0%{background-position:left}50%{background-position:right}100%{background-position:left}}
.home .header h1{padding-left: 140px;}
.home .archive{position: absolute;font-style: italic;top: -30px;color: bisque;}

.home .header,.home .workP,.home .lf1, .home .lf2{min-height: 600px;} 
.home .lf1{position: relative;}
.home .lf1 div{display: inline-block;}
.home .lf1 .imgP{width: 26%;}
.home .lf1 img{width: 100%;}
.home .lf1 .textP{position: absolute;top: 175px;margin-left: 26px;}
.home .lf1 .textP p{margin-bottom: 4rem;}
.home .lf1 .textP a{outline: none;background: transparent;border: none;color:#dcdcdc;border-bottom: 2px solid #dcdcdc; width: auto;padding: 0;}
.home .lf1 .textP a:hover{text-decoration: none; border-bottom: none !important;}
.home .lf2{padding-left: 450px;}
.home .lf2 .imgP{width: 44%;}

.home footer{border-top: 4px solid #000;min-height: 450px;}
.home footer div{padding: 100px 0 0 0;position: relative;} 
.home footer ul{padding: 0;margin-top:30px;}
.home footer li{display: inline; padding: 0 10px;}
.home footer .subT{padding-top: 160px;}

::selection {color: white;background: #8900f3;}
::-moz-selection {color: white;background: #8900f3;}

@media screen and (max-width: 1200px){
	.home .lf2{padding-left: 320px;}
	.home .lf1 .textP{top: 120px;}
}

@media screen and (max-width: 991px){
	.home .hSpace{margin-top: 200px;}
	.home .hSize {font-size: 36px;}
	.home .header h1 {padding-left: 95px;}
	.home .lf2 {padding-left: 220px;}
	.home .lf1 .textP{top: 51px;}
	.home .lf2 .imgP {width: 38%;}
	.home .lf2 .textP{top:25px;}
}

@media screen and (max-width: 767px){
	.home .navbar-brand{width: 80px;}
	.home nav img {width: 100%;}
	.home nav{padding:22px 0;}
	.home .header h1{padding-left: 15px;}
	.home .hSize {font-size: 30px;}
	.home .header, .home .workP, .home .lf1, .home .lf2{min-height: 500px;}
	.home .lf1 .textP {top: 32px;}
	.home .lf1 .textP p{margin-bottom: 2rem;}
	.home .lf2 {padding-left: 120px;}
	.home .sSize {font-size: 16px;}
	.home .lf2 .imgP {width: 34%;}
	.home .lf2 .textP {top: 11px;}
	.home .cSize {font-size: 20px;}
}

@media screen and (max-width: 576px){
	.home nav img {width: 70%;}
	.home .hSpace {margin-top: 130px;}
	.home .lf1 .textP{display: contents;}
	.home .lf2{padding-left: 0px;}
	.home .lf1 .imgP{width: 80%;margin-bottom: 16px;}
	.home .lf1 .textP p {margin-bottom: 1rem;}
	.home .hSize {font-size: 30px;} 
	.home .cSize {font-size: 18px;}
	.home .header, .home .workP, .home .lf1, .home .lf2 {min-height: 700px;}
	.home footer .subT{font-size: 14px;}
}


/*----------------------
	aboutme page
-------------------------*/

.aboutme{background:#fff;}
.aboutme .hText{color: #000;}
.aboutme .cSize{font-size: 22px;}
.aboutme .bio{margin-top:120px;margin-bottom: 120px;}
.aboutme .lCnt{padding-right: 60px;} 
.aboutme .lCnt .intro{position: relative;margin-bottom: 36px;}
.aboutme .lCnt .intro span{position: absolute;width: 12em;height: 5px;display: block;top: 10px;right: 0;background: black;}
.aboutme .imgProfile img{width: 100%;}
.aboutme .rCnt .headerP p{width: 50%;font-weight: 600;} 
.aboutme .highL{font-weight: 600;} 
.aboutme .bioData{min-height: 600px; padding-top: 100px;padding-bottom: 100px;}
.aboutme .bioData img{width: inherit;}
.aboutme .imagesP img{width:inherit;}
.aboutme .rCnt .row p{font-family: 'Segoe UI Regular';letter-spacing: -.15px;}
.aboutme blockquote{margin-top:300px;margin-bottom:300px;}

@media screen and (max-width: 1200px){
	.aboutme .cSize {font-size: 20px;}
	.aboutme .rCnt{padding:0px;}
	.aboutme .lCnt{padding-right: 30px;}
	.aboutme .rCnt .para1{padding-right: 0px;}
	.aboutme .rCnt .headerP p{width: 78%;}
}

@media screen and (max-width: 991px){ 
	.aboutme .lCnt{padding-right: 15px;} 
	.aboutme .cSize {font-size: 18px;}
	.aboutme .rCnt .row p{font-size: 14px;}
	.aboutme .rCnt .para2{padding-right: 5px;}
}

@media screen and (max-width: 767px){ 
	.aboutme .rCnt .headerP p{padding:15px;}
	.aboutme .rCnt .para1,.aboutme .rCnt .para2{padding:15px 30px;}
	.aboutme .bio{margin-bottom: 60px;}
	.aboutme blockquote{margin-top: 100px;}
}

@media screen and (max-width: 576px){ 
	.aboutme .rCnt .headerP p{padding:inherit;}
	.aboutme .rCnt .headerP p{width:85%;}
	.aboutme .rCnt .row p {font-size: 16px;}
	.aboutme .rCnt{padding:15px;}
	.aboutme .rCnt .para1,.aboutme .rCnt .para2{padding:15px;}
}



/*-------------
	project page
---------------*/

html{height: auto;}
.project nav img{width: 18%;} 
.project .hWeight{font-weight: 600;}
.project .cSize{font-size: 22px;color: #000;}
.project.home{background: #fff !important;}

.project .container{width:900px;margin: auto;}
.project .article-content{padding: 0 0 110px 0;}
.project section{min-height: 650px;margin: 0 auto;} 
.project .header{margin-top: 100px;}
.project .header .title{font-size:54px;font-family: nocturne_serifsemibold;margin:80px 0;}
.project .header h1{padding-left: 0px;}
.project .header .text-block{font-size:19px;line-height: 1.6;font-family: 'Segoe UI Regular';text-align: center;}
.project .igrey{font-size: 18px;color:#acacac;font-style: italic;margin-top: 80px;}
.project .contrasted{background-color: #acacac;}
.project .img-xl{margin: 0 50px;}
.project .img-xl img{width: 100%;}
.project .img-x img{width: 80%;}
.project .img-l img{width: 70%;}
.project .img-c img{width: 60%;}
.project .img-m img{width: 50%;}
.project .img-s img{width: 40%;} 
.project .img-text{margin: 10px 0 0 0;font-weight: 600;}
.project .img-list img{display: block;width: 95%;margin: 0 auto;}
.project .img-list .anim .col-xs-12{padding: 0;}
.project .in-image{margin: 0px;}
.project .in-image-top{margin-top: 130px;}
.project .content-block{position: relative;margin-top: 100px;}
.project .content-block.bg-2{padding-top: 100px;padding-bottom: 100px;background: #f9f9f9;}
.project .content-title{font-family: nocturne_serifsemibold;margin-bottom: 20px;font-size: 36px;}
.project .content-block .content-miniTitle{font-family: nocturne_serifsemibold;font-size: 24px;margin-bottom: 10px;}
.project .content-block .dataContent,.project .content-block li,.project b{line-height: 1.7;font-size: 19px;font-family: 'Segoe UI Regular';}
.project .content-block .space-within{margin-top:80px;}
.project .content-block ol{margin-top:60px;}
.project .content-block li{padding-bottom: 24px;}
.project .content-block li::marker{font-weight: 700;}
.project .height-a{min-height: auto !important;}
.project .height-c,.height-c{min-height: 750px;padding-top: 100px;padding-bottom: 100px;}
.project .block-2 p{padding: 0 64px;font-size: 16px !important;}
.project .block-2 p.space-fix {margin-top:14px;}
.project .block-4.img-xl{margin: auto;}
.project .block-4 .row{padding: 50px 0 30px 0;}
.project .block-4 img{box-shadow:0 14px 15px -3px rgba(0, 0, 0, 0.11);margin-bottom: 10px;}
.project .block-4 p{padding: 0 24px;}

.project footer{border-top: 4px solid #000;min-height: 450px;}
.project footer div{padding: 100px 0 0 0;position: relative;} 
.project footer ul{padding: 0;margin-top:30px;}
.project footer li{display: inline; padding: 0 10px;}
.project footer .subT{padding-top: 160px;}
.project footer a,.project footer p{color: #000 !important;}

@media screen and (max-width: 1024px){
	.project .img-xl{margin: auto;} 
	.project .img-c img,.project .img-l img,.project .img-m img{width: 90%;}
	.project .anim img{width: 80%;}
	.project .block-2 p{padding: 0 44px;}
}

@media screen and (max-width: 900px){
	.project .header .title{font-size: 32px;margin: 50px 0;}
	.project .container{width: 740px;}
	.project .content-block .dataContent,.project .header .text-block,.project .header .text-block,.project .content-block li,.project b{font-size: 18px;}
	.project .content-block li{padding: 10px 0 5px;}
	.project .igrey{font-size: 16px !important;margin-top: 40px;}
	.project .content-title{font-size: 36px;}
	.project .content-block{margin-top: 80px;}
	.project .block-2 p{padding: 0 36px;}
}

@media screen and (max-width: 767px){
	.project .navbar-brand{width: 80px;}
	.project .navbar .container{width: -webkit-fill-available;}
	.project nav img {width: 100%;}
	.project nav{padding:22px 0;}
	.project .header {margin-top: 150px;}
	.project .container{width: auto;padding: 0 22px;}
	.project .block-2 .col-xs-12{padding-bottom: 80px;} 
	.project .block-4 p {padding: 0 20px;}
	.project footer .left-b{margin-left: 20px;font-size:14px;}
	.project footer .right-b{margin-right: 20px; font-size:14px;} 
	.project .cSize {font-size: 20px;}
}

@media screen and (max-width: 576px){
	.project nav img {width: 70%;}
	.project .header {margin-top: 100px;}
	.project .content-title{margin-top: 40px;margin-bottom: 16px;}
	.project .cSize {font-size: 18px;}
	.project .content-title {font-size: 24px;}
}

@media screen and (max-width: 340px){	
	.project .content-block .dataContent,.project .header .text-block,.project .header .text-block,.project .content-block li,.project .igrey{font-size: 14px !important;}
	.project footer .btbt{padding: 16px;}
}
 

/*----------------------
	Transit project page
-------------------------*/

.bsfmc .header .title,.bnt .header .title{padding: 40px 0 0px;margin: 20px 0;}
.bnt .wire a{color: #000;outline: none; text-decoration: underline;}
.transit .header .title{padding: 80px 0;margin: 0;}
.transit .header-img img{width: 80%;}
.transit .carousel-inner{width: 100%;}
.transit .carousel{text-align: -webkit-center;} 
.transit .carousel .carousel-indicators{bottom: -60px;}
.transit .carousel li{background: #e9e9e9;width: 10px;height: 0px;border-radius: 26px;padding-bottom: 11px;border: 0px;}
/*.transit .carousel li{opacity: .11;background-color: #000; width: 8px;border-radius: 93px !important;height: 7px;margin-right: 5px;margin-left: 5px;border-top: 1px solid transparent;border-bottom: none;background-clip: inherit;} */
.transit .carousel-indicators .active{background-color: #000;}


/*-------------
	work-logo page
---------------*/
.work-logo{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size: 18px;}
.work-logo .menu-button{background:black;}
.work-logo .title{margin-top:50px;}
.work-logo .container .article-text{width:700px;margin:0 auto;} 
.bottom-navigation .left-b{margin-left:0px;}
.bottom-navigation .right-b{margin-right:0px;}

@media screen and (max-width: 991px){
	.work-logo .title{margin-top:31px;}
	.work-logo .title h1{font-size:40px;}
	.work-logo .article-content{padding-top:40px;}	
	.work-logo .article-img{margin:25px 0;}
}

@media screen and (max-width: 767px){
	.work-logo .container .article-text{width:560px;}
	.article-img img{width:100vw;}
}

@media screen and (max-width: 600px){
	.work-logo .container .article-text{width: auto;margin: 0 20px;}
	.work-logo .title h1 {font-size: 31px;}
	
}

@media screen and (max-width: 420px){
	.work-logo .title h1 {font-size: 26px;}
}

/*-------------
	work-ux page
---------------*/ 
.work-ux{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size: 20px;}
.work-ux .article-text{padding-top:40px;}
.work-ux .index{font-size: 36px;}
.work-ux .index, .work-ux h2{margin: 10px 0 10px 0; }
.work-ux .index::after{content: '';border-right: 4px solid #8900f3;margin-left:22px; }
.work-ux .dim{opacity:.2;}
.work-ux .article-content ul{padding-left:0px;list-style-type: none;padding-top: 16px;}
.work-ux .row{margin-top:40px;}
.work-ux .row p{margin:0;}
.work-ux .article-content li::before {content: "•"; color: #8900f3; margin-right:20px;}
.work-ux .bottom-navigation{margin-top:80px;}

@media screen and (max-width: 600px){
	.work-ux .index::after{display:block;border-bottom:4px solid #8900f3;margin-left:0;}
}
@media screen and (max-width: 320px){
	.work-ux .col-md-10 h2{font-size:24px;}
	.work-ux .col-md-10 li{font-size:15px;line-height:23px;}
}

/*-------------
	cursor for pages
---------------*/ 

html{user-select: none;}
html a{z-index: 999999;}
.home a{text-decoration: none;}


/*-------------
	creative page
---------------*/ 
.creative{width: 100%;}
.creative .boxes .line{width: 100%;height: 4px; background-color: #000;display: block;}
.creative .h1{margin-bottom: 80px;padding-bottom: 130px;}
.creative .boxes{padding-left: 0px;padding-right: 0px;padding-top: 130px;}
.creative .boxes .row{padding: 100px 15px 300px;}
.creative .boxes .cubes{border: 4px solid #000;padding:24px;min-height: 350px;position: relative;}
.creative .boxes .cubes img{height: 50px;margin:24px 0 48px;}
.creative .boxes .mbx,.creative .boxes .rbx{border-left: none;}
.creative .cubes a.sSize{outline: none;background: transparent;border: none;color: #000;border-bottom: 2px solid #000;width: auto;padding:0;}
.creative .cubes a{position: absolute;bottom: 40px;}

@media screen and (max-width: 767px){
	.creative .boxes .mbx,.creative .boxes .rbx{border-left: 4px solid;border-top: none;}
	.creative .row{margin:0;}
}