:root {
	--yellow: #264DEC;
	--black: #05052E;
	--yellowold: #ffd20a;
	--blackold: #000000;
	--gray: #f6f6f6;
	--white: #FFFFFF;
	--graytext: #d9d9d9;
	--darkgray: #838080;
	--lightgray: #eee;
	--darkblue: #05052E;
	--lightblue: #264DEC;
	--gold: #f2c85a;
	
		
	--body-font-size: 0.9em;
	
	--body-font: 'albula_proregular', sans-serif;

	--select-border: #777;
	--select-focus: blue;
	--select-arrow: var(--select-border);
	
	--grad: linear-gradient(125deg, rgba(38,77,236,1) 20%, rgba(5,5,46,1) 90%);
}

@font-face {
    font-family: 'albula_proregular';
    src: url('/fonts/vendor/albulapro/albulapro-regular-webfont.woff2') format('woff2'),
         url('/fonts/vendor/albulapro/albulapro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'albula_probold';
    src: url('/fonts/vendor/albulapro/albulapro-bold-webfont.woff2') format('woff2'),
         url('/fonts/vendor/albulapro/albulapro/albulapro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	box-sizing: border-box;
    /* font-size: 0.75em;  - 12px */
    /* font-size: 0.875em; - 14px */
    /* font-size: 1em;     - 16px */
    font-size: var(--body-font-size); /* - 18px */
    font-family: var(--body-font);
    font-weight: var(--body-font-weight);
    color: #363636;
    -webkit-font-smoothing: antialiased;
/*     line-height: 1.65em; */
    padding: 0;
    margin: 0;
}

*, *:before, *:after {
    box-sizing: inherit;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

html {
	background: var(--white);
    padding: 0;
    margin: 0;
}

hr {
	border: 0;
	border-top: 1px solid var(--graytext);
}

b {

}

p {

}

h1 {
	
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 2em;
}

h4 {
	font-size: 2.5em;
}

a:link {
  text-decoration: none;
	color: black
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
	
}

img {
	display: block;
	width: 100%;
	height: auto;
}

body:after {
	position: fixed;
	z-index: 999999;
	content: 'mobile';
	display: none;
	left: 0;
	top: 0;
	padding: 0.5em;
	font-size: 0.6em;
	color: #FFF;
}

.yellow_bg {
	background: var(--yellow);
}

.white_bg {
	background: var(--white);
}

.gray_bg {
	background: var(--gray) !important;
}

.black_bg {
	background: var(--black) !important;
}

.yellow_col {
	color: var(--yellow);
}

.white_col {
	color: var(--white);
}

.gray_col {
	color: var(--gray) !important;
}

.black_col {
	color: var(--black);
}

.fl {
	float: left;
}

.fr {
	float: right;
}

/*-LIST STYLING-*/
/*-()--------------------------------------------------------------------------*/

.content_block ol {
	padding-left: 1.9em;
}

.content_block ul {
	list-style: none;
	padding: 0;
}

.content_block ul li {
	position: relative;
	padding-left: 1.8em;
	margin: 1em 0;
}

.content_block ul li a {
	color: var(--black); 
}

.content_block ul li a:hover {
	color: var(--black);
	background: none;
	text-decoration: none;	 
}

.content_block ul li:after {
	position: absolute;
	background: var(--black);
	border-radius: 20px;
	left: 5px;
	top: 5px;
	content: '';
	display: block;
	width: 10px;
	height: 10px;
}

.content_block ol li {
	padding: 0;
}

.content_block ol li:after {
	display: none;
}

.content_block ul.icon {
	list-style-type: none;
    margin-left: 10px;
}

.content_block ul.icon li {
    margin-bottom: 12px;
    margin-left: -10px;
    display: flex;
    align-items: center;
	padding-left: 0;
}

.content_block ul.icon li::before {
    color: transparent;
    font-size: 1px;
    content: " ";
    margin-left: -1.3em;
    margin-right: 15px;
    padding: 10px;
    background-color: var(--yellow);
    -webkit-mask-size: cover;
}

.content_block ul.icon.tick li::before {
    -webkit-mask-image: url("/ntuksite/assets/tick_icon.svg");
}


.content_block ul.icon li:after {
	display: none;
}

/*-MENU-*/
/*-()--------------------------------------------------------------------------*/

.img_50_left {
	width: 100%;
	float: left;
	margin: 2em 0;
}

.img_50_right {
	width: 100%;
	float: right;
	margin: 2em 0;
}

/*-BODY-*/
/*-()--------------------------------------------------------------------------*/

.wrapper {
	background: var(--white);
}

.container {
	width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    overflow: hidden;
}

/*-HEADER-*/
/*-()--------------------------------------------------------------------------*/


.black_header {
	display: none;
}

.black_header {
	background: var(--black);
	color: var(--white);
	position: relative;
}

.black_header .container {
	padding: 1em 0;
}

.black_header .container a {
	text-align: center;
	color: var(--white);
	margin: 0 auto;
	display: block;
	font-size: 1.4em;
	text-decoration: none;
}

.black_header .container a:hover {
	color: var(--yellow)
}

.black_header .social {
	position: absolute;
	right: 0;
	top: 0;
}

.black_header .social ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.black_header .social ul li {
	display: block;
	width: 42px;
	height: 52px;
	float: left;
	font-size: 0em;
	color: transparent;
}

.black_header .social ul li a {
	position: relative;
	float: left;
	display: block;
	width: 100%;
	height: 100%;
}

.black_header .social ul li a.linkedin {
	background: url('/ntuksite/assets/linkedin.svg') center center no-repeat;
	background-size: 40%;
}

.black_header .social ul li a.twitter {
	background: url('/ntuksite/assets/twitter.svg') center center no-repeat;
	background-size: 40%;
}

.black_header .social ul li a.facebook {
	background: url('/ntuksite/assets/facebook.svg') center center no-repeat;
	background-size: 40%;
}

.black_header .social ul li a.instagram {
	background: url('/ntuksite/assets/instagram.svg') center center no-repeat;
	background-size: 40%;
}

.black_header .social ul li a.youtube {
	background: url('/ntuksite/assets/youtube.svg') center center no-repeat;
	background-size: 40%;
}

.black_header .social ul li a:hover {
	background-color: var(--yellow);
}

.header {
	position: relative;
}

.header .logo {
	width: 180px;
	height: 52px;
	display: block;
	margin: 0.5em 0;
	float: left;
}

.header .logo a {
	background: url('/ntuksite/assets/the-build-chain-logo.svg') center center no-repeat;
	background-size: 100%;
	width: 100%;
	height: 100%;
	display: block;
	color: transparent;
	font-size: 0em;
}

.header .container {
	padding: 0 0.5em;
	overflow: visible;
}

.sign_up {
	position: relative;
	margin: 0.5em 0;
	float: right;
	height: 52px;
	
	padding-right: 50px;
}

.sign_up .menu {
	position: absolute;
	width: 40px;
	right: 0;
	bottom: 0;
	top: 0;
}

.sign_up .menu a {
	color: transparent;
	background: url('/ntuksite/assets/menu.svg') center center no-repeat;
	background-size: 80%;
	width: 100%;
	height: 100%;
	font-size: 0;
	display: block;
}

.sign_up a {
	text-transform: uppercase;
	text-decoration: none;
	font-family: 'albula_probold', sans-serif;
	line-height: 52px;
	color: var(--blue)
}

.sign_up a span {
	display: none;
}

.sign_up a:hover {
	color: var(--darkgray);
}

.black_header .mind {
	height: 52px;
	width: 200px;
	
	position: absolute;
	left: 0;
	top: 0;
	
	display: none;
	align-items: center;
	padding: 0 0 0 0.5em;
}

.black_header .mind img {
	width: auto;
    max-width: 100%;
    max-height: 42px;
}

.black_header .mind span {
	font-size: 10%;
	padding: 0 0 0 1em;
}



/*-MENU-*/
/*-()--------------------------------------------------------------------------*/

.menuWrapper {
	width: 100%;
	display: none;
}

.menuWrapper.on_off {
	display: inline-block;
}

.menuWrapper nav.navi {
/* 	display: none; */
	float: left;
	width: 100%;
}

.menuWrapper  nav.navi.open {
	display: block;
}

.menuWrapper nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
/* 	width: auto; */
	width: 100%;
}

.menuWrapper nav ul li {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width: 100%;
}

.menuWrapper nav ul li a, .menuWrapper nav ul ul li a {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	color: #5f6368 ;
    font-family: 'albula_probold', sans-serif;
}

.menuWrapper nav ul li a {
	box-sizing: border-box;
	padding: 1.2em 0.8em 1em 0.8em;
	font-size: 1em;
}

.menuWrapper nav ul li a {
    text-transform: uppercase;
}

.menuWrapper nav > ul > li {
    border-top:1px solid #e4e3e3;
}

.menuWrapper nav ul li > a {
    color: var(--black);
}

.menuWrapper nav ul li.menuActive {

}

.menuWrapper nav ul li.menuActive a {
	color: #333333;
}

.menuWrapper nav ul > li a:hover {
    transition: background-color 0.8s ease;
	text-decoration: none;
	color: var(--lightblue);
}

.menuWrapper nav ul ul > li {
    border-top:1px solid #e4e3e3;
}

.menuWrapper nav ul ul li a {
	box-sizing: border-box;
	font-size: 0.8em;
	padding: 1em 0.8em 0.8em 0.8em;
	color: #5f6368;
}

.menuWrapper nav ul li:hover ul li:hover a {
	background: var(--black);
	color: var(--yellow);
}

/*
.menuWrapper nav ul ul li:first-child {
	border-top:0;
}
*/

.menuWrapper nav ul ul {
	background: #FFF;
}

.menuWrapper nav ul ul li {
	width: 100%;
}

.menuWrapper nav ul .subNav {
	visibility: visible;
/* 	visibility: hidden; */
	position: relative;
	top:100%;
	left:0;
	width: 250px;
	background:#fff;
	padding:0;
	
	-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.19);
	-moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.19);
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.19);

/* 	transition: 0.2s 0.2s; /* delay of 1 seconds on hover off */
	opacity: 1;
	display: none;
	z-index: 9999;
}

.menuWrapper nav ul ul .subNav {
	top:0;
	left:100%;
}

.menuWrapper nav ul li:hover > .subNav {
	visibility: visible;
/* 	transition-delay: 0s; /* react immediately on hover */
	opacity: 1;
}

.subNav.open {
	display: inline !important;
}

.rsp_button {
    text-align: center;
	position: absolute !important;
    font-size: 1.8em;
	right: 0;
	width: 43px !important;
	height: 48px;
/*     max-height: 48px; */
	text-align: center;
    padding: 0;
    cursor: pointer;
}

.rsp_button:hover {
	background: #6e8486;
	color: #FFF;
}

/*-TALK TO US-*/
/*-()--------------------------------------------------------------------------*/

.talk {
	position: relative;
	width: 100%;
	display: block;
	float: left;
	
}

.talk_to {
	clip-path: polygon(10% 0, 100% 0%, 90% 99%, 0% 100%);
	background: var(--black);
	background-size: contain;
	position: absolute;
	right: 1.5em;
	top: -10px;
	font-family: 'albula_probold', sans-serif;
	padding: 1.5em 3.5em 1.5em 3.5em;
	line-height: 20px;
	z-index: 998;
}

a.talk_to  {
	color: var(--white);
	font-size: 0.8em;
}

.talk_to:hover {
	color: var(--white);
	text-decoration: none;
	background: var(--yellow);
}

/*
.talk_to:after {
	background: url('/ntuksite/assets/chat.svg') center center no-repeat;
	background-size: 40%;
	position: absolute;
	content: '';
	display: block;
	height: 100%;
	width: 4em;
	right: 10px;
	top: 0;
}
*/



/*-BOOK A DEMO-*/
/*-()--------------------------------------------------------------------------*/

.bookademo {
	position: relative;
	width: 100%;
	display: block;
	float: left;
}

.bookademo_to {
	clip-path: polygon(10% 0, 100% 0%, 90% 99%, 0% 100%);
	background: var(--gold);
	background-size: contain;
	position: absolute;
	right: 16em;
	top: -10px;
    font-family: 'albula_probold', sans-serif;
	padding: 1.5em 3.5em 1.5em 3.5em;
	line-height: 20px;
	z-index: 998;
}

a.bookademo_to  {
	color: var(--white);
	font-size: 0.8em;
}

.bookademo_to:hover {
	color: var(--white);
	text-decoration: none;
	background: var(--grad);
}

/*
.bookademo_to:after {
	background: url('') center center no-repeat;
	background-size: 40%;
	position: absolute;
	content: '';
	display: block;
	height: 100%;
	width: 4em;
	right: 10px;
	top: 0;
}
*/

.book_round {
	background: var(--gold);
	color: var(--white);
	margin-top: 20px;
	display: inline-block;
	padding: 1em;
	font-size: 1.3em;
    font-family: 'albula_probold', sans-serif;
    text-decoration: none; 
    border-radius: 6px;
}

.book_round:hover {
    text-decoration: none;
	background: var(--grad);     
}


/*-SLIDER-*/
/*-()--------------------------------------------------------------------------*/

.subtleSlider {
/* 	background: var(--gray); */
	overflow: hidden;
	position: relative;
	display: block;
	height: 650px;
	width: 100%;
}

#slideshow, #slideshow2 {
	position: absolute !important; /* 'relative' or 'absolute' will also work. */
	overflow: hidden;  /* Necessary. Otherwise you would see the slides sticking out the sides while being animated. */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.ken-burns-slideshow__slide {
	width: 100%;
}

img.ken-burns-slideshow__slide-img {
	width: 100% !important;
	height: auto;
}

.subtle_yellow_text {
	color: var(--white);
	background: var(--yellow);
	padding: 2em;
	width: 100%;
}

.subtle_yellow_text.gr {
	background: var(--grad);
}

.subtleSlider > .subtle_yellow_text {
	position: absolute;
	z-index: 997;
	bottom: 0 !important;
}

.subtle_yellow_text h1 {
    font-family: 'albula_probold', sans-serif;
	margin-top: 0;
}

.subtle_yellow_text p {
	font-weight: 400;
	width: 60%;
}

.subtle_yellow_text .transparent_slant_link {
	background: url('assets/black-slant-tran.png') center center no-repeat;
	background-size: contain;
	color: var(--white);
	font-family: 'albula_probold', sans-serif;
	text-transform: uppercase;
	padding: 1em 2.3em;
	float: left;
}

.subtle_yellow_text .transparent_slant_link:hover {
	color: var(--yellow);
}

#slideshow .static-content {
	top: auto !important;
}

.subtle_yellow_text .transparent_slant_link {
	position: relative;
}

