@charset "utf-8";

/* CSS Document */



/*---------- Google Fonts ----------*/

@import url('/css/external/google-fonts-a48427d51a.css');

.project-page-content .banner-area-wrapper {

    display: none !important;

}



body {

	font-family: 'NeueMontrealRegular';

	background-color: #fff;

	color: #4c4c4c;

	letter-spacing: -0.576px;

	transition: background 1s ease-in-out;

	-webkit-transition: background 1s ease-in-out;

	-moz-transition: background 1s ease-in-out;

	-ms-transition: background 1s ease-in-out;

	-o-transition: background 1s ease-in-out;

}



a,

input,

button,

textarea {

	outline: none !important;

}



a {

	transition: all ease-in-out 300ms;

	-webkit-transition: all ease-in-out 300ms;

	-ms-transition: all ease-in-out 300ms;

	-o-transition: all ease-in-out 300ms;

	-moz-transition: all ease-in-out 300ms;

}



.container-fluid,

.container {

	padding-left: 15px;

	padding-right: 15px;

}



.row {

	margin-left: -15px;

	margin-right: -15px;

}



.row>* {

	padding-left: 15px;

	padding-right: 15px;

}



p {

	font-family: inherit;

	font-size: 18px;

	line-height: 30px;

	color: inherit;

}



p a {

	text-decoration: none;

	color: inherit;

}



p a:hover {

	text-decoration: underline;

	color: #BBEADD;

}



ul li,

ol li {

	font-size: 24px;

	line-height: 36px;

	color: #3A3A3A;

}



ul li a,

ol li a {

	text-decoration: none;

	color: inherit;

}



ul li a:hover,

ol li a:hover {

	text-decoration: underline;

	color: #BBEADD;

}



.common-detail {

	font-family: 'MaisonNeueMedium';

	font-size: 16px;

	line-height: 22px;

	letter-spacing: 0.1px;

	color: #fff;

}



.common-detail * {

	text-decoration: none;

	font-family: inherit;

	font-size: inherit;

	line-height: inherit;

	letter-spacing: inherit;

	color: inherit;

	margin: 0;

}



.sub-title {

	font-family: 'maisonneuebook';

	font-size: 40px;

	line-height: 40px;

	color: #000;

}



.sub-title * {

	text-decoration: none;

	font-family: inherit;

	font-size: inherit;

	line-height: inherit;

	color: inherit;

	margin: 0;

}



.sub-text {

	font-family: 'MaisonNeueBold';

	font-size: 20px;

	line-height: 22px;

	color: #000;

}



.sub-text * {

	text-decoration: none;

	font-family: inherit;

	font-size: inherit;

	line-height: inherit;

	color: inherit;

	margin: 0;

}



/*==================================================================*/

/*========== Header Start ==========*/

/*==================================================================*/



/*==================================================================*/

/*========== Header End ==========*/

/*==================================================================*/







/*==================================================================*/

/*========== New Class Add Start ==========*/

/*==================================================================*/



/*========== Projects Start ==========*/

.content {

	width: 100%;

	overflow-x: scroll;

}



.projects-wrp {

	display:flex;

	flex-wrap:wrap;

	flex-direction:column;

	height: calc(100vh - 20px);

	overflow: hidden;

	margin: 0 0 67px;

} 



.projects-item {

	position: relative;

	height: 100%;

	margin: 0 10px;

	max-width: 90%;

	max-height: 100%;

	width: 100%;

}



.projects-item:first-child {

	margin-left: 20px;

}



.projects-item:nth-child(3) .projects-section {

	right: 100px;

}



.project-img {

	width: 100%;

	height: 100%;

	position: relative;

}



.project-img::before {

	content: "";

	background-image: -moz-linear-gradient(transparent,rgba(0,0,0,.94));

	background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,.94));

	background-image: linear-gradient(transparent,rgba(0,0,0,.94));

	position: absolute;

	right: 0;

	top: 0;

	bottom: 0;

	left: 0;

}



