*,
	*::before,
	*::after {
	  box-sizing: border-box;
	  margin: 0;
	  padding: 0;
	}
	@font-face {
    font-family: 'NunitoSans';
    src: url('../font/NunitoSans.ttf') format('truetype');
    font-style: normal;
}
	body {
	    background-color: hsl(30deg 30.77% 94.9%);
	}

	.covered-by your grace-regular {
		font-family: "Covered By Your Grace", cursive;
		font-weight: 400;
		font-style: normal;
	}

	.scrollable-div {
		width: 100%;
		height: 450px;
		overflow: auto;
		/*border: 1px solid #000;*/
	}

	.scrollable-div-2 {
		width: 100%;
		height: 270px;
		overflow: auto;
		/*border: 1px solid #000;*/
	}

	.pt-serif-regular {
		font-family: "PT Serif", serif;
		font-weight: 400;
		font-style: normal;
	}

	.pt-serif-regular-italic {
		font-family: "PT Serif", serif;
		font-weight: 400;
		font-style: italic;
	}

	.pt-serif-bold {
		font-family: "PT Serif", serif;
		font-weight: 700;
		font-style: normal;
	}

	.pt-serif-bold-italic {
		font-family: "PT Serif", serif;
		font-weight: 700;
		font-style: italic;
	}

	.pt-sans-regular {
		font-family: "PT Sans", sans-serif;
		font-weight: 400;
		font-style: normal;
	}

	.pt-sans-regular-italic {
		font-family: "PT Sans", sans-serif;
		font-weight: 400;
		font-style: italic;
	}

	.pt-sans-bold {
		font-family: "PT Sans", sans-serif;
		font-weight: 700;
		font-style: normal;
	}

	.pt-sans-bold-italic {
		font-family: "PT Sans", sans-serif;
		font-weight: 700;
		font-style: italic;
	}

	/*// <uniquifier>: Use a uniquifier for the class name
// <weight>: Use a value from 400 to 700*/

	.caveat {
		font-family: "Caveat", cursive;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
	}

	p {
		font-family: "PT Sans";
		color: #5C5C5CCC;
		font-size: 16px;
	}

	section {
		width: 100%;
		float: left;
		overflow: hidden;
	}

	/*==========================================nav bar========================================*/
	nav.navbar.scrolled .container-fluid {
	    max-width: 85%;
	}
	div#myNavbar ul {
		display: inline-flex;
	}

	div#myNavbar ul.nav.navbar-nav li.active a,
	div#myNavbar ul.nav.navbar-nav li a:hover {
		font-weight: 900;
	    background-color: transparent;
	    color: #FB9DA3 !important;
		margin-right: 25px;
		}

	div#myNavbar ul.nav.navbar-nav li a {
		font-family: 'PT Serif';
		text-decoration: none;