.subtle_yellow_text .transparent_slant_link a {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.single_image {
	width: 100%;
	height: 100%; 
	position: absolute; 
	right: 0; 
	top: 0; 
	display: block; 
	background-position: center center; 
	background-size: cover; 
	background-repeat: no-repeat;
}


/*-SINGLE SLANT-*/
/*-()--------------------------------------------------------------------------*/

.single_sl {
	display: flex;
	justify-content: center;
	align-items: center;
}

.single.transparent_slant_link {
	background: url('/ntuksite/assets/black-slant-tran.png') center center no-repeat;
	background-size: contain;
	color: var(--white);
	font-weight: 700;
	text-transform: uppercase;
	padding: 1em 2.3em;
	float: left;
	margin: 0 auto;
}

.single.transparent_slant_link:hover {
	color: var(--white);
}

.single.transparent_slant_link {
	position: relative;
}

.single.transparent_slant_link a {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*-Clients-*/
/*-()--------------------------------------------------------------------------*/

.clients {
	display: flex;
		overflow: hidden;
}

.clients {
	display: block;
	justify-content: space-between;
}

.clients .black {
	background: var(--black);
	text-align: center;
}

.clients .black > div {
	color: var(--white);
	padding: 2em;
}

.clients .white > div {
	height: 100%;
}

.clients .white div > div {
	width: 50%;
/* 	width: 33.3%; */
/* 	height: 100px; */
	min-height: 200px;

	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
}

.clients.icon_text .white div > div {
	height: auto;
}

.clients .white > div img {
	max-width: 100px;
	margin: 0 auto;
}

.clients .white {
	width: 100%;
	display: inline-block;
}

.clients.icon_text .white > div span {
	margin: 40px 0;
}

.clients .white > div span {
	position: relative;
	min-height: 150px;
	text-align: center;
	max-width: 150px;
}

.clients .white > div span img {
	margin-bottom: 60px;
}

.clients .white > div span div {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-family: 'albula_probold', sans-serif;
	min-height: 30px;
}

.clients .black .yellow_slant {
	margin: 0 ;
	padding: 0;
}

.clients .yellow_slant a {
	margin: 0 auto;
}

.clients .yellow_slant a:hover {
	background: var(--white);
	color: var(--black);
}

.clients .black h3 {
	margin-top:0;
}

	.full_width_vid .page_banner_block {
		max-width: 800px;
		width: 100%;
		margin: 0 auto;
	}

/* Add after line 4439. */

	.page_banner_block {
		width: 50%;
	}

	.clients .white > div span {
/* 		min-width: 150px; */
	}
/* } */

@media (min-width: 1400px) {

	}



/*-Benefits-*/
/*-()--------------------------------------------------------------------------*/

a.showcase_project_link  {
	clip-path: polygon(8% 0%, 100% 0%, 92% 100%, 0% 100%);
	text-align: center;
	text-transform: capitalize;
	background: var(--black);
	margin: 2em  auto ;
	padding: 1em 0;
	color: var(--white);
	font-family: 'albula_probold', sans-serif;
	font-size: 0.9em;
	text-decoration: none;
	display: block;
	max-width: 200px;
}

a.showcase_project_link:hover {
	background: var(--yellow);
	color: var(--black);
} 
.three_blocks {
	background: var(--gray);
	display: block;
	padding: 2em;
}

.three_blocks .container h2 {
	color: var(--black);
	text-align: center;
	margin: 0;
}

.three_blocks .container > div {
	display: inline;
}

.three_blocks .container div > .block {
	text-align: center;
	width: 100%;
	display: block;
	margin: 2em 0 0 0;
}

.three_blocks .container div h3 {
	color: var(--black);
	margin: 2em 0 1em 0;
}

.three_blocks .container div p {
	font-weight: 400;
	margin: 0;
}

.three_blocks .container .icon {
	background: url('/ntuksite/assets/gray-slant.svg') center center no-repeat;
	margin: 0 auto;
	width: 140px;
	height: 110px;
	position: relative;
}

.three_blocks .container .icon:after {
	position: absolute;
	display: block;
	content: '';
	height: 100%;
	width: 100%;
	padding: 0 2em;
	left: 0;
	top: 0;
}

.three_blocks .container .icon.one:after {
	background: url('/ntuksite/assets/contractor.svg') center center no-repeat;
	background-size: 80px;
}

.three_blocks .container .icon.two:after {
	background: url('/ntuksite/assets/supplier.svg') center center no-repeat;
	background-size: 90px;
}

.three_blocks .container .icon.three:after {
	background: url('/ntuksite/assets/manufacturer.svg') center center no-repeat;
	background-size: 70px;
}

/*-NEW THREE BLOCKS (Large)-*/
/*-()--------------------------------------------------------------------------*/


.three_blocks .container .icon.large {
	background: none;
	width: 100%;
	height: auto;
		padding-top: 30px;
	padding-bottom: 30px;
		height: 160px;

}

.three_blocks .container .icon.large:before {
	position: absolute;
	display: block;
	content: '';
	height: 100px;
	width: 100%;
	margin-top: 30px;
	padding: 0 2em;
	left: 0;
	top: 0;
	background: url('/ntuksite/assets/gray-slant.svg') center center no-repeat;
}

.three_blocks .container .icon.large:after {
	background-size: contain !important;
	height: 160px;
	
}

.block.custom_3 {
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.block.custom_3 > div {
	width: 100%;
}

.three_blocks .container .icon.one.large:after {
	background: url('/ntuksite/assets/quantity_surveyor.png') center center no-repeat;
}

.three_blocks .container .icon.two.large:after {
	background: url('/ntuksite/assets/account_manager2.png') center center no-repeat;
}

.three_blocks .container .icon.three.large:after {
	background: url('/ntuksite/assets/director_owner3.png') center center no-repeat;
}

.three_blocks .container .icon.four.large:after {
	background: url('/ntuksite/assets/estimator.png') center center no-repeat;
}

.three_blocks .container .icon.five.large:after {
	background: url('/ntuksite/assets/buyer2.png') center center no-repeat;
}



/*-NEW THREE BLOCKS-*/
/*-()--------------------------------------------------------------------------*/

.new_blocks_three {
	display: block;
	width: 100%;
	padding: 2em;
	margin: 20px 0;
}

.new_blocks_three h3 {
    text-align: center;
    margin: 20px 0;
    line-height: normal;
}

.new_blocks_three ul {
	text-align: left;
	padding-left: 20px
}

.new_blocks_three > div {
	background: var(--gray);
	padding: 20px;
}

.new_blocks_three li {
	margin-bottom: 15px;
	list-style: disc;
}

/*-Benefits Black-*/
/*-()--------------------------------------------------------------------------*/

.three_blocks_black {
	background: var(--black);
	display: block;
	padding: 2em;
}

.three_blocks_black .container h2 {
	color: var(--white);
	text-align: center;
	margin: 0;
}

.three_blocks_black .container > div {
	display: inline;
}

.three_blocks_black .container div > .block {
	text-align: center;
	width: 100%;
	display: block;
	margin: 2em 0 0 0;
}

.three_blocks_black .container div h3 {
	color: var(--white);
	margin: 2em 0 1em 0;
}

.three_blocks_black .container div p {
	font-weight: 400;
	color: var(--white);
	margin: 0;
}

.three_blocks_black .container .icon {
/* 	background: url('/ntuksite/assets/gray-slant.svg') center center no-repeat; */
	margin: 0 auto;
	width: 140px;
	height: 110px;
	position: relative;
}

.three_blocks_black .container .icon:after {
	position: absolute;
	display: block;
	content: '';
	height: 100%;
	width: 100%;
	padding: 0 2em;
	left: 0;
	top: 0;
}

.three_blocks_black .container .icon.one:after {
	background: url('/ntuksite/assets/contractor.svg') center center no-repeat;
	background-size: 80px;
}

.three_blocks_black .container .icon.two:after {
	background: url('/ntuksite/assets/supplier.svg') center center no-repeat;
	background-size: 90px;
}

.three_blocks_black .container .icon.three:after {
	background: url('/ntuksite/assets/manufacturer.svg') center center no-repeat;
	background-size: 70px;
}

/*-Benefits Yellow-*/
/*-()--------------------------------------------------------------------------*/

.three_blocks_yellow {
	display: block;
	padding: 2em;
}

.three_blocks_yellow .container {
	overflow: visible;
}

.three_blocks_yellow .container h2 {
	color: var(--Black);
	text-align: center;
	margin: 0;
}

.three_blocks_yellow .container > div {
	display: inline;
}

.three_blocks_yellow .container div > .block {
	text-align: center;
	width: 100%;
	display: block;
	margin: 2em 0 0 0;
}

.three_blocks_yellow .container .block > div {
	background: var(--white);
	border-radius: 10px;
	padding: 2em 1em; 
}

.three_blocks_yellow .container div h3 {
	color: var(--black);
	margin: 0 0 1em 0;
}

.three_blocks_yellow .container div p {
	font-weight: 400;
	color: var(--black);
	margin: 0;
}

.three_blocks_yellow .container .icon {
/* 	background: url('/ntuksite/assets/gray-slant.svg') center center no-repeat; */
	margin: 0 auto;
	width: 140px;
	height: 110px;
	position: relative;
}

.three_blocks_yellow .container .icon:after {
	position: absolute;
	display: block;
	content: '';
	height: 100%;
	width: 100%;
	padding: 0 2em;
	left: 0;
	top: 0;
}

.three_blocks_yellow .container .icon.one:after {
	background: url('/ntuksite/assets/icon_1.svg') center center no-repeat;
	background-size: 80px;
}

.three_blocks_yellow .container .icon.two:after {
	background: url('/ntuksite/assets/icon_2.svg') center center no-repeat;
	background-size: 90px;
}

.three_blocks_yellow .container .icon.three:after {
	background: url('/ntuksite/assets/icon_3.svg') center center no-repeat;
	background-size: 70px;
}

/*-Single Plan-*/
/*-()--------------------------------------------------------------------------*/

.three_blocks_yellow .container .block.single {
	margin: 20px 0 0 0;
	display: flex;
	justify-content: center;
	
}


.three_blocks_yellow .container .block .single_plan, .lPbanner .single_plan {
	box-shadow: -1px 1px 20px -2px rgba(0,0,0,0.20);
	-webkit-box-shadow: -1px 1px 20px -2px rgba(0,0,0,0.20);
	-moz-box-shadow: -1px 1px 20px -2px rgba(0,0,0,0.20);
	
	max-width: 900px;
	text-align: left;
	width: 100%;
	padding: 0;
	overflow: hidden;
	border-radius: 5px;
}

.three_blocks_yellow .container .block .single_plan .top, .lPbanner .single_plan .top {
background: rgb(38,77,236);
background: linear-gradient(145deg, rgba(38,77,236,1) 20%, rgba(5,5,46,1) 90%);
	position: relative;
}

.three_blocks_yellow .container .block .single_plan .top, .lPbanner .single_plan top
.three_blocks_yellow .container .block .single_plan .bottom, .lPbanner .single_plan .bottom {
	padding: 40px;
}

.three_blocks_yellow .container .block .single_plan .bottom ul, .lPbanner .single_plan .bottom ul {
	padding: 0 0 0 0;
	list-style: none;
	margin: 0;
	margin-bottom: 20px;
}

.three_blocks_yellow .container .block .single_plan .bottom ul li, .lPbanner .single_plan .bottom ul li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 25px;
}

.three_blocks_yellow .container .block .single_plan .bottom ul li:after, .lPbanner .single_plan .bottom ul li:after {
	position: absolute;
	content: '';
	background: var(--lightblue);
	border-radius: 20px;
	width: 15px;
	height: 15px;
	left: 0;
	top: 2px;
}

.three_blocks_yellow .container .block .single_plan.tick .bottom ul li:after, .lPbanner .single_plan.tick .bottom ul li:after {
	background: url('/ntuksite/assets/tick_blue.svg') center center no-repeat;
}



.three_blocks_yellow .container .block .single_plan span, .lPbanner .single_plan span {
	color: var(--white);
	width: 100%;
	display: block;
}

.three_blocks_yellow .container .block .single_plan span.per,
.three_blocks_yellow .container .block .single_plan span.year, 
.lPbanner .single_plan span.per, 
.lPbanner .single_plan span.year {
	font-size: 1.2em;
	font-weight: 700;
}

.three_blocks_yellow .container .block .single_plan span.year, .lPbanner .single_plan span.year {
	font-family: 'albula_probold';
}

.three_blocks_yellow .container .block .single_plan span.price, .lPbanner .single_plan span.price {
     font-family: 'albula_probold';
     margin: 5px 0;
	font-size: 2.2em;
}

.three_blocks_yellow .container .block .single_plan p, .lPbanner .single_plan p {
	margin-top: 5px;
	font-size: 1em;
	color: var(--white);
}

.three_blocks_yellow .container .block .single_plan hr, .lPbanner .single_plan hr {
	margin: 20px 0;
}

.three_blocks_yellow .container .block .single_plan .bottom span, .lPbanner .single_plan .bottom span {
	color: var(--black);
	font-family: 'albula_probold';
}

.singlePlan_title {
	font-family: 'albula_probold';
}

.singlePlan_title span {
	color: var(--lightblue);
}

.three_blocks_yellow .container .block .single_plan .black_slant a:hover, .lPbanner .single_plan .black_slant a:hover {
	background: var(--lightblue);
	color: var(--white);
}

.lPbanner .book_sign > div {
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lPbanner .book_sign > div a {
	background: var(--gold);
	font-family: 'albula_probold';
	text-decoration: none;
	padding: 20px 40px;
	border-radius: 100px;
	color:  var(--black);
}

.lPbanner .book_sign > div a:hover {
	background: var(--black);
	color:  var(--white);
}


/*-Slant Links-*/
/*-()--------------------------------------------------------------------------*/

.yellow_slant {
	margin-top: 4em;
	width: 100%;
}

.yellow_slant a {
	clip-path: polygon(8% 0%, 100% 0%, 92% 100%, 0% 100%);
	text-align: center;
	text-transform: uppercase;
	background: var(--grad);
	margin: 2em auto 0 auto;
	padding: 1em 3.8em;
	color: var(--white);
	font-family: 'albula_probold', sans-serif;
	font-size: 1.3em;
	text-decoration: none;
	display: block;
	max-width: 300px;
}

.yellow_slant a:hover {
	background: var(--black);
	color: var(--white);
}

.roundButton {
	margin-top: 4em;
	width: 100%;
}

.roundButton a {
	border-radius: 50px;
	text-align: center;
	text-transform: uppercase;
	background: var(--yellow);
	margin: 2em auto 0 auto;
	padding: 1em 3.8em;
	color: var(--black);
	font-family: 'albula_probold', sans-serif;
	font-size: 1.3em;
	text-decoration: none;
	display: block;
	max-width: 300px;
	
	transition: background .3s ease-in-out, box-shadow .3s ease-in-out;
}

.roundButton a:hover {
	background: var(--white);
	color: var(--black);
}

.roundButton.blackB {
	margin-top: 0;
	width: 100%;
}

.roundButton.blackB a {
	border-radius: 50px;
	text-align: center;
	text-transform: uppercase;
	background: var(--black);
	margin: 2em auto 0 auto;
	padding: 1em 3.8em;
	color: var(--white);
	font-family: 'albula_probold', sans-serif;
	font-size: 1.3em;
	text-decoration: none;
	display: block;
	max-width: 300px;
}

.roundButton.blackB a:hover {
	background: var(--white);
	color: var(--black);
}

.try_for_free .black .black_slant {
	margin-top: 4em;
	width: 100%;
	margin: 0;
}

.black_slant a, .black_slant button {
	clip-path: polygon(8% 0%, 100% 0%, 92% 100%, 0% 100%);
	text-align: center;
	text-transform: uppercase;
	background: var(--black);
	margin: 2em auto 0 auto;
	padding: 1em 0;
	color: var(--white);
	font-family: 'albula_probold', sans-serif;
	font-size: 1.3em;
	text-decoration: none;
	display: block;
	max-width: 300px;
}

.black_slant button {
	width: 100%;
}

.black_slant a:hover {
	background: var(--yellow);
	color: var(--black);
}

.three_blocks_yellow .black_slant a {
	margin: 2em auto 0 auto;
}

.three_blocks_yellow .black_slant a:hover {
	background: var(--white);
}

.full_banner.black_slider .full_banner_text {
	position: relative;
	z-index: 1;
}

.black_slider .yellow_slant {

	margin: 0;
}

.black_slider .yellow_slant a {
	margin-left: inherit;
	margin: 0;
}

.black_slider .yellow_slant a:hover {
	background: var(--white);
	color: var(--black);
}

/*-WHAT OUR COSTOMERS SAY-*/
/*-()--------------------------------------------------------------------------*/

.what_our_customers .container > div, .yourbooked .container > div {
	padding: 2em;
/* 	display: block; */
}

.what_our_customers h3, .yourbooked h3 {
	font-size: 2em;
	margin: 0.67em 0;
    font-family: 'albula_probold', sans-serif;
}

.what_our_customers p, .yourbooked p {
	font-weight: 400;
}

.what_our_customers .customer{
	background: var(--gray);
	float: left;
}

.what_our_customers .customer img {
	max-width: 100px;
}

.what_our_customers .customer > div {
	display: block;
	float: left;
}

.what_our_customers .container .customer {
	width: 100%;
}

/*-SHOWCASE-*/
/*-()--------------------------------------------------------------------------*/


.showcase .project {
	background: var(--black);
	background-size: cover !important;
	background-position: right center;
	background-repeat: no-repeat !important;
	overflow: hidden;
	color: var(--white);
}

.showcase .project {
	margin-bottom: 0.5em;
}

.showcase .project > div {
	position: relative;
	background: var(--yellow);
	width: 50%;
	padding: 1em 2em;
}

.showcase .project > div:after {
	clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);
	position: absolute;
	background:  var(--yellow);
	display: block;
	content: '';
	right: -70px;
	top: 0;
	height: 102%;
	width: 100px;
	border-left: 10px solid var(--yellow);
	z-index: 1;
}

.showcase .project a {
	clip-path: polygon(8% 0%, 100% 0%, 92% 100%, 0% 100%);
	text-align: center;
	text-transform: capitalize;
	background: var(--black);
	margin: 2em  0 ;
	padding: 1em 0;
	color: var(--white);
	font-family: 'albula_probold', sans-serif;
	font-size: 0.7em;
	text-decoration: none;
	display: block;
	max-width: 200px;
}

.showcase .project a:hover {
	background: var(--white);
	color: var(--black);
} 

.showcase .project a span {
	text-align: center;
	padding: 0 1em;
}

.showcase .project div > div {
	position: relative;
	z-index: 2;
}

.showcase .project > div p {
	display: none;
}

.showcase_two {
	background: var(--gray);
}

.showcase_two .container > div {
	padding: 2em 2em 0 2em;
}

.showcase_two .container .project_block {
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.07);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.07);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.07);
	background: var(--white);
	margin-bottom: 2em;
	overflow: hidden;
	position: relative;
}

