@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: 'GothamRoundedBold';
  src: url('../fonts/gothamrnd-bold.eot');
  src: url('../fonts/gothamrnd-bold.eot') format('embedded-opentype'),
    url('../fonts/gothamrnd-bold.woff') format('woff'),
    url('../fonts/gothamrnd-bold.ttf') format('truetype'),
    url('../fonts/gothamrnd-bold.svg#GothamRoundedBold') format('svg');
}

@font-face {
  font-family: 'GothamRoundedMedium';
  src: url('../fonts/gothamrnd-medium.eot');
  src: url('../fonts/gothamrnd-medium.eot') format('embedded-opentype'),
    url('../fonts/gothamrnd-medium.woff') format('woff'),
    url('../fonts/gothamrnd-medium.ttf') format('truetype'),
    url('../fonts/gothamrnd-medium.svg#GothamRoundedMedium') format('svg');
}

@font-face {
  font-family: 'GothamRoundedLight';
  src: url('../fonts/gothamrnd-light.eot');
  src: url('../fonts/gothamrnd-light.eot') format('embedded-opentype'),
    url('../fonts/gothamrnd-light.woff') format('woff'),
    url('../fonts/gothamrnd-light.ttf') format('truetype'),
    url('../fonts/gothamrnd-light.svg#GothamRoundedLight') format('svg');
}


body {
	background-color:#004070;
	color: #FFF;
	font-family: 'GothamRoundedMedium', "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-align: center;
	font-weight: 100 !important;
}

/* FIX fullpage Safari */
*:not(html) {
	-webkit-transform: translate3d(0, 0, 0);
}
		
.section h1 {
	width: 100%;
	font-size: 200px;
	color:#FFF;
	font-family: 'GothamRoundedBold', "Helvetica Neue", Helvetica, Arial, "sans-serif";
	margin: 0 auto 1rem;
	line-height: 1;
	font-weight: 100 !important;
}
.section h2, .section p {
	font-size: 75px;
	font-family: 'GothamRoundedLight', "Helvetica Neue", Helvetica, Arial, "sans-serif";
	margin: 0 auto;
	font-weight: 100 !important;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
	background: #FFF;
}
b, strong {
	font-family: 'GothamRoundedBold', "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: 100 !important;
}
.pink {
	color: #E40070 !important;
}
.blue {
	color: #004070 !important;
}
.small {
	font-size: 50%;
}
.twolines p.para1 {
	line-height: 0.75;
	margin-bottom: 2rem;
}


/* Section 0 */
.topbar {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0;
	width: calc(100% - 2rem);
	background-color: #FFF;
	text-align: right;
	padding: 1rem 1rem .5rem 1rem;
}
.topbar .half {
	width: 50%;
	float: left;
}
.topbar a {
	color: #004070;
	text-decoration: none;
}
.topbar a:hover, .topbar a.active {
	color: #E40070;
}
/*.logo {
	background: URL("../assets/ellipse.png") top center no-repeat;
	height: 300px;
	padding-top: 60px;
}*/
.logo {	
	text-align: left;
}
.logo img {
	max-width: 250px;
}
#section0 .fp-tableCell {
	vertical-align: top !important;
}
#section0 h1 {
	font-size: 250px;
	margin-top: 10rem;
	line-height: .75 !important;
	margin-bottom: 0 !important;
}
#section0 h2 {
	font-size: 50px;
}



/* Section 1 */
.section.introtext h1 {
	font-size: 26px;
	line-height: 1.25;
	width: 50%;
	margin-top: 6rem;
	font-family: 'GothamRoundedMedium', "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.section.introtext p {
	font-size: 32px;
	line-height: 1.4;
	width: 60%;
	margin: 0 auto 2rem;
	text-align: center;
	max-width: 1000px;
}
.section.introtext p.statement {
	font-family: 'GothamRoundedMedium', "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-transform: uppercase;
}
/*.section.introtext p b {
	font-size: 150%;
}*/
.scrolldown {
	position: absolute;
	bottom: 1rem;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 50px;
	animation: pulsate infinite 5s;
}

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.5);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.5);
    opacity: 0;
  }
}


/* Section 3 */
.double h1 {
	font-size: 120px;
	margin-bottom: 0;
}
.double p {
	font-size: 50px;
}
.more {
	background-color:#004070;
	border-radius: 1rem;
	width: 30%;
	padding: 2rem;
	margin: 1rem auto;
}
.more p {
	font-size: 60px !important;
	line-height: 0.75;
}
.title2 {
	padding-top: 4rem;
}

.explanation {
	font-size: 20px !important;
	max-width: 600px;
	margin: .75rem auto 2rem !important;
}