/*		text-transform: uppercase;*/
/*		letter-spacing: 3px;*/
		font-size: 24px;
	    font-weight: 500;
	    color: #000;
		font-family:NunitoSans;
	}

	.pt-top {
		padding-top: 120px;
	}

	.pb-bottom {
		padding-bottom: 100px;
	}

	.heading-1 h3 {
		padding-right: 0px;
		padding-left: 0px;
		text-transform: none;
		display: block;
		margin-top: 0px;
		margin-bottom: 16px;
		padding-right: 0px;
		font-family: 'PT Serif', serif;
		color: #FF9E45;
		font-size: 40px;
		line-height: 72px;
		font-weight: 700;
		/*text-transform: capitalize;*/
	}

	.heding-2 h3 {
		font-family: 'PT Serif';
		font-weight: 700;
		font-size: 53px;
		color: #000000CC;
	}

	.heding-2 h3 span {
		font-family: caveat;
		font-weight: 700;
		font-size: 51px;
		color: #ff9e45;
		font-style: italic;
	}

	.case-study {
		width: 100%;
		text-align: center;
	}

	.mb-100 {
		margin-bottom: 100px !important;
	}

	.case-study h4 {
		margin: 0 auto;
		margin-bottom: 60px;
		font-family: 'PT Serif';
		font-size: 32px;
		font-weight: 400;
		font-style: italic;
		color: #FF9E45;
	}

	.case-study h4 span {
		border-bottom: 1px solid;
		padding-bottom: 10px;
	}

	.home-page-holder {
		width: 95%;
		float: left;
		border-radius: 8px;
		box-shadow: 0 -2px 16px 0 rgba(0, 0, 0, 0.05);
		border-width: 1px;
		border-color: rgba(92, 92, 92, 0.3);
		border-style: none;
		margin-bottom: 45px;
		overflow: hidden;
		transition-duration: 150ms;
	}

	.home-page-holder:hover {
		box-shadow: 1px 2px 20px 1px rgba(0, 0, 0, 0.15);
		-webkit-transform: translate(0px, -5px);
		-ms-transform: translate(0px, -5px);
		transform: translate(0px, -5px);
		-webkit-transform-origin: 50% 100%;
		-ms-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
	}

	.green-color {
		background-color: #C9E265;
	}

	.home-page-holder.left {
		width: 100%;
		float: left;
	}

	.image-holder {
		width: 100%;
		float: left;
		height: 280px;
		text-align: center;
		display: table;
	}

	.img-wrp {
		display: table-cell;
		vertical-align: middle;
	}

	.top-con {
		width: 100%;
		float: left;
		padding: 8px 10px;
		background-color: #fff;
		position: relative;
		top: -15px;
		margin-top: 0px;
	}

	.top-con p {
		margin-bottom: 0px;
		color: #3F3F3F;
		font-size: 14px;
		font-family: 'PT Sans';
	}

	.bot-con {
		width: 100%;
		float: left;
		padding: 8px 10px;
		background-color: #9B9B9B;
	}

	.bot-con p {
		margin-bottom: 0px;
		color: #3F3F3F;
		font-size: 14px;
		font-family: 'PT Sans';
	}
    .barrway-process-p {
		text-align: center;
		font-size: 14px !important;
		margin: 30px;
		margin-left: -17%;
	}

	.dark-grey-color {
		background-color: #18292E;
	}

	.light-color {
		background-color: #F9F9F9;
	}

	.light-pink {
		background-color: #FEEEEF;
	}

	.set-blue {
		background-color: #D7ECF3;
	}

	.off-white {
		background-color: #F9F9F9;
	}

	.section-3 {
		width: 100%;
		text-align: center;
		background-color: #FF9E45CC;
		padding: 30px 0px;
		margin-top: 80px;
	}

	.section-3 .quote {
		max-width: 90%;
		margin: 0 auto;
	}

	.quote-thoughts p {
		font-size: 24px;
		font-weight: 400;
		font-family: 'PT Serif';
		font-style: italic;
		line-height: 1.2;
		margin-bottom: 0px;
	}

	.mb-100 {
		margin-bottom: 100px !important;
	}

	.footer-copyright span img {
		width: 15px;
		margin-right: 6px;
		margin-left: 10px;
	}

	.footer {
		background-color: #F9F9F9;
		margin-bottom: 90px;
	}

	.footer-copyright {
		width: 100%;
		text-align: center;
		margin-top: 30px;
		float: left;
		padding: 25px 0px;
	}

	p.lets-con {
		font-size: 32px;
		font-family: 'PT Serif';
		font-weight: 700;
		margin-bottom: 20px;
		color: #3F3F3F;
	}

	.footer-copyright span {
		font-size: 20px;
		font-weight: 400;
		font-family: 'PT Serif';
		color: #3F3F3F;
	}

	.quote-thoughts p {
		position: relative;
	}

	.quote-thoughts p:before {
		content: "";
		position: absolute;
		bottom: 0;
		right: 0;
		width: 20px;
		height: 20px;
		background-image: url("../assets/images/com.png");
		background-repeat: no-repeat;
		background-size: contain;
	}

	/*detail page*/

	.mt-40 {
		margin-top: 40px !important;
	}

	.mt-80 {
		margin-top: 80px;
	}

	.mb-80 {
		margin-bottom: 80px;
	}

	.mb-40 {
		margin-bottom: 40px;
	}

	.elp {
		width: 100%;
		float: left;
		background-image: url(../image/layer.png);
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: 77% 100%;
		padding: 115px 0px;
	}

	.elp h2 {
		font-size: 58px;
		font-family: 'PT Serif';
		font-weight: 700;
		width: 100%;
		float: left;
	}

	.elp p {
		font-size: 24px;
		font-family: 'PT Serif';
		color: #FF9E45;
		font-weight: 400;
		width: 100%;
		float: left;
	}

	.prob-inner h3 {
		font-weight: 700;
		font-family: "PT Serif";
		margin-bottom: 30px;
		font-size: 24px;
		position: relative;
	}

	.prob-inner h3:before {
		content: "";
		position: absolute;
		top: -15px;
		width: 75px;
		height: 2px;
		background-color: #ff9e45;
	}

	.prob-inner p {
		font-size: 16px;
		font-family: 'PT Sans';
		font-weight: 400;
		color: #5C5C5CCC;
		line-height: 30px;
	}

	.prob-inner p {
		/*		padding-left: 30px;*/
	}

	section.third {
/*		background-color: #f0f0f0;*/
		padding: 50px 0px;
		position: relative;
	}

	/*section.third:after {
		content: "";
		position: absolute;
		bottom: -29px;
		right: 0;
		width: 100%;
		height: 20px;
		 background-image: url("../image/lr.png"); 
		background-repeat: no-repeat;
	}*/

	/*section.third:before {
		content: "";
		position: absolute;
		top: -29px;
		right: 0;
		width: 100%;
		height: 20px;
		 background-image: url(../image/rl.png); 
		background-repeat: no-repeat;
		background-position: right;
	}*/

	.th-inner {
		width: 100%;
		text-align: center;
		position: relative;
		max-width: 60%;
		margin: 0 auto;
	}

	.th-content p {
		padding: 15px 0px 0px;
		font-size: 14px;
		color: #5C5C5CCC;
		font-family: 'PT Sans';
		line-height: 18.12px;
	}

	.th-flot {
		position: absolute;
		bottom: 0;
		right: 0;
		font-family: Caveat;
		font-size: 64px;
		font-weight: 700;
		color: #FF9E45;
	}

	.th-flot {
		position: absolute;
		bottom: -60px;
		right: 6px;
		font-family: Caveat;
		font-size: 64px;
		font-weight: 700;
		color: #FF9E45;
	}

	.prob-inn-image {
		width: 100%;
		float: left;
		background-color: #FCFCFC;
		padding: 15px;
		border-radius: 8px;
		box-shadow: 0px 1px 8px -2px #00000040;
		margin: 20px 0px 20px;
	}

	.prob-inn-image img {
		width: 100%;
	}

	.uuu .th-flot {
		top: -45px;
		left: -130px;
	}

	.user-research p.user-base {
		color: #FF9E45;
		font-size: 24px;
		font-family: 'PT Serif';
		padding-top: 15px;
		padding-bottom: 25px;
	}

	p.process {
		color: #FF9E45;
		font-size: 24px;
		font-family: 'PT Serif';
		padding-top: 15px;
		padding-bottom: 25px;
	}

	.interview-inner h3 {
		color: #ff9e45;
		margin-bottom: 30px;
		font-family: 'PT Serif';
	}

	.box-card {
		max-width: 80%;
		margin: 0 auto;
	}

	.box-card-inner {
		width: 100%;
		float: left;
/*		background-color: #FCFCFC;*/
		padding: 15px;
		border-radius: 8px;
/*		box-shadow: 0px 1px 8px -2px #00000040;*/
		margin: 40px 0px 40px;
	}

	.box-card-inner p.guide {
		color: #FF9E45;
		margin-bottom: 20px;
	}

	.box-card-inner p {
		font-size: 16px;
		font-family: 'PT Sans';
		color: #5C5C5CCC;
		margin-bottom: 0px;
	}

	.box-card-inner ul {
		margin-top: 15px;
	}

	.box-card-inner ul li {
		color: #5C5C5CCC;
		padding: 3px 0px;
	}

	.box-card-inner p span {
		padding: 0px 3px;
	}

	p.pain-points {
		width: 100%;
		font-family: 'PT Serif';
		color: #FF9E45 !important;
		font-size: 24px;
		padding-top: 15px;
	}

	p.heading-2 {
		width: 100%;
		font-family: 'PT Serif';
		color: #FF9E45 !important;
		font-size: 24px;
		padding-top: 15px;
	}

	.interview-inner p {
		line-height: 30px;
	}

	.rldi .th-inner {
		max-width: 85%;
	}

	.th-content p span {
		color: #3F3F3F;
	}

	.person-detail {
		border: 3px solid #C9E265;
		box-shadow: 0px 1px 8px -2px #00000040;
		width: 90%;
		float: left;
		padding: 15px;
		border-radius: 8px;
		margin-top: 30px;
		margin-left: 5%;
	}

	.left-detail p {
		line-height: 21px;
	}

	.ring p {
		line-height: 18.8px;
	}

	.left-detail ul {
		padding-left: 15px;
	}

	.left-detail ul li {
		color: #5C5C5CCC;
	}

	p.orange {
		color: #FF9E45;
	}

	span.orange {
		color: #FF9E45;
	}

	p.green {
		color: #39B349;
	}

	p.red {
		color: #E21F1F;
	}

	.body-inner p.orange {
		text-indent: 25px;
	}

	.body-inner table tr td {
		padding: 0px 5px;
	}

	.ig {
		line-height: 30px;
	}

	.qot p {
		color: orange;
		font-size: 18px;
		font-weight: 700;
		text-align: center;
		font-family: 'PT Sans';
		margin-top: 15px;
	}

	.ring {
		width: 100%;
		float: left;
		padding: 10px;
		border: 1px solid #FF9E45;
		border-radius: 16px;
		margin-top: 15px;
	}

	.ideation-design h3:before {
		display: none;
		font-weight: 400;
	}

	.ideation-design h3 {
		color: #FF9E45;
		font-weight: 400 !important;
		margin-bottom: 15px;
	}

	.g-statement {
		margin-top: 40px;
	}

	ol li {
		color: #5C5C5CCC;
		line-height: 30px;
		font-size: 16px;
	}

	ul li {
		color: #5C5C5CCC;
		line-height: 18px;
	}

	.ideation-design ul li {
		color: #5C5C5CCC;
		line-height: 30px;
	}

	.csr-left .orange {
		font-size: 17px;
		color: #FF9E45;
	}

	.csr-left p {
		font-size: 14px;
		color: #5C5C5CCC;
	}

	.clf p.orange {
		font-weight: 700;
		font-size: 17px;
	}

	p.max-me {
		padding-right: 95px;
		line-height: 30px;
	}

	.csr-top {
		border: 1px solid #FF9E45;
		border-radius: 8px;
		padding: 15px;
	}

	.csr-bottom {
		width: 100%;
		float: left;
		text-align: center;
		margin-top: 15px;
	}

	.csr-bottom p {
		margin-top: 10px;
		color: #5C5C5CCC;
	}

	.clf p {
		font-size: 14px;
	}

	.inner-left-t img,
	.inner-right-t img {
		width: 100%;
		height: 290px;
	}

	.inner-left-t p,
	.inner-right-t p {
		width: 100%;
		float: left;
		color: #5C5C5CCC;
		font-size: 14px;
	}

	section.usd .th-inner {
		max-width: 100%;
	}

	section.usd .th-inner ul li {
		text-align: left;
	}

	.g-statement h3 {
		color: #FF9E45;
		font-family: 'PT Serif';
	}

	section.usd .g-statement {
		margin-bottom: 69px;
	}

	section.usd .g-statement ul li {
		padding-bottom: 8px;
		font-family: 'PT Sans';
	}

	.ideation-design,
	section.usd .g-statement,
	section.usd p.pain-points {
		padding-left: 25px;
	}

	section.usd p.heading-2 {
		padding-left: 25px;
	}

	.process {
		width: 100%;
		float: left;
		display: flex;
		text-align: center;
		justify-content: space-between;
	}

	.process-inner {}

	.process .process-inner {
		width: 162px;
		margin: 0 auto;
		position: relative;
	}

	.process-con p:first-child {
		font-family: 'PT Sans';
		font-weight: 400;
		color: #3F3F3F;
		margin-top: 10px;
	}

	.process .process-inner:nth-child(1):before,
	.process .process-inner:nth-child(2):before,
	.process .process-inner:nth-child(4):before {
		content: "";
		position: absolute;
		top: -54px;
		width: 188px;
		height: 100px;
		background-image: url(../image/ta.svg);
		background-repeat: no-repeat;
	}

	.process-img img {
		height: 68px;
		width: 68px;
	}

	.process .process-inner:nth-child(3):before {
		content: "";
		position: absolute;
		bottom: -89px;
		width: 188px;
		height: 100px;
		background-image: url(../image/ba.svg);
		background-repeat: no-repeat;
	}

	.about-me-img {
		width: 100%;
		padding: 195px 60px 0px 62px;
	}

	/*media*/

	@media screen and (max-width:768px) {
		.pb-bottom {
			padding-bottom: 73px;
		}

		.pt-top {
			padding-top: 6px;
		}

		.elp {
			padding: 55px 0px;
		}

		.elp p {
			font-size: 18px;
		}

		.th-inner {
			margin-bottom: 85px;
		}

		.process .process-inner:nth-child(1):before,
		.process .process-inner:nth-child(2):before,
		.process .process-inner:nth-child(4):before,
		.process .process-inner:nth-child(3):before {
			background-size: 76%;
		}

		.uuu .th-flot {
			top: -52px;
			left: -161px;
		}

		.box-card {
			max-width: 100%;
			margin: 0 auto;
		}

		.about-me-img {
			width: 100%;
			padding: 0px 40px 0px 40px;
		}
		.barrway-process-p {
			text-align: center;
			font-size: 14px !important;
			margin: 30px;
			margin-left: 0px;
		}
	}

	@media screen and (max-width:767px) {
		.heading-1 h3 {
			font-size: 28px;
		}

		.heding-2 h3 span {
			font-size: 34px;
		}

		.heding-2 h3 {
			font-size: 26px;
			margin-top: 0px;
		}

		.img-wrp img {
			width: 65%;
		}

		.mb-100 {
			margin-bottom: 60px !important;
		}

		.process {
			display: block;
		}

		.process .process-inner {
			width: 100%;
			float: left;
		}

		.process .process-inner:nth-child(1):before,
		.process .process-inner:nth-child(2):before,
		.process .process-inner:nth-child(3):before,
		.process .process-inner:nth-child(4):before {
			display: none;
		}

		.csr-bottom img {
			width: 100%;
		}

		.inner-left-t img,
		.inner-right-t img {
			width: 100%;
			height: auto;
		}

		.ideation-design,
		section.usd .g-statement,
		section.usd p.pain-points {
			padding-left: 0px;
		}

		section.usd p.heading-2 {
			padding-left: 0px;
		}

		.media .media-left {
			display: block;
			text-align: center;
		}

		.media-left img {
			margin: 0 auto;
		}

		.covered-by your grace-regular {
			font-family: "Covered By Your Grace", cursive;
			font-weight: 400;
			font-style: normal;
		}

		.pt-serif-regular {
			font-family: "PT Serif", serif;
			font-weight: 400;
			font-style: normal;
		}

		.pt-serif-regular-italic {
			font-family: "PT Serif", serif;
			font-weight: 400;
			font-style: italic;
		}

		.pt-serif-bold {
			font-family: "PT Serif", serif;
			font-weight: 700;
			font-style: normal;
		}

		.pt-serif-bold-italic {
			font-family: "PT Serif", serif;
			font-weight: 700;
			font-style: italic;
		}

		.pt-sans-regular {
			font-family: "PT Sans", sans-serif;
			font-weight: 400;
			font-style: normal;
		}

		.pt-sans-regular-italic {
			font-family: "PT Sans", sans-serif;
			font-weight: 400;
			font-style: italic;
		}

		.pt-sans-bold {
			font-family: "PT Sans", sans-serif;
			font-weight: 700;
			font-style: normal;
		}

		.pt-sans-bold-italic {
			font-family: "PT Sans", sans-serif;
			font-weight: 700;
			font-style: italic;
		}

		/*// <uniquifier>: Use a uniquifier for the class name
// <weight>: Use a value from 400 to 700*/

		.caveat {
			font-family: "Caveat", cursive;
			font-optical-sizing: auto;
			font-weight: 400;
			font-style: normal;
		}

		p {
			font-family: "PT Sans", sans-serif;
		}

		section {
			width: 100%;
			float: left;
		}

		/*nav bar*/
		nav.navbar {
			padding-top: 14px;
			padding-bottom: 14px;
			transition: all 0.3s ease-in-out;
			/*background: #D9D9D91A;
		box-shadow: 0px 1px 8px -2px #0000001A;*/
		}

		div#myNavbar ul {
			display: inline-flex;
		}

		div#myNavbar ul.nav.navbar-nav li.active a,
		div#myNavbar ul.nav.navbar-nav li a:hover {
			    font-weight: 900;
			    font-size: 24px;
			    color: #FB9DA3 !important;
		}

		div#myNavbar ul.nav.navbar-nav li a {
			font-family: 'PT Serif';
			text-decoration: none;
			text-transform: uppercase;
			font-weight: 700;
			letter-spacing: 3px;
			color: #000;
			font-size: 24px;
			font-family:NunitoSans;
		}

		.pt-top {
			padding-top: 160px;
		}

		.pb-bottom {
			padding-bottom: 144px;
		}

		.heading-1 h3 {
			padding-right: 0px;
			padding-left: 0px;
			text-transform: none;
			display: block;
			margin-top: 0px;
			margin-bottom: 16px;
			padding-right: 0px;
			font-family: 'PT Serif', serif;
			color: #FF9E45;
			font-size: 40px;
			line-height: 72px;
			font-weight: 700;
			text-transform: capitalize;
		}

		.heding-2 h3 {
			font-family: 'PT Serif';
			font-weight: 700;
			font-size: 45px;
			color: #000000CC;
		}

		.heding-2 h3 span {
			font-family: caveat;
			font-weight: 700;
			font-size: 51px;
			color: #ff9e45;
			font-style: italic;
		}

		.case-study {
			width: 100%;
			text-align: center;
		}

		.mb-100 {
			margin-bottom: 100px !important;
		}

		.case-study h4 {
			margin: 0 auto;
			margin-bottom: 60px;
			font-family: 'PT Serif';
			font-size: 32px;
			font-weight: 400;
			font-style: italic;
			color: #FF9E45;
		}

		.case-study h4 span {
			border-bottom: 1px solid;
			padding-bottom: 10px;
		}

		.home-page-holder {
			width: 100%;
			float: left;
			border-radius: 8px;
			box-shadow: 0 -2px 16px 0 rgba(0, 0, 0, 0.05);
			border-width: 1px;
			border-color: rgba(92, 92, 92, 0.3);
			border-style: none;
			margin-bottom: 45px;
			overflow: hidden;
		}

		.home-page-holder:hover {
			box-shadow: 1px 2px 20px 1px rgba(0, 0, 0, 0.15);
			-webkit-transform: translate(0px, -5px);
			-ms-transform: translate(0px, -5px);
			transform: translate(0px, -5px);
			-webkit-transform-origin: 50% 100%;
			-ms-transform-origin: 50% 100%;
			transform-origin: 50% 100%;
		}

		.green-color {
			background-color: #C9E265;
		}

		.home-page-holder.left {
			width: 100%;
			float: left;
		}

		.image-holder {
			width: 100%;
			float: left;
			height: 292px;
			text-align: center;
			display: table;
		}

		.img-wrp {
			display: table-cell;
			vertical-align: middle;
		}

		.top-con {
			width: 100%;
			float: left;
			padding: 8px 10px;
			background-color: #fff;
			position: relative;
			top: -15px;
			margin-top: 0px;
		}

		.top-con p {
			margin-bottom: 0px;
			color: #3F3F3F;
			font-size: 14px;
			font-family: 'PT Sans';
		}

		.bot-con {
			width: 100%;
			float: left;
			padding: 8px 10px;
			background-color: #9B9B9B;
		}

		.bot-con p {
			margin-bottom: 0px;
			color: #3F3F3F;
			font-size: 14px;
			font-family: 'PT Sans';
		}

		.dark-grey-color {
			background-color: #18292E;
		}

		.light-color {
			background-color: #F9F9F9;
		}

		.light-pink {
			background-color: #FEEEEF;
		}

		.set-blue {
			background-color: #D7ECF3;
		}

		.off-white {
			background-color: #F9F9F9;
		}

		.section-3 {
			width: 100%;
			text-align: center;
			background-color: #FF9E45CC;
			padding: 30px 0px;
			margin-top: 80px;
		}

		.section-3 .quote {
			max-width: 75%;
			margin: 0 auto;
		}

		.quote-thoughts p {
			font-size: 24px;
			font-weight: 400;
			font-family: 'PT Sans';
			font-style: italic;
			line-height: 1.2;
			margin-bottom: 0px;
		}

		.mb-100 {
			margin-bottom: 100px !important;
		}

		.footer-copyright span img {
			width: 15px;
			margin-right: 6px;
			margin-left: 10px;
		}

		.footer-copyright {
			width: 100%;
			text-align: center;
			background-color: #F9F9F9;
			float: left;
			padding: 25px 0px;
		}

		p.lets-con {
			font-size: 32px;
			font-family: 'PT Serif';
			font-weight: 700;
			margin-bottom: 20px;
			color: #3F3F3F;
		}

		.footer-copyright span {
			font-size: 20px;
			font-weight: 400;
			font-family: 'PT Serif';
			color: #3F3F3F;
		}

		.quote-thoughts p {
			position: relative;
		}

		.quote-thoughts p:before {
			content: "";
			position: absolute;
			bottom: 0;
			right: 0;
			width: 20px;
			height: 20px;
			background-image: url("../assets/images/com.png");
			background-repeat: no-repeat;
			background-size: contain;
		}

		/*detail page*/

		.mt-40 {
			margin-top: 40px !important;
		}

		.mt-80 {
			margin-top: 80px;
		}

		.mb-80 {
			margin-bottom: 80px;
		}

		.mb-40 {
			margin-bottom: 40px;
		}

		.elp {
			width: 100%;
			float: left;
			background-image: url(../image/layer.png);
			background-repeat: no-repeat;
			background-position: right bottom;
			background-size: 77% 100%;
			padding: 76px 0px;
		}

		.elp h2 {
			font-size: 58px;
			font-family: 'PT Serif';
			font-weight: 700;
			width: 100%;
			float: left;
		}

		.elp p {
			font-size: 24px;
			font-family: 'PT Serif';
			color: #FF9E45;
			font-weight: 400;
			width: 100%;
			float: left;
		}

		.prob-inner h3 {
			font-weight: 700;
			font-family: "PT Sans", sans-serif;
			margin-bottom: 30px;
			font-size: 24px;
			position: relative;
		}

		.prob-inner h3:before {
			content: "";
			position: absolute;
			top: -15px;
			width: 75px;
			height: 2px;
			background-color: #ff9e45;
		}



		.prob-inner p {
			font-size: 16px;
			font-family: 'PT Sans';
			font-weight: 400;
			color: #5C5C5CCC;
		}

		.prob-inner p {
			padding-left: 30px;
		}


		section.third {
			background-color: #f0f0f0;
			padding: 50px 0px;
			position: relative;
		}

		/* section.third:after {
			content: "";
			position: absolute;
			bottom: -29px;
			right: 0;
			width: 100%;
			height: 20px;
			background-image: url("../image/lr.png"); 
			background-repeat: no-repeat;
		}*/

		/* section.third:before {
			content: "";
			position: absolute;
			top: -29px;
			right: 0;
			width: 100%;
			height: 20px;
			background-image: url(../image/rl.png); 
			background-repeat: no-repeat;
			background-position: right;
		}*/

		.th-inner {
			width: 100%;
			text-align: center;
			position: relative;
			max-width: 50%;
			margin: 0 auto;
		}

		.th-content p {
			padding: 15px 0px 0px;
			font-size: 14px;
			color: #5C5C5CCC;
			font-family: 'PT Sans';
		}

		.th-flot {
			position: absolute;
			bottom: 0;
			right: 0;
			font-family: Caveat;
			font-size: 64px;
			font-weight: 700;
			color: #FF9E45;
		}

		.th-flot {
			position: absolute;
			bottom: -60px;
			right: 6px;
			font-family: Caveat;
			font-size: 64px;
			font-weight: 700;
			color: #FF9E45;
		}

		.prob-inn-image {
			width: 100%;
			float: left;
			background-color: #FCFCFC;
			padding: 15px;
			border-radius: 8px;
			box-shadow: 0px 1px 8px -2px #00000040;
			margin: 20px 0px 20px;
		}

		.prob-inn-image img {
			width: 100%;
		}

		.uuu .th-flot {
			top: -45px;
			left: -130px;
		}

		.user-research p.user-base {
			color: #FF9E45;
			font-size: 24px;
		}

		.user-research p.user-base {
			color: #FF9E45;
			font-size: 24px;
			padding-top: 15px;
			padding-bottom: 25px;
		}

		.interview-inner h3 {
			color: #ff9e45;
			margin-bottom: 30px;
		}

		.box-card {
			max-width: 70%;
			margin: 0 auto;
		}

		.box-card-inner {
			width: 100%;
			float: left;
			background-color: #FCFCFC;
			padding: 15px;
			border-radius: 8px;
			box-shadow: 0px 1px 8px -2px #00000040;
			margin: 40px 0px 40px;
		}

		.box-card-inner p.guide {
			color: #FF9E45;
			margin-bottom: 20px;
		}

		.box-card-inner p {
			font-size: 16px;
			font-family: 'PT Sans';
			color: #5C5C5CCC;
			margin-bottom: 0px;
		}

		.box-card-inner ul {
			margin-top: 15px;
		}

		.box-card-inner ul li {
			color: #5C5C5CCC;
			padding: 3px 0px;
		}

		.box-card-inner p span {
			padding: 0px 3px;
		}

		p.pain-points {
			width: 100%;
			float: left;
			color: #FF9E45 !important;
			font-size: 24px;
			padding-top: 15px;
			padding-bottom: 25px;
		}

		p.heading-2 {
			width: 100%;
			float: left;
			color: #FF9E45 !important;
			font-size: 24px;
			padding-top: 15px;
			padding-bottom: 25px;
		}

		.interview-inner p {
			color: #5C5C5CCC;
		}

		.rldi .th-inner {
			max-width: 65%;
		}

		.th-content p span {
			color: #3F3F3F;
		}

		.person-detail {
			border: 3px solid #C9E265;
			box-shadow: 0px 1px 8px -2px #00000040;
			width: 100%;
			float: left;
			padding: 15px;
			border-radius: 8px;
			margin-top: 30px;
			margin-left: 0%;
		}

		.left-detail ul {
			padding-left: 15px;
		}

		.left-detail ul li {
			color: #5C5C5CCC;
		}

		p.orange {
			color: #FF9E45;
		}

		p.green {
			color: #39B349;
		}

		p.red {
			color: #E21F1F;
		}

		.body-inner p.orange {
			text-align: center;
			text-indent: 0;
		}

		.body-inner table tr td {
			padding: 0px 5px;
		}

		.qot p {
			color: orange;
			font-size: 18px;
			font-weight: 700;
			text-align: center;
			font-family: 'PT Sans';
			margin-top: 15px;
		}

		.ring {
			width: 100%;
			float: left;
			padding: 10px;
			border: 1px solid #FF9E45;
			border-radius: 16px;
			margin-top: 15px;
		}

		.ideation-design h3:before {
			display: none;
			font-weight: 400;
		}

		.ideation-design h3 {
			color: #FF9E45;
			font-weight: 400 !important;
			margin-bottom: 15px;
		}

		.g-statement {
			margin-top: 40px;
		}

		ul li {
			color: #5C5C5CCC;
		}

		.csr-left .orange {
			font-size: 17px;
			color: #FF9E45;
		}

		.csr-left p {
			font-size: 14px;
			color: #5C5C5CCC;
		}

		.clf p.orange {
			font-weight: 700;
			font-size: 17px;
		}

		p.max-me {
			padding-right: 95px;
		}

		.csr-top {
			border: 1px solid #FF9E45;
			border-radius: 8px;
			padding: 15px;
		}

		.csr-bottom {
			width: 100%;
			float: left;
			text-align: center;
			margin-top: 15px;
		}

		.csr-bottom p {
			margin-top: 10px;
			color: #5C5C5CCC;
		}

		.clf p {
			font-size: 14px;
		}

		.inner-left-t img,
		.inner-right-t img {
			width: 100%;
			height: 290px;
		}

		.inner-left-t p,
		.inner-right-t p {
			width: 100%;
			float: left;
			color: #5C5C5CCC;
			font-size: 14px;
		}

		section.usd .th-inner {
			max-width: 100%;
		}

		section.usd .th-inner ul li {
			text-align: left;
		}

		.g-statement h3 {
			color: #FF9E45;
		}

		section.usd .g-statement {
			margin-bottom: 69px;
		}

		section.usd .g-statement ul li {
			padding-bottom: 8px;
		}

		.ideation-design,
		section.usd .g-statement,
		section.usd p.pain-points {
			padding-left: 0px;
		}

		section.usd p.heading-2 {
			padding-left: 0px;
		}

		.process {
			width: 100%;
			float: left;
			display: flex;
			text-align: center;
			justify-content: space-between;
		}

		.process-inner {}

		.process .process-inner {
			width: 162px;
			margin: 0 auto;
			position: relative;
		}

		.process-con p:first-child {
			font-family: 'PT Serif';
			margin-top: 10px;
		}

		.process .process-inner:nth-child(1):before,
		.process .process-inner:nth-child(2):before,
		.process .process-inner:nth-child(4):before {
			content: "";
			position: absolute;
			top: -54px;
			width: 188px;
			height: 100px;
			background-image: url(../image/ta.png);
			background-repeat: no-repeat;
		}

		.process .process-inner:nth-child(3):before {
			content: "";
			position: absolute;
			bottom: -89px;
			width: 188px;
			height: 100px;
			background-image: url(../image/ba.png);
			background-repeat: no-repeat;
		}

		.about-me-img {
			width: 100%;
			padding: 0px 40px 0px 40px;
		}
		.barrway-process-p {
			text-align: center;
			font-size: 14px !important;
			margin: 30px;
			margin-left: 0px;
		}
	}

	/*=============================media======================================*/

	@media screen and (max-width:768px) {
		.pb-bottom {
			padding-bottom: 73px;
		}

		.pt-top {
			padding-top: 6px;
		}

		.elp {
			padding: 80px 0px;
		}

		.elp p {
			font-size: 18px;
		}

		.th-inner {
			margin-bottom: 85px;
		}

		.process .process-inner:nth-child(1):before,
		.process .process-inner:nth-child(2):before,
		.process .process-inner:nth-child(4):before,
		.process .process-inner:nth-child(3):before {
			background-size: 76%;
		}

		.uuu .th-flot {
			top: -52px;
			left: -161px;
		}

		.box-card {
			max-width: 100%;
			margin: 0 auto;
		}

		.about-me-img {
			width: 100%;
			padding: 0px 40px 0px 40px;
		}
	}

	@media screen and (max-width:767px) {
		.heading-1 h3 {
			font-size: 28px;
		}

		.about-me-img {
			width: 100%;
			padding: 0px 40px 0px 40px;
		}

		.heding-2 h3 span {
			font-size: 34px;
		}

		.heding-2 h3 {
			font-size: 26px;
			margin-top: 0px;
		}

		.img-wrp img {
			width: 65%;
		}

		.mb-100 {
			margin-bottom: 60px !important;
		}

		.process {
			display: block;
		}

		.process .process-inner {
			width: 100%;
			float: left;
		}

		.process .process-inner:nth-child(1):before,
		.process .process-inner:nth-child(2):before,
		.process .process-inner:nth-child(3):before,
		.process .process-inner:nth-child(4):before {
			display: none;
		}

		.csr-bottom img {
			width: 100%;
		}

		.inner-left-t img,
		.inner-right-t img {
			width: 100%;
			height: auto;
		}

		.elp h2 {
			font-size: 31px;
		}

		.footer-copyright p span {
			display: block;
		}

		.footer-copyright p span span {
			display: inline-flex;
		}

		.about-me-img {
			width: 100%;
			padding: 0px 40px 0px 40px;
		}
	}

	.module {
		opacity: 0;
	}

	.block {
		opacity: 1;
	}

	.link {
		border-style: dotted;
		border-width: 1px 1px 2px;
		border-color: transparent transparent rgba(92, 92, 92, 0.21);
		color: #FF9E45;
		font-weight: 600;
		text-decoration: none;
		cursor: pointer;
	}

	.heading-link {
		margin-bottom: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		border-bottom: 5px none #ffc340;
		color: #1d1717;
		line-height: 68px;
		text-decoration: none;
		cursor: pointer;
	}

	.footer-link {
		border-style: dotted;
		border-width: 1px 1px 2px;
		border-color: transparent transparent rgba(92, 92, 92, 0.21);
		color: #FF9E45;
		font-weight: 300;
		text-decoration: none;
		cursor: pointer;
	}

	a:hover {
		outline: 0;
		text-decoration: none;
	}

	blockquote {
		border: none;
		font-family: 'PT Serif';
		font-size: 20px;
		font-style: italic;
		line-height: 1.6em;
		quotes: "\201C" "\201D" "\2018" "\2019";
		padding: 25px 0px 0px 0px;
		text-align: center;
	}

	blockquote:before {
		content: open-quote;
		font-weight: bold;
		font-size: 26px;
		line-height: 110%;
		color: #3F3F3F;
	}

	blockquote:after {
		content: close-quote;
		font-weight: bold;
		font-size: 26px;
		line-height: 110%;
		color: #3F3F3F;
	}

	.heading-1 {
		display: block;
		margin-top: 0px;
		margin-bottom: 16px;
		padding-right: 0px;
		padding-top: 75px;
		font-family: 'PT Serif', serif;
		color: #3F3F3F;
		font-size: 58px;
		line-height: 72px;
		font-weight: 700;
		text-transform: capitalize;
	}

	.body-text {
		overflow: visible;
		width: auto;
		margin: 0px 0%;
		padding-right: 0px;
		float: none;
		clear: none;
		font-family: 'PT Sans';
		color: #5C5C5CCC;
		/*rgba(92, 92, 92, 0.9);*/
		font-size: 16px;
		line-height: 30px;
		font-weight: 400;
		text-align: left;
		text-transform: none;
	}

	.about-me-img-grid {
		display: block;
		margin-right: 0px;
		margin-left: 0px;
	}

	.about-me-img-div-div {
		max-width: 424px;
		color: #5C5C5CCC;
	}

	.homepage-resume-button {
		display: inline-block;
		margin-top: 8px;
		padding: 6px 14px;
		border: 2px solid #FF9E45;
		border-radius: 5px;
		background-color: transparent;
		font-family: PT Sans;
		color: #FF9E45;
		font-weight: 700;
		font-size: 20px;
	}

	.w-button {
		line-height: inherit;
		text-decoration: none;
		cursor: pointer;
	}

	.pros-hed h3 {
		font-weight: 700;
		font-family: "PT Serif";
		margin-bottom: 30px;
		font-size: 24px;
		position: relative;
	}

	.pros-hed h3:before {
		content: "";
		position: absolute;
		top: -15px;
		width: 75px;
		height: 2px;
		background-color: #ff9e45;
	}

	/*.h-400 {
    height: 400px;
}*/
	.new-process {
		justify-content: center;
	}

	.new-process img {
		width: 70%;
	}

	.new-rg .th-image {
		width: 100%;
		float: left;
	}

	.new-rg .th-inner {
		max-width: 85%;
	}

	.th-image .th-flot {
		position: relative;
		top: auto;
		bottom: auto;
	}

	.user-base-img {
		width: 115px;
		height: 115px;
	}

	.findings-img {
		width: 81px;
		height: 81px;
	}

	.pain-points-img {
		width: 55px;
		height: 55px;
	}

	.user-img {
		width: 160px;
	}

	.csr-img {
		width: 417px;
	}

	.sff {
		width: 100%;
		float: left;
	}

	.sff img {
		width: 100%;
	}

	.sff p {
		text-align: center;
		margin-top: 15px;

	}

	.item-center {
		text-align: center;
	}

	.inner-left-t-auto {
		text-align: center;
	}

	.inner-left-t-auto img {
		width: 67%;
	}

	.prob-inner ul li {
		font-size: 16px;
		font-family: 'PT Sans';
		font-weight: 400;
		color: #5C5C5CCC;
		line-height: 30px;
	}

	.max-width {
		max-width: 30%;
		margin: 0 auto;
		text-align: left;
	}

	.elplayer {
		background-image: url("../image/layer2.png");
	}

	.barrway_bg {
		background-image: url("../image/barrway_bg.png");
	}

	.mt-l {
		margin-left: 7%;
	}

	.max-width-inner {
		max-width: 80%;
		margin: 0 auto;
	}

	.pl_30 {
		padding-left: 30px;
	}

	.pl_60 {
		padding-left: 60px;
	}

	.pl_50 {
		padding-left: 50px;
	}

	section.midone-full {
/*		background-color: #3FBFC726;*/
		padding: 30px 0px;
	}
	.midone-half {
		width: 100%;
		float: left;
		position: relative;
		margin-bottom: 30px;
		margin-left: 10px;
	}
	
	.midone-half:before {
		width: 2px;
		height: 33px;
		background-color: #f9a14b;
		left: -10px;
		content: "";
		position: absolute;
		top: 4px;
	}
	
	.midone-half p:nth-child(1) {
		color: #3F3F3F;
	}
	.midone-heading h2 {
		width: 100%;
		float: left;
		font-size: 20px;
		color: #5C5C5CCC;
		margin-bottom: 30px;
	}
	.midone-inner {
		max-width: 82%;
		margin: 0 auto;
	}
	@media screen and (max-width:767px) {
		.max-width {
			max-width: 100%;
			margin: 0 auto;
			text-align: left;
		}

		.mob-view {
			padding: 0px 15px;
		}

		.mt-l {
			margin-left: 0%;
		}

		.home-page-holder {
			width: 100%;
		}

		.max-width-inner {
			max-width: 100%;
		}
	}

	.b_acc, .cat_a {
		width: 100%;
		overflow: visible;
		position: relative;
	}
	
	.ideation-design .b_acc, .ideation-design .cat_a {
		max-width: 80%;
		margin-left: auto;
		margin-right: 3%;
	}
	
	.b_acc_img_wrap {
		position: absolute;
		left: -23%;
		top: 25%;
		width: 230px;
		text-align: center;
	}
	
	.cat_a .cat_a_img_wrap {
		position: absolute;
		left: -23%;
		top: 0%;
		width: 230px;
		text-align: center;
	}
	
	.b_acc_img_wrap img {
		width: 72%;
	}
	.b_acc_img_wrap img, .cat_a .cat_a_img_wrap img {
		width: 40%;
	}
	@media screen and (min-width:1920px){
		.cat_a .cat_a_img_wrap {
			top: 10%;
		}
	}
	@media screen and (max-width:767px){
		.b_acc_img_wrap, .cat_a_img_wrap {
			position: relative !important;
			width: 100% !important;
			text-align: center !important;
			left: auto !important;
			margin-bottom: 0px;
		}
		.ideation-design .b_acc, .ideation-design .cat_a {
			max-width: 100%;
			margin-left: 0%;
			margin-right: 0%;
		}
		.b_acc_img_wrap img, .cat_a .cat_a_img_wrap img {
			width: 30%;
		}
		.b_acc_img_wrap p, .cat_a_img_wrap p {
			padding-left: 0px;
		}
		.barrway-process-p {
			text-align: center;
			font-size: 14px !important;
			margin: 30px;
			margin-left: 0px;
		}
	}