.project-img img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	font-family: "object-fit: cover";

}



.projects-section {

	position: absolute;

	left: 40px;

	right: 48px;

	bottom: 48px;

	display: flex;

	align-items: flex-end;

	justify-content: space-between;

}



.slide-count {

	font-size: 17.28px;	

	line-height: 20px;

	font-weight: 400;

	letter-spacing: -0.576px;

	color: #f8f8f8;

}



.slide-count * {

	text-decoration: none;

	font-size: inherit;	

	line-height: inherit;

	font-weight: inherit;

	letter-spacing: inherit;

	color: inherit;

	margin: 0;

}



.main-title {

	font-size: 57.6px;

	line-height: 60px;

	font-weight: 400;

	letter-spacing: -0.576px;

	color: #f8f8f8;

}



.main-title * {

	text-decoration: none;

	font-size: inherit;

	line-height: inherit;

	font-weight: inherit;

	letter-spacing: inherit;

	color: inherit;

	margin: 0;

}



.project-info-block span {

	display: block;

	font-size: 16.32px;

	line-height: 20px;

	letter-spacing: -0.576px;

	color: #929292;

	padding: 0 0 24px;

	text-transform: uppercase;

}



.project-info-block {

	padding: 0 80px 0 0;

}



/* .project-detail {

	font-size: 19.2px;

	line-height: 25px;

	font-weight: 400;

	letter-spacing: -0.576px;

	color: #f8f8f8;

}



.project-detail p {

	max-width: 200px;

}



.project-detail * {

	text-decoration: none;

	font-size: inherit;

	line-height: inherit;

	font-weight: inherit;

	letter-spacing: inherit;

	color: inherit;

	margin: 0;

}



.project-detail ul {

	padding: 0;

	margin: 0;

}



.project-detail ul li {

	list-style-type: none;

} */



.project-info-wrp {

	display: flex;

}



.project-tag ul {

	padding: 0;

	margin: 0;

	display: flex;

	align-items: center;

}



.project-tag ul li {

	font-family: 'MaisonNeueMedium';

	font-size: 14px;

	line-height: 14px;

	color: #fff;

	border: 1px solid #E5E5E5;

	text-transform: capitalize;

	padding: 14px 14px 10px 14px;

	list-style-type: none;

	margin: 0 10px 0 0;

	border-radius: 30px;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	-ms-border-radius: 30px;

	-o-border-radius: 30px;

}



.project-tag ul li:last-child {

	margin-right: 0;

}



::-webkit-scrollbar {

    display: none;

}



.projects-content .slide-count {

	padding: 0 0 12px;

}



.projects-content .main-title {

	padding: 0 0 32px;

}



.project-row {

	position: relative;

	padding: 40px 0 0;

}



.project-row::before {

	content: "";

	border-top: 1px solid rgba(255, 255, 255, 0.3);

	position: absolute;

	left: -40px;

	right: 0;

	top: 0;

}



.project-row .project-detail {

	margin: 0 0 30px;

}



.projects-content .common-detail {

	padding: 0 0 40px;

}



.project-detail {

	font-family: 'MaisonNeueMedium';

	font-size: 16px;

	line-height: 22px;

	letter-spacing: 0.1px;

	color: #fff;

}



.project-detail * {

	font-family: inherit;

	text-decoration: none;

	font-size: inherit;

	line-height: inherit;

	letter-spacing: inherit;

	color: inherit;

	margin: 0;

}



.project-detail b {

	font-family: 'Maison Neue New', sans-serif;

	display: block;

}



.projects-content {

	max-width: 463px;

	margin: 0 0 -30px;

}



.projects-item .project-main-title {

	position: absolute;

	top: 40px;

	left: 40px;

}



.project-main-title .main-title {

	margin: 0 0 20px;

	font-size: 50px;

	line-height: 50px;

}