.showcase_two .container .project_block > div {
	padding: 1em 2em 2em 2em;
	background: var(--white);
	position: absolute;
	bottom: 0;
}

.showcase_two .container .project_block > div a {
	border-radius: 50px;
	text-decoration: none;
	background: var(--black);
	display: inline-block;
	margin: 0 auto;
	padding: 1em 1.5em;
	color: var(--white);
}

.showcase_two .container .project_block > div a:hover {
	background: var(--yellow);
	color: var(--black);
}

.showcase_two .container .project_block img {
  transition: transform .2s; /* Animation */
  
    transition: all .5s ease-in-out;

  margin-bottom: 30%;

}

.showcase_two .container .project_block img:hover {
  transform: scale(1.2); /* (120% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/*-EXPERIENCED TEAM-*/
/*-()--------------------------------------------------------------------------*/


.image_banner {
	position: relative;
	background: var(--yellow);
}

.image_banner_image {
	background-color: var(--black);
	background-size: cover;
	background-position: center;
	overflow: hidden;
	position: relative;
	display: none;
	height: 500px;
	width: 100%;
}

.image_banner_text {
	padding: 2em;
}

.image_block > div {
	padding: 2em 1em 2em 2em;
}

.image_block h2, .image_block b {
	font-family: 'albula_probold', sans-serif;
	color: var(--white);
}

.image_block h2, .image_block p {
	color: var(--white);
}


@media (min-width: 1000px) {
	
	.image_banner_image {
		display: block;
	}
	
}



@media (min-width: 1000px) {
	
	.image_banner {
		overflow: hidden;
        display: block;
        width: 100%;
/*         min-height: 350px; */
	}
	

	
	.image_banner_image {
		position: absolute;
		right: 0;
		width: 40%;
		height: 100%;
		clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%);
	}
	
	.image_block {
		display: flex;
		height: 100%;
		width: 60%;
		
		
		display: flex;
		justify-content: center;
  		align-items: center;
		

/* 		position: absolute; */
	}
	
	
	.image_block > div {
		padding: 2em 3em 2em 6em;
	}
	
	
	.image_block > div {
		min-height: 450px;
		display: flex;
		justify-content: center;
  		align-items: center;
	}
	
	
	.image_banner_text {
		position: absolute;
		top: 0;
		width: 75%;
		z-index: 1;
	}
	
	
	.image_block h2 {
		font-size: 2em;
	}
	
	.image_block p {
		font-size: 1.2em;
	}
	

	.align_banner_img_right .image_banner_image {
		left: 0;
		clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
	}
	
	.align_banner_img_right .image_block {
		float: right;
	}
	
	.align_banner_img_right .image_block > div {
		padding: 2em 6em 2em 3em;
	}
	
	.pos_abs .image_block {
		position: absolute;
	}
}


@media (min-width: 1200px) {
	
	.image_banner_image {
		width: 30%;
	}
	
	.image_block {
		width: 70%;
		
	}
	
}


/*-EXPERIENCED TEAM-*/
/*-()--------------------------------------------------------------------------*/

.experienced_team {
	position: relative;
/* 	height: 500px; */
}

.experienced_team_yellow_text {
/* 	position: absolute; */
	color: var(--white);
	background: var(--lightblue);
	padding: 2em;
	width: 100%;
	z-index: 998;
	bottom: 0;
}

.experienced_team_image {
	background-color: var(--black);
	background-size: cover;
	background-position: center;
	overflow: hidden;
	position: relative;
	display: block;
	height: 500px;
	width: 100%;
}

.experienced_team_yellow_text h1 {
     font-family: 'albula_probold', sans-serif;
	margin-top: 0;
}

.experienced_team_yellow_text p {
	font-weight: 400;
}

.experienced_team_yellow_text .transparent_slant_link {
	background: url('/ntuksite/assets/black-slant-tran.png') center center no-repeat;
	background-size: contain;
	color: var(--white);
	font-family: 'albula_probold', sans-serif;
	text-transform: capitalize;
	padding: 1em 2.3em;
	float: left;
}

.experienced_team_yellow_text .transparent_slant_link.white {
	background: url('/ntuksite/assets/white-slant-tran.png') center center no-repeat;
	background-size: contain;
	color: var(--black);
}

.experienced_team .transparent_slant_link {
	position: relative;
}

