@charset "UTF-8";
/* CSS Stud Technologie */


body { margin:0; padding:0; font-family: 'Montserrat', sans-serif; font-size:16px; }




/* .:: NAVIGATION ::. */
	#nav-desktop { list-style:none; }
	#nav-desktop li { display:inline-block; padding-top:20px; text-align:right; }
	#nav-desktop li a.nav-link { padding-right:30px; font-size:0.9em; font-weight:200; letter-spacing:0; text-decoration:none; color:rgba(255,255,255,1); }
	#nav-desktop li a.nav-link:hover { color:rgba(204,204,204,1); }
	
	#nav-mobile { display:none; }
	#nav-mobile a { font-size:1.25em; font-weight:200; letter-spacing:0; text-decoration:none; color:rgba(255,255,255,1); }
	#nav-mobile a:hover { color:rgba(204,204,204,1); }
	
	#mobileLinks { position:fixed; display:none; top:0; left:0; width:100%; height:100vh; padding-top:15%; background:rgba(0,0,0,1); list-style:none; text-align:center; z-index:800; }
	#mobileLinks li a.nav-link { font-size:1.5em; font-weight:100; letter-spacing:0.05em; text-decoration:none; color:rgba(255,255,255,1); }
	#mobileLinks li a.nav-link:hover { color:rgba(204,204,204,1); }
	
	#top { position:absolute; top:0; border-bottom:rgba(102,102,102,0.7) thin solid; z-index:50; }
	#top ul.fly-in-text { margin-bottom:0; text-align:left; }
	#top ul.fly-in-text { list-style:none; }
	#top ul.fly-in-text li { display:inline-block; position:relative; margin-right:-6px; font-size:2.75em; font-weight:600!important; color:rgba(255,255,255,1); opacity:1; transition:all 3s ease; z-index:1; }
	#top ul.fly-in-text li:nth-child(4) { margin-right:0; }
	#top ul.fly-in-text li:nth-child(5) { margin-right:-4.5px; font-size:0.8em; font-weight:500!important; }
	#top ul.fly-in-text li:nth-child(6) { margin-right:-4.5px; font-size:0.8em; font-weight:500!important; }
	#top ul.fly-in-text li:nth-child(7) { margin-right:-4.5px; font-size:0.8em; font-weight:500!important; }
	#top ul.fly-in-text li:nth-child(8) { margin-right:-4.5px; font-size:0.8em; font-weight:500!important; }
	#top ul.fly-in-text li:nth-child(9) { margin-right:-4.5px; font-size:0.8em; font-weight:500!important; }
	#top ul.fly-in-text li:nth-child(10) { margin-right:-4.5px; font-size:0.8em; font-weight:500!important; }
	#top ul.fly-in-text li:nth-child(11) { margin-right:-4.5px; font-size:0.8em; font-weight:500!important; }
	#top ul.fly-in-text li:nth-child(12) { margin-right:-4.5px; font-size:0.8em; font-weight:500!important; }
	#top ul.fly-in-text li:nth-child(13) { margin-right:-4.5px; font-size:0.8em; font-weight:500!important; }
	#top ul.fly-in-text li:nth-child(14) { margin-right:-4.5px; font-size:0.8em; font-weight:500!important; }
	#top ul.fly-in-text li:nth-child(15) { margin-right:-4.5px; font-size:0.8em; font-weight:500!important; }
	#top .trigger { position:absolute; display:block; top:25px; right:40px; z-index:1000!important; }
	#top .closer { position:fixed; display:none; top:25px; right:40px; z-index:900!important; }


	@media screen and (max-width: 992px) {
		#nav-desktop { display:none; }
		#nav-mobile { display:block; }
	}
	@media screen and (max-width: 768px) {
		#mobileLinks { padding-top:35%; }
	
		#top ul.fly-in-text { padding-left:15px; }
		#top .fly-in-text li { font-size:3em; }
	}
	@media screen and (max-width: 414px) {
		#mobileLinks { padding-top:50%; }
	
		#top ul.fly-in-text { padding-left:15px; }
		#top .fly-in-text li { font-size:2.5em; }
	}
	@media screen and (max-width: 375px) {
		#mobileLinks { padding-top:50%; }
	
		#top ul.fly-in-text { padding-left:15px; }
		#top .fly-in-text li { font-size:2.5em; }
	}
	@media screen and (max-width: 320px) {
		#mobileLinks { padding-top:50%; }
	
		#top .trigger { top:15px; right:20px; }
		#top .closer { top:15px; right:20px; }
	
		#top ul.fly-in-text { padding-left:15px; }
		#top .fly-in-text li { font-size:2em; }
	}




