html, body {
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

/* */
@font-face {
  font-family: 'Gotham';
  src: url('../font/Gotham Ultra.otf');
}
@font-face {
  font-family: 'Helvetica';
  src: url('../font/HelveticaNeue-Medium.otf');
}
@font-face {
  font-family: 'Audrey';
  src: url('../font/Audrey-Normal.otf');
}
@font-face {
  font-family: 'Farray';
  src: url('../font/Farray.otf');
}
@font-face {
  font-family: 'HelveticaLight';
  src: url('../font/HelveticaNeue-Light.otf');
}
@font-face {
  font-family: 'GothamNarrow';
  src: url('../font/GothamNarrow-Thin.otf');
}


#fullpage {
	background-color: #ffffff;
	height: 100%;
	padding: 0;
	margin: 0;
}

.section {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
}

/*.section > div {
	margin: auto;
	width: 500px;
	font-size: 40px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	padding-top: 20%;
}*/

/* Home */

#home {
	background-color: #ffffff;
}

#header {
	width: 100%;
	padding-top: 50px;
}

#logo {
	float: left;
	width: 10%;
	padding-left: 10%;
}

#logo img {
	max-width: 200px;
}

#linkedin {
	float: right;
	width: 10%;
}

#linkedin img {
	max-width: 30px;
}

#menu {
	float: right;
	width: 10%;
}

#menu img {
	max-width: 50px;
}

#mainmenu div {
	padding-left: 0;
	height: 100%;
}

#mainimg {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	position: relative;
}

#perftxt {
	font-family: Gotham;
	font-size:  9vw;
	color: #ffffff;
	text-shadow: 1px 0 0 gray, -1px 0 0 gray, 0 1px 0 gray, 0 -1px 0 gray;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	z-index: 1;
}

#perforange {
	z-index: 3;
	background-color: rgb(255,102,44,0.8);
	/*height: 80px;*/
	height: 5vw;
	width: 40%;
	position: relative;
	/*top: -160px;*/
	top: -9.7vw;
	margin-left: auto;
	margin-right: auto;
}

#perfbar {
	z-index: 3;
	position: relative;
	width: 20%;
	margin-left: auto;
	margin-right: auto;
	margin-top: -22.5%;
}

#perfbar img {
	width: 100%;
}

#maintxt {
	font-family: Gotham;
	font-size:  4vw;
	color: #14274e;
	margin-left: auto;
	margin-right: auto;
}

/* Description*/

#description {
	padding-top: 100px;
	width: 100%;
}

.desctitle {
	margin-left: 10%;
}
.desctext {
	margin-right: 30%;
}

#desctitle {
	font-family: 'Gotham';
	font-size: 32px;
	color: #000000;
}

#descsubtitle {
	font-family: 'Helvetica';
	font-size: 20px;
	color: #000000;
}

#desctext {
	font-family: 'HelveticaLight';
	font-size: 20px;
	color: #000000;
	text-align: justify;
	position: absolute;
	top: 25%;
	height: 100%;

}

.colright, .row {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

#home {
	background-color: rgb(255,255,255);
}

#desc {
	background-color: rgb(255,227,0);
}

#emailing .colright {
	background-color: rgb(255,255,255);
	background-image: url('../img/emailing3.png');
	background-repeat: no-repeat;
	background-size: cover;
   	background-position:center;
   	background-attachment: fixed; 
}

#display .colright {
	background-color: rgb(0,183,255);
	background-image: url('../img/display3.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	background-attachment: fixed;
}

#social .colright {
	background-color: rgb(80,0,255);
	background-image: url('../img/social3.png');
	background-repeat: no-repeat;
	background-size: cover;
	/*background-position:center;*/
	background-position: left;
	background-attachment: fixed;

}

#leadgen .colright {
	background-color: rgb(247,0,255);
	background-image: url('../img/leadgen2.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	background-attachment: fixed;
}