.project-main-title .common-detail {

	max-width: 186px;

}





.card-items {

	/* position: sticky; */

	margin: 50px 6.5px 0;

	background-color: #f8f8f8;

	padding: 24px 16px 16px;

	border-radius: 7.5px;

	-webkit-border-radius: 7.5px;

	-moz-border-radius: 7.5px;

	-ms-border-radius: 7.5px;

	-o-border-radius: 7.5px;

}



/* .card-items .slide-count,

.card-items .main-title,

.card-items .project-detail {

	color: #1d1d1d;

} */





.cards-wrp {

	position: relative;

	/* height: 85vh;

	width: 100%; */

}



.card-items {

	/* position: absolute;

	left: 0;

	right: 0;

	height: 70vh;

	width: auto;

	max-width: 100%;

	margin-bottom: 20px; */

}



.card-items .project-img {

	height: 223px;

}



.card-items .project-img img {

	border-radius: 4.8px;

	-webkit-border-radius: 4.8px;

	-moz-border-radius: 4.8px;

	-ms-border-radius: 4.8px;

	-o-border-radius: 4.8px;

}



.card-items .project-img::before {

	border-radius: 4.8px;

	-webkit-border-radius: 4.8px;

	-moz-border-radius: 4.8px;

	-ms-border-radius: 4.8px;

	-o-border-radius: 4.8px;

}



/* .card-items-1 {

	left: 0;

	top: 0;

}



.card-items-2 {

	left: 0;

	top: 0;

}



.card-items-3 {

	left: 0;

	top: 0;

} */



/* .card-items-4 {

	left: 90px;

	top: 90px;

}



.card-items-5 {

	left: 100px;

	top: 100px;

} */



.cards-wrp .slick-arrow {

	background-color: transparent;

	border: none;

	position: absolute;

	bottom: 0;

	padding: 0;

	background-color: #f8f8f8;

	width: 40px;

	height: 40px;

}



.cards-wrp .slick-arrow:hover {

	background-color: #000;

	color: #f8f8f8;

}



.cards-wrp .slick-prev {

	left: 50%;

	transform: translate(-130%, 0);

	-webkit-transform: translate(-130%, 0);

	-moz-transform: translate(-130%, 0);

	-ms-transform: translate(-130%, 0);

	-o-transform: translate(-130%, 0);

}



.cards-wrp .slick-next {

	left: 50%;

	transform: translate(30%, 0);

	-webkit-transform: translate(30%, 0);

	-moz-transform: translate(30%, 0);

	-ms-transform: translate(30%, 0);

	-o-transform: translate(30%, 0);

}



.cards-wrp {

	padding: 0 0 50px;

}

/*========== Projects End ==========*/



/*========== Faq Start ==========*/

.faq-wrp {

	padding: 67px 48px 150px;

}



.section-title {

	font-size: 43px;

	line-height: 45px;

	color: #1d1d1d;

}



.section-title * {

	text-decoration: none;

	font-size: inherit;

	line-height: inherit;

	color: inherit;

	margin: 0;

}



.faq-wrp .section-title {

	padding: 0 0 56px;

}



.faq-text {

	font-size: 19.2px;

	line-height: 20px;

	letter-spacing: -0.288px;

	color: #1d1d1d;

	padding: 0 20px 0 0;

	transition: 0.6s;

	-webkit-transition: 0.6s;

	-moz-transition: 0.6s;

	-ms-transition: 0.6s;

	-o-transition: 0.6s;

}



.faq-text * {

	text-decoration: none;

	font-size: inherit;

	line-height: inherit;

	letter-spacing: inherit;

	color: inherit;

	margin: 0;

}



.faq-block {

	padding: 0;

	border-bottom: .6px solid #1d1d1d;

	position: relative;

}

.faq-block a{

	padding: 23.4px 0;

	display: inline-block;

	width: 100%;

}