.experienced_team .transparent_slant_link a {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.experienced_team .transparent_slant_link:hover {
	color: var(--yellow);
}

.experienced_team_image.book_a_demo_form {
	background: var(--gray);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: unset;
	height: auto;
}

.experienced_team_image.book_a_demo_form .form_container {
	padding-top: 1em;
	padding-bottom: 1em;
}

.experienced_team_image.book_a_demo_form .w_50 {
	max-width: 100%;	
}

.experienced_team.book_a_demo_wrapper {
	overflow: unset;
}

/*.datepicker__wrapper {*/
/*	border: 1px solid var(--lightblue) !important;*/
/*}*/

/*.datepicker__header {*/
/*	background: var(--lightblue) !important;*/
/*}*/

.datepicker:first-of-type {
	margin-right: 10px;
}

.alert-success {
	padding-top: 10px;
	display: inline-block;
	color: green;
}

.alert-error {
	padding-top: 10px;
	display: inline-block;
	color: red;
}

	/*-EXPERIENCED TEAM TWO-*/
/*-()--------------------------------------------------------------------------*/

.experienced_team_two {
	position: relative;
	height: 500px;
}

.experienced_team_two_yellow_text {
	position: absolute;
	color: var(--black);
/* 	background: var(--yellow); */
	padding: 2em;
	width: 100%;
	z-index: 999;
	bottom: 0;
}

.experienced_team_two_image {
	background-color: var(--gray);
	background-size: cover;
	overflow: hidden;
	position: relative;
	display: block;
	height: 500px;
	width: 100%;
}

.experienced_team_two_yellow_text h1 {
     font-family: 'albula_probold', sans-serif;
	margin-top: 0;
}

.experienced_team_two_yellow_text p {
	font-weight: 400;
}

.experienced_team_two_yellow_text .transparent_slant_link {
/* 	background: url('/ntuksite/assets/black-slant-tran.png') center center no-repeat; */
	background-color: var(--black);
	background-size: contain;
	color: var(--white);
	font-family: 'albula_probold', sans-serif;
	text-transform: capitalize;
	padding: 1em 2.3em;
	border-radius: 50px;
	float: left;
}

.experienced_team_two .transparent_slant_link {
	position: relative;
}

.experienced_team_two .transparent_slant_link a {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.experienced_team_two .transparent_slant_link:hover {
	color: var(--yellow);
}

/*-EXPERIENCED TEAM GRAY-*/
/*-()--------------------------------------------------------------------------*/

.full_banner {
/* 	background: var(--gray); */
}

.full_banner .container > div, .full_banner.yellow_banner .container > div {
	padding: 2em;
}


.full_banner .transparent_slant_link {
	background: url('/ntuksite/assets/black-slant-tran.png') center center no-repeat;
	background-size: contain;
	color: var(--white);
	font-family: 'albula_probold', sans-serif;
	text-transform: capitalize;
	padding: 1em 2.3em;
	float: left;
}

.full_banner .transparent_slant_link {
	position: relative;
}

.full_banner .transparent_slant_link a {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.full_banner .transparent_slant_link:hover {
	color: var(--yellow);
}

.full_banner  .full_banner_text {
	display: inline-block;
	margin-top: 2em;
	margin-bottom: 2em;
}

.full_banner.yellow_banner {
	padding: 2em 0;
}

.full_banner .container > div.yellow_bg,
.full_banner .container > div.black_bg {
	overflow: hidden;
	padding: 0;
}

.full_banner.yellow_banner .full_banner_text {
	padding: 0 2em;
}

.full_banner h2 {
	margin-top: 0;
}

.full_banner.yellow_banner.black_slider .full_banner_text {
	padding: 2em 2em 2em 2em;
}

.full_banner.black_slider h2 {
     font-family: 'albula_probold', sans-serif;
}

.full_banner.black_slider {
	border-top: 1px solid var(--gray);
}

/*-PAGES BANNER-*/
/*-()--------------------------------------------------------------------------*/

.page_banner {
	position: relative;
	height: 500px;
}

.page_banner_text {
	position: absolute;
	color: var(--black);
/* 	background: var(--yellow); */
	padding: 2em;
	width: 100%;
	z-index: 999;
	bottom: 0;
}

.page_banner_image {
	background-color: var(--gray);
	background-size: cover;
	overflow: hidden;
	position: relative;
	display: block;
	height: 500px;
	width: 100%;
}

.page_banner_text h1 {
     font-family: 'albula_probold', sans-serif;
	margin-top: 0;
}

.page_banner_text p {
	font-weight: 400;
}

.page_banner_text .transparent_slant_link {
/* 	background: url('/ntuksite/assets/black-slant-tran.png') center center no-repeat; */
	background-color: var(--black);
	background-size: contain;
	color: var(--white);
     font-family: 'albula_probold', sans-serif;
	text-transform: capitalize;
	padding: 1em 2.3em;
	border-radius: 50px;
	float: left;
}

.page_banner_text .transparent_slant_link.yellow {
	background-color: var(--yellow);
	color: var(--black);
}

.page_banner_text .transparent_slant_link.yellow:hover {
	color: var(--white);
}

.page_banner .transparent_slant_link {
	position: relative;
}

.page_banner .transparent_slant_link a {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.page_banner .transparent_slant_link:hover {
	color: var(--yellow);
}

/*-PAGES BANNER 50/50 SPLIT-*/
/*-()--------------------------------------------------------------------------*/

.page_banner.split .page_banner_text {
	position: absolute;
	color: var(--black);
	background: var(--gray);
	padding: 2em;
	width: 100%;
	z-index: 999;
	bottom: 0;
}

/*-COLUMN 33/50-*/
/*-()--------------------------------------------------------------------------*/

.column.block {
	box-sizing: border-box;
	margin-top: 0;
	margin-right: auto;
	width: 100%;
}

.column.block > div {

}

.column_block.width_25 .final_hold, .column_block.width_33 .final_hold, .column_block.width_50 .final_hold  {
	padding: 0 0 2em 0;
}




.column_block a:hover {
	background: var(--yellow);
	color: var(--black);
}

/*-TOP BANNER-*/
/*-()--------------------------------------------------------------------------*/

.top_banner {
	background: var(--yellow);
	position: relative;
	height: 500px;
}

.top_banner_yellow_text {
	position: absolute;
	color: var(--black);
	padding: 2em;
	width: 100%;
	z-index: 999;
	bottom: 0;
}

.top_banner_image {
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	position: relative;
	display: block;
	height: 500px;
	width: 100%;
}

.top_banner_yellow_text h1 {
     font-family: 'albula_probold', sans-serif;
	margin-top: 0;
	color: var(--white);
}

.top_banner_yellow_text p {
	font-weight: 400;
	color: var(--white);
}

.top_banner_yellow_text .transparent_slant_link {
	background: url('/ntuksite/assets/black-slant-tran.png') center center no-repeat;
	background-size: contain;
	color: var(--white);
     font-family: 'albula_probold', sans-serif;
	text-transform: capitalize;
	padding: 1em 2.3em;
	float: left;
}

.top_banner .transparent_slant_link {
	position: relative;
}

.top_banner .transparent_slant_link a {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.top_banner .transparent_slant_link:hover {
	color: var(--yellow);
}

.round_button {
	text-transform: uppercase;
	position: relative;
     font-family: 'albula_probold', sans-serif;
	display: inline-block;
	width: inherit;
}

.round_button a {
	background: var(--black);
	text-decoration: none;
	border-radius: 50px;
	padding: 1.5em 2.5em;
	display: block;
	color: var(--white);
	transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}

.round_button a:hover {
	background: var(--white);
	color: var(--black);
}

/*-HOW IT WORKS-*/
/*-()--------------------------------------------------------------------------*/

.how_it_works {
/* 	background: var(--gray); */
}

.how_it_works.how_it_works_two {
	background: var(--white);
}

.how_it_works .container > div {
	padding: 2em;
}

.how_it_works .sl {
	border: 3px solid var(--white);
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
}

.how_it_works .details {
	margin-bottom: 3em;
}

.how_it_works .details h2 {
	color: var(--black);
     font-family: 'albula_probold', sans-serif;
	font-size: 1.3em;
}

.how_it_works .details h3 {
	color: var(--yellow);
	margin: 0.5em 0;
	font-size: 1.6em;
}

.how_it_works .details p {
	font-size: 1.2em;
	margin-bottom: 2em;
}

.how_it_works .details ul {
	list-style: none;
	font-size: 1.2em;
	padding: 0;
	margin: 0;
}

.how_it_works .details ul li {
	position: relative;
	padding-left: 2.5em;
	margin-bottom: 1em;
	font-size: 0.9em;
	line-height: 2em
}

.how_it_works .details ul li:after {
	position: absolute;
	border-radius: 20px;
	left: 0;
	top: 0;
	content: '';
	width: 2em;
	height: 2em;
	background: var(--black);
	text-align: center;
	font-size: 0.9em;
     font-family: 'albula_probold', sans-serif;
	display: block;
	line-height: 2em;
	color: var(--white);
}

.how_it_works .details ul li:hover {
	color: var(--yellow);
}

.how_it_works .details ul li:hover:after {
	background: var(--yellow);
}

.how_it_works .details ul li:nth-child(1):after {
	content: '1';
}

.how_it_works .details ul li:nth-child(2):after {
	content: '2';
}

.how_it_works .details ul li:nth-child(3):after {
	content: '3';
}

.how_it_works .details ul li:nth-child(4):after {
	content: '4';
}

.how_it_works .details ul li:nth-child(5):after {
	content: '5';
}

.how_it_works .details ul li:nth-child(6):after {
	content: '6';
}

.how_it_works .details ul li:nth-child(7):after {
	content: '7';
}


.industry_problems h2 {
	text-align: center;
	font-size: 2em;
     font-family: 'albula_probold', sans-serif;
	margin-top: 0;
}

.industry_problems.yellow_bg h2 {
	text-align: center;
	font-size: 2em;
     font-family: 'albula_probold', sans-serif;
	font-style: normal;
	color: var(--white);
	margin-top: 0;
}

.industry_problems.ind_two h2 {
	font-style: normal;
     font-family: 'albula_probold', sans-serif;
}

.industry_problems p {
	text-align: center;
	font-weight: 300;
}


.industry_problems .container > div {
	padding: 2em;
}

.industry_problems h3 {
	text-align: center;
}

.industry_problems .icon {
	background: url('/ntuksite/assets/gray-slant.svg') center center no-repeat;
	background-size: 100px;
	height: 120px;
	border-bottom: 2px solid var(--yellow);
}

.industry_problems.ind_two .icon {
	background: none;
}

.industry_problems .icon:after {
	background-size: 60px;
	content: '';
	display: block;
	width: 120px;
	height: 120px;
	margin: 0 auto;
}

.industry_problems .icon.touch:after {
	background: url('/ntuksite/assets/touch-points.svg') center center no-repeat;
	background-size: 60px;
}

.industry_problems .icon.compliance:after {
	background: url('/ntuksite/assets/compliance.svg') center center no-repeat;
	background-size: 60px;
}

.industry_problems .icon.cost:after {
	background: url('/ntuksite/assets/cost.svg') center center no-repeat;
	background-size: 60px;
}

.industry_problems .icon.social:after {
	background: url('/ntuksite/assets/social-value.svg') center center no-repeat;
	background-size: 60px;
}

.industry_problems .icon.locations:after {
	background: url('/ntuksite/assets/new-locations.svg') center center no-repeat;
	background-size: 60px;
}

/*-Our Clients (Two)-*/
/*-()--------------------------------------------------------------------------*/

.five_item_block h2 {
	text-align: left;
	font-size: 1.7em;
     font-family: 'albula_probold', sans-serif;
	margin-top: 0;
}

.five_item_block p {
	text-align: center;
	font-weight: 300;
}


.five_item_block .container > div {
	padding: 2em;
}

.five_item_block h3 {
	text-align: center;
	font-family: 'albula_probold', sans-serif;
}

.five_item_block .icon {
	background-color: var(--gray);
	height: 150px;
/* 	border-bottom: 2px solid var(--yellow); */
}

.five_item_block .icon:after {
	background-size: 60px;
	content: '';
	display: block;
	width: 120px;
	height: 150px;
	margin: 0 auto;
}

.five_item_block .icon.one:after {
	background: url('/ntuksite/assets/logo-1.png') center center no-repeat;
	background-size: 100px;
}

.five_item_block .icon.two:after {
	background: url('/ntuksite/assets/logo-2.png') center center no-repeat;
	background-size: 100px;
}

.five_item_block .icon.three:after {
	background: url('/ntuksite/assets/logo-3.png') center center no-repeat;
	background-size: 100px;
}

.five_item_block .icon.four:after {
	background: url('/ntuksite/assets/logo-4.png') center center no-repeat;
	background-size: 100px;
}

.five_item_block .icon.five:after {
	background: url('/ntuksite/assets/logo-5.png') center center no-repeat;
	background-size: 100px;
}

.five_item_block_icons > div {
	position: relative;
}

.five_item_block_icons > div a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
}

.five_item_block_icons > div:hover h3 {
	color: var(--yellow);
}

.five_item_block_icons .icon {
		transition: background .2s ease-in-out, box-shadow .2s ease-in-out;

}

.five_item_block_icons > div:hover .icon {
	background: var(--white);
}

/*-Our Clients (THEE)-*/
/*-()--------------------------------------------------------------------------*/

.eight_item_block h2 {
	text-align: left;
	font-size: 1.7em;
     font-family: 'albula_probold', sans-serif;
	margin-top: 0;
}

.eight_item_block p {
	text-align: center;
	font-weight: 300;
}


.eight_item_block .container > div {
	padding: 2em;
}

.eight_item_block h3 {
	text-align: center;
	font-family: 'albula_probold', sans-serif;
}

.eight_item_block .icon {
/* 	background-color: var(--gray); */
	height: 150px;
/* 	border-bottom: 2px solid var(--yellow); */
	width: 50%;
	float: left;
}

.eight_item_block .icon:after {
	background-size: contain;
	content: '';
	display: block;
	width: 100%;
	height: 150px;
	margin: 0 auto;
}

.eight_item_block .icon.one:after {
	background: url('/ntuksite/assets/logo-1.png') center center no-repeat;
	background-size: 100px;
}

.eight_item_block .icon.two:after {
	background: url('/ntuksite/assets/logo-2.png') center center no-repeat;
	background-size: 100px;
}

.eight_item_block .icon.three:after {
	background: url('/ntuksite/assets/logo-3.png') center center no-repeat;
	background-size: 100px;
}

.eight_item_block .icon.four:after {
	background: url('/ntuksite/assets/logo-4.png') center center no-repeat;
	background-size: 100px;
}

.eight_item_block .icon.five:after {
	background: url('/ntuksite/assets/logo-5.png') center center no-repeat;
	background-size: 100px;
}

.eight_item_block .icon.six:after {
	background: url('/ntuksite/assets/logo-6.png') center center no-repeat;
	background-size: 90px;
}

.eight_item_block .icon.seven:after {
	background: url('/ntuksite/assets/logo-7.png') center center no-repeat;
	background-size: 70px;
}

.eight_item_block .icon.eight:after {
	background: url('/ntuksite/assets/logo-8.png') center center no-repeat;
	background-size: 90px;
}

.eight_item_block_icons > div {
	position: relative;
}

.eight_item_block_icons > div a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
}

.eight_item_block_icons > div:hover h3 {
	color: var(--yellow);
}

.eight_item_block_icons .icon {
		transition: background .2s ease-in-out, box-shadow .2s ease-in-out;

}

.eight_item_block_icons > div:hover .icon {
	background: var(--white);
}

/*-Try For Free-*/
/*-()--------------------------------------------------------------------------*/

.try_for_free {
/* 	display: flex; */
		overflow: hidden;
}

.try_for_free {
	display: block;
	justify-content: space-between;
}

.try_for_free .black {
	background-position: center center;
	background-size: cover;
}

.try_for_free .black div {

	color: var(--white);
	padding: 2em;
}

.try_for_free .black .black_slant {
	padding: 0;
}

.try_for_free .yellow > div img {
	max-width: 100px;
	margin: 0 auto;
}

.try_for_free .yellow {
	background: var(--yellow);
	width: 100%;
	display: inline-block;
	color: var(--white);
}


.try_for_free .yellow > div h2 {
     font-family: 'albula_probold', sans-serif;
	padding: 1em;	
}

.title_text .container {
	padding:0 2em 2em 2em;	
}

.title_text .container > div  {
	padding: 2em 0 0 0;
	position: relative;
}

.title_text .container > div:after  {
	background: var(--gray);
	content: '';
	display: block;
	width: 100%;
	left: 0;
	position: absolute;	
	top: 0;
	height: 1px;
}

.title_text h3 {
	font-size: 2em;
	margin: 0;
}

.title_text .text p {
	font-weight: 400;
	margin: 2em 0 0 0;
}

.title_text.what_customers_two {
	background: var(--gray);
}

.title_text.what_customers_two .text > div {
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.07);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.07);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.07);
    
    position: relative;
    
	background: var(--white);
	margin-top: 2em;
	padding: 2em;
}

.title_text.what_customers_two .text h2 {
	font-size: 1.4em;
	margin: 0;
}

.title_text.what_customers_two .text p {
	font-size: 1em;	
}

.title_text.what_customers_two .text > div img {
	max-width: 50px;
	margin: 2em 0;
}

.try_for_free_block .container > div {
	padding: 2em;
}

.try_for_free_block .container .block {
	background: var(--black);
	border-radius: 10px;
	padding: 2em;
}

.try_for_free_block .container .block h3 {
	color: var(--white);
	text-align: center;
     font-family: 'albula_probold', sans-serif;
	margin: 0;
}

.try_for_free_block .container .block h3 b {
	color: var(--yellow);
}

.try_for_free_block .container .block .yellow_slant {
	margin-top: 2em;
}

.try_for_free_block .container .block .yellow_slant a {
	margin-top: 0;
	padding-right: 0;
	padding-left: 0;
}

.try_for_free_block .container .block .yellow_slant a:hover {
	background: var(--white);
	color: var(--black);
}

.what_our .container {
	overflow: visible;
}

.what_our .container > div {
	padding: 2em;
}

.what_our h3 {
	text-align: center;
	font-size: 1.5em;
	margin: 0;
}

.what_our .what_our_blocks > div {
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.07);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.07);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.07);
    
    position: relative;
    
    border-radius: 10px;
    
	background: var(--white);
	margin-top: 2em;
	padding: 2em;
}

.what_our .what_our_blocks > div img {
	max-width: 50px;
	margin: 2em 0;
}

/*-CONTENT BLOCK-*/
/*-()--------------------------------------------------------------------------*/

.content_block .container {
	padding:0 2em 2em 2em;	
}

.content_block .container > div  {
	padding: 0 0 0 0;
}

.content_block h3 {
	font-size: 1.6em;
}

.content_block .text p {
	font-weight: 400;
	margin: 2em 0 0 0;
}

/*-Footer-*/
/*-()--------------------------------------------------------------------------*/

.footer {
	background: var(--black);	
}

.footer .container > div {
	padding: 2em 2em 0 2em;
}

.footer h2, .footer p, .footer a{
	color: var(--white);
}

.footer h2 {
	margin-top: 0;
}

.footer p {
	color: var(--graytext);
}

.footer ul {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}

.footer ul li {
	margin-bottom: 10px;
	display: block;
	width: 100%;
}

.footer .social {
	display: inline-block;
	width: 100%;
}

.footer .social li {
	display: block;
	width: 52px;
	height: 52px;
	float: left;
	font-size: 0em;
	color: transparent;
	margin: 0 10px 10px 0;
}

.footer .social li a {
	background-color: var(--yellow);
	color: transparent;
	font-size: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.footer .quick_links li a {
	text-decoration: none;
	font-size: 1.3em;
}

.footer .quick_links li a:hover {
	color: var(--yellow);
}

.footer span {
	text-align: center;
	display: block;
	color: var(--white);
	width: 100%;
	padding-bottom: 2em;
}

.footer .social li a.linkedin {
	background: var(--yellow) url('/ntuksite/assets/linkedin.svg') center center no-repeat;
	background-size: 40%;
}

.footer .social li a.twitter {
	background: var(--yellow) url('/ntuksite/assets/twitter.svg') center center no-repeat;
	background-size: 40%;
}

.footer .social li a.facebook {
	background: var(--yellow) url('/ntuksite/assets/facebook.svg') center center no-repeat;
	background-size: 40%;
}

.footer .social li a.instagram {
	background: var(--yellow) url('/ntuksite/assets/instagram.svg') center center no-repeat;
	background-size: 40%;
}

.footer .social li a.youtube {
	background: var(--yellow) url('/ntuksite/assets/youtube.svg') center center no-repeat;
	background-size: 40%;
}

.footer img {
	max-width: 300px;
}

.footer .container .mind {
	max-width: 150px;
	width: 100%;
	margin-bottom: 2em;
}

.footer .container .mind span {
	text-align: left;
	padding-bottom: 2em;
	color: var(--gray);
}

/*-MINDMAP-*/
/*-()--------------------------------------------------------------------------*/

.mindmap .center {
	display: none;
}

.mindmap_background {
	background-size: cover;
	background-position: centre centre;
	background-repeat: no-repeat;
}

.mindmap .center div {
	border: 8px solid var(--yellow);
	border-radius: 150px;
	background: var(--gray);
	display: block;
	height: 200px;
	width: 200px;
	
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	
	box-shadow: -1px 1px 20px -2px rgba(0,0,0,0.75);
	-webkit-box-shadow: -1px 1px 20px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 1px 20px -2px rgba(0,0,0,0.75);
} 

.mindmap .center div span {
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center center;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 120px;
	height: 120px;
}

.mindmap .center h3 {
	text-transform: uppercase;
	font-size: 1em;
}


.mindmap .left .small {
	position: relative;
/* 	height: 150px; */
	margin: 30px 0;
	
	display: flex;
	align-items: center;
	
	border-top-right-radius: 75px;
	border-bottom-right-radius: 75px;  
}

.mindmap .right .small {
	position: relative;
/* 	height: 150px; */
	margin: 30px 0;
	
	display: flex;
	align-items: center;
	
	border-top-left-radius: 75px;
	border-bottom-left-radius: 75px;  
}

.mindmap .left .small > div, .mindmap .right .small > div {
	height: 250px;
}

.mindmap .left .small:after {
	border: 8px solid var(--white);
	position: absolute;
/*
	width: 150px;
	height: 150px;
*/
	width: 65px;
	height: 65px;
	background: var(--gray);
	border-radius: 100px;
	content:'';
	display: block;
	right: 0;
	top: 0;
	
	box-shadow: -1px 1px 20px -2px rgba(0,0,0,0.75);
	-webkit-box-shadow: -1px 1px 20px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 1px 20px -2px rgba(0,0,0,0.75);
}

.mindmap .left .small > div {
	background: var(--yellow);
	padding-left: 70px;
/* 	padding-right: 160px; */
	padding-right: 70px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top-right-radius: 75px;
	border-bottom-right-radius: 75px;
	color: var(--white);	
	-webkit-clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%);
	
	width: 100%;
}

.mindmap .right .small:after {
	border: 8px solid var(--white);
	position: absolute;
/*
	width: 150px;
	height: 150px;
*/
	width: 65px;
	height: 65px;
	background: var(--gray);
	border-radius: 100px;
	content:'';
	display: block;
	right: 0;
	top: 0;
	color: var(--white);
	
	box-shadow: -1px 1px 20px -2px rgba(0,0,0,0.75);
	-webkit-box-shadow: -1px 1px 20px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 1px 20px -2px rgba(0,0,0,0.75);
}

