/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* HTML 5 Boiler plate
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/
html, body
{
    /*height:100%;*/
}
header, section, footer, aside, nav, article, figure
{
  display: block;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video
{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font:inherit;
  vertical-align: baseline;
  font-family:'Helvetica', 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', 'Arial', 'sans-serif';
}

ul, ol
{
	list-style-type:none;
}

fieldset
{
	margin:0;
	padding:0;
	border:0;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{
  display: block;
}

table
{ border-collapse: collapse; border-spacing: 0; }
pre, code, kbd, samp
{ font-family: 'monaco', monospace, sans-serif; }

button
{  width: auto; overflow: visible; }
.ie7 img
{ -ms-interpolation-mode: bicubic; }

/* Clearing float use : <div class="clear"><!-- Clearing floats --></div> */
.clear
{
	clear:both;
	float:none !important;
	height:0;
	line-height:0;
}
.pull-left
{ float: left !important; }
.pull-right
{ float: right !important; }
/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* Fonts
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/
/*brownstd*/
@font-face
{
  font-family: 'brownstd';
  src: url('../eot/brownstdlight.eot');
	src: url('../eot/brownstdlight.eot?#iefix') format('embedded-opentype'),
    	 url('../woff/brownstdlight.woff') format('woff'),
       url('../ttf/brownstdlight.ttf') format('truetype'),
       url('../svg/brownstdlight.svg#brownstdlight') format('svg');
  font-weight: 200;
  font-style: normal;
}

/* absara */
@font-face
{
  font-family: 'absara';
  src: url('../eot/AbsaraSans-Light.eot');
	src: url('../eot/AbsaraSans-Light.eot?#iefix') format('embedded-opentype'),
    	 url('../woff/AbsaraSans-Light.woff') format('woff'),
       url('../ttf/AbsaraSans-Light.ttf') format('truetype'),
       url('../svg/AbsaraSans-Light.svg#AbsaraSans-Light') format('svg');
  font-weight: 200;
  font-style: normal;
}
@font-face
{
  font-family: 'absara';
  src: url('../eot/AbsaraSansWebProMedium.eot');
	src: url('../eot/AbsaraSansWebProMedium.eot?#iefix') format('embedded-opentype'),
    	 url('../woff/AbsaraSansWebProMedium.woff') format('woff'),
       url('../ttf/AbsaraSansWebProMedium.ttf') format('truetype'),
       url('../svg/AbsaraSansWebProMedium.svg#AbsaraSansWebProMedium') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face
{
  font-family: 'absara';
  src: url('../eot/AbsaraSans-Bold.eot');
	src: url('../eot/AbsaraSans-Bold.eot?#iefix') format('embedded-opentype'),
       url('../woff/AbsaraSans-Bold.woff') format('woff'),
       url('../ttf/AbsaraSans-Bold.ttf') format('truetype'),
       url('../svg/AbsaraSans-Bold.svg#AbsaraSans-Light') format('svg');
  font-weight: 700;
  font-style: normal;
}
/* romain */
@font-face
{
  font-family: 'romain';
  src: url('../eot/romain_bp_text_regular-webfont.eot');
	src: url('../eot/romain_bp_text_regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../woff/romain_bp_text_regular-webfont.woff') format('woff'),
       url('../ttf/romain_bp_text_regular-webfont.ttf') format('truetype'),
       url('../svg/romain_bp_text_regular-webfont.svg#romain_bp_text_regular-webfont') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face
{
  font-family: 'romain';
  src: url('../eot/romain_bp_text_regular_italic-webfont.eot');
	src: url('../eot/romain_bp_text_regular_italic-webfont.eot?#iefix') format('embedded-opentype'),
       url('../woff/romain_bp_text_regular_italic-webfont.woff') format('woff'),
       url('../ttf/romain_bp_text_regular_italic-webfont.ttf') format('truetype'),
       url('../svg/romain_bp_text_regular_italic-webfont.svg#romain_bp_text_regular_italic-webfont') format('svg');
  font-weight: 400;
  font-style: italic;
}
@font-face
{
  font-family: 'romain';
  src: url('../eot/romain_bp_text_bold-webfont.eot');
  src: url('../eot/romain_bp_text_bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../woff/romain_bp_text_bold-webfont.woff') format('woff'),
       url('../ttf/romain_bp_text_bold-webfont.ttf') format('truetype'),
       url('../svg/romain_bp_text_bold-webfont.svg#romain_bp_text_bold-webfont') format('svg');
  font-weight: 700;
  font-style: normal;
}

/********************************************************************************************/
/* Body
/********************************************************************************************/
body
{
  background-color: #051D2B;
  font-family: romain, Helvetica, Arial, sans-serif ;
  font-weight: 400;
  color: #20333f;
  font-size: 16px;
}
/********************************************************************************************/
/* Hyperlinking
/********************************************************************************************/
a
{
	-webkit-transition: background-color .1s ease-out, color .1s ease-out;
	-moz-transition: background-color .1s ease-out, color .1s ease-out;
	-ms-transition: background-color .1s ease-out, color .1s ease-out;
	-o-transition: background-color .1s ease-out, color .1s ease-out;
	transition: background-color .1s ease-out, color .1s ease-out;
}
a,
a:hover,
a:active,
a:focus
{
	text-decoration: none;
	color: #ef7864;
	outline: none;
}
a:hover
{
	color: #e63b1c;
}
/* Kill Browser tweaks */
*:focus
{outline: none;}
*::selection
{
	background:#e63b1c;
	color:#FFF;
}
*::-moz-selection
{
	background:#e63b1c;
	color:#FFF;
}
*::-webkit-selection
{
	background:#e63b1c;
	color:#FFF;
}

/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* Main structure (position, content, context...)
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/
#content
{
	padding: 0;
	overflow: hidden;
	-webkit-transition: all .15s ease-out;
	-moz-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	transition: all .15s ease-out;
	background:#fcfcfc;
}

.container-fluid
{
	clear: both;
	position: relative;
	height:100%;
	margin: 0 30px;
	padding: 0;
}
@media (min-width: 992px) {
	.container-fluid {
		margin: 0 90px;
	}
}
@media (min-width: 1400px) {
	.container-fluid {
		margin: 0 150px;
	}
}
@media (min-width: 1600px) {
	.container-fluid {
		margin: 0 210px;
	}
}
@media (min-width: 1900px) {
	.container-fluid {
		margin: 0 270px;
	}
}
#content section:nth-child(3)
{
	padding-top: 90px; /* start after the nav-top */
}

@media (max-width: 767px){
	#content section:nth-child(3)
	{
		padding-top: 138px;
	}
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
	padding-left: 15px;
	padding-right: 15px;
}
.row
{
	margin-left: -15px;
	margin-right: -15px;
}
.left
{
	float: left;
}
.right
{
	float: right;
}
section
{
	padding: 30px 0;
	position: relative;
}

@media (max-width: 767px){
	section
	{
		padding: 15px 0;
	}
}
/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* Social tools
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/
.list-social
{

}
.list-social li
{
	display: inline-block;
	margin-right: 10px;
}
.list-social li a
{
	display: block;
	width: 48px;
	height: 48px;
	line-height: 44px;
	text-align: center;
	color: #FFF;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	border: 2px solid #FFF;
	font-size: 20px;
  -webkit-transition: color 0.3s;
	transition: color 0.3s;
  z-index: 1;
  position: relative;
}
.list-social li a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	z-index: -1;
	box-shadow: inset 0 0 0 35px transparent;
	-webkit-transform: scale3d(0.9, 0.9, 1);
	transform: scale3d(0.9, 0.9, 1);
	-webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
	transition: box-shadow 0.3s, transform 0.3s;
}
.list-social li a:hover
{
	color: #001a2b;
	/*background-color: #FFF;*/
}
.list-social li a:hover::before {
	box-shadow: inset 0 0 0 2px #FFF;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
/* plain */
.list-social-plain li a
{
	border: 0;
  vertical-align: middle;
}
.list-social-plain li a i
{
	vertical-align: middle;
}
.list-social-plain li.wechat a
{ box-shadow: inset 0 0 0 35px #507cbe; }
.list-social-plain li.weibo a
{ box-shadow: inset 0 0 0 35px #76cdf0; }
.list-social-plain li.QQ a
{ box-shadow: inset 0 0 0 35px #0075b2; }
.list-social-plain li.instagram a
{ box-shadow: inset 0 0 0 35px #d0cbb8; }
.list-social-plain li.vimeo a
{ box-shadow: inset 0 0 0 35px #97d4e3; }
.list-social-plain li.youtube a
{ box-shadow: inset 0 0 0 35px #e62117; font-size: 22px;}
.list-social-plain li.googleplus a
{ box-shadow: inset 0 0 0 35px #dd4c42; font-size: 16px;}
.list-social-plain li.pinterest a
{ box-shadow: inset 0 0 0 35px #cb2027; }


.list-social-plain li a:hover
{
	/*background-color: #e73921;*/
	box-shadow: inset 0 0 0 35px #051D2B;
	color: #fff;
}

.list-social li.wechat a i
{
	/*font-size: 24px;*/
}
/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* Button list
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/
.list-button
{
	overflow: hidden;
}
.list-button li
{
	margin-left: 10px;
	display: inline-block;
	margin-bottom: 10px;
	margin-right:10px;
}
.section-text .list-button li
{
	margin-left: 0;
	margin-right: 10px;
}
.section-text .list-button .btn
{
	border: 2px solid #03162a;
	color: #001a2b;
}

.section-text .list-button .btn:hover
{
	color: #FFF;
	background-color: #001a2b;
}
/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* Footer
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/
footer
{
	background: #051D2B;
	/*top: 0;*/
	/*left: 0;*/
	width: 100%;
	z-index: 99;
	overflow: hidden;
	color: #FFF;
	font-family: absara;
	font-weight: 200;
	font-size: 20px;
	padding-top: 32px;
}
footer .logo
{
	margin-bottom: 40px;
}
footer .logo img
{
	max-width: 100%;
}

footer .list-page li
{
	display: inline-block;
	margin: 0 8px;
	margin-bottom: 12px;
}
footer .list-page li a
{ font-size:16px;
	color: #FFF;
}
footer .list-page li a:hover
{
	color: #ef7864;
}
footer .list-social li
{
	margin: 0 5px;
  margin-bottom: 10px;
}

/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* Content Headings
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/
/*#content h1
{
	position: relative;
	font-size: 70px;
	color: #FFF;
	font-family: absara;
	font-weight: 700;
	text-transform: uppercase;
}

#content h2
{
	font-size: 65px;
	line-height: 65px;
	font-family: absara;
	font-weight: 700;
	margin-bottom: 20px;
	letter-spacing: -1px;
}
#content h3
{
	font-size: 27px;
	line-height: 27px;
	font-family: absara;
	font-weight: 200;
	margin: 30px 0;
	color: #ef7864;
	text-transform: uppercase;
}

#content h3 strong,
#content h3 em
{
	font-weight: normal;
	font-style: normal;
}
#content h4
{
	font-weight: 400;
	color: #001a2b;
	font-size: 34px;
	margin: 30px 0;
}*/

/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* Text
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/
p
{
	
	line-height: 1.4;
}
strong
{
	font-weight: 700;
}
em
{
	font-style: italic;
}
hr
{
	border: 0;
	border-bottom: 1px solid #20333f;
	margin: 30px 0;
}

.surtitle
{
	font-size: 24px;
	font-family:absara;
  margin:0 0 30px 0;
}
.surtitle .flag
{
  margin-left:30px;
  font-family: 'romain';
  color:#e63b1c;
}
.lisaa
{
	font-variant: small-caps !important;
	text-transform: none !important;
}
/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* Heading
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/
#content h1
{
	position: relative;
	font-size: 60px;
	line-height: 65px;
	color: #FFF;
	text-transform: uppercase;
}
#content h2, #content .title-bordered h1
{
	color: #001a2b;
    font-size: 60px; 
	line-height: 65px;
	font-family: absara;
	font-weight: normal; font-family:"宋体";
	margin-bottom: 20px;
	letter-spacing: -1px;
	text-transform: none;
}
#content h3
{
	font-size: 20px;
	line-height: 27px;
	font-family: absara;
	font-weight: 200;
	margin: 30px 0 10px;
	color: #ef7864;
	text-transform: uppercase;
}
#content h4
{
	font-weight: 400;
	color: #001a2b;
	font-size:24px;
	margin: 30px 0px 30px 0px; padding-bottom:6px;
}
/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* Sir Trevor
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/
.text iframe,
.text img
{
	width: 100%;
	margin: 30px 0;
	display: block;
}
.block-image
{
	margin:0 0 30px 0;
	float:right;
	clear:right;
}
.block-image img
{
	width:100%;
	margin:0;
}

.block-quote
{
	margin:60px auto 40px auto;
	padding:0 0 0 70px;
	max-width: 1150px;
	clear: both;
}
.block-quote blockquote p
{
	font-size:34px;
	color:#ef7864;
	position:relative;
	line-height:1.2em;
	margin:0 0 10px 0;
}
.block-quote blockquote p:before,
.block-quote blockquote p:after
{
	font-size:40px;
	font-family:romain;
}
.block-quote blockquote p:before
{
	content:"“";
	width:70px;
	height:20px;
	position:absolute;
	top:-20px;
	left:-35px;
	background:url('../image/catchphrase_drop.png') 0 50% no-repeat;
	text-align:right;
	font-family:times !important;
}
.block-quote blockquote p:after
{
	content:"”";
}
.block-quote cite
{
	line-height:1.2em;
	font-size:16px;
	font-family:absara;
}
.block-quote cite p:before
{
	content:'— ';
}
.descr p
{
	font-size: 22px;
	line-height: 37px;
}
.descr p em,
.descr p strong
{
/*	text-decoration: underline;*/
	font-style: normal;
	border-bottom: 2px solid #051D2B;
}
.block-list,
.text p
{
	font-size: 16px;
	line-height: 1.8;
  max-width: 900px;
}
.block-list ul
{
	margin: 30px 0 30px 30px;
}
.block-list ul li
{
	position:relative;
	margin-bottom:20px;
}
.block-list ul li:before
{
	position: absolute;
	left: -30px;
	content: '— ';
}
/* title bordered */
.title-bordered
{
	border-left: 1px solid #000;
	padding-left: 30px;
  margin: 40px 0;
  padding: 20px 0 20px 30px;
}
.title-bordered h2, .title-bordered h1
{
	margin-bottom: 0px !important;
}
.title-bordered .descr p
{
	margin-bottom: 0px !important;
}
/* rebound-link */
.rebound-link
{
  font-size: 20px;
  line-height: 1;
}
.rebound-link i
{
  font-size: 14px;
  vertical-align: middle;
  padding-right: 8px;
}
.rebound-link a span
{
  border-bottom: 1px solid #ef7864;
}
/* mobile */
@media (max-width: 960px){
  #content h1
  {
  	font-size: 60px;
  	line-height: 60px;
  }
  #content h2, #content .title-bordered h1
  {
  	font-size: 60px;
  	line-height: 60px;
  }
	.descr p
  {
  	font-size: 25px;
  	line-height: 37px;
  }
  .block-list,
  .text p
  {
  	font-size: 18px;
  	line-height: 26px;
  }
  .title-bordered
  {
  	padding-left: 20px;
  }
}

@media (max-width: 680px){
	#content h1
    {
  	  font-size: 48px;
  	  line-height: 1.4;
    }
    .descr p {
	    font-size: 20px;
	    line-height: 30px;
	}
}

@media (max-width: 480px){
	#content h1
    {
  	  font-size: 35px;
  	  line-height: 1.4;
    }
    #content h2, #content .title-bordered h1
	  {
	  	font-size: 45px;
	  	line-height: 45px;
	  }
    .descr p {
	    font-size: 18px;
	    line-height: 32px;
	}
}

@media (max-width: 480px){
    #content h2, #content .title-bordered h1
	  {
	  	font-size: 37px;
	  	line-height: 37px;
	  }
    .descr p {
	    font-size: 16px;
	    line-height: 26px;
	}
}



@media (max-width: 320px){
	.rebound-link {
		line-height: 40px;
	}

	#content h2 {
		font-size: 33px;
		line-height: 33px;
	}

	#content .image-cover {
		margin: -40px 0 10px 0;
	}
}


/* Bookmark */
.bookmark
{
  display: none;
}
/*section .bookmark
{
	display:none;
	white-space: nowrap;
	position: absolute;
	height: 40px;
	line-height:40px;
	padding: 0 20px;
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	transform-origin: top left;
	-ms-transform-origin: top left;
	-webkit-transform-origin: top left;
	border-right: 1px solid #20333f;
	left: -40px;
	top: 300px;
	width: 300px;
	text-align: right;
}
section .bookmark:not(:hover)
{
	color:#20333f;
}
section .bookmark.sticky
{
}

section .bookmark.nolink
{
	cursor: default;
}
section .bookmark.nolink:hover
{
	color: #20333f;
}


@media (min-width: 769px) {
	section .bookmark {
		margin-left: -25px;
		display: block;
    }
}
@media (min-width: 992px) {
	section .bookmark {
    }
}
@media (min-width: 1400px) {
	section .bookmark {
		margin-left: -55px;
    }
}
@media (min-width: 1600px) {
	section .bookmark {
		margin-left: -85px;
    }
}
@media (min-width: 1900px) {
	section .bookmark {
		margin-left: -115px;
    }
}*/
/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* Buttons
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/
.btn {
  position: relative;
	width: 140px;
	height: 45px;
	line-height: 42px;
	border: 2px solid #03162a;
	color: #001a2b;
	font-family: absara;
	font-weight: 200;
	font-size: 16px;
	text-align: center;
	display: inline-block;
	background-color: transparent;
	vertical-align: middle;
	/*-webkit-transition: background-color .15s ease-in-out, color .15s ease-in-out;
	-moz-transition: background-color .15s ease-in-out, color .15s ease-in-out;
	-ms-transition: background-color .15s ease-in-out, color .15s ease-in-out;
	-o-transition: background-color .15s ease-in-out, color .15s ease-in-out;
	transition: background-color .15s ease-in-out, color .15s ease-in-out;*/
  -webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	z-index: 1;

}
.btn span
{
  max-height: 30px;
	width: 140px;
	line-height: 15px;
	vertical-align:middle;
	display:inline-block;
}
.btn:hover
{
	color: #FFF;
	/*background-color: #001a2b;*/
}
.btn::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #001a2b;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.btn:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.btn-blue,
.btn-blue:active,
.btn-blue:focus
{
	color: #FFF;
	border-color: #FFF;
	background-color: #001a2b;
}
.btn-blue:hover
{
	color: #001a2b;
	background-color: #FFF;
}
.btn-blue::before {
	background: #37474f;
}
.btn-trans-blue,
.btn-trans-red,
.btn-trans-blue:active,
.btn-trans-red:focus
.btn-trans-blue:active,
.btn-trans-red:focus
{
	color: #FFF;
	border-color: #FFF;
}
.btn-trans-blue:hover
{
	color: #001a2b;
	/*background-color: #FFF;*/
}
.btn-trans-blue::before {
	background: #FFF;
}
.btn-trans-red:hover
{
	color: #ef7864;
	/*background-color: #FFF;*/
}
.btn-trans-red::before {
	background: #FFF;
}
.btn-red,
.btn-red:active,
.btn-red:focus
{
	color: #ef7864;
	border-color: #ef7864;
	background-color: transparent;
}
.btn-red:hover
{
	color: #FFF;
}
.btn-red::before {
	background: #ef7864;
}

/*btn interview nav*/
nav .btn-interview,
nav .btn-interview:active,
nav .btn-interview:focus
{
	color: #FFF;
	background-color: #ef7864;
	border: 2px solid #ef7864;
}

nav .btn-interview:before
{
	background: transparent;
}

nav .btn-interview:hover
{
	color: #ef7864;
	border-color: #ef7864;
	background-color: transparent;
}

.btn-big,
.btn-big:active,
.btn-big:focus
{
  font-family: romain;
  font-weight: 400;
  font-size: 22px;
	width: auto;
	height:56px;
	line-height:56px;
  padding: 0 20px;
}
/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* Cover image
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/
.image-cover {
	position: relative;
	overflow: hidden;
}
.image-cover div {
/*	height: 100%;*/
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	overflow: hidden;
	background: none !important;
}
.image-cover img {
/*	display: none !important;*/
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	min-width: 50%;
	min-height: 50%;
}
/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* Overlay
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/
.overlayed
{
	overflow: hidden;
}
#overlay
{
	position:fixed;
	z-index:9990;
	opacity:0;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background: #000;
	pointer-events:none;
	-webkit-transition: opacity .15s ease-out;
	-moz-transition: opacity .15s ease-out;
	-o-transition: opacity .15s ease-out;
	transition: opacity .15s ease-out;
}
.overlayed #overlay
{
	opacity:1;
	background-color:rgba(0,0,0,0.9);
	pointer-events:auto;
	overflow: auto;
}
/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* Paneled
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/
.paneled {
	overflow: hidden;
}
#panel
{
	position:fixed;
	z-index:9990;
	height:100%;
	width:0%;
	top:0;
	right:0;
	background: #ececec;
	-webkit-transition: all .15s ease-out;
	-moz-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	transition: all .15s ease-out;
	overflow:auto;
}
.paneled #panel
{
	padding:60px;
	overflow-y: auto;
}
#panel h1
{
	font-weight: 400;
	font-size: 40px;
	line-height: 45px;
	font-family: absara;
	margin-bottom: 30px;
	text-decoration: underline;
}

.paneled.paneled-sm #panel
{
	width:600px;
}
.paneled.paneled-lg #panel
{
	width:1200px;
}
@media all and (max-width: 600px) {
	.paneled.paneled-sm #panel
	{
		width:100%;
		padding:20px;
	}
}
@media all and (max-width: 1200px) {
	.paneled.paneled-lg #panel
	{
		width:100%;
		padding:20px;
	}
}

.paneled #content
{
	opacity:0.5;
	position: relative;
    animation-duration: 0.20s;
}
.paneled #content *
{
	pointer-events:none;
}
@keyframes panel-sm {
    0%   {left:0px; top:0px;}
    100%  {left:-600px; top:0px;}
}
.paneled.paneled-sm #content
{
	left:-600px;
	animation-name: panel-sm;
}
@keyframes panel-lg {
    0%   {left:0px; top:0px;}
    100%  {left:-1200px; top:0px;}
}
.paneled.paneled-lg #content
{
	left:-1200px;
	animation-name: panel-lg;
}

/* For all panels */
aside#panel
{
}
aside#panel .close
{
	position:absolute;
	top:40px;
	right:40px;
	color:#333;
	z-index:100;
	opacity:0.6;
}
aside#panel .close:hover
{
	opacity:1;
}

/********************************************************************************************/
/*////////////////////////////////////////////////////////////////////////////////////////////
/* Tag news
/////////////////////////////////////////////////////////////////////////////////////////////
/********************************************************************************************/
/*.informations span
{
	margin-right: 5px;
}
.informations .tag a
{
	background-color: #ef7864;
    color: #fff;
    padding: 7px 15px 5px 15px;
    border-radius: 15px;
    font-family: absara;
    font-weight: 200;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 36px;
}
.informations .tag a:hover
{
	background-color: #ef7864;
}
.informations .tag.expertise a
{
	background-color: #001a2b;
}
.informations .tag.school a
{
	background-color: #001a2b;
}
.informations .tag.expertise a:hover
{
	background-color: #23527c;
}
.informations .tag.school a:hover
{
	background-color: #23527c;
<<<<<<< HEAD
}*/

.retour
{

  text-align: center;
  width: 60px;
  top: 0px;
  left: -85px;
  position: absolute;
  cursor: pointer;
  display: none; font-size:14px;
}
.retour a:not(:hover)
{
    color: #001A2B;
}
@media (min-width: 900px) and (max-width: 992px)
{
	.retour
	{
	  display: block;
	}
}
@media (min-width: 1100px) and (max-width: 1199px)
{
	.retour
	{
	  display: block;
	}
}
@media (min-width: 1300px)
{
	.retour
	{
		display: block;
	}
}

.background-image, .image-cover, .block-video {
  background-image: url('../image/temp_image.jpg');
  background-position: center center;
  background-size: cover;
}