@import url("../fonts/fonts.css");

@font-face {
    font-family: 'Aroha';
    src: url('/_assets/fonts/aroha-webfont.woff2') format('woff2'),
         url('/_assets/fonts/aroha-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.script {
	font-family: 'Aroha',script;
}


::selection {
  background: #B8DAE1;
  color: #FFFFFF;
}
::-moz-selection {
  background: #B8DAE1;
  color: #FFFFFF;
}

.btn, p a, header a.nav-logo-sm,.slick-slider > .fa, section { 
	-webkit-transition:  0.25s all ease-in-out;
	-moz-transition:  0.25s all ease-in-out;
	-o-transition:  0.25s all ease-in-out;
	transition: 0.25s all ease-in-out;
	
}

html { background-color: #eeeeee;}

body { font-family: 'prx';font-weight:300;color: #747984;font-size:.9rem; max-width:2200px;margin: 0 auto;box-shadow: 0 0 15px rgba(112, 121, 127, 0.2);}

p { line-height:1.45rem;margin-bottom:1.3rem;}

p.large { font-size:1.3rem;margin-top:.5rem;}

strong, .strong { font-weight: 500;}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 { 
	font-family: 'prx';
	color: #000;
}

.signup .overlay { background:rgba(0,0,0,0.1);mix-blend-mode:overlay;position: absolute;top:0;left:0;width:100%;height:100%;background:#313942;mix-blend-mode:multiply;opacity:.5}
.panel { padding :0;}
.panel > .container > .row { min-height:70vh;}
.panel > .container > .row .row { height:100%}
.panel .col-md-7 { background:rgba(59, 66, 72, 0.59);padding:180px 90px;}


h2 { font-size:3rem;font-weight:200;}
h1 { font-size:3rem;}


h2.paint {
	padding-top:40px;
	padding-bottom:40px;
	background:url('/NC2U/_assets/img/nc-title-bg.jpg') center center no-repeat scroll transparent / contain;
}

.tc-white { color: #FFF;}

.tc-purple { color: #945896 !important;}

a {
	color: #945896;
	border-bottom:1px dotted #945896;
}

a:focus, a:hover {
	color: #000;
	border-bottom-color: #000;
	text-decoration: none;
	cursor: pointer;
	
}

section.intro .container{
	position: absolute;
	top:0;
	left: 50%;
	 -webkit-transform:  translateX(-50%);
	-moz-transform:  translateX(-50%);
	-o-transform:  translateX(-50%);
	transform:  translateX(-50%);
}

.fade-slider { 
	height:75vh;
	width:100%;
	position: relative;
	top:0;
	left:0;
}

.fade-slider * {
	background-size:cover;
	background-position: center;
	height:100%;
}

section { 
	padding:8rem 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	position: relative;
}

.lgrow { min-height:50vh;}

.fixed-section {
	position: fixed;
	width:100%;
	top:0;
	left:0;
	z-index:20;
}

.fixed-section > div {
	max-width:2200px;margin: 0 auto;
	padding:0;
}


.btn { 
	font-family: 'prx';
	font-weight:normal;
	font-size:.9rem;
	padding:13px 28px;
	border-radius:4px;
	background-color: #EEE;
	font-weight:300;
	border:none;
}
.btn-large { 
	padding:20px 42px;
}

.btn:hover, .btn:focus {
	text-decoration: none;
	border:none;
}

.btn-black {
	background-color: #000;
	color: #FFF;
}

.btn-black:hover {
	background-color: #FFF;
	color: #000;
}

.btn-green {
	background-color: #945896;
	color: #FFF;
}

.btn-green:hover {
	background-color: #7fb169;
	color: #FFF;
}
.btn-outline-green {
	background-color: transparent;
	border: 1px solid #945896;
	color: #945896;
}

.btn-outline-green:hover {
	border: 1px solid #945896;
	background-color: #7fb169;
	color: #FFF;
}

.btn-pink {
	box-shadow: 0 4px 20px rgba(255,255,255,0.2);
	background-color: #F2DCE3;
	color: #a17385;
}

.btn-pink:hover {
	box-shadow: 0 4px 20px rgba(255,255,255,0.5);
	background-color: #F2DCE3;
	color: #a17385;
}

.btn-white {
	border: 1px solid #AAD3CF;
	border-radius: 0px;
	text-transform: uppercase;
	background-color: #FFF;
	color: #8A99A5;
}

.btn-white:hover {
	background-color: #AAD3CF;
	color: #FFF;
}

.btn-trans-white {
	background-color: rgba(255, 255, 255, 0.79);
	color: #A0A0A0;
	box-shadow: 0 3px 4px rgba(0,0,0,0.1);
}

.btn-trans-white:hover {
	background-color: #FFF;
	color: #A0A0A0;
	box-shadow: 0 3px 4px rgba(0,0,0,0.2);
}

.img-circle {
	border-radius:1234px;
	position: relative;
	z-index:1;
	overflow: hidden;
	padding:12px;
}


.img-circle img {
	border-radius:1234px;
}

.img-circle::after {
	top:0;
	right:0;
	left:0;
	bottom:0;
	content:"";
	background:url('../img/img-circle.png') center center no-repeat transparent;
	background-size:contain;
	position: absolute;
}

section { position: relative;}
.nutshell .col-12 p { padding:20px;}

/* Sales Page */



			/*** HEADER ***/
			header { }
			
			header >div.color {
				height:4px;
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#663682+0,8f488c+50,b8638a+97&0.9+0,0.9+100 */
	background: -moz-linear-gradient(-45deg,  rgba(102,54,130,0.9) 0%, rgba(143,72,140,0.9) 50%, rgba(184,99,138,0.9) 97%, rgba(184,99,138,0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(102,54,130,0.9) 0%,rgba(143,72,140,0.9) 50%,rgba(184,99,138,0.9) 97%,rgba(184,99,138,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(102,54,130,0.9) 0%,rgba(143,72,140,0.9) 50%,rgba(184,99,138,0.9) 97%,rgba(184,99,138,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6663682', endColorstr='#e6b8638a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			}
			
			header > div.navv {
				box-shadow: 0 4px 12px rgba(174, 129, 202, 0.2);
				padding: 0;
				-webkit-transition:  0.25s all ease-in-out;
				-moz-transition:  0.25s all ease-in-out;
				-o-transition:  0.25s all ease-in-out;
				transition: 0.25s all ease-in-out;
				background:#FFF;
			}
			
			header li a { 
				border: none;
				color: #797A84;
				text-transform: uppercase;
				letter-spacing:0.1em;
				font-size:.7rem;
				padding:12px 15px;
				display: inline-block;
				-webkit-transition:  0.25s all ease-in-out;
				-moz-transition:  0.25s all ease-in-out;
				-o-transition:  0.25s all ease-in-out;
				transition: 0.25s all ease-in-out;
				
			}
			header li a:hover { 
				color: #945896 !important;}
		
			header li a.fa {
				color: #945896;
			}
			
			header .navigation {
				list-style: none;
				padding:1rem 0;
				margin:0;
			}
			
			header .navigation li {
				float:left;
			}
			header li.social {
				margin-left:20px;
			}
			header li.social a {
				padding:12px 5px 12px 5px;
			}
			
			header a.nav-logo-sm {
			   	height: 150px;
			    margin-top:0%;
			    background:#6C3F85;
				width:150px;
				text-align: center;
				border:none;
				padding:1rem;
				box-shadow: 0 5px 5px rgba(0,0,0, 0.1);
			    position: absolute;
			    left:0;
			    right:0;
			    background-size: contain;
			    
			}
			header.scrolled a.nav-logo-sm {
				opacity:1;
			}

		

						
			

		
			/*** TESTIMONIALS ***/
			
			.bg {
								background-image:url('/gardens/img/pandaus.jpg');
background-attachment: fixed;
background-size:cover;
			}
			
			.testimonial { padding: 0; background:#FFF;}
			.testimonial .container::before { top:0;bottom:0;}
			
			.testimonial .testimonial-image { height:100%;position: absolute;opacity:1;right:0;top:0;right:0;width:40%;
				background-size:cover;
			}
			
		
			
			.testimonial span {
				font-size:160px;color:#945896;font-family:times,times new roman,serif;line-height:25px;position: absolute;top:8rem;z-index:-1;opacity:.65
			}
			
			.testimonial .row .col-12 { position: relative;padding:6rem 0;}
	.testimonial .row .col-12 p {font-style:italic;padding-left:40px; }
	
	
		.testimonial .row .col-12 p strong {
	color: #FFF;
}

			/*** CREATORS ***/
			
			.creators {
				position: relative;
				padding-top:10rem;
			}
			
			.creators .row {
				min-height: auto;
							}
			
			.creators .container {
				position: relative;
				z-index:3;
				
			}
			
			.creators::after {
				background:#f5f5f7;
				height: 30%;
				right:0;
				width:40%;
				top: 35%;
				content:"";
				position: absolute;
				z-index:2;
			}
			
			.photowrap {
				position: relative;
			}
			
			.photowrap::after {
				width:200px;
				height:200px;
				bottom:-60px;
				right:-60px;
				content:" ";
				background: url('../img/stripe-circle.png') center center no-repeat scroll transparent;
				background-size:contain;
				position: absolute;
				
			}


			/*** WHATS INSIDE ***/
			
			.whats-inside { 
				padding-top:0;
				padding-bottom:0;
			}

			.whats-inside .container:before {
				bottom:0;
			}
			
			
			.whats-inside .container {
				padding-top:8rem;
			}
			.slick-slider > .fa {
				font-size:80px;
				position: absolute;
				top:50%;
				margin-top:-40px;
				padding:0 10px;
				color: rgba(255,255,255,0.5);
			}
			
			
			.slick-slider > .fa:hover {
				color: #FFF
			}
			
			
			.slick-slider > .fa.fa-angle-double-right {
				right:0;
			}
			.inside-icon {
			    position: absolute;
			    top: 30%;
			    background-position: center;
			    background-size: contain;
			    background-repeat: no-repeat;
			    width: 150px;
			    height: 150px;
			    left: 39%;
			    margin-left: -75px;
			}
			
			/*** HEADER ***/

			.internal .header {
				background: url('../img/internal-header.jpg?Action=thumbnail&Width=3500&Height=1250&algorithm=fill_proportional') center center no-repeat fixed #FFF;
				background-size: cover;
				padding:18rem 0 3rem 0;
				position: relative;
				box-shadow: inset 0 0 15px rgba(0,0,50,0.2)
			}
			
			.internal .header h1 {
				font-size:3rem;
				margin-bottom:0;
				color: #FFF;
				font-weight:300;
			}
			
			.internal .breadcrumbs {
				background: rgba(255,255,255,0.8);
				padding:10px;
				position: absolute;
				left:0;
				display:none;
				width:100%;
				bottom:0;
			}
			
			.internal .breadcrumbs a {
				border:none;
			}
			
			.internal .breadcrumbs span { opacity:.5;margin: 0 10px;display:inline-block;}

			
			.internal strong {
				color: #000;
			}

			/*** DIFFERENCE ***/

			.bgc-brown {
				box-shadow: inset 0 0 15px rgba(205, 200, 180, 0.36);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0eee7+0,fffef7+100 */
background: rgb(240,238,231); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(240,238,231,1) 0%, rgba(255,254,247,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(240,238,231,1) 0%,rgba(255,254,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(240,238,231,1) 0%,rgba(255,254,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0eee7', endColorstr='#fffef7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}			section.difference {
				background: url('/nc2u/img/bg-2.jpg?Action=thumbnail&Width=3500&Height=1250&algorithm=fill_proportional') center center no-repeat fixed #FFF;
				background-size: cover;
			}

			section.checkout { 								background-image:url('/nc2u/img/checkout-bg.jpg?Action=thumbnail&Width=3500&Height=1250&algorithm=fill_proportional');
background-attachment: fixed;
background-size:cover;
border-top:2px solid #FFF;
}

			section.checkout .container  { padding:8px;position: relative;}
			section.checkout .container .stripes { background: url('/nc2u/_assets/img/stripe.png') repeat transparent;height:100%;width:100%;mix-blend-mode:screen;opacity:.3;top:0;left:0;background-size:3px;position: absolute;}
			section.checkout .container > .row { margin:0;background:#FFF;padding:50px 90px;box-shadow: 0 2px 4px rgba(54, 108, 27, 0.37)}
			
			section.checkout .footer { padding-top:40px;}
			section.checkout .footer  a.btn-green { 
				color: white !important
			}
			section.checkout .option { 
				background:#F9F4F0;
				padding:12px 20px;
				-webkit-transition:  0.25s all ease-in-out;
				-moz-transition:  0.25s all ease-in-out;
				-o-transition:  0.25s all ease-in-out;
				transition: 0.25s all ease-in-out;
				margin:0 2px 4px 0;
				border-radius:4px;
				display: inline-block;
			}
			
			section.checkout .option.inactive {
				opacity:.3;
			}
			
			section.checkout .option.selected {
				opacity:1;
				 -webkit-transform: scale(1.04);
				-moz-transform:  scale(1.04);
				-o-transform: scale(1.04);
				transform: scale(1.04);
				background:#FFF;
				color:rgba(150, 202, 129,1);
				box-shadow: 0 4px 12px rgba(0,0,0,.1);
				
			}
			
			section.checkout .option:hover {
				 -webkit-transform: scale(1.04);
				-moz-transform:  scale(1.04);
				-o-transform: scale(1.04);
				transform: scale(1.04);
				cursor:pointer;
			}
						section.checkout .popups > div p { 
				margin-bottom:8px;
				}	
				
				section.checkout .popups > div > div { 
				padding:25px 15px;
				background: #F9F4F0;
				border-radius:3px;
				}
			
			section.checkout .popups > div { 
				padding:10px;
			} 
			section.checkout .popups > div strong {
				font-size:18px;
				color: #A5A4A2;
			} 
			
			/*** NEWSLETTER ***/
			section.signup {
			background: transparent;
				position: relative;
			}
			
			
			section.signup .row {
				z-index:5;
				position: relative;
			}


			.signup p strong {
				color: #FFF;
			}

			/*** FOOTER ***/
			
			footer {
				padding:2rem 0;
				
			}
			
			footer .clients {
				padding-bottom:3rem;
				border-bottom:1px solid #EEE;
				margin-bottom:3rem;
			}
			
			footer .clients img {
				filter: grayscale(100%);opacity:.6
			}
			
			footer p {
				margin-bottom: 0;
			}
			
			footer p a {
				display: inline-block;
				padding-left:20px;
				padding-right:20px;
				text-transform: uppercase;
				border-right:1px solid #DDD;
				color: #AAA;
				padding-top:0;padding-bottom:0;
				font-size:.7rem;
				letter-spacing: 0.1em;
				border-bottom: none;
			}
			
			footer p a:last-child {
				border-right:none;
			}
			
			
			
			
	/*** FOOTER ***/
			
			.modal .modal-content {
				border-radius:0;
				background: #FFF;
				border:0;
				padding:40px;
			}
			
			.modal .modal-header {
				text-align: center;
				border-bottom:none;
			}
			.modal .modal-footer {
				border-top:none;
			}
			
			.form-control { 
				border:none;
				background:#FAF5F2;
				color: #ABA6A3;
				font-family: 'prx';
				padding:12px 12px;
				font-size:.9rem;
				-webkit-transition:  0.25s all ease-in-out;
				-moz-transition:  0.25s all ease-in-out;
				-o-transition:  0.25s all ease-in-out;
				transition: 0.25s all ease-in-out;
				
				text-align: center;
			}
			
.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
				color: #ABA6A3;
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
				color: #ABA6A3;
   opacity:  1;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
				color: #ABA6A3;
   opacity:  1;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
				color: #ABA6A3;
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
				color: #ABA6A3;
}			

.form-control:focus { 
				background:#FAF5F2;
				box-shadow: 0px 4px 16px #f6faf4
			}
			
			.req { color: #9CCC86;}


.message-active section,.message-active  header {
		filter: blur(4px);
	
	}



.message {
	padding:50px;
	background: #FFFFFF;
	box-shadow: 0 4px 20px rgba(106, 171, 240, 0.25);
	border-radius:5px;
	position: fixed;
	z-index:9999;
	text-align: center;
	top:50%;
	max-width:80%;
	width: 600px;
	 -webkit-transform:  translate(-50%,-50%);
	-moz-transform:  translate(-50%,-50%);
	-o-transform:  translate(-50%,-50%);
	left:50%;
	transform:  translate(-50%,-50%);
	
}

.messagebg {
	content:"";
	background:rgba(0,0,0,0.3);
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:9998;
}
section.intro {
padding:0;
								background-image:url('/nc2u/img/bg-1.jpg');
background-attachment: fixed;
background-size:cover;
}
section.intro .container > .row {
	min-height:75vh;
	height:auto;
}

section.intro .row .row {
	height: 100%;
}

.expertise li i {
	color: #9CCC86;
}
.expertise .col-md-3 > div {
}

@media (max-width:980px) {
	
	section.intro .container > .row {
		height:330px
	}
	
	section.intro .container {
		width:80%;
	}
	
	h2 { font-size:4rem !important;line-height:2.5rem !important;}
	
	.intro h1 {font-size:4rem !important;line-height:2rem !important;}
	
*,section {
	background-attachment: scroll !important;
}

section.intro {
	background-position: center
}

h2 { font-size:2rem;}
	.panel > .container > .row { 
		min-height: auto;
	}
	section.creators {
		padding-top:72px
	}
	
	.panel.difference .col-md-7 {
		margin:100px 0;
	}
	
	.creators .container { padding: 0;}
		section.creators .photowrap {
			padding:0;
			overflow:hidden;
			max-height:280px;
		}
	section.creators .col-12.col-md-6 { 
		padding: 30px;
		overflow:hidden;
	}
	section.checkout .container { padding:5px;}
	section.checkout { 
		padding:5rem 20px;
	}
	
	section.creators::after,.photowrap::after { display:none;}
	
	section.questions { 
		padding-top:0 !important
	}
	
	section.checkout .option {
		padding:8px;
		font-size:12px;
	}
	
	header a.nav-logo {
		height:70px;
	}
	
	h1 { font-size:2rem;}
	
	.h3, h3 { font-size:1.4rem;}
	
	section.questions, section {
		padding: 5rem 0;
	}

	.bgc-paint-pink-1::before,.bgc-paint-pink-2 .container::before,.bgc-paint-blue-1::before,.bgc-paint-blue-2::before {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	content:"";
	position: absolute;
	top:-5rem;
	bottom:-5rem;
	width:100% !important;
	
	
}



.bgc-paint-pink-1::before {
right:0;
left:0;
}
section.bgc-paint-blue-1::before { top:0;bottom:0;	width:100%;}

	section.questions .container::before {
				top:-5rem;
				bottom:-5rem;
			}
.internal .testimonial .strong {
	color: #FFF;
}

.whats-inside .container { padding-top:4rem;}

.whats-inside .col-12.col-md-6.align-self-center {
	padding-bottom:35px;
}
.questions .fade-slider  {
	padding:25px;
	text-align: center;
	margin-bottom:20px;
	border-radius:4px;
	background: rgba(255,255,255,0.9);
	box-shadow: 0 3px 4px rgba(0,0,0,0.1);
}

section.whats-inside .col-12 { padding:0 30px;}
section.faq .col-12 { padding:15px;}

section.signup .col-12 {
	text-align: center;
}

section.signup .float-md-right {
	display: none;
}

section.faq .col-md-4 div { 
	margin-top:0;
}

section.breadcrumbs .col-12 {
	padding:0;
}
div#navtoggle {
    position: absolute;
    right: 0.5rem;
    top: -7px;
    padding: 8px 14px;
    border-radius: 5px;
    background: transparent;
    border:1px solid #DDD;
    color: #AAA
}

section.checkout .container > .row { 
	padding:15px;
}
.panel .col-md-7 { 
	padding:30px;
}

.nutshell .col-12 p {
	padding: 0 0 10px 0;
}

.internal div#navtoggle {
    position: absolute;
    right:  6px;
    top: 6px;
    border:none;
    padding: 8px 14px;
    border-radius: 5px;
    background: transparent;
    box-shadow: 0 2px 13px rgba(204, 135, 201, 0.45);
    color: #945896
}

.testimonial .slick-track > div {
padding:0 25px !important;
}

.testimonial span {
	opacity:.3
}
header > div { border-top:none;}
header .col-md-10 {
    position: fixed;
    top: -1000px;
    right: 20px;
    left: 20px;
    display: block;
    border-radius:4px;
    -webkit-transition:  0.25s all ease-in-out;
    -moz-transition:  0.25s all ease-in-out;
    -o-transition:  0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    
    background: #FFF;
    box-shadow: 0 3px 4px rgba(0,0,0,0.1);
    width: auto;
    text-align: center;
}
header .navigation li {
    float: none;
    margin: 0;
    border-bottom: 1px solid #EEE;
    padding:5px !important;
}
.internal header li a { color: #333 !important;}
header .navigation li:last-child, header .navigation li.signup {
	border-bottom: none;
}
header .navigation {
    padding: 25px;
}
header a.nav-logo-sm { height:auto;width:auto;display: block;padding:5px;}
header a.nav-logo-sm img {
	height:40px !important;
	display:block;
}

header .col-12 { padding: 0 .5rem;}

.show-nav .col-md-10 {
    top: 20px;
    z-index: 9;
}

.show-nav div#navtoggle {
     box-shadow: inset 0 2px 7px rgba(157, 204, 135, 0.45);
   z-index: 10;
    background: white;
    top: 30px;
    right: 30px;
}

.show-nav .col-12 > a, .show-nav section {
	filter: blur(4px);
}
.expertise .col-md-6 { padding:0;}

.internal .header h1 { font-size:3rem;}
}