.mindmap .right .small > div {
	background: var(--yellow);
	color: var(--white);
	padding-left: 70px;
/* 	padding-right: 160px; */
	padding-right: 70px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top-right-radius: 75px;
	border-bottom-right-radius: 75px;	
	-webkit-clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%);
}

.mindmap .left .small .icon {
	background-repeat: no-repeat;
	background-position: center center;
/*
	width: 150px;
	height: 150px;
*/
	width: 65px;
	height: 65px;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
}

.mindmap .right .small .icon {
	background-repeat: no-repeat;
	background-position: center center;
/*
	width: 150px;
	height: 150px;
*/
	width: 65px;
	height: 65px;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
}

/*-Form Styling-*/
/*-()--------------------------------------------------------------------------*/

.lp_form {
	max-width: 700px;
	width: 100%;
}

/* Style inputs with type="text", select elements and textareas */
.form_container input[type=text], input[type=email], input[type=tel], input[type=date], input[type=time], input[type=number], select, textarea {
	width: 100%; /* Full width */
	padding: 12px; /* Some padding */  
	border: 1px solid #ccc; /* Gray border */
	border-radius: 0; /* Rounded borders */
	box-sizing: border-box; /* Make sure that padding and width stays in place */
	margin-top: 6px; /* Add a top margin */
	margin-bottom: 16px; /* Bottom margin */
	resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
.form_container input[type=submit] {
	clip-path: polygon(8% 0%, 100% 0%, 92% 100%, 0% 100%);
	text-align: center;
	text-transform: uppercase;
	background: var(--black);
	margin: 0 auto 0 auto;
	padding: 1em 2em;
	color: var(--white);
	font-family: 'albula_probold', sans-serif;
	font-size: 1.3em;
	text-decoration: none;
	display: block;
	max-width: 300px;
	border: none;
	cursor: pointer;
}

.form_container .gld input[type=submit] {
	background: var(--gold);
}

/* When moving the mouse over the submit button, add a darker green color */
.form_container input[type=submit]:hover {
	background-color: var(--yellow);
}

/* Add a background color and some padding around the form */
.form_container {
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.07);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.07);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.07);
    background: var(--white);
	border-radius: 5px;
	padding: 2em;
}

/*-DROP SELECT-*/
/*-()--------------------------------------------------------------------------*/

.dropSelections select {
    /* styling */
    background-color: white;
    border: thin solid #d6d5d5;
    border-radius: 0;
    display: inline-block;
    font: inherit;
    padding: 12px;

    /* reset */

    margin:6px 0 16px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
}

/* arrows */

.dropSelections select.minimal {
    background-image:
            linear-gradient(45deg, transparent 50%, gray 50%),
            linear-gradient(135deg, gray 50%, transparent 50%),
            linear-gradient(to right, #ccc, #ccc);
    background-position:
            calc(100% - 20px) calc(1.2em + 2px),
            calc(100% - 15px) calc(1.2em + 2px),
            calc(100% - 3em) 0.7em;
    background-size:
            5px 5px,
            5px 5px,
            1px 1.5em;
    background-repeat: no-repeat;
}

.dropSelections select.minimal:focus {
    background-image:
            linear-gradient(45deg, var(--black) 50%, transparent 50%),
            linear-gradient(135deg, transparent 50%, var(--black) 50%),
            linear-gradient(to right, #ccc, #ccc);
    background-position:
            calc(100% - 15px) 1.2em,
            calc(100% - 20px) 1.2em,
            calc(100% - 3em) 0.7em;
    background-size:
            5px 5px,
            5px 5px,
            1px 1.5em;
    background-repeat: no-repeat;
    border-color: var(--black);
    outline: 0;
}

.dropSelections select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.left_col {

	width: 100%;
	display: block;
/* 	padding: 0.5em; */
}

.left_col ul {
	list-style: none;
}

.left_col ul li:after {
	content: '';
	display: none;
}

.left_col ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 1em;
}

.left_col ul li a, .left_col ul li button {
	background: var(--gray);
	color: var(--black);
    font-family: 'albula_probold', sans-serif;
	font-size: 1em;
	display: block;
	padding: 0.5em 0.7em;
	text-decoration: none;
	text-align: left;
	border: 0;
	width: 100%;
}

.left_col .title {
	border-bottom: 1px solid var(--darkgray);
}

.left_col .title > div, .right_col .title > div {
	min-height: 100px;	
    display: table-cell;
    height: 100px;
    vertical-align: middle;
}

.left_col ul li a:hover, .left_col ul li:hover button {
	background: var(--black);
	color: var(--yellow);
}

.right_col {
	width: 100%;
	display: block;
}

.right_col .title {
	border-bottom: 1px solid var(--darkgray);
}

.announcement_banner {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--lightgray);
	padding: 30px 20px 10px 20px;
	text-align: center;
	width: 100%;
	color: var(--white);
}

.announcement_banner b {
    font-family: 'albula_probold', sans-serif;
    font-size: 1.3em;
}

.announcement_banner h2 {
	font-size: 1.2em;
}

.map_holder {
	width: 100%; 
	height: 300px; 
	position: relative;
	margin: 20px 0;
}

.messege {
	display: none;
}

.demoVideo {
	padding-bottom: calc(49.21875% + 41px); 
	max-width: 100%;
/* 	max-width: 60%;  */
	position: relative; 
	height: 0; width: 100%; 
	margin: 40px auto;
	border: 2em solid #FFF;
}

.grad_section {
	margin-top: 2em;
	padding: 0 2em;
}

.grad_section > div {
	background: var(--grad);
	padding: 3em;
	
}

.grad_section h2 {
	color: var(--white);
	text-align: center;
}


.grad_section .black_slant a {
	margin: 0 auto;
	display: block;
}

h2.custom_5 {
	font-family: 'albula_probold', sans-serif;	
	font-size: 2em !important;
}

.four_white {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;

}

.four_white > div {
	width: 49%;
	padding: 1em;
	text-align: center;
	background: var(--white);
	color: var(--black);
	margin-bottom: 10px;
	font-size: 1.3em;
}

.h2.custom_02 {
	font-size: 1.6em;
}

p.custom_02 {
	font-size: 1.2em;
}

/*
.rasico:before {
	display: block;
	content: '';
	background: var(--yellow) url('/ntuksite/assets/rasico.png') center center no-repeat;
	width: 100%;
	height: 100%;
	
}
*/

/*-New Subcontractor Demo-*/
/*-()--------------------------------------------------------------------------*/

/*
.three_blocks_yellow .container .block .single_plan .bottom > div {
	outline: var(--graytext) solid 1px;
}
*/



.zf-frmTitle {
	font-size: 2em !important;
}

.three_blocks_yellow .container .block .single_plan .bottom .zf-templateWidth h3 {
	font-size: 1.4em !important;
}

.zf-templateWidth {
	background: var(--white);
	padding: 2em 2em 2em 2em;
		-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
}

.zf-templateWidth h3 {
	margin-top: 0 !important;
}

.zf-templateWidth ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.zf-templateWidth ul li {
	padding: 0 !important;
}

.zf-templateWidth ul li:after {
	display: none;
	padding: 0 !important;
}

.zf-templateWidth label {
	margin: 10px 0 5px 0;
	font-size: 14px;
}

.zf-templateWidth input {
	border: solid 2px var(--yellow);
	font-size: 14px;
}

.zf-tempFrmWrapper > *, .zf-nameWrapper *  {
	display: flex;
	flex-direction: row;
}

.zf-tempContDiv input {
	width: 100%;
}

.zf-tempFrmWrapper {
/* 	outline: red solid 1px; */
}

.zf-nameWrapper {
/* 	outline: blue solid 1px; */
	
	width: 100%;
}

.zf-nameWrapper span {
/* 	outline: green solid 1px; */
	display: flex;
	flex-direction: column;
	width: 48%;
	flex-direction: column-reverse !important;
}

.zf-subDate {
	text-align: left;
}

.zf-tempContDiv span {
/* 	outline: red solid 1px; */
	width: 100%;
	display: flex !important;
	flex-direction: column-reverse !important;
	font-size: 14px !important;

}

.zf-tempContDiv {
	display: flex;
	flex-direction: column;
}

.zf-symbols {
	display: flex;
	align-items: center;
	justify-content: center;
}

.hh_mm {
	display: flex;
	flex-direction: row;
}

button {
	clip-path: polygon(8% 0%, 100% 0%, 92% 100%, 0% 100%);
	text-align: center;
	text-transform: uppercase;
	background: var(--black);
	margin: 0 auto 0 auto;
	padding: 1em 2em;
	color: var(--white);
	font-family: 'albula_probold', sans-serif;
	font-size: 1.3em;
	text-decoration: none;
	display: block;
	max-width: 300px;
	border: none;
	cursor: pointer;
}

button:hover {
	background-color: var(--yellow);
}


.three_blocks_yellow .container .block .single_plan .bottom > div {
	display: flex;
	flex-direction: column;
/* 	flex-direction: row; */
	justify-content: space-between;
}

.three_blocks_yellow .container .block .single_plan .bottom > div > div {
/* 	width: 49%; */
	width: 100%;
/* 	outline: var(--graytext) solid 1px; */
}

.backgroundBg {
	background: red !important;
}

.ui-widget.ui-widget-content {
	border: none !important;
    box-shadow: -1px 1px 20px -2px rgba(0,0,0,0.20);
    -webkit-box-shadow: -1px 1px 20px -2px rgba(0,0,0,0.20);
    -moz-box-shadow: -1px 1px 20px -2px rgba(0,0,0,0.20);
    border-radius: 5px;
}

.ui-datepicker-calendar td {
	text-align: center !important;
}

.ui-widget-header,
.ui-datepicker-calendar td a {
	text-align: center !important;
	background: none !important;
	border: none !important;
	padding: 6px 0 !important;
}

.ui-datepicker-calendar td a:hover {
	background: var(--gray) !important;
	color: var(--yellow);
}

.ui-state-active {
	color: var(--yellow) !important;
}



.list_01 {
	display: flex;
	flex-direction: column;
}

.list_01 p {
	padding-right: 60px;
}

.book_confirmation {
	display: flex;
	display: flex;
	align-items: center;
	justify-content: center;
}


.news_block {
	background: var(--yellow);
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}

.news_block > div > div > div:nth-child(1) {
	background-size: cover;
	height: 200px;
}

.news_block > div > div > div:nth-child(2) {
	padding: 2em;
}

.news_block > div > div > div {
	background: var(--yellow);
}

.news_block h3 {
	color: var(--white);
	font-size: 1.6em;
	margin-top: 0;
	
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}

.news_block p {
	color: var(--white);
	margin-top: 0;
	
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}

.news_block a {
	clip-path: polygon(8% 0%, 100% 0%, 92% 100%, 0% 100%);
	text-align: center;
	text-transform: capitalize;
	background: var(--black);
	margin: 2em  0 ;
	padding: 1em 0;
	color: var(--white);
	font-family: 'albula_probold', sans-serif;
	font-size: 0.7em;
	text-decoration: none;
	display: block;
	max-width: 200px;
}

.news_block a:hover {
	background: var(--white);
	color: var(--black);
} 

.comp {
	display: flex;
	
	flex-direction: column;
	
	justify-content: center;
	padding: 20px;
	max-width: 1200px;
	margin: 0 auto;
}

.comp.split {
	padding: 2em 20px;
}

.comp.split > div {
	width: 100%;
}

.comp.split > div {
	width: 100%;
}

.comp .imageclass {
	display: flex;
	align-items: center;
}

.comp .imageclass img {
	box-shadow: 0 0 25px rgba(0, 0, 0, .25);
	border-radius: 6px;
	display: none;
}

.comp h3 {
	font-family: 'albula_probold', sans-serif;
	color: var(--yellow);
	font-size: 1.4em;
}

.comp h3.custom_02 {
	font-size: 1.2em;
}

.comp p {
	font-size: 1em;
	line-height: 1.2em;
}

.comp ul {
	padding-left: 20px;
}

.comp li {
	font-size: 1em;
	line-height: 1.2em;
}

.comp p b, .comp li b {
	font-family: 'albula_probold', sans-serif;
}

.comp .padd {
	padding: 40px 40px 40px 0;	
}

.comp.logos div {
	width: 100%;
/* 	outline: blue solid 1px; */
	display: flex;
	flex-wrap: wrap;
}

.comp.logos > div > div {
/* 	outline: red solid 1px; */
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px 0;
	height: 50px;
	width: 50%;
}

.comp.logos > div img {
	width: auto;
	height: 100%;
	max-height: 50px;
}



.comp .goldtitles p {
	color: var(--white) !important;
}

.comp .goldtitles li {
	color: var(--white) !important;
}

.comp .goldtitles h3, .comp .goldtitles b {
	color: var(--gold) !important;
}


.bluetitles b {
	color: var(--yellow) !important;
	}

h2.custom_02 {
	font-family: 'albula_probold', sans-serif;
	color: var(--yellow);
}

*/

/*-ROI Calculator-*/
/*-()--------------------------------------------------------------------------*/

.input-icon {
    position: relative !important;
    outline: red solid 1px !important;
}

.input-icon > i {
    position: absolute;
    display: block;
    transform: translate(0, -50%);
    top: 44px;
    pointer-events: none;
    width: 25px;
    text-align: center;
    font-style: normal;
    opacity: 0.7;
}

.input-icon > input {
    padding-left: 25px;
    padding-right: 0;
}

.input-icon-right > i {
    right: 0;
}

.input-icon-right > input {
    padding-left: 0;
    padding-right: 25px;
    text-align: right;
}

.results-list {
    list-style: none;
}

.results-list li {
    padding: 0 !important;
}

.results-list li:after {
    display: none !important;
}

.results-list p {
    font-size: 16px !important;
}

/*-LANDING PAGE-*/
/*-()--------------------------------------------------------------------------*/

.lpWrap {
	    box-shadow: -1px 1px 20px -2px rgba(0,0,0,0.20);
    -webkit-box-shadow: -1px 1px 20px -2px rgba(0,0,0,0.20);
    -moz-box-shadow: -1px 1px 20px -2px rgba(0,0,0,0.20);
    
    position: relative; 
    padding-bottom: 70px; 
    background: var(--yellow); 
    max-width: 1000px; 
    margin: 0 auto;
}

.lpLwrap {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 99;
}