/* .:: PRESENTATION ::. */
	#presentation { background:rgba(0,0,0,1) url(../imgs/support/display/land-screenbg5.jpg) center center no-repeat; background-size:cover; }
	#presentation h1 { padding-top:15%; font-size:4em; font-weight:800; letter-spacing:-0.03em; line-height:1em; text-transform:uppercase; color:rgba(255,255,255,1); }
	#presentation h1 span { color:rgba(48,142,175,1); }
	#presentation h3 { font-size:1.5em; font-weight:200; color:rgba(200,200,200,1); }
	#presentation a.plusButton { padding:15px 35px; background:rgba(48,142,175,1); border:rgba(22,90,112,0.5) thin solid; border-radius:5px;  font-size:1em; letter-spacing:0.05em; text-decoration:none; text-transform:uppercase; font-weight:400; color:rgba(255,255,255,1); }
	#presentation a.plusButton:hover { background:rgba(22,90,112,1); color:rgba(255,255,255,1); }
	#presentation .pres-enlightBg { position:absolute; top:0; right:0; width:100%; height:100%; background:url(../imgs/support/presentation/land-enlight.png) top right no-repeat; z-index:0; }
	#presentation .skills-set { list-style:none; padding:0; text-align:left; }
	#presentation .skills-set li { display:inline-block; position:relative; width:40px; height:40px; margin-right:15px; }
	#presentation .skills-set li:nth-child(1) { background:url(../imgs/_const/icons-3dmodel.png) center center no-repeat; background-size:cover; }
	#presentation .skills-set li:nth-child(2) { background:url(../imgs/_const/icons-web.png) center center no-repeat; background-size:cover; }
	#presentation .skills-set li:nth-child(3) { background:url(../imgs/_const/icons-photo.png) center center no-repeat; background-size:cover; }
	#presentation .skills-set li:nth-child(4) { background:url(../imgs/_const/icons-app.png) center center no-repeat; background-size:cover; }
	#presentation .skills-set li:nth-child(5) { background:url(../imgs/_const/icons-market.png) center center no-repeat; background-size:cover; }
	#presentation .socials { padding-top:15px; font-size:1.15em; text-align:right; }
	#presentation .socials a { text-decoration:none; color:rgba(255,255,255,1); }
	#presentation .socials a:hover { text-decoration:none; color:rgba(60,200,230,1); }
	#presentation .wrapper { height:80vh; }

	@media screen and (max-width: 768px) {
		#presentation h1 { padding-top:15%; font-size:3.75em; }
		#presentation h3 { padding-top:20px; font-size:1.5em; }
		#presentation .skills-set { padding-bottom:40px; text-align:center; }
		#presentation .socials { padding-top:40px; padding-bottom:40px; text-align:center; }
		#presentation .wrapper { height:45vh; }
	}
	@media screen and (max-width: 414px) {
		#presentation h1 { padding-top:35%; font-size:3em; }
		#presentation h3 { padding-top:20px; font-size:1.4em; }
		#presentation .skills-set { padding-bottom:40px; text-align:center; }
		#presentation .skills-set li { margin:0 4px; }
		#presentation .socials { padding-top:40px; padding-bottom:40px; text-align:center; }
		#presentation .wrapper { height:60vh; }
	}
	@media screen and (max-width: 375px) {
		#presentation h1 { padding-top:40%; font-size:2.75em; }
		#presentation h3 { padding-top:20px; font-size:1.25em; }
		#presentation .skills-set { padding-bottom:40px; text-align:center; }
		#presentation .skills-set li { margin:0 4px; }
		#presentation .socials { padding-top:40px; padding-bottom:40px; text-align:center; }
		#presentation .wrapper { height:60vh; }
	}
	@media screen and (max-width: 320px) {
		#presentation h1 { padding-top:30%; font-size:2.5em; }
		#presentation h3 { padding-top:20px; font-size:1.25em; }
		#presentation .skills-set { padding-bottom:40px; text-align:center; }
		#presentation .skills-set li { margin:0 2px; }
		#presentation .socials { padding-top:40px; padding-bottom:40px; text-align:center; }
		#presentation .wrapper { height:60vh; }
	}
	@media screen and (min-height: 1366px) {
		#presentation .wrapper { height:40vh; }
	}




