/**
 * Project style sheet.
 *
 * @package    vanilla
 * @subpackage css
 * @author     Loops <evrard at h2a dot lu>
 * @version    SVN: $Id: styles.css 48 2014-09-18 13:21:53Z loops $
 */


/* -----------------------------------------
	DEFAULTS
-------------------------------------------*/

/* declare the default font and color here */
html, body { height: 100%; }
body, button, input, select, textarea { color: #575757; font-family: 'news_cycle', Arial, sans-serif; font-size: 14px; }
body { }

/* paragraphs */
p { line-height: 20px; margin: 10px 0; }
p:first-child { margin-top: 0; }

/* links */
a { color: #cf7000; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline: 0; }
/* reset for block */
a.block {}
a.block:hover {}

/* titles, will be usefull to have a class */
h1, h2, h3, h4, h5, h6 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
h1, .h1 { font-weight: bold; font-size: 26px; color: #cf7000; text-transform: uppercase; letter-spacing: 2px; }
h2, .h2 { font-weight: bold; font-size: 24px; color: #cf7000; text-transform: uppercase; letter-spacing: 2px; }
h3, .h3 { font-weight: normal; font-size: 18px; color: #504840; text-transform: uppercase; letter-spacing: 2px; }
h4, .h4 { font-weight: normal; font-size: 16px; color: #504840; }
h5, .h5 { font-weight: normal; font-size: 14px; }
h6, .h6 { font-weight: normal; font-size: 13px; }

/* tables */
table {}
th, td {}
th {}
thead th, thead td {}

/* selected text */
::selection { background-color: #cf7000; color: white; }
::-moz-selection { background-color: #cf7000; color: white; } 

/* address */
address { font-style: normal; margin-bottom: 25px; }
address span { display: block; }

/* miscellaneous */
abbr[title] { border: 0 }
small, .small { font-size: 75%; }
big, .big { font-size: 150%; }
img { max-width: 100%; }

/* custom styles, must comes after to overwrote if necessary */

.font-0 { font-family: 'news_cycle', Arial, sans-serif; } /* default font family */

.cl-0 { color: #cf7000 } /* Orange */
.cl-1 { color: #504840 } /* Grey - strong */
.cl-2 { color: #575757 } /* Grey - light */
.cl-3 { color: #FFFFFF } /* White */

/* we advice to use the same color for each number */
.bg-0 { background-color: #cf7000 } /* Orange */
.bg-1 { background-color: #504840 } /* Grey - strong */
.bg-2 { background-color: #737373 } /* Grey - light */

/* we advice to use the same color for each number */
.bd-0 { border-color: #cf7000 } /* Orange */
.bd-1 { border-color: #504840 } /* Grey - strong */
.bd-2 { border-color: #737373 } /* Grey - light */
 
/* Buttons */
.btn { text-transform: uppercase; letter-spacing: 2px; font-size: 13px; display: inline-block; }
.btn:hover { text-decoration: none; }
.btn:after { content: ""; display: block; height: 3px; width: 30%; background-color: #cf7000; border-radius: 5px; margin: 8px auto 0 auto; transition: width 200ms ease-in-out; }
.btn:hover:after { width: 70%; }
.btn-left:after { margin: 8px 0 0 0; }
.btn-left:hover:after { width: 100%; }

/* -----------------------------------------
	FORMS
-------------------------------------------*/

/* message */
.form-error { color: #c22b2b; }
.form-success { color: #008913; }
.form-notice { color: #008913; }

/* elements */
/* default */
select[name], textarea[name], input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"] {}
/* hover */
select[name]:hover, textarea[name]:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="date"]:hover {}
/* focus, active */
select[name]:focus, textarea[name]:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="date"]:focus,
select[name]:active, textarea[name]:active, input[type="text"]:active, input[type="password"]:active, input[type="email"]:active, input[type="url"]:active, input[type="date"]:active {}
/* error (by default #c22b2b) */
.form-row-error select[name], .form-row-error textarea[name], .form-row-error input[type="text"], .form-row-error input[type="password"], .form-row-error input[type="email"], .form-row-error input[type="url"], .form-row-error input[type="date"] { border-color: #c22b2b; color: #c22b2b; }

/* placeholder, each variation needs to be separated to work */
/* normal */
::placeholder {}
::-webkit-input-placeholder {}
:-moz-placeholder {}
::-moz-placeholder { opacity: 1; } /* FF 19+ had an opacity to the placeholder */
:-ms-input-placeholder {}
.\:placeholder {} /* @see jquery.placeholder.js */
/* hover */
:hover::placeholder {}
:hover::-webkit-input-placeholder {}
:hover:-moz-placeholder {}
:hover::-moz-placeholder {}
:hover:-ms-input-placeholder {}
.\:placeholder:hover {} /* @see jquery.placeholder.js */
/* focus, active */
:focus::placeholder, :active::placeholder {}
:focus::-webkit-input-placeholder, :active::-webkit-input-placeholder {}
:focus:-moz-placeholder, :active:-moz-placeholder {}
:focus::-moz-placeholder, :active::-moz-placeholder {}
:focus:-ms-input-placeholder, :active:-ms-input-placeholder {}
.\:placeholder:focus, .\:placeholder:active {} /* @see jquery.placeholder.js */
/* error (by default #c22b2b) */
.form-row-error ::placeholder { color: #c22b2b; }
.form-row-error ::-webkit-input-placeholder { color: #c22b2b; }
.form-row-error :-moz-placeholder { color: #c22b2b; }
.form-row-error ::-moz-placeholder { color: #c22b2b; }
.form-row-error :-ms-input-placeholder { color: #c22b2b; }
.form-row-error .\:placeholder { color: #c22b2b; } /* @see jquery.placeholder.js */
             
			                                         
/* -----------------------------------------
	STYLES
-------------------------------------------*/

/* Layout */

#wrapper { min-width: 800px; width: 100%; }
#main { display: block; padding: 0 60px 0 60px; margin: 60px 0 25px 0; }

.has-js .index #wrapper { min-height: 100%; position: relative; overflow: hidden; }
.has-js .index #main { display: block; position: absolute; left: 60px; top: 60px; right: 60px; bottom: 60px; margin: 0; padding: 0; }

#section-wrapper { position: relative; height: 100%; width: 100%; z-index: 10; }

/* Header */
.nav-list { text-align: center; display: inline-block; position: fixed; -moz-osx-font-smoothing: grayscale; }
.nav-main {  -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); left: 0; top: 50%; margin-top: 221px; }
.nav-second { -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); right: 60px; top: 50%; margin-top: -146px; }

	.nav-item { display: inline-block; position: relative; }
	.nav-item + .nav-item:before { content: ""; display: block; width: 1px; height: 28px; position: absolute; background: #ccc; top: 50%; margin-top: -14px; }
	.nav-link { color: #575757; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; display: block; padding: 22px 17px; position: relative; font-weight: bold; transition: color 200ms ease-in-out; }
	.nav-link:before { content: ""; display: block; position: absolute; left: 17px; top: -5px; right: 17px; height: 5px; background-color: #cf7000; transition: all 200ms ease-in-out 1.5s; }
	.nav-link:hover { color: #cf7000; text-decoration: none; }
	.nav-link.current { color: #cf7000; }
	.nav-link.current:before { top: 0; }
	
	.nav-second .nav-link:before { top: auto; bottom: -5px; }
	.nav-second .nav-link.current:before { top: auto; bottom: 0; }

/* Sections */
.section { background-color: #ebebeb; position: relative; min-height: 650px; counter-reset: list-counter; }
	.section + .section { margin-top: 60px; }
	.section:last-child { margin-bottom: 60px; }

/* lists */
.list-sep { margin: 0; padding: 0; }
	.list-sep .list-sep-item { list-style-type: none; position: relative; }
	.list-sep .list-sep-item + .list-sep-item { padding-top: 6px; margin-top: 6px; }
	.list-sep .list-sep-item + .list-sep-item:before { content: ""; display: block; width: 23px; height: 1px; background-color: #cf7000; position: absolute; top: 0; }

.list-grid .list-grid-item { display: inline-block; padding-right: 40px; width: 25%; vertical-align: top; }
	.list-grid.x4 .list-grid-item { width: 24%; }
	.list-grid.x2 .list-grid-item { width: 50%; }
	
.list-slashed .list-slashed-item { font-size: 20px; display: inline-block; vertical-align: top; }
	.list-slashed .list-slashed-item + .list-slashed-item:before { content: "/"; display: inline-block; margin: 0 10px; }

/* Grid */
.grid.x2 .grid-item { width: 50%; }
.grid.x3 .grid-item { width: 33.3333%; }

	.grid-list { height: 100%; }
		.grid-item { width: 100%; height: 100%; float: left; text-align: center; position: relative; min-height: 450px; }
			.grid-item + .grid-item:before { content: ""; display: block; position: absolute; width: 2px; top: 0; bottom: 0; left: -1px; background: white; }
			.grid-link { display: block; height: 100%; width: 100%; background: none; transition: all .5s linear; z-index: 500; }
			.grid-link:hover { background: none; text-decoration: none; }
			.grid-link:hover .grid-btn:after { width: 70%; }
				.grid-link:hover .subbtn.grid-btn:after { width: 30%; }
					.subbtn { margin-bottom:30px !important; }
					.subbtn:hover:after { width: 70% !important; }
				.grid-title { display: block; color: #504840; font-size: 22px; text-transform: uppercase; letter-spacing: 3px; padding: 0 50px; z-index: 500; top: 15%; position: relative; }
				.grid-btn { position: relative; top: 20%; display: block; width: 170px; margin: 0 auto; }

/* Overlay */
.overlay { position: absolute; right: 0; top: 0; bottom: 0; left: 0; z-index: 100; display: none; overflow: hidden; }

/* Footer */
#footer { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 12px; padding: 0 60px; margin-bottom: 25px; }
.has-js .index #footer { position: fixed; bottom: 0; left: 0; right: 0; z-index: 0; }

.langs { float: left; }
	.langs-item { display: inline-block; }
	.langs-item + .langs-item { border-left: 1px solid #ccc; padding-left: 10px; margin-left: 10px; }
	.langs-link { color: #999; }
	.langs-link.current { color: #cf7000; }
	
	.footer-h2a { float: right; color: #999; }

/* Paginate */
.paginate { position: absolute; left: 0; bottom: 0; right: 0; text-align: center; }
	.paginate li { display: inline-block; }
		.paginate li + li { margin: 0; padding: 0; }
		.paginate li + li:before { display: none !important; }
		.paginate li a:after { content: ""; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid white; margin-top: 5px; }
		.paginate li a { color: #575757; display: block; padding: 0 6px; }
		.paginate li a:hover { text-decoration: none; color: #cf7000; }
		.paginate li a.current { color: #cf7000; font-weight: bold; }

/* -----------------------------------------
	PAGES
-------------------------------------------*/
	
	/* Article */
	.article { height: 100%; position: relative; }
	
	/* Single page */
	.page { padding: 4% 5%; background-color: #ebebeb; }
		
		/* Full */
		.page-full .page-title { max-width: 100%; margin-bottom: 30px; }
		.page-full .page-content { width: 100%; }
    
		/* Half */
		.page-half .page-title, .article-candidateimpulsion .page-title { max-width: 50%; margin-bottom: 30px; }
		.page-half .page-content, .article-candidateimpulsion .page-content { width: 50%; -moz-columns: 2; -moz-column-gap: 3em; -moz-column-rule: 1px solid #ccc; -webkit-columns: 2; -webkit-column-gap: 3em; -webkit-column-rule: 1px solid #ccc; vertical-align: top; }
		.page-half.bg-where .page-content { width: 65%}
		
		
		/* Chart */
		.page-chart { display: table; width: 100%; }
		.page-chart .page-title { position: absolute; left: 0; right: 0; top: 50%; margin: 0; margin-top: -22px; display: block; text-align: center; font-size: 30px; letter-spacing: 4px; color: #504840; font-weight: normal; }
		.page-chart .page-col { display: table-cell; vertical-align: middle; width: 50%; text-align: center; padding-right: 20%; }
		.page-chart .page-col + .page-col { padding-right: 0; padding-left: 20%; }
		.page-chart .page-col li:before { margin: 0 auto; }
		.page-chart .page-col h2 { font-size: 20px; font-weight: normal; }
		
		.page-chart:before, .page-chart:after { content: ""; display: block; height: 2000px; position: absolute; left: 50%; width: 1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
		.page-chart:before { bottom: 50%; margin-bottom: 60px; margin-left: 50px; background-color: #c2c2c2; -webkit-transform-origin: left bottom; transform-origin: left bottom; }
		.page-chart:after { top: 50%; margin-top: 60px; margin-left: -50px; background-color: #c2c2c2; -webkit-transform-origin: left top; transform-origin: left top; }
		
			.js-scroll .overlay .page-chart:before, 
			.js-scroll .overlay .page-chart:after { height: 0; transition: height 1.5s ease-in-out; }
			.js-scroll .overlay.opened .page-chart:before, 
			.js-scroll .overlay.opened .page-chart:after { height: 2000px; }
			
			
		/* Service */
		.page-service .page-title { text-align: center; font-weight: normal; position: relative; }
		.page-service .page-title:before { content: ""; display: block; height: 2px; width: 40px; background-color: #cf7000; position: absolute; top: 40px; left: 50%; margin-left: -20px; border-radius: 3px; }
		
		.page-service .page-content { width: 500px; margin: 0 auto; }
		.page-service .page-col { width: 50%; float: left; }
		.page-service .page-col:first-child { text-align: right; padding-right: 20px; }
		.page-service .page-col li + li { padding-top: 0; margin-top: 4px; }
		.page-service .page-col li + li:before { display: none }
		.page-service .page-col + .page-col { text-align: left; padding-left: 20px; }
		.page-service .page-col h2 { font-size: 16px; color: #504840; }
			
	/* Homepage */
	.section-homepage { text-align: center; }
	.section-homepage .logo { display: inline-block; top: 90px; position: relative; z-index: 200; }
	.section-homepage .img-header { position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; }
	.section-homepage .img-partner { position: absolute; right: 20px; bottom: 20px; margin: 0 auto; }
	.section-homepage .img-awards { position: absolute; left: 20px; bottom: 20px; margin: 0 auto; }

  
  /* Executive search */
  .article-search { text-align: center; }
  
	/* Confiance */
	.article-trust .list-grid-item { margin-bottom: 20px; }
	.article-trust .list-grid-item:before { content: ""; height: 35px; width: 35px; background: url(images/icon-and.png) left top no-repeat; display: block; margin-bottom: 10px; }
	
	/* Where */
	.section-where #gmap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
	.section-where .page-title { position: relative; z-index: 500; }
	.section-where .page-content { position: relative; z-index: auto; text-align: left; padding: 8% 10%; }
  .section-where .list-sep { float: left; position: relative; z-index: 500; }
  
  .section-what .grid-title { min-height: 54px; }
	
  /* gmap info */
  .gm-style img { max-width: none; }
  .gmap-item { width: 175px; overflow-x: hidden; padding: 15px 10px; text-align: left; }
    /* these rules must be very strong to overide google rules */
    .has-js #gmap .gmap-item { font-family: 'news_cycle', Arial, sans-serif; font-size: 14px; line-height: 1.231; }

	/* Candidates */
	.section-candidates .page-content { position: relative; z-index: 500; text-align: left; padding: 8% 10%; }
	
	/* Team */
  .team-title { width: 20%; height: 50%; display: table; background-color: #cf7000; color: white; float: right; margin: 0; text-align: center; font-size: 38px; text-transform: uppercase; letter-spacing: 2px; position: absolute; top: 50%; z-index: 20; right: 0;}
  .team-title > span { display: table-cell; vertical-align: middle; }
	.team-list { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
	.team-item { width: 25%; height: 50%; display: block; background: #e4e4e4; float: left; position: relative; text-align: center; }
/*	.team-item:last-child { margin-right: 25%; }*/
	
		.team-link { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; }
		.team-name { font-size: 16px; margin: 0; color: #504840; text-transform: uppercase; letter-spacing: 2px; position: relative; margin-top: 50px; z-index: 10; padding:0 20px}
		.team-link:hover { text-decoration: none; }
		.team-link:hover .team-name { color: #cf7000; }
		.team-link:hover .team-img  { bottom: 0; }
		.team-img { position: absolute; bottom: -10px; left: 0; right: 0; transition: bottom 150ms ease-in-out; width: 100%; min-width: 280px; }
	
	/* Contacts */
	.contact-list { height: 100%; }
	.contact-item { width: 50%; height: 100%; float: left; text-align: center; position: relative; overflow: hidden; }
	.contact-item + .contact-item:before { content: ""; display: block; position: absolute; width: 2px; top: 0; bottom: 0; left: -1px; background: white; }
	.contact-item:hover .contact-content { padding-bottom: 3%; }
	.contact-content { padding: 15% 0 5% 0; transition: padding-bottom 200ms ease-in-out; }
	.contact-name { font-size: 22px; margin: 0; }
	.contact-function { margin: 0 0 15px 0; color: #575757; }
	.contact-phone { color: #575757; }
	.contact-email { margin-top: 15px; }
  
  /* Compass shit */
  .grid-item.bg-compass { display: table; table-layout: fixed }
  .grid-item.bg-compass > .page { display: table-cell; vertical-align: middle; text-align: center; }
  #compass-out { position: relative; }
    #compass-img { max-width: 100%; height: auto; }
      .compass-item { position: absolute; z-index: 10; font-weight: bold; }
      #compass-item1 { top: 0; right: 50%; text-align: right; }
      #compass-item2 { bottom: 50%; left: 0; text-align: left; }
      #compass-item3 { bottom: 50%; right: 0; text-align: right; }
      #compass-item4 { bottom: 0; left: 50%; text-align: left; }


/* -----------------------------------------
	BACKGROUNDS
-------------------------------------------*/
	
	/* Default */
	.bg-default { background: #e4e4e4 url(images/bg-default.jpg) center bottom no-repeat; }
	
	/* Homepage */
	.bg-homepage { background: #ebebeb url(images/bg-homepage.jpg) center bottom no-repeat; }
	
	/* About */
	.bg-about { background: #d4d4d4 url(images/bg-about-page.jpg) center bottom no-repeat; background-size: 100%; }
	
	/* how */
	.bg-how { background: #f5f5f5 url(images/bg-compass.jpg) right bottom no-repeat }
	
	/* News */
	.bg-news { background: #e4e4e4 url(images/bg-news.jpg) right bottom no-repeat; background-size: 100%; }
  
  /* Job */
/*  bg-job { background-image: none; }*/
	.bg-job { background: #f5f5f5 url(images/bg-compass.jpg) right bottom no-repeat }
	
	/* Contact */
	.bg-contact { background: #e4e4e4 url(images/bg-contact.jpg) right bottom no-repeat; background-size: 100%; }
	
	/* Where */
/*	.bg-where { background: #dbdbdb url(images/bg-where.jpg) right bottom no-repeat; }*/
	

	/* Where */
	.bg-where { background: #f5f5f5 url(images/bg_global.png) right bottom no-repeat }

	/* Finance */
	.grid-item.bg-finance { background: #e9e9e9 url(images/bg-finance-small.jpg) left center no-repeat; }
	.page.bg-finance { background: #e9e9e9 url(images/bg-finance-big.jpg) center bottom no-repeat; }

	/* Services */
	.grid-item.bg-business { background: #e9e9e9 url(images/bg-services-small.jpg) right center no-repeat; }
	.page.bg-business { background: #e9e9e9 url(images/bg-services-big.jpg) center bottom no-repeat;}

	/* Techno */
	.grid-item.bg-technology { background: #e9e9e9 url(images/bg-techno-small.jpg) center center no-repeat; }
/*	.page.bg-technology { background: #e4e4e4 url(images/bg-techno-big.jpg) center bottom no-repeat; }*/
	.page.bg-industry { background: #e4e4e4 url(images/bg-techno-big.jpg) center bottom no-repeat; }
	.page.bg-greentech { background: #e4e4e4 url(images/bg-green-big.jpg) center bottom no-repeat; }
	.page.bg-maritime { background: #e4e4e4 url(images/bg-maritime-big.jpg) center bottom no-repeat; }
	
	/* Executive search */
	.bg-search { background: #e4e4e4 url(images/bg-executive.jpg) right bottom no-repeat; }
  
  /* Compass */
  .bg-compass > .page { background-color: transparent; }
	
	/* Confiance */
	.bg-trust { background: #e5e4e2 url(images/bg-how.jpg) left bottom no-repeat; }
  .bg-trust > .page { background-color: transparent; }
  
  /* Job */
  .bg-candidateimpulsion { background: #e4e4e4 url(images/bg-candidateimpulsion.jpg) right bottom no-repeat; }
  .bg-candidatecontact { background: #e4e4e4 url(images/bg-candidatecontact.jpg) left bottom no-repeat; }

  .article-candidateimpulsion, .article-candidatecontact { background: #e4e4e4 url(images/bg-jobs.jpg) center bottom no-repeat; }

/* -----------------------------------------
	JS SCROLL
-------------------------------------------*/
.js-scroll { perspective: 1000px; }
.js-scroll .section { position: absolute; left: 0; top: 0; right: 0; bottom: 0; min-height: 0; }

.js-scroll .section + .section { margin: 0; }
.js-scroll .section.is-hidden { display: none; }
.js-scroll .section-where.is-hidden { display: block; visibility: hidden; opacity: 0; clip: rect(0,0,0,0); }
	
	.js-scroll .section.anim { transition: all 1.5s cubic-bezier(.83,.01,.39,1) 200ms; }
	.js-scroll .section.is-current { display: block; top: 0; z-index: 50; opacity: 1; }
	.js-scroll .section.is-next { display: block; -moz-transform: translateY(1200px) scale(1) rotateX(10deg); -webkit-transform: translateY(1200px) scale(1) rotateX(10deg); transform: translateY(1200px) scale(1) rotateX(10deg); }
	.js-scroll .section.is-prev { display: block; -moz-transform: translateY(-1200px) scale(0.5) rotateX(90deg); -webkit-transform: translateY(-1200px) scale(0.7) rotateX(10deg); transform: translateY(-1200px) scale(0.7) rotateX(10deg); opacity: 0; }

/* Controls */
.controls a { position: fixed; left: 50%; margin-left: -13px; width: 27px; height: 33px; display: block; text-indent: -5000px; overflow: hidden; transition: background-position 200ms ease; z-index: 500; }
.controls .controls-next { bottom: 14px; background: url(images/arrow-bottom.png) center -10px no-repeat; }
.controls .controls-prev { top: 14px; background: url(images/arrow-top.png) center 10px no-repeat; }
.controls .controls-next:hover { background-position: center center; }
.controls .controls-prev:hover { background-position: center center; }
.controls .controls-close { background: url(images/cross.png) center center no-repeat; width: 18px; height: 19px; top: 20px;  }

.single .controls a { position: absolute; display: none; }
.single .controls .controls-close { display: block; }

.btn_offices {display:block;width:100%;box-sizing:border-box;text-transform:uppercase;padding:28px;border:1px solid #cd701a;position:relative}
	.btn_offices:after{content:" ";display:block;right:20px;top:50%;border:solid transparent;border-left-color:#cd701a;border-width:7px 10px;height:0;width:0;position:absolute;margin-top:-7px;}



/* -----------------------------------------
	IE Patch WTF ?
-------------------------------------------*/
html.lt-ie9 #wrapper { /*max-width: 90%;*/ margin: 0 auto; }
html.lt-ie9 #header { background: white; position: relative; width: 100%; top: 0; z-index: 100; border-bottom: 1px solid #ccc; }
html.lt-ie9 .js-scroll .section { background: #eee; position: relative; top: auto !important;left: auto; right: auto; bottom: auto; height: auto; min-height: 650px;  }
html.lt-ie9 .js-scroll .section + .section { margin-top: 20px; }
html.lt-ie9 .grid-link { display: block; padding: 300px 0; }
html.lt-ie9 .grid-title { display: block; }

html.lt-ie9 .nav-main, html.lt-ie9 .nav-second {  left: auto; top: auto; right: auto; margin-top: auto; }
html.lt-ie9 #header a:before { display: none; }
html.lt-ie9 .nav-list { text-align: center; display: inline-block; position: relative; }
html.lt-ie9 .team-title { height: 325px; }


/* -----------------------------------------
	MEDIA QUERIES
-------------------------------------------*/

/* these media queries are just samples */
/* use appropriate queries to fit the design */
/* !!! DO NOT FORGOT TO APPLY DEFAULT STYLES FOR 960px SCREEN (IE8) !!! */

/* for screen bigger than 1600px */
@media screen and (min-width: 1600px) {}

/* for screen smaller than 770px */
@media screen and (max-height: 770px) {
	.has-js .index #wrapper { min-height: 770px; position: relative; }
	.has-js .index #footer { position: absolute; }
  .controls a { position: absolute; }
  .controls .controls-prev { top: auto; bottom: 100%; margin-bottom: 14px; }
  .controls .controls-next { bottom: auto; top: 100%; margin-top: 14px; }
  .controls .controls-close { top: auto; bottom: 100%; margin-bottom: 20px; }
}


/*** CSS hacks (last update 2014-05-16)***/

/* Firefox 2+ */
x:-moz-any-link, .selector { property: value; }
/* Chrome 29+, Opera 16+ */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { .selector { property: value; } }
/* Chrome, Safari 3+ */
@media screen and (-webkit-min-device-pixel-ratio:0) { .selector { property: value; } }
/* Chrome only */
@media screen and (-webkit-min-device-pixel-ratio:0) { @media all and (min-resolution: .001dpcm) { .selector { property: value; } } }
/* Safari 5+/6- and Chrome 24- */
::x, .selector { property: value; }
/* Opera 9.5+ */
x:-o-prefocus, .selector { property: value; }
/* IE 10 and IE 11 */
@media all and (-ms-high-contrast:none) { .selector { property: value; } }
/* IE 11 */
*::-ms-backdrop, .selector { property: value; }
/* IE 9 (html specific) */
html.ie9 .selector { property: value; }
/* IE 6-10 */
.selector { property: value\9; } 
/* more hacks at http://browserhacks.com */