.faq-text h3 .custom-cursor, .faq-text h3 .custom-cursor2 {

    background: #000;

    color: #fff;

    width: 100px;

    height: 100px;

    font-size: 16px;

}

.faq-section{

	position: relative;

}

.faq-block:first-child {

	border-top: .6px solid #1d1d1d;

}



.faq-block:hover .faq-text {

	margin: 0 0 0 20px;

	opacity: 0.7;

}



.faq-img {

	max-width: 540px;

	position: absolute;

	right: 150px;

	top: -150px;

	z-index: 9;

	transition: 0.1s;

	-webkit-transition: 0.1s;

	-moz-transition: 0.1s;

	-ms-transition: 0.1s;

	-o-transition: 0.1s;

}  

/*========== Faq End ==========*/



.text-section .main-title {

	font-family: 'maisonneuebook';

	font-size: 60px;

	line-height: 60px;

	color: #000;

	margin: 0 0 60px;

}



.text-wrp {

	padding: 100px 48px;

	position: relative;

    z-index: 9999;

}



.bottom-text {

	padding: 0 48px 100px;

}



.clear-capital-wrp .faq-text {

	font-family: 'Maison Neue New', sans-serif;

	font-size: 22px;

    line-height: 26px;

	padding: 5px 0 0;

}



.clear-capital-img {

	width: 60px;

	height: 60px;

	margin: 0 13px 0 0;

	display: flex;

	align-items: center;

	justify-content: center;

	background-color: #0F1013;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

}



.clear-capital-wrp {

	display: flex;

	align-items: center;

	padding: 30px;

	border-bottom: 1px solid #E5E5E5;

}



.portfolio-img img {

	width: 100%;

	border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-o-border-radius: 5px;

}



.portfolio-wrp {

	padding: 50px 48px 0;

}



.portfolio-block {

	background-color: #fff;

	margin: 0 0 35px;

	border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-ms-border-radius: 5px;

	-o-border-radius: 5px;

}



.portfolio-services ul {

	padding: 0;

	margin: 0;

	display: flex;

	flex-wrap: wrap;

}



.portfolio-services ul li {

	font-family: 'Maison Neue New', sans-serif;

	font-size: 16px;

	line-height: 20px;

	color: #000;

	padding: 13.5px 20px;

	margin: 0 8px 8px 0;

	list-style-type: none;

	border: 0.884643px solid #E5E5E5;

	border-radius: 76.5409px;

	-webkit-border-radius: 76.5409px;

	-moz-border-radius: 76.5409px;

	-ms-border-radius: 76.5409px;

	-o-border-radius: 76.5409px;

}



.portfolio-services {

	display: flex;

	padding: 26px 30px;

	border-bottom: 1px solid #E5E5E5;

	/* min-height: 167px; */

}



.portfolio-services .sub-text {

	padding: 20px 0 0;

	flex: 0 0 20%;

}



.roi-wrp {

	display: flex;

	padding: 26px 30px;

}



.roi-wrp .project-row .project-detail {

	color: #000;

}



.roi-wrp .project-row {

	padding: 0;

}



.roi-wrp .sub-text {

	flex: 0 0 20%;

}



.custom-cursor, .custom-cursor2 {

	background-color: #000;

	width: 80px;

	height: 80px;

	font-size: 16px;

	line-height: 18px;

	color: #fff;

	z-index: 999;

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	opacity: 0;

	pointer-events: none;

	cursor: pointer;

	text-decoration: none;

	text-transform: uppercase;

	display: flex;

	align-items: center;

	justify-content: center;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	transition: all 200ms ease-out;

	-webkit-transition: all 200ms ease-out;

	-moz-transition: all 200ms ease-out;

	-ms-transition: all 200ms ease-out;

	-o-transition: all 200ms ease-out;

	transform: translate(calc(-50% + 15px), -50%);

	-webkit-transform: translate(calc(-50% + 15px), -50%);

	-moz-transform: translate(calc(-50% + 15px), -50%);

	-ms-transform: translate(calc(-50% + 15px), -50%);

	-o-transform: translate(calc(-50% + 15px), -50%);

}