/* .:: SUMMARY ::. */
	#summary { padding:75px 50px; }
	#summary h3 { font-size:3em; font-weight:600; letter-spacing:-0.05em; color:rgba(204,204,204,1); }
	#summary h4 { padding-top:15px; font-size:1.25em; font-weight:600; text-transform:uppercase; letter-spacing:-0.02em; color:rgba(0,0,0,1); }
	#summary p { padding-top:30px; padding-bottom:15px; font-size:1em; font-weight:200; letter-spacing:0.03em; line-height:1.75em; color:rgba(102,102,102,1); }
	#summary a.knowMore { font-size:1em; font-weight:400; letter-spacing:0,03em; text-decoration:none; color:rgba(48,142,175,1); }
	#summary a.knowMore:hover { color:rgba(22,90,112,1); }
	
	@media screen and (max-width: 414px) {
		#summary { padding:30px; }
		#summary h3 { margin-top:40px; }
		#summary p { padding-top:10px; }
	}
	@media screen and (max-width: 375px) {
		#summary { padding:30px; }
		#summary h3 { margin-top:40px; }
		#summary p { font-size:0.9em; }
	}
	@media screen and (max-width: 320px) {
		#summary { padding:30px 25px; }
		#summary h3 { margin-top:40px; }
		#summary h4 { font-size:1em; line-height:1.75em; }
		#summary p { font-size:0.9em; }
	}
	@media screen and (min-height: 1366px) {
		#summary h3 { font-size:2.25em; }
		#summary h4 { padding-top:10px; }
	}




	/* .:: HEADER N°1 ::. */
	#header1 { padding:75px 50px; }
	#header1 h2 { font-size:1.5em; font-weight:400; text-transform:uppercase; color:rgba(0,0,0,1); }
	#header1 h4 { padding-top:30px; font-size:1.2em; font-weight:400; line-height:1.75em; color:rgba(0,0,0,1); }
	
	@media screen and (max-width: 414px) {
		#header1 { padding: 75px 30px 25px 30px; }
	}
	@media screen and (max-width: 375px) {
		#header1 { padding: 75px 30px 25px 30px; }
		#header1 h4 { font-size:1em; line-height:1.75em; }
	}
	@media screen and (max-width: 320px) {
		#header1 { padding: 75px 25px 25px 25px; }
		#header1 h4 { font-size:1em; line-height:1.75em; }
	}




	/* .:: RECENT WORK ::. */
	#recent-work { padding-top:30px; }
	#recent-work .col-md-6, #recent-work .col-lg-4 { padding:0!important; }
	#recent-work .hovereffect { position:relative; float:left; width:100%; height:100%; overflow:hidden; text-align:center; cursor:default; }
	#recent-work .hovereffect .overlay { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; opacity:0; background-color:rgba(0,0,0,0.5); -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out }
	#recent-work .hovereffect img { display:block; position:relative; background:url(../imgs/support/p-recents/projet-magnetud.jpg) center center no-repeat; -webkit-transition:all .4s linear; transition:all .4s linear; }
	#recent-work .hovereffect a.info { display:inline-block; margin:30% 0 0; padding:7px 14px; background-color:transparent; opacity:0; filter:alpha(opacity=0); text-decoration:none; text-transform:uppercase; color:#fff;  -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;  }
	#recent-work .hovereffect a.info h4 {  font-size:1.5em; }
	#recent-work .hovereffect a.info p {  font-size:0.8em; }
	#recent-work .hovereffect:hover img { -ms-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2); }
	#recent-work .hovereffect:hover .overlay { opacity:1; filter:alpha(opacity=100); }
	#recent-work .hovereffect:hover a.info { opacity:1; filter:alpha(opacity=100); -ms-transform:translatey(0); -webkit-transform:translatey(0); transform:translatey(0); }
	#recent-work .hovereffect:hover a.info { -webkit-transition-delay:.2s; transition-delay:.2s; }
	
	@media screen and (max-width: 768px) {
		#recent-work .hovereffect a.info { margin-top:25%;  }
	}
	@media screen and (max-width: 414px) {
		#recent-work .hovereffect a.info { margin-top:25%;  }
	}
	@media screen and (max-width: 375px) {
		#recent-work .hovereffect a.info { margin-top:25%;  }
	}
	@media screen and (max-width: 320px) {
		#recent-work .hovereffect a.info { margin-top:25%;  }
	}




	/* .:: CALL BACK ::. */
	#call-back { padding-top:100px; padding-bottom:100px; }
	#call-back a { padding:15px 35px; background:rgba(48,142,175,1); border:rgba(22,90,112,0.5) thin solid; border-radius:5px;  font-size:1em; letter-spacing:0.05em; text-decoration:none; text-transform:uppercase; font-weight:400; color:rgba(255,255,255,1); }
	#call-back a:hover { background:rgba(22,90,112,1); color:rgba(255,255,255,1); }
	
	@media screen and (max-width: 375px) {
		#call-back a { font-size:1em; }
		#call-back a span { display:none; }
	}
	@media screen and (max-width: 320px) {
		#call-back a { font-size:0.8em; }
		#call-back a span { display:none; }
	}




	/* .:: ABOUT ::. */
	#about { background:rgba(250,250,250,1); }
	#about h2 { font-size:1.5em; font-weight:400; text-transform:uppercase; color:rgba(0,0,0,1); }
	#about h4 { padding-top:30px; font-size:1.2em; font-weight:400; line-height:1.35em; color:rgba(60,60,60,1); }
	#about p { padding-top:30px; padding-bottom:15px; font-size:1em; font-weight:200; letter-spacing:0.03em; line-height:1.75em; color:rgba(102,102,102,1); }
	#about a.knowTeam { font-size:1em; font-weight:400; letter-spacing:0,03em; text-decoration:none; color:rgba(48,142,175,1); }
	#about a.knowTeam:hover { color:rgba(22,90,112,1); }
	#about .first { padding:50px; background:rgba(250,250,250,1); }
	#about .second { height:500px; background:url(../imgs/support/about/about.jpg) top left no-repeat; background-size:cover; }
	
	@media screen and (max-width: 1024px) {
		#about .first { padding-left:50px; background:rgba(250,250,250,1); }
	}
	@media screen and (max-width: 992px) {
		#about { padding: 0 15px; }
		#about .first { padding-left:50px; padding-right:50px; background:rgba(250,250,250,1); }
	}
	@media screen and (max-width: 768px) {
	}
	@media screen and (max-width: 414px) {
		#about .first { padding-left:30px; padding-right:30px; }
	}
	@media screen and (max-width: 375px) {
		#about h4 { font-size:1em; line-height:1.75em; }
		#about p { font-size:0.9em; }
		#about .first { padding-left:30px; padding-right:30px; }
	}
	@media screen and (max-width: 320px) {
		#about h4 { font-size:1em; line-height:1.75em; }
		#about p { font-size:0.9em; }
		#about .first { padding-left:25px; padding-right:25px; }
	}




	/* .:: HEADER N°3 ::. */
	#header3 { padding:100px 50px 75px 50px; }
	#header3 h2 { font-size:1.5em; font-weight:400; text-transform:uppercase; color:rgba(0,0,0,1); }
	#header3 h4 { padding-top:30px; font-size:1.2em; font-weight:400; line-height:1.75em; color:rgba(60,60,60,1); }
	
	@media screen and (max-width: 414px) {
		#header3 { padding:100px 30px 20px 30px; }
	}
	@media screen and (max-width: 375px) {
		#header3 { padding:100px 30px 20px 30px; }
		#header3 h4 { font-size:1em; line-height:1.75em; }
	}
	@media screen and (max-width: 320px) {
		#header3 { padding:100px 25px 20px 25px; }
		#header3 h4 { font-size:1em; line-height:1.75em; }
	}




	/* .:: TEAM ::. */
	#team { padding:0 50px 75px 50px; }
	#team h5 { padding-top:30px; padding-bottom:0; font-size:1.1em; font-weight:400; color:rgba(0,0,0,1); }
	#team p { margin-bottom:0; padding-top:0; padding-bottom:0; font-size:1em; font-weight:200; letter-spacing:0.03em; line-height:1.75em; color:rgba(102,102,102,1); }
	#team img { margin-top:75px; }
	#team a.team { font-size:1em; font-weight:400; letter-spacing:0,03em; text-decoration:none; color:rgba(48,142,175,1); }
	#team a.team:hover { color:rgba(22,90,112,1); }
	
	@media screen and (max-width: 375px) {
		#team { padding:0 30px 20px 30px; }
		#team p{ font-size:0.9em; }
	}
	@media screen and (max-width: 320px) {
		#team { padding:0 25px 20px 25px; }
		#team p { font-size:0.9em; }
	}




	/* .:: HEADER N°4 ::. */
	#header4 { padding:100px 50px 0 50px; }
	#header4 h2 { font-size:1.5em; font-weight:400; text-transform:uppercase; color:rgba(0,0,0,1); }
	#header4 h4 { padding-top:30px; font-size:1.2em; font-weight:400; line-height:1.75em; color:rgba(60,60,60,1); }
	#header4 .headisplay { padding-top:50px; }
	
	@media screen and (max-width: 530px) {
		#header4 div.headisplay img { width:100%; height:auto; }
	}
	@media screen and (max-width: 414px) {
		#header4 { padding:100px 30px 0 30px; }
	}
	@media screen and (max-width: 375px) {
		#header4 { padding:100px 30px 0 30px; }
		#header4 h4 { font-size:1em; line-height:1.75em; }
	}
	@media screen and (max-width: 320px) {
		#header4 { padding:100px 25px 0 25px; }
		#header4 h4 { font-size:1em; line-height:1.75em; }
	}




	/* .:: SERVICES ::. */
	#services { padding:75px 50px; }
	#services h4 { padding-top:15px; padding-left:10px; font-size:1.2em; font-weight:600; text-transform:uppercase; letter-spacing:0em; color:rgba(0,0,0,1); }
	#services p { margin-bottom:30px; padding-top:10px; padding-right:20px; font-size:1em; font-weight:200; letter-spacing:0.03em; line-height:1.75em; color:rgba(102,102,102,1); }
	#services img { margin:0; }
	#services a.callToAction { padding:15px 35px; background:rgba(48,142,175,1); border:rgba(22,90,112,0.5) thin solid; border-radius:5px;  font-size:1em; letter-spacing:0.05em; text-decoration:none; text-transform:uppercase; font-weight:400; color:rgba(255,255,255,1); }
	#services a.callToAction:hover { background:rgba(22,90,112,1); color:rgba(255,255,255,1); }
	#services a.knowMore { padding-left:10px; font-size:1em; font-weight:400; letter-spacing:0,03em; text-decoration:none; color:rgba(48,142,175,1); }
	#services a.knowMore:hover { color:rgba(22,90,112,1); }
	#services .section2 { margin-top:100px; }
	#services .section2-2 { margin-top:100px; }
	#services .section3 { margin-top:75px; margin-bottom:25px; }
	
	#services .hovereffect { position:relative; float:left; width:100%; height:auto; margin-top:0; margin-bottom:15px; overflow:hidden; text-align:center; cursor:default; }
	#services .hovereffect .overlay { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; opacity:0; background-color:rgba(0,0,0,0.5); -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out }
	#services .hovereffect img { display:block; position:relative; background:url(../imgs/support/p-recents/projet-magnetud.jpg) center center no-repeat; -webkit-transition:all .4s linear; transition:all .4s linear; }
	#services .hovereffect a.info { display:inline-block; margin:30% 0 0; padding:7px 14px; background-color:transparent; opacity:0; filter:alpha(opacity=0); text-decoration:none; text-transform:uppercase; color:rgba(255,255,255,1);  -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;  }
	#services .hovereffect a.info h5 {  font-size:1.25em; }
	#services .hovereffect a.info p {  font-size:0.8em; }
	#services .hovereffect:hover img { -ms-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2); }
	#services .hovereffect:hover .overlay { opacity:1; filter:alpha(opacity=100); }
	#services .hovereffect:hover a.info { opacity:1; filter:alpha(opacity=100); -ms-transform:translatey(0); -webkit-transform:translatey(0); transform:translatey(0); }
	#services .hovereffect:hover a.info { -webkit-transition-delay:.2s; transition-delay:.2s; }
	
	@media screen and (max-width: 768px) {
		#services h4 { padding-top:50px; }
		#services .section2 { margin-top:0; }
		#services .section2-2 { margin-top:0; }
		#services .section2 h4, #services .section2-2 h4 { padding-top:50px; }
		#services .section3 { margin-top:50px; margin-bottom:50px; }
	}
	@media screen and (max-width: 414px) {
		#services { padding:30px; }
		#services h4 { padding-top:50px; padding-left:0; }
		#services a.knowMore { padding-left:0; } 
		#services .section2 { margin-top:0; }
		#services .section2-2 { margin-top:0; }
		#services .section2 h4, #services .section2-2 h4 { padding-top:50px; }
		#services .section3 { margin-top:50px; margin-bottom:50px; }
	}
	@media screen and (max-width: 375px) {
		#services { padding:30px; }
		#services h4 { padding-top:50px; padding-left:0; }
		#services p { margin-bottom:0; font-size:0.9em; }
		#services a.knowMore { padding-left:0; } 
		#services a.callToAction span { display:none; }
		#services .section2 { margin-top:0; }
		#services .section2-2 { margin-top:0; }
		#services .section2 h4, #services .section2-2 h4 { padding-top:50px; }
		#services .section3 { margin-top:50px; margin-bottom:50px; }
	}
	@media screen and (max-width: 320px) {
		#services { padding:0 25px; }
		#services h4 { padding-top:50px; padding-left:0; font-size:1em; line-height:1.75em; }
		#services p { margin-bottom:0; font-size:0.9em; }
		#services a.callToAction span { display:none; }
		#services .section2 { margin-top:0; }
		#services .section2-2 { margin-top:0; }
		#services .section2 h4, #services .section2-2 h4 { padding-top:50px; }
		#services .section3 { margin-top:50px; margin-bottom:50px; }
	}
	@media screen and (min-height: 1366px) {
		#services h4 { padding-top:10px; }
	}




	/* .:: HEADER N°5 ::. */
	#header5 { color:rgba(255,255,255,1); }
	#header5 h2 { font-size:1.5em; font-weight:400; text-transform:uppercase; }
	#header5 h4 { padding-top:100px; padding-left:30px; font-size:1.1em; font-weight:600; line-height:1.35em; text-transform:uppercase; }
	#header5 .imgBg{ height:600px; background:url(../imgs/support/transitions/transition-01.jpg) center center no-repeat; background-size:cover; }
	#header5 .colorBg{ height:600px; padding-top:20px; background:rgba(0,0,0,1) url(../imgs/support/display/land-screenbg2.jpg) center center no-repeat; background-size:cover; color:rgba(255,255,255,1); }
	
	@media screen and (max-width: 992px) {
		#header5 h2 { text-align:center; }
		#header5 h4 { padding-top:50px; padding-left:45%; }
		#header5 .colorBg{ height:300px; }
	}
	@media screen and (max-width: 414px) {
		#header5 h4 { padding-left:50px; }
		#header5 .imgBg{ height:400px; }
	}
	@media screen and (max-width: 375px) {
		#header5 h4 { padding-left:30px; font-size:1em; }
		#header5 .imgBg{ height:400px; }
	}
	@media screen and (max-width: 320px) {
		#header5 h4 { padding-left:30px; font-size:1em; }
		#header5 .imgBg{ height:300px; }
	}




	/* .:: HEADER N°6 ::. */
	#header6 { padding:100px 50px 50px 50px; text-align:center; background:rgba(250,250,250,1); }
	#header6 h2 { font-size:1.5em; font-weight:400; text-transform:uppercase; color:rgba(0,0,0,1); }
	#header6 h4 { padding-top:30px; font-size:1.2em; font-weight:400; line-height:1.75em; text-align:center; color:rgba(0,0,0,1); }
	
	@media screen and (max-width: 414px) {
		#header6 { padding:75px 30px 50px 30px; }
	}
	@media screen and (max-width: 375px) {
		#header6 { padding:75px 30px 50px 30px; }
		#header6 h4 { font-size:1em; line-height:1.75em; }
	}
	@media screen and (max-width: 320px) {
		#header6 { padding:75px 25px 50px 25px; }
		#header6 h4 { font-size:1em; line-height:1.75em; }
	}




	/* .:: CONTACT ::. */
	#contact { padding:50px 50px 75px 50px; background:rgba(250,250,250,1); }
	#contact h4 { padding-top:15px; padding-left:10px; font-size:1.2em; font-weight:600; line-height:1.35em; color:rgba(60,60,60,1); text-transform:uppercase; letter-spacing:0em; color:rgba(60,60,60,1); }
	#contact span { color:rgba(48,142,175,1); }
	#contact hr { margin-top:30px; margin-bottom:30px; background:rgba(48,142,175,0.8); }
	#contact .form-control { padding:25px 15px; }
	#contact .sendBtn { padding:10px 40px; background:rgba(48,142,175,1); border:rgba(22,90,112,0.5) thin solid; border-radius:5px;  font-size:1em; letter-spacing:0.05em; text-decoration:none; text-transform:uppercase; font-weight:400; color:rgba(255,255,255,1); }
	#contact .sendBtn:hover { background:rgba(22,90,112,1); color:rgba(255,255,255,1); }
	
	@media screen and (max-width: 414px) {
		#contact { padding:0 30px 50px 30px; }
	}
	@media screen and (max-width: 375px) {
		#contact { padding:0 30px 50px 30px; }
	}
	@media screen and (max-width: 320px) {
		#contact { padding:0 25px 50px 25px; }
		#contact h4 { font-size:1em; }
		#contact hr { margin-top:15px; margin-bottom:15px; }
	}




	/* .:: FOOTER ::. */
	#footer { padding:75px 50px 20px 50px; background:rgba(0,0,0,1); }
	#footer h5.logo { font-size:2.5em; font-weight:600!important; color:rgba(255,255,255,1); }
	#footer h5.logo span.small { font-size:0.3em; font-weight:200; letter-spacing:0.02em; }
	#footer h5.footLink { font-size:0.8em; font-weight:400!important; letter-spacing:0.03em; color:rgba(255,255,255,1); }
	#footer p, #footer li { margin-top:20px; font-size:0.8em; font-weight:400; letter-spacing:0.05em; line-height:1.75em; color:rgba(180,180,180,1); }
	#footer a.footLink { font-size:1em; font-weight:400; letter-spacing:0,03em; text-decoration:none; color:rgba(48,142,175,1); }
	#footer a.footLink:hover { color:rgba(22,90,112,1); }
	#footer a.footLink i { color:rgba(255,255,255,1); }
	#footer ul li i { color:rgba(255,255,255,1); }
	#footer li.increm { margin-top:5px; }
	#footer .footer-copyright { font-size:0.8em; font-weight:400; letter-spacing:0.05em; line-height:1.75em; color:rgba(180,180,180,1); }
	#footer .footer-copyright a { font-size:1em; font-weight:400; letter-spacing:0,03em; text-decoration:none; color:rgba(48,142,175,1); }
	#footer .footer-copyright a:hover { color:rgba(22,90,112,1); }
	#footer .skills-set { list-style:none; padding:0; text-align:left; }
	#footer .skills-set li { display:inline-block; position:relative; width:40px; height:40px; margin-right:15px; }
	#footer .skills-set li:nth-child(1) { background:url(imgs/_const/icons-3dmodel.png) center center no-repeat; background-size:cover; }
	#footer .skills-set li:nth-child(2) { background:url(imgs/_const/icons-web.png) center center no-repeat; background-size:cover; }
	#footer .skills-set li:nth-child(3) { background:url(imgs/_const/icons-photo.png) center center no-repeat; background-size:cover; }
	#footer .skills-set li:nth-child(4) { background:url(imgs/_const/icons-app.png) center center no-repeat; background-size:cover; }
	#footer .skills-set li:nth-child(5) { background:url(imgs/_const/icons-market.png) center center no-repeat; background-size:cover; }
	#footer .socials { padding-top:15px; font-size:1.15em; text-align:left; }
	#footer .socials a { text-decoration:none; color:rgba(255,255,255,1); }
	#footer .socials a:hover { text-decoration:none; color:rgba(60,200,230,1); }
	
	@media screen and (max-width: 768px) {
		#footer h5.footLink { margin-top:75px; }
		#footer .footer-copyright { margin-top:50px; }
		#footer .socials { padding-top:5px; }
	}
	@media screen and (max-width: 414px) {
		#footer { padding:75px 30px 20px 30px; }
		#footer h5.footLink { margin-top:0; }
		#footer ul.list-unstyled { margin-bottom:50px; }
		#footer ul.skills-set { margin-bottom:5px; }
		#footer .footer-copyright { margin-top:0; }
		#footer .skills-set li { width:40px; height:40px; margin-right:5px; }
		#footer .socials { margin-bottom:50px; padding-top:15px; text-align:center; }
	
	}
	@media screen and (max-width: 375px) {
		#footer { padding:75px 30px 20px 30px; }
		#footer ul.list-unstyled { margin-bottom:50px; }
		#footer ul.skills-set { margin-bottom:5px; }
		#footer .skills-set li { width:40px; height:40px; margin-right:5px; }
		#footer .socials { margin-bottom:50px; text-align:center; }
	
	}
	@media screen and (max-width: 320px) {
		#footer { padding:75px 10px 20px 10px; }
		#footer ul.list-unstyled { margin-bottom:50px; }
		#footer ul.skills-set { margin-bottom:5px; }
		#footer .skills-set li { width:40px; height:40px; margin-right:5px; }
		#footer .socials { margin-bottom:50px; text-align:center; }
	
	}




	/* .:: CONTACT FORM ::. */
	#contactForm input { margin-top:30px; margin-bottom:30px; border-color:rgba(48,142,175,0.5); border-radius:0; border-top:hidden; border-left:hidden; border-right:hidden; font-size:0.9rem; }
	#contactForm textarea { margin-top:30px; margin-bottom:30px; padding:10px; border-color:rgba(48,142,175,0.5); border-radius:0; font-size:0.9rem; }
	#contactForm input:focus, #contactForm textarea:focus { background:rgba(220,220,220,0.2); color:rgba(48,142,175,1); }
	#contactForm button.plusButton { padding:10px 35px; background:rgba(48,142,175,1); border:rgba(22,90,112,0.5) thin solid; border-radius:5px;  font-size:0.9rem; letter-spacing:0.05em; text-decoration:none; text-transform:uppercase; font-weight:400; color:rgba(255,255,255,1); }
	#contactForm button.plusButton:hover { background:rgba(22,90,112,1); color:rgba(255,255,255,1); cursor:pointer; }
	#contactForm select { font-size:0.9rem; }
	
	#trigger button.plusButton { padding:10px 35px; background:rgba(48,142,175,1); border:rgba(22,90,112,0.5) thin solid; border-radius:5px;  font-size:0.9rem; letter-spacing:0.05em; text-decoration:none; text-transform:uppercase; font-weight:400; color:rgba(255,255,255,1); }
	#trigger button.plusButton:hover { background:rgba(22,90,112,1); color:rgba(255,255,255,1); cursor:pointer; }
	
	#loading-img { display:none; }
	.response_msg { display:none; position:fixed; top:20px; right:20px; width:400px; height:auto; padding:10px 20px; border-radius:5px; background:rgba(22,90,112,1); font-size:0.9rem; font-weight:300; letter-spacing:0.03rem; color:rgba(255,255,255,1); z-index:50000; }