#crm .colright {
	background-color: rgb(0,29,83,1);
	/*background-image: url('../img/crm.jpg');*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	background-attachment: fixed;
}

#evidence {
	background-color: rgb(10,10,10);
}

#news {
	background-color: rgb(10,10,10);
}

#contact {
	background-color: rgb(255,255,255);
}

#footer {
	background-color: rgb(255,0,84);
}

.box {
	font-family: Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 2vw;
	padding: 20px 20px 20px 80px;
	position: relative;
	left: -100vw;
	bottom: 209px;
	max-width: 50%;
	z-index: 100;
	transition: all 2s;
	transition-timing-function: ease-out;
}

#emailingbox {
	background-color: #ed5f51;
}

#displaybox {
	background-color: #132750;
}

#socialbox {
	background-color: #7254d5;
}

#leadgenbox {
	background-color: #ed5f51;
}

#crmbox {
	background-color: #ed5f51;
}

.title {
	text-align: center;
	z-index: 1;
	width: 100%;
	position: absolute;
  	left: 0;
}

/* Emailing */

#emailing .title {
	opacity: 0.5;
	font-family: 'Gotham';
	font-size: 15vw;
	color: #ffffff;
	position: absolute;
	top: 20%;
}

/* Display */

#display .title {
	opacity: 1;
	font-family: 'Gotham';
	font-size: 15vw;
	color: #ffad00;
	position: absolute;
	top: 20%;
}

/* Social */

#social .title {
	opacity: 1;
	font-family: 'Audrey';
	font-size: 15vw;
	color: #ffffff;
	position: absolute;
	top: 20%;
	line-height: 1em;
}

#social .title span {
	padding-left: 20%;
}

#titlesocial2 {
	font-size: 8vw !important;
}

/* Lead Gen */

#leadgen .title {
	opacity: 1;
	font-family: 'Audrey';
	font-size: 25vw;
	color: #ffffff;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

#titleleadgen2 {
	font-size: 6vw !important;
	font-family: 'Farray' !important;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
	bottom: 2em;
}

/* Evidence*/

#evidence .title {
	opacity: 1;
	font-family: 'Helvetica';
	font-size: 10vw;
	color: #333333;
	font-weight: bold;
	line-height: 1em;
	/*margin-top: 20%;*/
	margin-top: 10vw;
}

#evidence .evidencepost {
	text-align: center;
}

#evidence img {
	max-width: 500px;
	/*max-height: 500px;*/
	/*margin-top: 30%;*/
	margin-top: 20vw;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 100%;
}

.evidencetxt {
	color: #ffffff;
	font-family: 'HelveticaLight';
	font-size: 18px;
	margin-top: 2em;
	font-weight: lighter;
	text-align: right;
}

#evidencedescr {
	margin-left: auto;
	margin-right: auto;
	font-weight: lighter;
}

/* CRM */

#titlecrm img {
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;
}

#title2crm {
	color: #ffffff;
	font-family: 'GothamNarrow';
	font-size: 5vw;
	text-align: right;
	padding-right: 10%;
	letter-spacing: 1px;
	top: 70%;
}


/* News */

#news .row {
	margin-left: 0;
}

#titlenews {
	opacity: 1;
	font-family: 'Helvetica';
	font-size: 38px;
	color: #ffffff;
	margin-left: auto;
  	margin-right: auto;
}

#news img {
	max-width: 400px;
}

.newsbox {
	margin: 20px;
	/*width: 400px;*/
	width: 100%;
	/*height: 400px;*/
	height: auto;
	background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
	min-height: 400px;
}

#newsbox1 {

}

#newsbox2 {
	margin-top: 50%;
}

#newsbox3 {
	margin-top: 20%;
}

.newstext {
	color: #ffffff;
	font-family: 'HelveticaLight';
	font-size: 18px;
	font-weight: 300;
	margin-left: auto;
  	margin-right: auto;
  	width: 300px;
}

/* Contact */

#contact {
	margin-top: 20px;
}