.custom-cursor.drag-pointer, .custom-cursor2.drag-pointer {

	opacity: 1;

	/* width: 200px;section.text-wrp\

	height: 200px; */

}

.custom-cursor2.drag-pointer {

	opacity: 1;

	/* width: 200px;

	height: 200px; */

}

.custom-cursor:hover, .custom-cursor2:hover {

	color: #000;

}



/* .projects-wrp + .custom-cursor {

	opacity: 1;

} */



/*==================================================================*/

/*========== New Class Add End ==========*/

/*==================================================================*/





/*==================================================================*/

/*========== Footer Start ==========*/

/*==================================================================*/



/*==================================================================*/

/*========== Footer End ==========*/

/*==================================================================*/

.ns-nav-wrapper ul {

    margin: 0;

	list-style: none;

}

.ns-nav-wrapper a {

    display: inline-block;

    font-size: 17px;

    color: #0f1013;

    padding: 10px 20px;

    transition: color .2s ease;

}

.ns-nav-wrapper ul>li:first-child a {

    padding-left: 0;

}



@media (min-width: 992px){

.nbs_container .ns-nav-wrapper a {

    padding-left: 0.5rem;

    padding-right: 0.5rem;

    line-height: 1;

    letter-spacing: normal;

}

}

.landing .logo-wrapper a, .home .logo-wrapper a {

    display: inline-block;

    max-width: 200px;

    width: 100%;

}

.logo-wrapper {

    max-width: 200px;

    width: 100%;

}

.heaer-inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 60px 100px 60px 70px;

}

.ns_header .heaer-inner {

    padding: 40px 0px;

}

.ns_header {

    width: 100%;

}



.ns_section {

    padding: 0px 75px;

}

header {

    position: relative;

    z-index: 99;

    background: transparent;

}

.portfolio-img {

    overflow: hidden;

}



.portfolio-img img {

    transform: scale(1.008);

}

.project-page.nsb a:hover {

    color: inherit;

}

@media only screen and (max-width: 2100px){

.heaer-inner {

    padding: 30px 60px 30px 60px;

}

}

@media only screen and (max-width: 2100px){

.logo-wrapper {

    max-width: 200px;

}

}

#the_footer, .ta-footer {

    position: relative;

}

.ns_section{

    padding: 0px 75px;

}

/* footer contact */

.footer-contact {

    padding-bottom: 45px;

    border-bottom: 1px solid #d0d3d6;

}

.footer-contact-inner {

    padding-top: 50px;

}



.footer-logo a {

    display: inline-block;

}



.footer-logo img {

    max-width: 170px;

    width: 100%;

}



.footer-email a {

    display: inline-block;

    font-size: 60px;

    line-height: 60px;

}



.footer-email a:hover {

    color: #808080;

}



.footer-social {

    margin-top: 300px;

}



.ta-social a:hover {

    color: #808080;

}



.ta-phone a:hover {

    color: #808080;

}



/* loader */

/* .ta-loader {

    width: 100%;

    height: 100vh;

    display: flex;

    justify-content: center;

    align-items: center;

    position: absolute;

    background: #fff;

    z-index: 999;

} */



.ta-loader {

    width: 100%;

    height: 100vh;

    height: -webkit-fill-available;

    display: flex;

    justify-content: center;

    align-items: center;

    position: fixed;

    background: #fff;

    z-index: 9999999;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}



.logoanimation {

    width: 100%;

    max-width: 400px;

    margin: 0 auto;

    opacity: 0;

}



.mask {

    fill: none;

    stroke: #fff;

}



#seven-m {

    animation: strokeOffset .3s linear forwards .3s;

}



#seven-line-m {

    animation: strokeOffset .3s linear forwards .6s;

}



