/* GENERAL */

html,
body{
	line-height: 2em;
	width: 100vw;
	overflow-x: hidden;
}

body{
	font-family: 'CircularStd-Book';
}

a{
	color:inherit;
	text-decoration: none;
}

strong{
	font-family: 'CircularStd-bold';
}

input,
textarea{
	border: none;
	outline:none;
	padding: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type="submit"]{
	background-color: #6a6b6b;
	color:white;
	text-transform: uppercase;
	padding: 1em 6em;
	margin-top: 40px;
}

img{
	max-width: 100%;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #224488;
  	font-family: 'CircularStd-Book';
}
::-moz-placeholder { /* Firefox 19+ */
  color: #224488;
  	font-family: 'CircularStd-Book';
}
:-ms-input-placeholder { /* IE 10+ */
  color: #224488;
  	font-family: 'CircularStd-Book';
}
:-moz-placeholder { /* Firefox 18- */
  color: #224488;
  	font-family: 'CircularStd-Book';
}

.wrapper{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

.col{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	padding: 145px 200px 150px 145px;
}

.col.two{
	width: 50%;
}

.col.three{
	width: 33.3333%;
	padding: 145px;
}

.stretchContainer{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: stretch;
	align-items: stretch;
}

.dot{
	white-space: nowrap;
	display: inline-block;
}

.dot::after{
	content:"";
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background-color: #224488;
	margin-left: 15px;
}

.sectionTitle{
	font-size: 3.1739130435rem;
	text-transform: uppercase;
	font-family: 'CircularStd-black';
}

.colBgImg{
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.blue{
	color:#224488;
}

.bottomToTopFadeIn,
.leftToRightFadeIn,
.rotateFadeIn{
	opacity:0;
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.leftToRightFadeIn{
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}

.bottomToTopFadeIn{
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}

.rotateFadeIn{
	-webkit-transform: rotate(-720deg) scale(.1);
	-ms-transform: rotate(-720deg) scale(.1);
	-o-transform: rotate(-720deg) scale(.1);
	transform: rotate(-720deg) scale(.1);
}

.leftToRightFadeIn.active,
.rotateFadeIn.active,
.bottomToTopFadeIn.active{
	opacity:1;
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

@media screen and (max-width: 1700px){
	html,
	body{
		font-size: 16px;
	}

	.sectionTitle{
		font-size: 2rem;
	}

	.dot::after{
		width: 10px;
		height: 10px;
		border-radius: 10px;
		margin-left: 5px;
	}

	.baseline .dot::after{
		content:"";
		display: inline-block;
		width: 20px;
		height: 20px;
		border-radius: 20px;
		background-color: #224488;
		margin-left: 15px;
	}


	.col{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		padding: 50px 50px 75px;
	}

	.col.two{
		width: 50%;
	}

	.col.three{
		width: 33.3333%;
		padding: 50px 50px 75px;
	}

}

@media screen and (max-width: 800px){
	.rotateFadeIn{
		-webkit-transform: rotate(0deg) scale(1);
		-ms-transform: rotate(0deg) scale(1);
		-o-transform: rotate(0deg) scale(1);
		transform: rotate(0deg) scale(1);
	}

	.stretchContainer{
		display: block;
	}

	.col,
	.col.two,
	.col.three{
		width: 100%;
	}

	.col,
	.col.three{
		padding: 3em 1.5em 4em;
	}

	.colBgImg{
		height:300px;
	}

	.baseline .dot::after{
		content:"";
		display: inline-block;
		width: 10px;
		height: 10px;
		border-radius: 10px;
		background-color: #224488;
		margin-left: 15px;
	}
}
/* END GENERAL */

/* HEADER */

.siteNav{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-between;
	padding: 1em;
}

.companyLogo{
	width: 12.3913043478rem;
	height: auto;
}

.menuToggler{
	padding: 0;
	font-size: 3rem;
	position: relative;
	z-index: 999;
	outline:none;
	background: none;
	border: none;
	display: none;
}

.mainMenu{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.mainMenuItem{
	display: inline-block;
}

.mainMenuItem:not(:first-of-type){
	margin-left: 3.6956521739rem;
}

.mainMenuLink{
	text-decoration: none;
}

.heroBanner{
	padding: 10vh 150px;
	background-image: url(../img/jpg/bg-home@3x.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.heroBanner .dot::after{
	background-color: #d7d7d7;
}

.baseline{
	font-family: 'CircularStd-Bold';
	font-size: 4.9130434783rem;
	color:white;
	text-transform: uppercase;
	line-height: 1.2;
	margin-top: 0;
}

.baseline span{
	visibility:hidden;
}

.baseline span.active{
	visibility:visible;
	-webkit-animation: leftToRight 1.5s;
	-o-animation: leftToRight 1.5s;
	animation: leftToRight 1.5s;
}

.subBaseline{
	font-size: 1.5217391304rem;
	color:white;
	width: 745px;
	line-height: 1.5em;
}

.subBaseline.active{
	-webkit-animation: bottomToTop 1.5s;
	-o-animation: bottomToTop 1.5s;
	animation: bottomToTop 1.5s;
}

@media screen and (max-width: 1280px){
	.mainMenu{
		position: fixed;
		top: 0;
		left: 0;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100vw;
		height: 100vh;
		background-color: rgba(255,255,255,.9);
		list-style-type: none;
		margin: 0;
		padding: 100px;
		display: none;
	}

	.mainMenu.active{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}

	.mainMenuItem{
		display: block;
		width: 100%;
		text-align: center;
	}

	.mainMenuItem:not(:first-of-type){
		margin-left: 0;
	}

	.menuToggler{
		display: inline;
	}

	.subBaseline{
		width: auto;
	}
}

@media screen and (max-width: 800px){
	.heroBanner{
		padding: 5em 1em;
	}

	.baseline{
		font-size: 2rem;
	}

	.subBaseline{
		font-size: 1.5217391304rem;
	}

	.heroBanner{
		background-image: url(../img/jpg/bg-home.jpg);
	}
}

/* END HEADER */

/* MISSION */


.missionPic{
	background-image: url(../img/jpg/bg-mission@3x.jpg);
}

@media screen and (max-width: 800px){
	.missionPic{
		background-image: url(../img/jpg/bg-mission.jpg);
		display: none;
	}
}
/* END MISSION */

/* MODEL */

.model{
    height: 1100px;
    background-color: #e6e6e6;
}

@media screen and (max-width: 1024px){
    .model{
    height: 950px;
}
	}

@media screen and (max-width: 420px){
    .model{
    height: 1100px;
}
	}


/* pictures hovers */

.proposition{
    width: 200px;
    height: 211px;
      margin-top: 282px;
    margin-left: 90px;
}
.principles{
    width: 180px;
    height: 200px;
      margin-top: 285px;
    margin-left: -452px;
}

.psycho{
    width: 184px;
    height: 225px;
    margin-left: -189.8px;
    margin-top: 286px
}
.portfolio{
    width: 184px;
    height: 237px;
    margin-left: 90px;
     margin-left: 90px;
}


.modelapp{
    margin: 140px;
}


/* hovers */
.whyhidden{
    display:none;
    position:absolute;
    height: 486px;
    width: 180px;
    margin-top: 60px;
    margin-left: 316px;
    z-index: 1;
}
.why:hover + .whyhidden{
    display:flex;
}

.whathidden{
    display:none;
     position: absolute;
    height: 493px;
    width: 180px;
    margin-top: 62px;
    margin-left: 46px;
     z-index: 1;

}

.what:hover + .whathidden{
    display:flex;
}

.whohidden{
    display:none;
     position: absolute;
    height: 217px;
    width: 480px;
    margin-top: 60px;
    margin-left: 26px;
     z-index: 1;

}

.who:hover + .whohidden{
    display:flex;
}

.howhidden{
    display:none;
     position: absolute;
    height: 517px;
    width: 180px;
    margin-top: 62px;
    margin-left: 46px;
     z-index: 1;

}

.how:hover + .howhidden{
    display:flex;
}





/* end hovers */


/* WHY */

.whyContainer{
	float:left;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: absolute;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	width: 38.9%;
	padding: 1.8em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    text-align: center;
}

.whyContainer:nth-of-type(1) .modelIconWrapper,
.whyContainer:nth-of-type(4) .modelIconWrapper,
.whyContainer:nth-of-type(7) .modelIconWrapper{
	align-self: flex-start;
}

.whyContainer:nth-of-type(2) .modelIconWrapper,
.whyContainer:nth-of-type(5) .modelIconWrapper,
.whyContainer:nth-of-type(8) .modelIconWrapper,
.whyContainer:nth-of-type(1) .modelIconWrapper,
.whyContainer:nth-of-type(4) .modelIconWrapper,
.whyContainer:nth-of-type(7) .modelIconWrapper,
.whyContainer:nth-of-type(3) .modelIconWrapper,
.whyContainer:nth-of-type(6) .modelIconWrapper,
.whyContainer:nth-of-type(9) .modelIconWrapper{
	align-self: center;
}

/* END WHY */




.allModelIconContainers{
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 120px
}


@media screen and (max-width: 2400px){
.allModelIconContainers{
    margin-left: -80px
}
}

@media screen and (max-width: 1500px){
.allModelIconContainers{
    padding-left: -10px
}
}

@media screen and (max-width: 1200px){
.allModelIconContainers{
    padding-left: -80px;
    margin-right: -20px;
}
.ol two modelContent{
     margin-left: -20px;
    }
}

@media screen and (max-width: 800px){
.allModelIconContainers{
    padding-left: 80px
}
}
@media screen and (max-width: 750px){
.allModelIconContainers{
    padding-left: 50px
}
}
@media screen and (max-width: 700px){
.allModelIconContainers{
    padding-left: 20px
}
}

@media screen and (max-width: 1200px){
	.allModelIconContainers{
        display:none;
}
.modelapp{
    display:flex;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px
}
    .modelIconContainer{
	width: 12em;
	padding: 1.8em;
}
}


@media screen and (max-width: 650px){
	.allModelIconContainers{
        display:none;
}
.modelapp{
    display:flex;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px
}

}

.modelPic{
	background-image: url(../img/jpg/bg-model@3x.jpg);  height: 1100px;
}


.allModelIconContainers{
}

.modelIconWrapper{
	display: inline;
	text-align: center;
}

.modelIconWrapper>p{
	text-align: center;
}

.modelIconContainer{
	float:left;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	width: 17em;
	padding: 2.8em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    text-align: center;
}




.modelIconContainer:nth-of-type(1) .modelIconWrapper,
.modelIconContainer:nth-of-type(4) .modelIconWrapper,
.modelIconContainer:nth-of-type(7) .modelIconWrapper{
	align-self: flex-start;
}

.modelIconContainer:nth-of-type(2) .modelIconWrapper,
.modelIconContainer:nth-of-type(5) .modelIconWrapper,
.modelIconContainer:nth-of-type(8) .modelIconWrapper,
.modelIconContainer:nth-of-type(1) .modelIconWrapper,
.modelIconContainer:nth-of-type(4) .modelIconWrapper,
.modelIconContainer:nth-of-type(7) .modelIconWrapper,
.modelIconContainer:nth-of-type(3) .modelIconWrapper,
.modelIconContainer:nth-of-type(6) .modelIconWrapper,
.modelIconContainer:nth-of-type(9) .modelIconWrapper{
	align-self: center;
}


.modelIconText{
	margin-top: -70px;
	line-height:1.5em;
	font-size: 0.9130434783rem;
	position: relative;
}

.modelIconText1{
    font-family: 'CircularStd-bold';
	margin-top: -135px;
    margin-bottom: 70px;
	line-height:1.5em;
	font-size: 1.4130434783rem;
	position: relative;
    z-index: 0

}


.modelIconTitle{
	text-transform: uppercase;
	font-family: 'CircularStd-bold';
	font-size: 0.9130434783rem;
}

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

.modelIconContainer{
	display: inline-block;
    z-index: 1;
}

.model .modelIconText{
	margin-top: -50px;
}

.model .modelIconTitle{
	font-size: 12px;
}

/*	.modelIconContainer:nth-of-type(1) .modelIconWrapper,
	.modelIconContainer:nth-of-type(2) .modelIconWrapper,
	.modelIconContainer:nth-of-type(3) .modelIconWrapper,
	.modelIconContainer:nth-of-type(4) .modelIconWrapper,
	.modelIconContainer:nth-of-type(5) .modelIconWrapper,
	.modelIconContainer:nth-of-type(6) .modelIconWrapper,
	.modelIconContainer:nth-of-type(7) .modelIconWrapper,
	.modelIconContainer:nth-of-type(8) .modelIconWrapper,
	.modelIconContainer:nth-of-type(9) .modelIconWrapper{
		align-self: center;
	}
*/
}

@media screen and (max-width: 1200px){
	.col.two.modelContent{
		width: 100%;
	}

	.col.two.modelPic.colBgImg{
		display: none;
	}
	.modelPic{
		background-image: url(../img/jpg/bg-model.jpg);
	}
}

@media screen and (max-width: 500px){
/*	.modelIconContainer{
		width: 100%;
		margin-top: 40px;
	}
*/}

/* END MODEL */

/* SOLUTIONS */

.solutionPhase{
	background-color: #e6e6e6;
}

.solutionPhase:nth-of-type(2){
	background-color: #eeeeee;
}

.solutionList{
	list-style-type: none;
	text-align: center;
	padding: 0;
	margin-top: 3rem;
    color: #224489;
}





@media screen and (max-width: 2300px){
    .solutionsIntro{
       width: 50%;
    }
	}

@media screen and (max-width: 1000px){
    .solutionsIntro{
       width: 60%;
    }
	}
@media screen and (max-width: 600px){
    .solutionsIntro{
       width: 100%;
    }
	}

@media screen and (min-width: 0px){
    .solutionPhase img{
       width: 200px;
    }
	}


/* END SOLUTIONS */

/* SERVICES */

.servicesPic1{
	background-image: url(../img/jpg/bg-services1@3x.jpg);
}

.servicesPic2{
	background-image: url(../img/jpg/bg-services2@3x.jpg);
}

.servicesContent2{
	background-color: #eeeeee;
}

.servicesContainer{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;

	justify-content: space-between;
}

.service{
	width: calc(50% - 10px);
	background-color: #eeeeee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 5px;
	line-height: 1.5em;
	text-align: center;
	color: #224489;
	margin: 10px 0;
}


@media screen and (max-width: 1024px){
    .service{
	padding: 40px 5px;
}
	}

@media screen and (max-width: 414px){
    .service{
	padding: 40px 45px;
}
        .diligence{
	padding: 40px 47px;
}

@media screen and (max-width: 375px){
    .service{
	padding: 40px 20px;
}
        .diligence{
	padding: 40px 29px;
}
	}

@media screen and (max-width: 360px){
    .service{
	padding: 40px 32px;
}
        .diligence{
	padding: 40px 32px;
}
	}


	}

.servicesapp{
    display: none;
}

@media screen and (max-width: 1180px){
	.servicesapp{
    display: block;
}
    .servicesblok{
    display: none;
}
}

.supportContainer{
/*	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
*/

	text-align: justify;

}

.support{
	display: inline-block;
	width: 33%;
}

.support:nth-of-type(2),
.support:nth-of-type(5),
.support:nth-of-type(8){
	text-align: center;
}

.support:nth-of-type(3),
.support:nth-of-type(6),
.support:nth-of-type(9){
	text-align: right;;
}


.support:nth-of-type(even) .test{
	background-color: #e6e6e6;
}

.support:nth-of-type(odd) .test{
	background-color: #cdcdcd;
}

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

	.servicesPic1{
		background-image: url(../img/jpg/bg-services1.jpg);
	}

	.servicesPic2{
		background-image: url(../img/jpg/bg-services2.jpg);
	}
}

/* END SERVICES */


/* CLIENTS */
.clientPic{
	background-image: url(../img/jpg/bg-client@3x.jpg);
}

.clientContent{
	background-color: #e6e6e6;
}

.allClientIconContainers{
}

.clientIconWrapper{
	display: inline;
	text-align: center;
}

.clientIconWrapper>p{
	text-align: center;
}

.clientIconContainer{
	float:left;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	width: 33.33%;
	-ms-align-items: center;
	align-items: center;
	padding: 1.5em 0;
	height: 240px;
}

.clients img{
    width: 174px;
}

.clientIconContainer:nth-of-type(even){
	background-color: #e6e6e6;
}

.clientIconContainer:nth-of-type(odd){
	background-color: #eeeeee;
}

.clientIconText{
	margin-top: -70px;
	line-height:1.5em;
	font-size: 0.9130434783rem;
}

.clientIconTitle{
	text-transform: uppercase;
	font-family: 'CircularStd-bold';
	font-size: 1rem;
	position: relative;
}

@media screen and (max-width: 1280px){
	.clientIconContainer{
		padding: 1.5em 1em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 800px){
	.clientIconContainer{
		width: 100%;
	}

	.clientPic{
		background-image: url(../img/jpg/bg-client.jpg);
	}
}


/* END CLIENST */

/* CREDENTIALS */

.credentials{
	background-color: #eeeeee;
}

.credentialLogo{
    max-width: 140px;
	width: calc(25% - 5px);
	height: auto;
	margin-top: 10px;
}


.credentialLogo:not(:nth-of-type(3n)){
	margin-right: 50px;
}

@media screen and (max-width: 1024px){
	.credentialLogo{
    max-width: 160px;
	width: calc(25% - 5px);
	height: auto;
	margin-top: 10px;
}
}


@media screen and (max-width: 920px){
	.credentialLogo{
		max-width: 160px;
	width: calc(25% - 35px);
	height: auto;
	margin-top: 10px;
	}

	.credentialLogo:not(:nth-of-type(3n)){
		margin-right: 50px;
	}
	.credentialLogo{
		margin-left: 15px;
	}
}

@media screen and (max-width: 768px){
	.credentialLogo{
    max-width: 160px;
	width: calc(25% - 5px);
	height: auto;
	margin-top: 10px;
       padding-right: 2%;
}
}

@media screen and (max-width: 730px){
	.credentialLogo{
    max-width: 160px;
	width: calc(25% - 5px);
	height: auto;
	margin-top: 10px;
       padding-right: 5px;
}
}

@media screen and (max-width: 645px){
	.credentialLogo{
    max-width: 130px;
	width: calc(25% - 5px);
	height: auto;
	margin-top: 10px;
}
}

@media screen and (max-width: 645px){
	.credentialLogo{
    max-width: 120px;
	width: calc(25% - 5px);
	height: auto;
	margin-top: 10px;
}
}


@media screen and (max-width: 580px){
	.credentialLogo{
    max-width: 100px;
	width: calc(25% - 5px);
	height: auto;
	margin-top: 10px;
}
}

@media screen and (max-width: 513px){
	.credentialLogo{
    max-width: 80px;
	width: calc(35% - 5px);
	height: auto;
	margin-top: 10px;
}
}

@media screen and (max-width: 480px){
	.credentialLogo{
    max-width: 50px;
	width: calc(45% - 5px);
	height: auto;
	margin-top: 10px;
}
}
@media screen and (max-width: 365px){
	.credentialLogo{
    max-width: 45px;
	width: calc(45% - 5px);
	height: auto;
	margin-top: 10px;
}
}
@media screen and (max-width: 350px){
	.credentialLogo{
    max-width: 65px;
	width: 65px ;
	height:65px;
	margin-top: 10px;
        margin-left: -10px
}
}

@media screen and (max-width: 335px){
	.credentialLogo{
    max-width: 65px;
	width: 65px ;
	height:65px;
	margin-top: 10px;
        margin-left: -20px
}
}

@media screen and (max-width: 305px){
	.credentialLogo{
    max-width: 55px;
	width: 55px ;
	height:55px;
	margin-top: 10px;
        margin-left: -20px;
}
}

@media screen and (max-width: 273px){
	.credentialLogo{
    max-width: 50px;
	width: 50px ;
	height:50px;
	margin-top: 10px;
        margin-left: -20px
}
}

@media screen and (max-width: 260px){
	.credentialLogo{
    max-width: 45px;
	width: 45px ;
	height:45px;
	margin-top: 10px;
        margin-left: -20px
}
}
.credCol1{
	width: 50.4583333333%
}

.credCol2{
	width: 8.5416666667%
}


.credentialsPic{
	background-image: url(../img/jpg/bg-credentials@3x.jpg);
	display: block;
	background-position: 66.3% center
}

@media screen and (max-width: 800px){
	.credentialsPic{
	display: none;
}

}


@media screen and (max-width: 800px){
	.credCol1,
	.credCol2{
		width: 100%;
	}
    .credCol1{
		max-width: 100px;
	}


	.credentialsPic{
		background-image: url(../img/jpg/bg-credentials.jpg);
	}

}

@media screen and (max-width: 1380px){
	.credCol1,
	.credCol2{
		width: 100%;
	}
    .credCol1{
		max-width: 00px;
	}


	.credentialsPic{
		background-image: url(../img/jpg/bg-credentials.jpg);
	}

}

@media screen and (max-width: 1400px){
	.credCol1{
		max-width: 500px;
	}

	.credentialsPic{
		background-image: url(../img/jpg/bg-credentials.jpg);
        width: 100%;
	}

}

@media screen and (max-width: 1700px){
	.credCol1{
		max-width: 500px;
	}

	.credentialsPic{
		background-image: url(../img/jpg/bg-credentials.jpg);
        width: 100%;
	}

}

@media screen and (max-width: 2400px){
	.credCol1{
		max-width: 800px;
	}

	.credentialsPic{
		background-image: url(../img/jpg/bg-credentials.jpg);
        width: 100%;
	}

}
/* END CREDENTIALS */

/* CONTACT */

.contactColContainer{
	background-color: #dddddd;
}

.contactCol1,
.contactCol2{
	display: inline-block;
}

.contactCol1{
	width: 26.0416666667%;
	margin-right: 10.4166666667%
}

.contactCol2{
	width: 66.7763157895%;
}

.rudy{
	width: 200px;
	height: auto;
	margin-top: 73px;
}

.contactEmail,
.contactName{
	width: calc(50% - 15px);
}

.contactName{
	margin-right: 30px;
}

.contactMessage{
	width: 100%;
	margin-top: 40px;
}

.succesMessage{
	display: none;
}

.succesMessage.active{
	display: block;
}

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

	.contact{
		text-align: center;
	}

	.contactCol1,
	.contactCol2{
		width: 100%;
	}

	.contactEmail,
	.contactName{
		width: 100%;
	}

	.contactEmail{
		margin-top: 20px;
	}
}
/* END CONTACT */


/* COPYRIGHT */
.copyright{
	background-color: #102a51;
	color:white;
	text-align: center;
	padding: 1em;
}
/* END COPYRIGHT */

@font-face {
  font-family: 'CircularStd-Black';
  src: url('../fonts/CircularStd-Black.eot?#iefix') format('embedded-opentype'),  url('../fonts/CircularStd-Black.otf')  format('opentype'),
	     url('../fonts/CircularStd-Black.woff') format('woff'), url('../fonts/CircularStd-Black.ttf')  format('truetype'), url('../fonts/CircularStd-Black.svg#CircularStd-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CircularStd-MediumItalic';
  src: url('../fonts/CircularStd-MediumItalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/CircularStd-MediumItalic.otf')  format('opentype'),
	     url('../fonts/CircularStd-MediumItalic.woff') format('woff'), url('../fonts/CircularStd-MediumItalic.ttf')  format('truetype'), url('../fonts/CircularStd-MediumItalic.svg#CircularStd-MediumItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CircularStd-Medium';
  src: url('../fonts/CircularStd-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/CircularStd-Medium.otf')  format('opentype'),
	     url('../fonts/CircularStd-Medium.woff') format('woff'), url('../fonts/CircularStd-Medium.ttf')  format('truetype'), url('../fonts/CircularStd-Medium.svg#CircularStd-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'CircularStd-Book';
  src: url('../fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'),  url('../fonts/CircularStd-Book.otf')  format('opentype'),
	     url('../fonts/CircularStd-Book.woff') format('woff'), url('../fonts/CircularStd-Book.ttf')  format('truetype'), url('../fonts/CircularStd-Book.svg#CircularStd-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'CircularStd-BoldItalic';
  src: url('../fonts/CircularStd-BoldItalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/CircularStd-BoldItalic.otf')  format('opentype'),
	     url('../fonts/CircularStd-BoldItalic.woff') format('woff'), url('../fonts/CircularStd-BoldItalic.ttf')  format('truetype'), url('../fonts/CircularStd-BoldItalic.svg#CircularStd-BoldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'CircularStd-Bold';
  src: url('../fonts/CircularStd-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/CircularStd-Bold.otf')  format('opentype'),
	     url('../fonts/CircularStd-Bold.woff') format('woff'), url('../fonts/CircularStd-Bold.ttf')  format('truetype'), url('../fonts/CircularStd-Bold.svg#CircularStd-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'CircularStd-BlackItalic';
  src: url('../fonts/CircularStd-BlackItalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/CircularStd-BlackItalic.otf')  format('opentype'),
	     url('../fonts/CircularStd-BlackItalic.woff') format('woff'), url('../fonts/CircularStd-BlackItalic.ttf')  format('truetype'), url('../fonts/CircularStd-BlackItalic.svg#CircularStd-BlackItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}


@-webkit-keyframes leftToRight {
	0% {
		opacity:0;
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	50% {
		opacity:0;
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	100% {
		opacity:1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	 }
}
@-o-keyframes leftToRight {
	0% {
		opacity:0;
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	50% {
		opacity:0;
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	100% {

	 }
}
@-moz-keyframes leftToRight {
	0% {
		opacity:0;
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	50% {
		opacity:0;
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	100% {
		opacity:1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	 }
}
@keyframes leftToRight {
	0% {
		opacity:0;
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	50% {
		opacity:0;
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	100% {
		opacity:1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	 }
}


@-webkit-keyframes bottomToTop {
	0% {
		opacity:0;
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
	50% {
		opacity:0;
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
	100% {
		opacity:1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	 }
}
@-o-keyframes bottomToTop {
	0% {
		opacity:0;
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
	50% {
		opacity:0;
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
	100% {

	 }
}
@-moz-keyframes bottomToTop {
	0% {
		opacity:0;
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
	50% {
		opacity:0;
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
	100% {
		opacity:1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	 }
}
@keyframes bottomToTop {
	0% {
		opacity:0;
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
	50% {
		opacity:0;
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}
	100% {
		opacity:1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	 }
}

.grecaptcha-badge{
	display: none;
}