/* Gradient sections */
#section0 {
	background: URL("../assets/custocentrixbg.png") top center;
	background-size: cover;
}
#section1 {
	background: url("../assets/cross.png"), -webkit-gradient(linear, top left, bottom left, from(#004070), to(#5a236a));
	background: url("../assets/cross.png"), -webkit-linear-gradient(#004070, #5a236a);
	background-image: url("../assets/cross.png"), linear-gradient(#004070,#5a236a);
	background-repeat: no-repeat;
}
#section2{
	background: url("../assets/store.png"),-webkit-gradient(linear, top left, bottom left, from(#5a236a), to(#99136d));
	background: url("../assets/store.png"),-webkit-linear-gradient(#5a236a, #99136d);
	background: url("../assets/store.png"),linear-gradient(#5a236a,#99136d);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#section3{
	background: url("../assets/consumer.png"), -webkit-gradient(linear, top left, bottom left, from(#99136d), to(#e40070));
	background: url("../assets/consumer.png"), -webkit-linear-gradient(#99136d, #e40070);
	background: url("../assets/consumer.png"), linear-gradient(#99136d,#e40070);
	background-repeat: no-repeat;
}
#section4{
	background: url("../assets/household.png"), -webkit-gradient(linear, top left, bottom left, from(#e40070), to(#EFFE3D));
	background: url("../assets/household.png"), -webkit-linear-gradient(#e40070, #EFFE3D);
	background: url("../assets/household.png"), linear-gradient(#e40070,#EFFE3D);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#section5{
	background: url("../assets/trees.png"), -webkit-gradient(linear, top left, bottom left, from(#EFFE3D), to(#006722));
	background: url("../assets/trees.png"), -webkit-linear-gradient(#EFFE3D, #006722);
	background: url("../assets/trees.png"), linear-gradient(#EFFE3D,#006722);
	background-repeat: no-repeat;
}
#section6{
	background: url("../assets/kiosk.png"), -webkit-gradient(linear, top left, bottom left, from(#006722), to(#00a1c6));
	background: url("../assets/kiosk.png"), -webkit-linear-gradient(#006722, #00a1c6);
	background: url("../assets/kiosk.png"), linear-gradient(#006722,#00a1c6);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#section7{
	background: url("../assets/moving.png"), -webkit-gradient(linear, top left, bottom left, from(#00a1c6), to(#e40070));
	background: url("../assets/moving.png"), -webkit-linear-gradient(#00a1c6, #e40070);
	background: url("../assets/moving.png"), linear-gradient(#00a1c6,#e40070);
	background-repeat: no-repeat;
}
#section8{
	background: url("../assets/emailsms.png"), -webkit-gradient(linear, top left, bottom left, from(#e40070), to(#99136d));
	background: url("../assets/emailsms.png"), -webkit-linear-gradient(#e40070, #99136d);
	background: url("../assets/emailsms.png"), linear-gradient(#e40070,#99136d);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#section9{
	background: url("../assets/api.png"), -webkit-gradient(linear, top left, bottom left, from(#99136d), to(#5a236a));
	background: url("../assets/api.png"), -webkit-linear-gradient(#99136d, #5a236a);
	background: url("../assets/api.png"), linear-gradient(#99136d,#5a236a);
	background-repeat: no-repeat;
}
#section10{
	background: url("../assets/sales.png"), -webkit-gradient(linear, top left, bottom left, from(#5a236a), to(#004070));
	background: url("../assets/sales.png"), -webkit-linear-gradient(#5a236a, #004070);
	background: url("../assets/sales.png"), linear-gradient(#5a236a,#004070);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#section11{
	background: url("../assets/maxsale.png"), -webkit-gradient(linear, top left, bottom left, from(#004070), to(#e40070));
	background: url("../assets/maxsale.png"), -webkit-linear-gradient(#004070, #e40070);
	background: url("../assets/maxsale.png"), linear-gradient(#004070,#e40070);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#section11 h1.title1:after {
	content: url('../assets/first.svg');
}
#section11 h1.title2:after {
	content: url('../assets/second.svg');
}
#section11 h1.title1:after, #section11 h1.title2:after {
    display: inline-block;
    width: 50px;
}


@media only screen and (max-width: 1260px) {
	
	.section {
		background-size: 50% auto, cover !important;
	}
	#section0 {
		background-size: cover !important;
	}
	
	.section h1 {
		font-size: 130px;
	}
	.section h2, .section p {
		font-size: 50px;
	}


	/* Section 0 */
	/*.logo {
		height: 185px;
		margin-bottom: 4rem;
		background-size: cover;
		padding-top: 40px;
	}
	.logo img {
		max-width: 500px;
	}*/
	#section0 h1 {
		font-size: 150px;
	}
	#section0 h2 {
		font-size: 40px;
	}



	/* Section 1 */
	.section.introtext h1 {
		//font-size: 30px;
		width: 80%;
	}
	.section.introtext p {
		//font-size: 16px;
		width: 80%;
		//text-align: left;
	}

	/* Section 3 */
	.double h1 {
		font-size: 80px;
	}
	.double p {
		font-size: 40px;
	}
	.more {
		width: 40%;
		padding: 1.5rem 1rem 1rem 1rem;
	}
	.more p {
		font-size: 40px !important;
	}

	
}

@media only screen and (max-width: 750px) {
	
	/* Section 0 */
	/*.logo {
		height: 120px;
		margin-bottom: 4rem;
		padding-top: 45px;
	}
	.logo img {
		max-width: 350px;
	}*/
	#section0 h1 {
		font-size: 160px;
	}

	.section h1 {
		font-size: 100px;
	}
	.section h2 {
		font-size: 40px;
	}
	.double h1 {
		font-size: 65px;
	}
	.section p, .more p {
		font-size: 35px  !important;
	}
	.double p {
		font-size: 30px  !important;
	}
	.more {
		width: 50%;
	}
	.title2 {
		padding-top: 1.5rem;
	}
	.small {
		font-size: 60%;
	}

	/* Section 1 */
	.section.introtext h1 {
		font-size: 20px;
		//margin-bottom: 8rem;
	}
	.section.introtext p {
		font-size: 24px  !important;
		line-height: 1.5;
	}
	.section.introtext .wrappertext {
		margin-top: 4rem;
	}

	p.explanation {
		font-size: 20px !important;
	}

	
}


@media only screen and (max-width: 620px) {
	
	#fp-nav.fp-right {
		right: 0px;
	}
	
	/* Section 0 */
	/*.logo {
		height: 100px;
		margin-bottom: 4rem;
		padding-top: 45px;
	}
	.logo img {
		max-width: 350px;
	}*/
	#section0 h1 {
		font-size: 120px;
		padding: 0 !important;
	}

	.section h1 {
		font-size: 80px;
	}
	.section h2 {
		font-size: 30px;
	}
	.double h1 {
		font-size: 60px;
	}
	.double h1.toolong {
		font-size: 50px;
	}
	.section p, .more p {
		font-size: 30px  !important;
	}
	.double p {
		font-size: 30px  !important;
	}
	.more {
		width: 50%;
		padding: 1rem;
	}
	.title2 {
		padding-top: 1.5rem;
	}
	.small {
		font-size: 60%;
	}

	/* Section 1 */
	.section.introtext h1 {
		font-size: 18px;
	}
	.section.introtext p {
		font-size: 20px  !important;
		line-height: 1.5;
	}

	p.explanation {
		font-size: 18px !important;
		line-height: 1;
	}
	
}


@media only screen and (max-width: 450px) {
	
	/* Section 0 */
	/*.logo {
		height: 100px;
		margin-bottom: 4rem;
		padding-top: 45px;
	}
	.logo img {
		max-width: 300px;
	}*/
	#section0 h1 {
		font-size: 100px;
	}
	#section0 h2 {
		font-size: 30px;
		width: 100% !important;
	}
	.section h1 {
		font-size: 58px;
	}
	.section h2 {
		font-size: 30px;
		width: 60%;
	}
	.double h1 {
		font-size: 45px;
		margin-bottom: 0.25rem;
	}
	.double h1.toolong {
		font-size: 32px;
	}
	.section p, .more p {
		font-size: 25px  !important;
		width: 80%;
	}
	.double p {
		font-size: 25px  !important;
	}
	.more {
		width: 50%;
		padding: 1rem;
	}
	.more p {
		line-height: 1;
	}
	.title2 {
		padding-top: 1.5rem;
	}
	.small {
		font-size: 60%;
	}

	/* Section 1 */
	.section.introtext h1 {
		font-size: 16px;
	}
	.section.introtext p {
		font-size: 20px  !important;
		line-height: 1.5;
	}
	p.explanation {
		font-size: 16px !important;
		line-height: 1;
	}
	
}

@media only screen and (max-width: 350px) {
	
		/* Section 0 */
	/*.logo {
		height: 80px;
		margin-bottom: 4rem;
		padding-top: 30px;
	}
	.logo img {
		max-width: 250px;
	}*/
	#section0 h1 {
		font-size: 80px;
	}

	.section h1 {
		font-size: 48px;
	}
	.section h2 {
		font-size: 25px;
	}
	.double h1 {
		font-size: 38px;
	}
	.double h1.toolong {
		font-size: 24px;
	}
	.double p {
		font-size: 20px  !important;
	}
	.section p {
		font-size: 20px  !important;
	}
	.more p {
		font-size: 25px  !important;
		width: 90%;
	}

	.twolines p.para1 {
    	line-height: 1;
	}
	.more {
		width: 70%;
		padding:0.7rem;
	}
	.title2 {
		padding-top: 1.5rem;
	}
	.small {
		font-size: 60%;
	}

	
}

@media only screen and (min-width: 1500px) and (max-height: 1000px) {
	#section0 {
		background-size: auto 1100px !important;
	}
}

@media only screen and (max-height: 800px) {
	#section0 {
		background-size: auto 800px !important;
	}
}

@media only screen and (min-width: 1100px) and (max-height: 800px) {
	#section0 {
		background-size: auto 1000px !important;
	}
}


@media only screen and (max-height: 450px) {
	body {
		margin: 0;
	}
	.section {
		padding-top: 7rem;
		padding-bottom: 7rem;
		background-size: auto 50%, cover !important;
	}
	#section0 {
		padding-top: 0;
	}
}