#contact-rg > div {
	max-width: 500px;
}

#map {
	width: 100%;
	height: 100%;
	position: relative;
	left: 25%;
	display: none;
}

#contactmap {
	width: 100%;
	height: 100%;
	position: relative;
	/*left: 25%;*/
	left:  1vw;
	/*top: 10%;*/
	top:  5vw;
	display:block;
}

#contactmap iframe {
	/*width: 50%;*/
	width: 90%;
	height: 50%;
	margin: auto;
	box-shadow: -50px 50px #ed5f51;
}

#contacttitle {
	font-family: 'Gotham';
	color: #14274e;
	font-size: 4vw;
}

#formcontact input, textarea {
	border: 0;
	border-bottom: 1px solid grey;
	font-family: 'HelveticaLight';
	font-size: 14px;
}

#formcontact textarea {
	border: 0;
	border-bottom: 1px solid grey;
	font-family: 'HelveticaLight';
	font-size: 14px;
}

.formcontact {
	margin-bottom: 20px;
}

#formcontactpp {
	margin: 0;
}

#formcontactpplabel {
	padding-left: 2em;
	line-height: 1.5em;
	font-family: 'HelveticaLight';
	font-size: 12px;
}

#formcontactsubmit {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	border-right: 1px solid #ed5f51;
	border-bottom: 1px solid #ed5f51;
	font-family: 'HelveticaLight';
	font-size: 18px;
	color: #495057;
}

#contactfollow {
	font-family: 'HelveticaLight';
	font-size: 14px;
	color: #495057;
}

#contactfollow img {
	max-width: 20px;
}

#contactfollow hr {
	margin-top: 0.8rem;
}

#response {
	font-family: 'HelveticaLight';
	color: red;
	font-size: 1vw;
}

/* Scroller */

.scroll {
	position: absolute;
	top: 50%;
	margin-top: -100%;
	height: 100%;
	padding-left: 20%;
}

.scroller {
	color: #14274e;
	font-family: 'Gotham';
	text-align: center;
}

.scrollertop {
	font-size: 2vw;
}

.scrollerbottom {
	font-size: 1vw;
}