.lpLwrap > div {
	position: relative;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

.lpLogo {
	position: absolute;
	background: url('/ntuksite/assets/the-build-chain-logo-b.svg') top center no-repeat;
	background-size: contain;
	z-index: 99;
	color: transparent;
	left: -1px;
	top: -1px;
	font-size: 0;
	width: 200px;
	height: 50px;	
}

.lpLogo a {
	display: block;
	width: 100%;
	height: 100%;
}

.lPbanner {
	padding: 2em 0;
	background: var(--yellow);
}

.lPbanner.grad {
	background: var(--grad);
	position: relative;
}

.lPbanner.grad:after {
	position: absolute;
	background: var(--yellow) url('/ntuksite/assets/city.jpg') center center no-repeat;
	background-size: cover;
	opacity: 0.2;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	bottom: 0;
}

.lPbanner.grad > div {
	z-index: 1;
}

.lPbanner.obl {
	background: var(--yellow) url('/ntuksite/assets/blackobl.svg') center center no-repeat;
	background-size: contain;		
}

.lPbanner.tri {
	background: var(--yellow) url('/ntuksite/assets/tri.svg') center center no-repeat;
	background-size: cover;		
}

.lPbanner > div {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 80px;
}

.lPbanner > div:after {
	background: url('/ntuksite/assets/whitetri.svg') left center no-repeat;	
	position: absolute;
	display: block;
	height: 100%;
	width: 70px;
	content: '';
	left: 0;
}

.lPbanner > div:before {
	background: url('/ntuksite/assets/goldtri.svg') right center no-repeat;	
	position: absolute;
	display: block;
	height: 100%;
	width: 70px;
	content: '';
	right: 0;
}

.lPbanner.shape2 > div:after {
	background: url('/ntuksite/assets/goldtri2.svg') left center no-repeat;	
	position: absolute;
	display: block;
	height: 100%;
	width: 70px;
	content: '';
	left: 0;
}

.lPbanner.shape2 > div:before {
	background: url('/ntuksite/assets/whitetri2.svg') right center no-repeat;	
	position: absolute;
	display: block;
	height: 100%;
	width: 70px;
	content: '';
	right: 0;
}

.lPbanner h1 {
	font-family: 'albula_probold', sans-serif;
	color: var(--gold);
	font-weight: bolder;
	text-align: center;
}


.lPbanner h2 {
	color: var(--white);
	text-align: center;	
}

.lPbanner .container h2 {
	font-family: 'albula_probold', sans-serif;
	text-align: left;
	color: var(--gold);
	font-weight: bolder;
	text-align: center;}

.lPbanner p, .lPbanner a, .lPbanner ul li {
	color: var(--white);
	text-align: center;	
}

.lPbanner p b {
	font-family: 'albula_probold', sans-serif;
	color: var(--gold);
	font-weight: bolder;
}

.lPbanner ul {
	padding-left: 20px;
}

.lPbanner ul li {
 text-align: left;
}

.lPbanner .single_plan ul li {
	color: var(--black); 
}

.lPbanner ul li span {
	font-family: 'albula_probold', sans-serif;
	color: var(--gold);
	font-weight: bolder;
}

.lPbanner a:hover {
	color: var(--gold);
}

.lPbanner .container {
	max-width: 1000px;
}

.lPbanner .container > div h2, .lPbanner .container > div p {
	text-align: left;
}

.lPbanner .container .text {
	padding: 20px;
}

.lPbanner .full {
display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.lpLfooterwrap {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 99;
}


.lPsfooter {
	background: var(--gold);
/* 	position: fixed; */
	bottom: 0;
	z-index: 999;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.lPsfooter > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

}

.lPsfooter > div > * {
	padding: 20px 20px;
}

.lPsfooter a {
	color: var(--black);
}

.lP.logos {
	background: var(--white);
		display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.lP.logos img {
	height: 50px;
	width: auto;
	margin: 20px;
}

.lPbanner .single_plan .top,
.lPbanner .single_plan .bottom {
	padding: 20px;
}

.lPbanner .single_plan {
	    box-shadow: -1px 1px 20px -2px rgba(0,0,0,0.20);
    -webkit-box-shadow: -1px 1px 20px -2px rgba(0,0,0,0.20);
    -moz-box-shadow: -1px 1px 20px -2px rgba(0,0,0,0.20);
}

.lPbanner .results-list p,
.lp_form ul.results-list,
.lp_form ul.results-list li {
	font-family: 'albula_probold', sans-serif;	
	padding: 0;
	margin: 0 0 20px;
	color: var(--black) !important;
}

.lPbanner .container h2.discount {
	 font-size: 2em;
	 color: var(--white);
 }

@media (min-width: 800px) {
	
	body:after {
		content: '800px';
		background: grey;
	}

	.wrapper {
		margin-top: 112px;
	}
	
	.black_header {
		display: block;
	}
		
	.three_blocks .container > div {
		display: flex;
	}
	
	.three_blocks .container div > .block {
		padding: 0 4em;
		width: 33%;
	}
	
	.three_blocks_black .container > div {
		display: flex;
	}
	
	.three_blocks_black .container div > .block {
		padding: 0 4em;
		width: 33%;
	}
	
	.three_blocks_yellow .container > div {
		display: flex;
	}
	
	.three_blocks_yellow .container div > .block {
		padding: 0 1em;
	}
	
	.showcase .project > div p {
		display: block;
	}
	
	.showcase .container > div {
		padding: 2em;
	}
	
	.three_blocks_yellow .container .icon.three:after {
		background-size: 100px;
	}

	.img_50_left {
		width: 50%;
		margin: 1em 2em 2em 0;
	}
	
	.img_50_right {
		width: 50%; 
		margin: 1em 0 2em 2em;
	}
	
	.column.block {
		-webkit-box-align: stretch;
		align-items: stretch;
		align-content: flex-start;
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		-webkit-box-pack: start;
		justify-content: flex-start;
	}
	
	.column_block {
		flex-grow: 0;
		flex-shrink: 0;
		padding-top: 0rem;
		padding-right: 0.5rem;
	}
	
	.column_block > div {
		padding: 0 1.5em;
	}
	
	.width_25 {
		flex-basis: 25%;
	}
	
	.width_25 {
		max-width: 25%;
	}
	
	.width_33 {
		flex-basis: 33.333333%;
	}
	
	.width_33 {
		max-width: 33.333333%;
	}
	
	.width_50 {
		flex-basis: 50%;
	}
	
	.width_50 {
		max-width: 50%;
	}
	
	.left_col.w30 {
		width: 20%;
	}
	
	.right_col.w70 {
		width: 75%;
	}
	
	.content_block .left_col ul li {
		margin-bottom: 1em;
	}
	
	.column_block.width_25 .final_hold, .column_block.width_33 .final_hold, .column_block.width_50 .final_hold  {
		padding: 0;
	}


	.footer .container .mind {
		max-width: 250px;
	}
	
	.black_header .mind {
		display: flex;
	}
	
	.mindmap .left .small:after,
	.mindmap .right .small:after,
	.mindmap .left .small .icon,
	.mindmap .right .small .icon {
		width: 150px;
		height: 150px;
	}
	
	.mindmap .left .small > div,
	.mindmap .right .small > div {
		padding-right: 160px;
	}
	

	
	.new_blocks_three {
		display: flex;
		justify-content: space-between;
		padding: 0;
	}
	
	
	.new_blocks_three > div {
		padding: 1em 2em 2em 2em;
		width: 30%;
	}
	
	.new_blocks_three li {
		font-weight: 400;
		font-size: 1.2em;
	}
	
	.new_blocks_three h3 {
		font-size: 1.5em;
	}
	
	.map_holder {
		height: 600px; 
	}
	.messege {
		display: block;
		position: absolute;
		bottom: -40px;
		left: 320px;
		color: var(--yellow);
		font-size: 1.3em;
		font-weight: 600;
	}
	
	.three_blocks_yellow .container .block .single_plan .top:after {
		background: url('/ntuksite/assets/white-logo.svg') center center no-repeat;
		position: absolute;
		right: 20px;
		top: 0;
		content: '';
		display: block;
		width: 200px;
		height: 100%;
	}
	
	.demoVideo {
		padding-bottom: calc(29.21875% + 41px); 
		max-width: 60%; 
	}
	
	.three_blocks_yellow .container .block .single_plan .bottom > div {
	
		flex-direction: row;
	}

	.three_blocks_yellow .container .block .single_plan .bottom > div > div {
		width: 49%;
	}
	
	.list_01 {
		flex-direction: row;
	}
	
	.comp .imageclass img {
	
		display: block;
	}
	
	.lpLogo {
		width: 300px;
		height: 80px;	
	}
	
	.lPsfooter > div {
		flex-direction: row;	
	}

	.lP.logos {
			flex-direction: row;
	
	}
	
	.lPbanner .book_sign > div a {
		min-width: 200px;
	}

}

@media (min-width: 900px) {
	
	.comp {
		flex-direction: row;
		padding-top: 10px;
	}
	
	.comp.split.odd {
		flex-direction: row-reverse;
	}
	
	.comp.logos {
		flex-direction: column;
/* 		padding-bottom: 60px; */
	}
	
	.comp.logos > div {
		display: flex;
		  flex-wrap: nowrap;		
		justify-content: center;
	}
	
	
	.comp.logos > div > div {
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  
		  margin: 0 20px;
	}
	
	.comp.logos > div img {
		max-width: 90px;
		height: auto;
	}
	
	.comp h3 {
		font-size: 2.3em;
	}
	
	.comp.split .padd {
		width: 70%;
/* 		outline: red solid 1px; */
	}
	
	.comp.split .imageclass {
		width: 30%;
/* 		outline: red solid 1px; */
	}
	
	.comp.split > div {
		
	}
	
	.rev {
		flex-direction: row-reverse;
	}
	
/*
	.comp .padd.odd {
		padding: 40px 0 40px 40px;
	}
*/
	
	.comp .padd {
		padding: 40px ;
	}
	
	.announcement_banner {
		padding: 20px 20px;
	}
	
	.mindmap {
		position: relative !important;
		padding: 2em 0;
		display: block;
		float: left;
		width: 100%;
	}
	
	.mindmap > div {
		position: relative;
		z-index: 2;
		display: flex;
		justify-content: space-between;

		width: 100%;
	}
	.mind_map_img {
		background: url('/ntuksite/assets/relaxed_workers2.jpg') center center no-repeat;
		background-size: cover;
	}

	.mind_map_img h2, .content_block.mind_map_img p {
		color: #FFFFFF !important;
	}

	.mind_map_img .mindmap .center h2 {
		color: var(--black) !important;
	}

	.mindmap .spider {
		position: absolute;
		background: url('/ntuksite/assets/legs.png') center center no-repeat;
		background-size: 50%;
		content: '#';
		display: block;
		width: 100%;
		height: 100%;
		margin: 0 auto;
		z-index: 1;
		left: 0;
		top: 0;
	}
	
	.mindmap > div > div {
		width: 35%;
	}
	
	.mindmap .center {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 25%
	}
	
	.mindmap .left .small > div {
		padding-left: 50px
	}
	
	.mindmap .right .small:after {
		left: 0;
	}
	
	.mindmap .right .small > div {
		padding-right: 50px;
		padding-left: 160px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-top-left-radius: 75px;
		border-bottom-left-radius: 75px; 
		-webkit-clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
	}
	
	
	
	.mindmap .left .small {
		height: 150px;  
	}
	
	.mindmap .right .small {
		height: 150px; 
	}
	
	.mindmap .left .small > div, .mindmap .right .small > div {
		height: auto;
		height: 150px;
	}
	
	
	
	
	
	
	
	
	
	.mindmap .right .small .icon {
		top: 0;
		left: 0;
	}
		
	.mindmap h2 {
		margin: 0;
		font-size: 1em;
	}
	
	.content_block .mindmap p {
		font-size: 0.7em;
		margin-bottom: 0;
	}
	
	.mindmap .left .small:first-child, .mindmap .right .small:first-child {
		margin-top: 0;
	}
	
	.mindmap .left .small:last-child, .mindmap .right .small:last-child {
		margin-bottom: 0;
	}
	
	.mindmap .center div span {
		width: 180px;
		height: 180px;
	}
	
	body:after {
		content: '900px';
		background: brown;
	}
	
	.sign_up {
		padding-right: 0;
	}
	
	.sign_up .menu {
		display: none;
	}
	
	.menuWrapper.on_off, .menuWrapper {
		display: block;
        float: none;
        margin: 0 auto;
        width: 58%;
        max-width: 650px;
    }
    
    .menuWrapper nav.navi {
	    padding-top: 1.5em;
        display: block;
    }

    .menuWrapper nav > ul {
        width: auto;
    }

    .menuWrapper nav > ul {
        float: none;
        display: flex;
        justify-content: space-evenly;
    }

    .menuWrapper nav ul > li {
        border-top: 0;
        float: none;
    }

    .menuWrapper nav ul li {
        width: auto;
    }
    
    .menuWrapper nav ul li a {
    	text-transform: capitalize;
	}

    .menuWrapper nav ul > li  a {
        border-top:0;
		font-family: 'albula_probold', sans-serif;
    }

    .menuWrapper nav ul ul li {
        border-top:1px solid #e4e3e3;
        float: left;
    }

    .menuWrapper nav ul .subNav {
        position: absolute;
        display: inherit;
    }

    .menuWrapper nav ul .subNav {
        /* 		transition: 0.1s 0.1s; /* delay of 1 seconds on hover off */
        margin-top: -1px;
        visibility: hidden;
        opacity: 0;
    }

    .menuWrapper nav ul li:hover > .subNav {
        visibility: visible;
        transition-delay: 0s; /* react immediately on hover */
        opacity: 1;
        z-index: 999999;
    }

    .menuWrapper nav ul li a {
        padding:0.5em 0 0.5em 0;
        font-size: 0.8em;
    }

    .menuWrapper nav ul li:hover {

    }

    .menuWrapper nav ul li:hover a {

    }

    .menuWrapper nav ul li:hover ul li a {
        color: #111111;
    }
    
    .menuWrapper nav ul li a.rsp_button {
	    display: none;
    }
    
    	
	.try_for_free {
		display: flex;
	}
	
	.try_for_free .yellow {
		width: 70%;
	}
	
	.try_for_free .black {
		width: 40%;
	}
	
	.try_for_free .yellow div {
		position: relative;
/*
		display: flex;
		justify-content: center;
		-webkit-column-count:2;
*/
	}
	
	.try_for_free .yellow div > div {
		width: 80%;
		height: inherit;
		padding: 0 2em;
		position: relative;
		z-index: 9;
	}
	
	.try_for_free .black div {
		color: #FFFFFF;
		padding: 2em;
		padding-left: 100px;
	}


	
	.try_for_free .yellow {
		position: relative;
/*
		display: flex;
		align-content: center;
*/
	}
	
	.try_for_free .yellow:after {
		clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);
		position: absolute;
		background:  var(--yellow);
		display: block;
		content: '';
		right: -70px;
		top: 0;
		height: 102%;
		width: 100px;
		border-left: 10px solid var(--yellow);
		z-index: 1;
	}
	
	.try_for_free .yellow > div {
		width: 50%;
		margin: 0 auto;
		display: table;
		height: 100%;
		margin: 0 auto;
	}
	
	.try_for_free .yellow > div h2 {
				display: table-cell; 
		vertical-align: middle;
	}
        
    .try_for_free .yellow > div img {
		max-width: 120px;
		margin: 0 auto;
	}
	
	.try_for_free .black div p {
		line-height: 2em;
	}
	
	.black_slant a {
		margin-left: 0;
		margin-right: 0;
	}
	
	.what_our_customers {
		padding: 3em 0;
	}

	.what_our_customers .customer {
		background: url('/ntuksite/assets/gray-multi-slant.svg') center center no-repeat;
		background-size: contain;
	}

	.what_our_customers .container, .yourbooked .container {
		display: flex;
		justify-content: center;
	}
	
	.what_our_customers .customer > div {
		margin: 0 auto;
		width: 80%;
		max-width: 650px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.what_our_customers .title {
    	display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.what_our_customers .title {
		width: 30%;
	}
		
	.what_our_customers .customer {
		width: 80%;
		display: flex;
		justify-content: space-between;
	}
    
    .what_our_customers .container .customer .details {
	    width: 80%;
    }
    
	.what_our_customers .container .customer .details h4 {
	    margin-top: 0;
	}
    
	.what_our_customers .container .customer .logo {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.what_our_customers .customer {
		float: none;
	}
	
	.what_our_customers .customer > div {
		float: none;
	}
	
	.how_it_works {
		padding: 4em 0;
	}
	
	.showcase {
		margin-bottom: 4em;
	}
	
	.showcase .container > div {
		display: flex;
		justify-content: space-between;
	}
	
	.showcase .project {
		width: 48%;
	}
	
	.how_it_works .container > div {
		display: flex;
		justify-content: space-between;
	}
	
	.how_it_works .details {
		margin-bottom: 0;
		width: 30%;
		
		    	display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.how_it_works .sl {
		width: 65%;
	}
	
	.how_it_works .details h3 {
		font-size: 1.9em;
	}
	
	.industry_problems h2 {
		text-align: center;
	}
	
	.industry_problems h3 {
		font-size: 1.5em;
	}
	
	.industry_problems p {
		text-align: center;
	}
	
	.industry_problems .title p {
		font-size: 1.3em;
		margin: 0 auto 2em auto;
		max-width: 60%;
	}
	
	.industry_icons {
		display: flex;
		justify-content: space-between;
	}
	
	.industry_icons > div {
		width: 18%;
	}
	
	.five_item_block h3 {
		font-size: 1.2em;
	}
	
	.five_item_block p {
		text-align: center;
	}
	
	.five_item_block .title p {
		font-size: 1.3em;
		margin: 0 auto 2em auto;
		max-width: 60%;
	}
	
	.five_item_block_icons {
		display: flex;
		justify-content: space-between;
	}
	
	.five_item_block_icons > div {
		width: 18%;
	}
	
	.eight_item_block h3 {
		font-size: 1.2em;
	}
	
	.eight_item_block p {
		text-align: center;
	}
	
	.eight_item_block .title p {
		font-size: 1.3em;
		margin: 0 auto 2em auto;
		max-width: 60%;
	}
	
	.eight_item_block_icons {
		display: flex;
		justify-content: space-between;
	}
	
	.eight_item_block_icons > div {
		width: 10%;
	}
	
	.eight_item_block .icon {
		width: 100%;
		float: left;
	}
	
	.eight_item_block .container > div {
/* 		padding: 2em 0; */
	}
	
	
	.footer .container > div {
		display: flex;
		justify-content: space-between;
	}
	
	.footer .container > div div {
		padding-right: 4em;
		width: 25%;
	}
	
	.title_text .container > div {
		display: flex;
		justify-content: space-between;
	}
	
	.title_text .container > div .title {
		width: 33%;
	}
	
	.title_text .container > div .text {
		width: 67%;
	}
	
	.title_text h3 {
		padding-right: 1em;
	}
	
	.title_text .text p {
		font-size: 1.2em;
		margin: 0;
	}

	.title_text .container > div .text {
		display: flex;
		justify-content: space-between;
	}
	
	.title_text .container > div .text > div {
		width: 48%;
		margin: 0;
	}
	
	.title_text.what_customers_two .text > div img {
		position: absolute;
		right: 2em;
		top: 2em;
		max-width: 50px;
		margin: 0;
	}
	
	.title_text.what_customers_two .text p {
		margin-top: 2em;
		font-size: 1.1em;
	}
	
	.title_text.what_customers_two .text h2 {
		padding-right: 60px;
	}
	
	.showcase_two .container > div {
		display: flex;
		justify-content: space-between;
	}
	
	.showcase_two .container .project_block {
		width: 48%;
	}
	
	.showcase_two .container .project_block > div {
		padding: 1em 3em 3em 3em;
	}
	
	.showcase_two .container > div {
		padding: 2em 2em 3em 2em;
	}
	
	.try_for_free_block .container .block {
		display: flex;
		justify-content: space-between;
		align-items: center;
			padding: 3em;
	}
	
	.try_for_free_block .container .block h3 {
		text-align: left;
			width: 55%;
		font-size: 2em;
	}
	
	.try_for_free_block .container .block .yellow_slant {
		margin-top: 0;
		width: 40%;
	}
	
	.try_for_free_block .container .block .yellow_slant a {
		margin: 0;
		padding-right: 2em;
		padding-left: 2em;
		float: right;
		max-width: 100%;
		font-size: 1.3em;
	}
	
	.full_banner_block {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.full_banner .container > div {
		padding: 4em 2em;
	}
	
	.full_banner .full_banner_text {
		margin: 0;
		padding-left: 2em;
		width: 40%;
	}
	
	.full_banner.black_slider .full_banner_text {
		width: 50%;
	}
	
	.full_banner .full_banner_image {
		width: 50%;
	}
	
	.full_banner h2 {
		font-size: 2.4em;
	}
	
	.full_banner p {
		line-height: 1.5em;
		font-size: 1.1em;
	}
	
	.full_banner .transparent_slant_link {
		font-size: 1.2em;
	}
	
	.what_our .what_our_blocks {
		display: flex;
		justify-content: space-between;
	}
	
	.what_our .what_our_blocks > div {
		display: flex;
		justify-content: space-between;
		width: 48%;
		padding: 4em 2em;
	}
	
	.what_our .what_our_blocks > div img {
/*
		position: absolute;
		right: 2em;
		top: 2em;
		max-width: 50px;
		margin: 0;
*/
	}
	
	.what_our .what_our_blocks > div > div.img_b {
		width: 50%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-left: 2em;
	}
	
	.what_our .what_our_blocks > div img {
		margin: 0 auto;
		max-width: 80%;
	}
	
	.two_two {
		display: flex;
		justify-content: space-between;

	}
	
	.two_two > * {
		width: 49%;
	}
	
	.three_three {
		display: flex;
		justify-content: space-between;

	}
	
	.three_three > * {
		width: 33%;
	}

	.seventy-thirty-wrap {
		display: flex;
		justify-content: space-between;
	}

	.seventy_box {
		width: 69%;
	}

	.thirty_box {
		width: 29%;
	}
	

	
	.three_blocks_yellow .container .block .single_plan span.per, 
	.three_blocks_yellow .container .block .single_plan span.year {
		font-size: 2em	
	}
	
	.three_blocks_yellow .container .block .single_plan span.price {
		font-size: 3.8em;
		margin: 0;
	}
	
	.three_blocks_yellow .container .block .single_plan .bottom span {
		font-size: 1.4em;
	}
	
	.three_blocks_yellow .container .block .single_plan .bottom ul li {
		font-size: 1.2em;
	}
	
	.three_blocks_yellow .container h2.singlePlan_title {
		margin-bottom: 40px;
	}
	
	.three_blocks_yellow .container .block .single_plan .top,
	.three_blocks_yellow .container .block .single_plan .bottom {
		padding: 50px;
	}
	
	
	.lPbanner .single_plan .top,
	.lPbanner .single_plan .bottom {
		padding: 40px;
	}	
	
	.three_blocks_yellow .container .block .single_plan .top:after {
		width: 300px;
		right: 50px;
	}
	
	a.talk_to, a.bookademo_to {
		font-size: 1em;
	}
	
	.news_block {
		width: 32%;
	}
    
}

@media (min-width: 1000px) {
	
	
	.lPbanner {
		padding: 4em 0;
	}
	
	.lPbanner h1 {
		font-size: 3em;
	}
	
	.lPbanner h2 {
		font-size: 1.6em;
	}
	
	.lPbanner .container h2.discount {
		 font-size: 3em;
	 }	
	
	.lPbanner p, .lPbanner ul li {
		font-size: 1.2em;
	}
	
	.lPbanner .book_sign > div a {
		min-width: 300px;
		font-size: 2em;
	}	
	
	.lPsfooter {
		position: fixed;
	left: 0;
	right: 0;		
		
	}	
	
	.single_image {
		width: 50%;
	}
	
	.three_blocks_yellow .container .block .single_plan {
		max-width: 960px;
	}

	.three_blocks_yellow .container .block .single_plan span.price {
		font-size: 4.5em;
	}
	
	.three_blocks_yellow .container .block .single_plan .bottom ul li {
		margin-bottom: 15px;
	}
	
	.three_blocks_yellow .single_plan .black_slant,
	.three_blocks_yellow .single_plan .yellow_slant, {
		display: flex;
		justify-content: center;
	}
	
	.three_blocks_yellow .single_plan .black_slant a,
	.three_blocks_yellow .single_plan .yellow_slant a {
		width: 100%;
		padding: 1.3em 0;
		font-size: 1.4em;
		max-width: 390px;
	}
	
	.three_blocks_yellow .single_plan .two_two div:nth-child(2) {
		padding-top: 20px;
	}
	
	
	.announcement_banner {
		padding: 5px 20px;
	}
	
	body:after {
		content: '1000px';
		background: orange;
	}
		
	.header .container {
		padding: 0 1.5em;
	}	
	
	.header .logo {
		margin: 1.5em 0;
	}
	
    .menuWrapper nav.navi {
	    padding-top: 2em;
    }

    .menuWrapper nav ul li a {
    	font-size: 1em;
	}
	
	.sign_up {
		margin: 1.5em 0;
	}
	
	.sign_up a span {
		display: inline;
	}
	
	#slideshow {
		width: 70%;
		left: auto !important;
	}
	
	.subtle_yellow_text {
		top: 0;
		width: 50%;
	}
	
	.clients {
		display: flex;
	}
	
	.clients .white div {
		position: relative;
		display: flex;
		justify-content: center;
		-webkit-column-count:2;
	}
	
	.clients .white  div > div {
		width: 50%;
		height: inherit;
		padding: 0 0;
		position: relative;
		z-index: 9;
	}
	
	.clients .black div {
		color: #FFFFFF;
		padding: 2em;
		padding-left: 100px;
	}
	
	.clients .white {
		position: relative;
		display: flex;
		align-content: center;
	}
	
	.clients .white:after {
		clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);
		position: absolute;
		background:  var(--white);
		display: block;
		content: '';
		right: -70px;
		top: 0;
		height: 102%;
		width: 100px;
		border-left: 10px solid var(--white);
		z-index: 1;
	}
	
	.clients .white > div {
		width: 100%;
	}
        
    .clients .white > div img {
		max-width: 120px;
		margin: 0 auto;
	}
	
	.clients .black div p {
		line-height: 2em;
	}

	.experienced_team {
		overflow: hidden;
		height: 600px;
	}

	.experienced_team_yellow_text {
		position: absolute;
		top: 0;
		width: 50%;
	}
	
	.experienced_team_yellow_text.right {
		right: 0;
	}
	
	.experienced_team_image {
		width: 50%;
		float: right;
		height: 100%;
	}

	.experienced_team.book_a_demo_wrapper {
		height: 784px;
	}
	
	.experienced_team_image.book_a_demo_form {
		height: inherit;
	}
	
	.experienced_team_image.book_a_demo_form .w_50 {
		max-width: 60%;
	}
	
	.experienced_team_image.book_a_demo_form .form_container input[type="submit"] {
		font-size: 1em;
	}
	
	.experienced_team_image.left {
		float: left;
	}
	
	.experienced_team_yellow_text:after {
		-webkit-clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);
		position: absolute;
		display: block;
		content: '';
		right: -150px;
		top: 0;
		height: 100%;
		width: 300px;
		z-index: -1;
				background:  var(--yellow);
		border-left: 10px solid var(--yellow);
	}
	
	.experienced_team_yellow_text.right:after {
		-webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%);
		clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%);
		position: absolute;
		background:  var(--white);
		display: block;
		content: '';
		left: -150px;
		top: 0;
		height: 102%;
		width: 300px;
		border-left: 0;
		border-right: 10px solid var(--white);
		z-index: -1;
	}
	
	.experienced_team_yellow_text.yel_slant:after {
		background:  var(--yellow);
		border-left: 10px solid var(--yellow);
	}
	
	.experienced_team_yellow_text.right.yel_slant:after {
		background:  var(--yellow);
		border-right: 10px solid var(--yellow);
	}
	
	.experienced_team_yellow_text.gray_slant:after {
		background:  var(--gray);
		border-left: 10px solid var(--gray);
	}
	
	.experienced_team_yellow_text.right.gray_slant:after {
		background:  var(--gray);
		border-right: 10px solid var(--gray);
	}
	
	.experienced_team_yellow_text.bl_slant:after {
		background:  var(--black);
		border-left: 10px solid var(--black);
	}
	
	.experienced_team_yellow_text.right.bl_slant:after {
		background:  var(--black);
		border-right: 10px solid var(--black);
	}
	
	
	.experienced_team_yellow_text .transparent_slant_link {
		font-size: 0.9vw;
	}
	
	.experienced_team_two {
		overflow: hidden;
		
	}
	
	.experienced_team_two_yellow_text {
			top: 0;
		width: 50%;
	}
	
	.experienced_team_two_image {
		width: 100%;
		float: right;
		height: 100%;
	}
	
	.experienced_team_two_yellow_text:after {
/*
		clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);
		position: absolute;
		background:  var(--yellow);
		display: block;
		content: '';
		right: -170px;
		top: 0;
		height: 102%;
		width: 300px;
		border-left: 10px solid var(--yellow);
		z-index: -1;
*/
	}
	
	.experienced_team_two_yellow_text .transparent_slant_link {
		font-size: 0.9vw;
	}
	
	.page_banner {
		overflow: hidden;
		
	}
	
	.page_banner_text {
		top: 0;
		width: 100%;
	}
	
	.page_banner_text.center {
		text-align: center;
	}
	
	.page_banner_image {
		width: 100%;
		float: right;
		height: 100%;
	}
	
	.page_banner_text:after {
/*
		clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);
		position: absolute;
		background:  var(--yellow);
		display: block;
		content: '';
		right: -170px;
		top: 0;
		height: 102%;
		width: 300px;
		border-left: 10px solid var(--yellow);
		z-index: -1;
*/
	}
	
	.page_banner_text .transparent_slant_link {
		font-size: 1.2em;
		padding: 1em 0;
	}
	
	.page_banner_text.center .transparent_slant_link {
		float: none;
		max-width: 200px;
		margin: 0 auto;
	}

	.page_banner.split .page_banner_content {
		text-align: left;
	}	
	
	.page_banner.split .page_banner_text {
		width: 50%;
	}

	.page_banner.split .page_banner_image {
		width: 50%;
	}
	
	.page_banner.split .page_banner_image.fl {
		float: left;
	}
	
	.page_banner.split .page_banner_text.fr {
		right: 0;
	}
	
	.page_banner.split .page_banner_block {
		width: 70%;
	}
	
	.page_banner.split .page_banner_text.center .transparent_slant_link {
		text-align: center;
		margin: 0;
	}
	
	.top_banner {
		overflow: hidden;
		
	}
	
	.top_banner_yellow_text {
			top: 0;
		width: 50%;
	}
	
	.top_banner_image {
		width: 70%;
		float: right;
		height: 100%;
	}
	
	.top_banner_yellow_text:after {
/*
		clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);
		position: absolute;
		background:  var(--yellow);
		display: block;
		content: '';
		right: -170px;
		top: 0;
		height: 102%;
		width: 300px;
		border-left: 10px solid var(--yellow);
		z-index: -1;
*/
	}
	
	.top_banner_yellow_text .transparent_slant_link {
		font-size: 0.9vw;
	}

	.subtle_yellow_text:after {
		clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);
		position: absolute;
		background:  var(--yellow);
		display: block;
		content: '';
		right: -170px;
		top: 0;
		height: 102%;
		width: 300px;
		border-left: 10px solid var(--yellow);
		z-index: -1;
	}
	
	.subtle_yellow_text.gr:after {
		display: none
	}
	
	.subtle_yellow_text.gr:before {
		position: absolute;
		background: url('/ntuksite/assets/gr-2.svg') center right no-repeat;
		background-size: cover;
		display: block;
		content: '';
		left: 0;
		top: 0;
		height: 100%;
		width: 140%;
		z-index: -1;
	}
	
	
	.yellow_block {
		display: table;
		width: 80%;
		height: 100%;
		margin: 0 auto;
	}
	
	.yellow_content {
		display: table-cell; 
		vertical-align: middle;
	}
	
	.page_banner_block {
		display: table;
		width: 80%;
		height: 100%;
		margin: 0 auto;
	}
	
	.page_banner_content {
		display: table-cell; 
		vertical-align: middle;
	}

	.top_banner_block {
		display: table;
		width: 80%;
		height: 100%;
		margin: 0 auto;
	}
	
	.top_banner_content {
		display: table-cell; 
		vertical-align: middle;
	}

	
	.subtle_yellow_text h1, .experienced_team_yellow_text h1, .top_banner_yellow_text h1, .experienced_team_two_yellow_text h1, .page_banner_text h1 {
		font-size: max(3vw, 20px);
	}
	
	.top_banner_yellow_text h1 {
		font-size: max(2.6vw, 20px);
	}
	
	.subtle_yellow_text p, .experienced_team_yellow_text p, .experienced_team_two_yellow_text p {
		line-height: 1.5em;
		font-size: 1vw;
	}
	
	.page_banner_text p {
		line-height: 1.5em;
		font-size: 1.3em;
	}
	
	.top_banner_yellow_text p {
		font-size: 1.2vw;
		max-width: 80%;
		color: var(--black);
	}
	
	.subtle_yellow_text .transparent_slant_link {
		font-size: 1.1vw;
	}
	
	.round_button {
		font-size: 0.9vw;
	}

	.bookademo_to {
		font-size: 1.23em;
	}
	
	.talk_to {
		font-size: 1.13333em;
	}
	
	.clients .black div {
		padding-top: 3em;
		padding-bottom: 3em;
		padding-right: 3em;
    }
    
    .try_for_free .black > div {
		padding-top: 0;
		padding-bottom: 0;
		padding-right: 3em;
    }
    
    .three_blocks {
	    padding: 4em;
    }
    
    .three_blocks .container div > .block {
	    margin-top: 4em;
    }
    
    .three_blocks .container h2 {
	    font-size: 2em;
    }
    
    .three_blocks .container div h3 {
	    font-size: 1.5em;
    }
    
    .three_blocks .container div p {
	    font-size: 1.2em;
    }

    .three_blocks_black {
	    padding: 4em;
    }
    
    .three_blocks_black .container div > .block {
	    margin-top: 4em;
    }
    
    .three_blocks_black .container h2 {
	    font-size: 2em;
    }
    
    .three_blocks_black .container div h3 {
	    font-size: 1.5em;
    }
    
    .three_blocks_black .container div p {
	    font-size: 1.2em;
    }
    
    .three_blocks_yellow {
	    padding: 4em 0;
    }
    
    .three_blocks_yellow .container div > .block {
	    margin-top: 4em;
    }
    
    .three_blocks_yellow .container h2 {
	    font-size: 2em;
    }
    
    .three_blocks_yellow .container div h3 {
	    font-size: 1.5em;
    }
    
    .three_blocks_yellow .container div p {
	    font-size: 1.2em;
    }
    
    .what_our_customers h3 {
		font-size: 2.3em;
	}
    
    .what_our_customers .container .customer {
	    width: 70%;
    }
    
    .what_our_customers .title {
	    width: 30%;   
	}
	
	.what_our_customers .container > div, .yourbooked .container > div {
		padding: 4em;
	}
	
	.what_our_customers .container .title, .yourbooked .container .title {
		padding-left: 2em;
	}
	
	.what_our_customers .customer > div, .yourbooked .customer > div {
		max-width: 800px;
	}
	
	.what_our_customers .customer img, 
	
	.yourbooked .title img {
		max-width: 325px;
	}
	.what_our_customers .container .customer .details {
		font-size: 100%;
	}
	
	.showcase .project > div {
		padding: 1.5em 3em;
	}
	
	.showcase {
		margin-bottom: 6em;
	}
	
	.showcase .project a {
		font-size: 0.8em;
	}
	
	.industry_problems .container > div {
		padding:  4em 2em;
	}
	
	.five_item_block .container > div {
		padding:  4em 2em;
	}
	
	.footer .container > div {	
		padding: 4em 2em 0 2em;
	}
	
/*
	.five_item_block h2 {
		font-size: max(2.8vw, 20px);
	}
*/
	
	.industry_problems h2 {
		font-size: max(2.8vw, 20px);
	}
	
	.industry_problems.yellow_bg h2 {
		font-size: max(2vw, 20px);
	}
	
	.footer span {
		padding-bottom: 4em;
	}
	
	.title_text h3 {
/* 		padding-right: 1em; */
		font-size: 3em;
	}
	
	.title_text .text p {
		font-size: 1.5em;
		line-height: 1.4em;
		margin: 0;
	}
	
	.title_text .container {
		padding-bottom: 4em;	
	}

	.title_text .container > div  {
		padding-top: 4em;
	}
	
	.title_text.what_customers_two .text > div img {
		max-width: 70px;
	}
	
	.title_text.what_customers_two .text h2 {
		padding-right: 100px;
	}
	
	.industry_problems.yellow_bg .title {
		width: 60%;
		margin: 0 auto;
	}
	
	.full_banner.yellow_banner {
		padding: 4em 2em;
	}
	
	.full_banner.yellow_banner.black_slider {
		padding:4em 2em 0 2em;
		
	}
	
	.full_banner .container > div.yellow_bg,
	.full_banner .container > div.black_bg {
 /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 12px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 12px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 12px; 
    overflow: hidden; /*flexbox fix*/
	}
	
	.what_our .container > div {
		padding: 4em 2em;
	}
	
	.full_banner #slideshow {
		width: 100%;
		left: auto !important;
/* 		border-radius: 10px; */
		overflow: hidden;
	}
	
	.full_banner.yellow_banner.black_slider .container {
		position: relative;
		overflow: visible;
	}
	
	.full_banner.yellow_banner.black_slider .container:after  {
		content: '';
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		border-radius:12px;
		box-shadow: 0 0 0 5px var(--white);
	}
	
	.content_block .container {
		padding: 4em 2em;
	}
	
	.content_block p, .content_block ul li, .column_block span {
		font-size: 1.2em;
		line-height: 1.5em;
	}
	
	.two_thirds {
		max-width: 75%; 
	}
	
	.one_third {
		max-width: 33%; 
	}
	
	.w_50 {
		max-width: 50%;
	}
	
	.center {
		margin: 0 auto;
	}
	
	.pl2 {
		padding-left: 2em;
	}
	
	.pr2 {
		padding-right: 2em;
	}
	
	.column_3 {
	  column-count: 3;
	  column-gap: 40px;
	}
	
	.column_3 p:first-child {
		margin-top: 0;
	}
	
	.what_our_customers.custom_4 .container .customer {
		margin: 2em auto;
		width: 90%;
	}
	
	.what_our_customers.custom_4 .customer img, .yourbooked img {
		max-width: 220px;
	}

	.grad_section h2 {
		font-size: 2.4em;
		line-height: 2em;
	}
	
	
	h2.custom_02 {
		font-size: 3em;
	}
	
	.content_block h3 {
		font-size: 2em;
	}
	
	p.custom_02 {
		font-size: 1.6em;
		margin-bottom: 2em !important;
	}
}