#one-m {

    animation: strokeOffset .2s linear forwards .8s;

}



#t-m {

    animation: strokeOffset .2s linear forwards 1s;

}



#t-line-m {

    animation: strokeOffset .3s linear forwards 1.2s;

}



#last-m {

    animation: strokeOffset 1s linear forwards 1.3s;

}



@keyframes strokeOffset {

    to {

        stroke-dashoffset: 0;

    }

}



/* footer */

.ta-footer {

    padding-top: 80px;

    padding-bottom: 50px;

}



.footer-wdget-title {

    font-size: 18px;

    color: #808080;

    font-weight: 400;

    margin-bottom: 45px;

}



.footer-widget-link li {

    line-height: initial;

    margin-bottom: 2px;

}





.footer-widget-link li:last-child {

    margin-bottom: 0px;

}



.footer-widget-link li a {

    font-size: 18px;

    color: #0f1013;

}



.ta-menu {

    width: 17%;

    flex: 0 0 17%;

}



.ta-services {

    width: 25%;

    flex: 0 0 25%;

}



.ta-industries {

    width: 38%;

    flex: 0 0 38%;

}



.ta-copyright {

    width: 20%;

    flex: 0 0 20%;

    justify-content: flex-end;

}



.ta-copyright p {

    font-size: 14px;

    color: #808080;

}

.footer-logo a {

    display: inline-block;

}

a {

    background-color: transparent;

    text-decoration: none;

    color: inherit;

    -webkit-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}

.footer-email a {

    display: inline-block;

    font-size: 60px;

	color: #000;

    line-height: 60px;

}

.ta-copyright p {

    font-size: 14px;

    color: #808080;

}

.ta-footer {

    padding-top: 80px;

    padding-bottom: 50px;

}



.footer-wdget-title {

    font-size: 18px;

    color: #808080;

    font-weight: 400;

    margin-bottom: 45px;

}



/* .footer-widget-link li {

    line-height: initial;

    margin-bottom: 2px;

}

 */



.footer-widget-link li:last-child {

    margin-bottom: 0px;

}



.footer-widget-link li a {

    font-size: 18px;

    color: #0f1013;

}



.ta-menu {

    width: 17%;

    flex: 0 0 17%;

}



.ta-services {

    width: 25%;

    flex: 0 0 25%;

}



.ta-industries {

    width: 38%;

    flex: 0 0 38%;

}



.ta-copyright {

    width: 20%;

    flex: 0 0 20%;

    justify-content: flex-end;

}



.ta-copyright p {

    font-size: 14px;

    color: #808080;

}

.footer-widget-link li a {

    font-size: 18px;

    color: #0f1013;

}

.footer-widget-link li a {

    transition: all .3s ease;

}



/* .custom-cursor2 {

    top: -0px;

    width: 100px;

    height: 100px;

    font-size: 16px;

} */

.clear-capital-wrp h4 {

    font-size: 22px;

    font-weight: bold;

}



.portfolio-services h5 {

    font-size: 16px;

    font-weight: bold;

}



.roi-wrp h4 {

    font-weight: bold;

	font-size: 16px;

}



.portfolio-services .sub-text {

    padding-top: 10px;

}

.faq-wrp h3>a:nth-child(2) {

    display: none;

}

@media only screen and (max-width: 768px){

	.custom-cursor2{

		display: none;

	}

	.faq-block a {

		padding: 6px 0px;

		width: auto;

	}

	

	.faq-block.open a {

		position: relative;

	}

	.faq-wrp h3>a:nth-child(2) {

    display: none;

}

.faq-wrp h3>a:nth-child(2) {

    display: inline-block;

	border-radius: 15px;

	background: #000;

	width: 70px;

	height: 24px;

	font-size: 12px;

	margin-left: 15px;

	color: #fff;

}

h3 {}



.faq-text h3 {

    display: flex;

    align-items: center;

    justify-content: flex-start;

}



.faq-wrp h3>a:nth-child(2) {

    display: none;

    align-items: center;

    justify-content: center;

}



.faq-wrp .open h3>a:nth-child(2) {

    display: flex;

}



.faq-wrp h3>a:nth-child(1) {

    pointer-events: none;

}



#ball2, #custom-cursor2 {

    display: none !important;

}

