/*-------------------------------------------*\
    typography.css
\*-------------------------------------------*/

@font-face
{
  font-family: 'ars_maquette_problack';
    src: url('../fonts/arsmaquettepro-black-webfont.woff2') format('woff2'),
         url('../fonts/arsmaquettepro-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
  font-family: 'ars_maquette_problack_italic';
    src: url('../fonts/arsmaquettepro-blackitalic-webfont.woff2') format('woff2'),
         url('../fonts/arsmaquettepro-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
  font-family: 'ars_maquette_probold';
    src: url('../fonts/arsmaquettepro-bold-webfont.woff2') format('woff2'),
         url('../fonts/arsmaquettepro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
  font-family: 'ars_maquette_probold_italic';
    src: url('../fonts/arsmaquettepro-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/arsmaquettepro-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
  font-family: 'ars_maquette_prolight';
    src: url('../fonts/arsmaquettepro-light-webfont.woff2') format('woff2'),
         url('../fonts/arsmaquettepro-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
  font-family: 'ars_maquette_prolight_italic';
    src: url('../fonts/arsmaquettepro-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/arsmaquettepro-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
  font-family: 'ars_maquette_promedium';
    src: url('../fonts/arsmaquettepro-medium-webfont.woff2') format('woff2'),
         url('../fonts/arsmaquettepro-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
  font-family: 'ars_maquette_promedium_italic';
    src: url('../fonts/arsmaquettepro-mediumitalic-webfont.woff2') format('woff2'),
         url('../fonts/arsmaquettepro-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
  font-family: 'ars_maquette_proregular';
    src: url('../fonts/arsmaquettepro-regular-webfont.woff2') format('woff2'),
         url('../fonts/arsmaquettepro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*-------------------------------------------*\
    Typography
\*-------------------------------------------*/


body
{
  color: #828282;
  font-family: 'ars_maquette_prolight';
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 1.4em;
}

h1, h2, h3, h4, h5, h6
{
  color: #828282;
  padding-bottom: 10px;
  line-height: 1em;
}

a
{
		color: #828282;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
}

a:hover
{
color: #fff;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
}


#main-footer a {
	color: #828282;
}


h1 {
	font-family: 'ars_maquette_prolight';
}

h2 {
	  font-family: 'ars_maquette_proregular';
	  color: #fff;
	  font-size: 14px !important;
	  	letter-spacing: 0.1em;
	  	margin-top:5px;
}

#main-header a
{
  color: #828282;
}

#main-header .current-menu-item a
{
  color: #fff;
}


/* Page titles
------------------------------------------------------- */

#page-title {

		  color: #fff;
	  font-size: 14px;
	  	text-transform: uppercase;
}

.title-margin {
		padding-bottom: 10px;
	
}

#project-title {

	font-family: 'ars_maquette_prolight';
	margin-top: 60px;
	margin-bottom: 20px;
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
}

.et_pb_title_container h1 {
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
}

#video-subtitle {
	font-family: 'ars_maquette_proregular';
	font-size: 14px;
	margin-bottom: 6px;
}

#project-subtitle {
	font-family: 'ars_maquette_proregular';
	font-size: 14px;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 0;

}

#client-subtitle {
		font-family: 'ars_maquette_proregular';
	font-size: 14px;
	color: #fff;
	margin-top: 60px;
	margin-bottom: 0;
}

.contact-details {
	font-size: 12px;
	line-height: 1.8em;
}


#info-text {
	font-size: 12px;
}