.scrollerline {
	width: 5px;
	margin-left: auto;
	margin-right: auto;
}

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

	.box {
		
	}

}

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

	html, body {
		/*overflow: auto;*/
	}

	/* Home */

	#mainimg {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		top: 0;
	}

	#perftxt {
		z-index: 1;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		text-align: center;
		font-family: Gotham;
		font-size: 12vw;
		color: #ffffff;
		text-shadow: 1px 0 0
		gray, -1px 0 0 gray, 0 1px 0 gray, 0 -1px 0 gray;
	}

	#perforange {
		z-index: 2;
		background-color:
		rgb(255,102,44,0.8);
		height: 6vw;
		width: 40%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		/*top: -40px;*/
		top: -12.8vw;
	}

	#perfbar {
		z-index: 3;
		position: relative;
		width: 30%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		margin-top: -31.7%;
	}

	#perfbar img {
		width: 100%;
	}

	#maintxt {
		font-size: 7vw;
	}
	
	/* Description */

	#description {
    	padding-top: 5%;
	}

	.desctitle {
		margin-left: 0;
	}

	#desctitle {
		font-size: 7vw;
	}

	#descsubtitle {
		font-size: 4vw;
		text-align: center;
	}

	.desctext {
    	margin-right: 0;
	}

	#desctext {
	    font-family: 'HelveticaLight';
	    font-size: 4vw;
	    color: #000000;
	    text-align: justify;
	    position: relative;
	    top: 0;
	    height: 100%;
	}

	#display .title {
		font-size: 20vw;
	}

	#social .colright {
		background-position:left; 
	}

	#social .title {
		font-size: 20vw;
	}
	#social .title span {
		padding-left: 0;
	}

	#leadgen .title {
		font-size: 30vw;
		top: 10%;
	}

	/* Box */

	.box {
		font-family: Helvetica, Arial, sans-serif;
		color: #FFFFFF;
		font-size: 5vw;
		padding: 20px 20px 20px 80px;
		position: relative;
		left: -100vw;
		bottom: 209px;
		max-width: 100%;
		z-index: 100;
		transition: all 2s;
		transition-timing-function: ease-out;
	}

	/* CRM */

	#titlecrm {
		top: 0;
	}

	#title2crm {
	    color: #ffffff;
	    font-family: 'GothamNarrow';
	    font-size: 10vw;
	    text-align: right;
	    padding-right: 10%;
	    letter-spacing: 1px;
	    top: 30%;
	}

	/* Evidence */

	#evidence .title {
	    opacity: 1;
	    font-family: 'Helvetica';
	    font-size: 15vw;
	    color: #333333;
	    font-weight: bold;
	    line-height: 1em;
	    margin-top: 10%;
	}

	#evidence img {
    	max-width: 500px;
    	max-height: 500px;
    	margin-top: 30%;
    	width: 100%;
	}

	.evidencetxt {
	    color: #ffffff;
	    font-family: 'HelveticaLight';
	    font-size: 4vw;
	    margin-top: 1em;
	    font-weight: lighter;
	    text-align: right;
	}

	/* News */

	#titlenews {
	    opacity: 1;
	    font-family: 'Helvetica';
	    font-size: 9vw;
	    color: #ffffff;
	    margin-left: auto;
	    margin-right: auto;
	    font-weight: bold;
	    line-height: 1em;
	    padding-top: 10px;
	    text-align: center;
	}

	.news {
		height: 30%;
	}

	.newsbox {
	    width: 50%;
	    height: 70%;
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: cover;
	    margin: 0;
	    margin-left: auto;
	    margin-right: auto;
	    min-height: 90%;
	}

	#newspost {
		height: 80%;
	}

	.newstext {
	    color: #ffffff;
	    font-family: 'HelveticaLight';
	    font-size: 5vw;
	    font-weight: 300;
	    margin-left: auto;
	    margin-right: auto;
	    width: 100%;
	    text-align: center;
	}

	#newsbox2 {
		margin-top: 0;
	}
	#newsbox3 {
    	margin-top: 0;
	}

	#contactmap {
		display:none;
	}

	#map {
		display: block;
		position: relative;
		left: 0;
	}

	#mapmap {
		margin-bottom: 40px;
	}

	#maptitle {
    	font-family: 'Gotham';
    	color: #14274e;
    	font-size: 7vw;
    	padding-top: 20px;
    	padding-bottom: 20px;
	}

	#maptext {
		font-family: 'HelveticaLight';
		font-size: 10px;
		height: 100%;
	}

	#map iframe {
	    width: 80%;
	    height: 100%;
	    margin: auto;
	    box-shadow: -10px 10px #ed5f51;
	    left: 10%;
		position: relative;
	}

	#formcontact input, #formcontact textarea {
    	border: 0;
    	border-bottom: 1px solid grey;
		font-family: 'HelveticaLight';
		font-size: 10px;
	}

	#formcontact label {
    	border: 0;
		font-family: 'HelveticaLight';
		font-size: 10px;
	}

	#formcontactsubmit {
	    background-color: 
		transparent;
		border: 0;
		border-radius: 0;
		border-right: 1px solid #ed5f51;
		border-bottom: 1px solid #ed5f51;
		font-family: 'HelveticaLight';
		font-size: 4vw;
		color: #495057;
	}

	#contacttitle {
    	font-family: 'Gotham';
    	color: #14274e;
    	font-size: 7vw;
    	padding-top: 20px;
    	padding-bottom: 20px;
	}

	#contactfollow > div {
		width: 33%;
	}

	#contactfollow {
	    font-family: 'HelveticaLight';
	    font-size: 10px;
	    color: #495057;
	}

	#contactfollowlinkedin {
		text-align: right;
	}

  	.scroll {
    	display: none;
  	}
}