section.faq-wrp {

    padding-top: 100px;

}



.faq-block.open a:after, .faq-block.open .faq-text::before, .faq-block.open a:before {

    display: none !important;

}



	/* .faq-block.open a:after {

		content: "View Site";

		position: absolute;

		width: 64px;

		left: unset;

		right: -100px;

		font-size: 12px;

		color: #fff;

	}



	

	.faq-block.open a:before {

		width: 70px;

		height: 20px;

		content: "";

		position: absolute;

		left: unset;

		right: -97px;

		top: 3px;

		border-radius: 15px;

		background: #000;

	} */

	.project-page-content header {

		padding: 0px 15px;

	}

	

	.project-page-content a {

		text-decoration: none !important;

	}

	

	section.text-wrp {

		padding-top: 30px;

	}

	

	.main-title h2 {

		font-size: 35px;

		line-height: 1.2;

	}

	.footer-contact-inner.ns_section {

		padding: 15px;

	}

	

	.footer-email a {

		font-size: 30px;

	}

	

	.footer-social {

		margin-top: 50px;

	}

	footer.ta-footer.ns_section {

		padding: 15px;

	}

	

	.footer-widget {

		width: 100% !important;

	}

	

	.footer-inner.d-flex.flex-wrap.nbs_container {

		width: 100%;

		flex-direction: column;

		padding-top: 50px;

	}

	

	.footer-widget ul {

		padding: 0;

		list-style: none;

	}

	

	h6.footer-wdget-title {

		font-size: 22px;

		margin-bottom: 15px;

	}

}

.clear-capital-wrp .faq-text {

    width: calc(100% - 60px);

    display: flex;

    justify-content: space-between;

}



.clear-capital-wrp .faq-text .port-link a {

    font-size: 14px;

    text-decoration: underline;

    font-weight: 400 !important;

    display: inline-block;

    width: 60px;

}

.clear-capital-wrp .faq-text {

    width: calc(100% - 60px);

    display: flex;

    justify-content: space-between;

}



.clear-capital-wrp .faq-text .port-link a {

    font-size: 14px;

    text-decoration: underline;

    font-weight: 400 !important;

    display: inline-block;

    width: 60px;

}



section.portfolio-wrp {

    max-width: calc(1270px - 24px + (100vw - 1220px)/2);

    margin-left: auto;

    margin-right: auto;

	padding-top: 300px;

	position: relative;

    z-index: 9999;

}

.black-body .text-wrp {

    background: #000;

    transition: background 1s ease-in-out !important;

}



.text-wrp {

    background: #fff;

    transition: background 1s ease-in-out !important;

}



.black-body .portfolio-wrp {

    background: #000;

    transition: background 1s ease-in-out !important;

}



.portfolio-wrp {

    background: #fff;

    transition: background 1s ease-in-out !important;

}

.black-body .pbottom-text {

    background: #000;

    transition: background 1s ease-in-out !important;

}



.bottom-text {

    background: #fff;

    transition: background 1s ease-in-out !important;

}

.project-detail>p {

    min-height: 65px;

}

.footer-widget ul {

    padding: 0;

    list-style: none;

}

.res-block{

	display: none;

}

section.faq-wrp {

    padding-top: 300px;

}

div#ball2 {

    background: #000;

    border-radius: 100%;

    transform: translate(-50%, -59%);

	

}



div#cursor-text2 {

    color: #fff;

    font-size: 16px;

    transform: translate(-25px, -20px);

}



section#prap9>.row>.col-md-6 {

    padding: 20px;

}