@media (min-width: 1200px) {
	
	.mindmap {
		padding: 6em 0;
	}
	
	.mindmap h2 {
		font-size: 1.4em;
	}
	
	.content_block .mindmap p {
		font-size: 0.9em;
	}
	
	.mindmap > div {
		background-size: 90%;
	}
	
	.mindmap .left .small > div {
		padding-top: 25px;
		padding-bottom: 25px;
		padding-left: 70px;
		min-height: 150px;
	}
	
	.mindmap .right .small > div {
		padding-top: 25px;
		padding-bottom: 25px;
		padding-right: 60px;
		padding-left: 170px;
		min-height: 150px;
	}
	
	.mindmap .center div {
		height: 300px;
		width: 300px;
	}
	
	.mindmap .center div span {
		width: 280px;
		height: 280px;
	}
	
	
	body:after {
		content: '1200px';
		background: blue;
	}

	.header .logo {
		width: 250px;
		height: 60px;
	}
	
	.sign_up {
		height: 60px;
	}
	
	.sign_up a {
		font-size: 1.3em;
	}

	.header .logo a {
		background: url('/ntuksite/assets/the-build-chain-logo.svg') left center no-repeat;
		background-size: 100%;
	}
	
	.subtleSlider, .experienced_team, .top_banner, .experienced_team_two, .page_banner {
		height: 600px;
	}
	
	.full_banner .subtleSlider {
		height: 550px;
	}
	
    .menuWrapper nav ul li a {
/*     	font-size: 1.2em; */
	}
	
	.three_blocks .container h2 {
	    font-size: 2.2em;
    }
    
    .three_blocks {
	    padding: 6em 0;
    }
    
    .three_blocks_black .container h2 {
	    font-size: 2.2em;
    }
    
    .three_blocks_black {
	    padding: 6em 0;
    }
    
    .three_blocks_yellow .container h2 {
	    font-size: 2.2em;
    }
    
    .three_blocks_yellow {
	    padding: 6em 0;
    }

    .what_our_customers {
		padding: 6em 0;
	}
    
    .what_our_customers h3 {
		font-size: 2.6em;
	}
	
	.clients .white > div {
		width: 90%;
		margin: 0 auto;
	}
	
	.try_for_free .white > div {
		width: 90%;
		margin: 0 auto;
	}
	
	.how_it_works .details h3 {
		font-size: 2em;
	}
	
	.industry_problems .container > div {
		padding:  6em 2em;
	}
	
	.five_item_block .container > div {
		padding:  6em 2em;
	}
	
	.footer .container > div {	
		padding:  6em 2em 0 2em;
	}
	
	.footer span {
		padding-bottom: 6em;
	}
	
	.industry_problems .detail p {
		font-size: 1.2em;
	}
	
	.five_item_block .detail p {
		font-size: 1.2em;
	}
	
	.five_item_block .icon {
		height: 200px;
	}
	
	.five_item_block .icon.one:after,
	.five_item_block .icon.two:after,
	.five_item_block .icon.three:after,
	.five_item_block .icon.four:after,
	.five_item_block .icon.five:after {
		background-size: 100%;
		height: 250px;
		width: 150px;
	}
	
	.five_item_block .icon {
		height: 250px;
	}
	
	
	.try_for_free .yellow div > div {
		width: 60%;
	}
	
	.try_for_free .yellow > div h2 {
		font-size: 2em;
	}
		
	.showcase .project a {
		font-size: 1em;
	}
	
	.title_text .container {
		padding-bottom: 6em;	
	}

	.title_text .container > div  {
		padding-top: 6em;
	}
	
	.showcase_two .container .project_block > div {
		padding: 2em 4em 4em 4em;
	}
	
	.showcase_two .container > div {
		padding: 2em 2em 6em 2em;
	}
	
	.industry_problems.yellow_bg h2 {
		font-size: max(2.2vw, 20px);
	}
	
	.try_for_free_block .container > div {
		padding-bottom: 4em;
	}
	
	.try_for_free_block .container .block h3 {
		font-size: 2.8em;
	}
	
	.try_for_free_block .container .block .yellow_slant a {
		font-size: 1.8em;
	}
	
	.full_banner .container > div {
		padding: 6em 2em;
	}
	
	.full_banner .full_banner_text, .full_banner.yellow_banner .full_banner_text {
		padding-left: 4em;
		padding-right: 0;
	}
	
	.full_banner.yellow_banner {
		padding: 6em 2em;
	}
	
	.what_our .container > div {
		padding: 6em 2em;
	}
	
	.what_our h3 {
		font-size: 2.2em;
	}
	
	.three_blocks_yellow .container div > .block {
		padding: 0 2em;
	}
	
	.three_blocks_yellow .container .block > div {
		padding: 4em 1em;
	}
	
	.three_blocks_yellow .container .icon.one:after {
		background-size: 100px;
	}
	
	.three_blocks_yellow .container .icon.two:after {
		background-size: 100px;
	}
	
	.three_blocks_yellow .container .icon.three:after {
		background-size: 120px;
	}
	
	.full_banner.yellow_banner.black_slider .full_banner_text {
		padding: 4em 4em 4em 4em;
	}
	
	.full_banner.black_slider h2 {
		font-size: 3.3em;
	}
	
	.page_banner_block {
		width: 50%;
	}
}

@media (min-width: 1400px) {
	
	body:after {
		content: '1400px';
		background: green;
	}
	
	.header .logo {
		width: 313px;
	}
	
	.subtleSlider, .experienced_team, .top_banner, .experienced_team_two, .page_banner {
		height: 700px;
		width: 100%;
	}
	
	.top_banner_block {
		width: 85%;
	}
	
	.top_banner_content {
		padding-left: 4em;
	}
	
	.how_it_works .details h3 {
		font-size: 2.4em;
	}
	
	.try_for_free_block .container .block {
		padding: 4em;
	}
	
	.try_for_free_block .container .block h3 {
		font-size: 3em;
	}
	
	.try_for_free_block .container .block .yellow_slant a {
		font-size: 2em;
	}
	
	.what_our .container > div {
		padding: 6em 2em 4em 2em;
	}
	
	.three_blocks_yellow .container .block > div {
		padding: 6em 1em;
	}
	
	.content_block .container {
		padding: 6em 2em;
	}
	
	.page_banner.split .page_banner_block {
		width: 60%;
	}
	
	.subtle_yellow_text h1, .experienced_team_yellow_text h1, .top_banner_yellow_text h1, .experienced_team_two_yellow_text h1, .page_banner_text h1 {
/* 		font-size: max(3vw, 20px); */
		font-size: 4em;
	}
	
	.top_banner_yellow_text h1 {
/* 		font-size: max(2.6vw, 20px); */
	}
	
	.experienced_team_yellow_text h2 {
		font-size: 1.6em;
	}
	
	.subtle_yellow_text p, .experienced_team_yellow_text p, .experienced_team_two_yellow_text p {
/*
		line-height: 1.5em;
		font-size: 1vw;
*/

		font-size: 1.3em;
	}
}

@media (min-width: 1600px) {
	
	.what_our .container > div {
		padding: 6em 0 4em 0;
	}
	
	.three_blocks_yellow .container div > .block:first-child {
		padding-left: 0 !important;
	}
	
	.three_blocks_yellow .container div > .block:last-child {
		padding-right: 0 !important;
	}
	
	.full_banner.black_slider h2 {
		font-size: 3.6em;
	}
	
	.full_banner.black_slider p {
		width: 70%;
	}
	
	.black_slider .yellow_slant {
		margin-top: 2em;
	}
}