/* 
    Colors

    font-family: 'Nunito', sans-serif;
   
*/

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #313539;
}

.clear {
    clear: both;
}

.tablet {
    display: none;
}

.mobile {
    display: none;
}

.no_desktop {
    display: none;
}

.vertical_align {
    display: table;
    width: 100%;
    height: 100%;
}

.vertical_align_inner {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.wrapper_parent {
    float: left;
    position: relative;
    left: 50%;
}

.wrapper_child {
    float: left;
    position: relative;
    left: -50%;
}

#content {
	position: relative;
}

#background_image {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

/* ------------------ */
/*		  STYLE       */
/* ------------------ */
.area_center {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

#global_container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#global_container_inner {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}

#global_mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(49, 53, 57, 0.6);
	z-index: 4;
	display: none;
}

#menu_tablet {
	position: fixed;
	top: 0;
	left: -319px;
	width: 319px;
	background-color: #313539;
	height: 100%;
	z-index: 5;
}

.hidden {
	display: none;
}

/* ------------------ */
/*		  LAYOUT      */
/* ------------------ */

/* Nav */
#nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 65px;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 4;
}

#nav #logo {
	position: absolute;
	width: 140px;
	height: 22px;
	top: 50%;
	margin-top: -11px;
	left: 53px;
}

/* #nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 130px;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 3;
} 

#nav #logo {
	position: absolute;
	top: 50%;
	margin-top: -22px;
	left: 53px;
}*/

#nav_right {
	float: right;
}

#nav_content {
	float: right;
	margin-right: 78px;
}

/*.nav_elt {
	display: block;
	text-decoration: none;
	float: left;
	margin-left: 60px;
	line-height: 130px;
	font-size: 18px;
	color: #616161;
	font-family: 'Nunito', sans-serif;
}*/

.nav_elt {
	display: block;
	text-decoration: none;
	float: left;
	margin-left: 60px;
	line-height: 65px;
	font-size: 16px;
	color: #616161;
	font-family: 'Nunito', sans-serif;
}


.nav_elt:hover {
	color: #000000;
}

.nav_elt.active {
	color: #000000;
}

/*#search_btn {
	float: right;
	width: 130px;
	height: 130px;
	cursor: pointer;
}*/

#search_btn {
	float: right;
	width: 65px;
	height: 65px;
	cursor: pointer;
	background-size: 16px 16px!important;
}

/* Footer */

#footer {
	/* margin-bottom: 55px; */
	padding-bottom: 55px;
	margin-top: 30px;
	font-family: 'Nunito', sans-serif;
}

#footer_block {
	position: relative;
	height: 338px;
}

#footer_block_left {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
}

#footer_block_right {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
}

.footer_block_center {
	width: 305px;
	margin: 0 auto;
}

#footer .title {
	font-size: 20px;
}

#footer .value {
	font-size: 24px;
	color: #FFFFFF;
	padding-top: 40px;
	padding-bottom: 50px;
	height: 80px;
}

#footer .form {
	height: 80px;
	padding-top: 40px;
	padding-bottom: 50px;
}

#footer .input {
	float: left;
	font-size: 24px;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	width: 215px;
	line-height: 50px;
	-webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
}

#footer .form_btn {
	float: left;;
	width: 48px;
	height: 48px;
	text-align: center;
	cursor: pointer;
	line-height: 48px;
	text-transform: uppercase;
	margin-left: 25px;
}

#newsletter_error {
	font-size: 12px;
	color: red;
	padding-top: 15px;
	display: none;
}

#footer #vertical_separator {
	position: absolute;
	top: 60px;
	left: 50%;
	width: 1px;
	height: 206px;
}

/* Search */
/*#search {
	position: absolute;
	top: 130px;
	left: 0;
	width: 100%;
	height: 800px;
	z-index: 3;
	display: none;
}*/

#search {
	position: absolute;
	top: 65px;
	left: 0;
	width: 100%;
	height: 800px;
	z-index: 3;
	display: none;
}

#search_input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 130px;
	background-color: #FFFFFF;
	z-index: 3;
}

#search_input .form {
	display: block;
	width: 100%;
	height: 100%;
}

#search_input .form form {
	display: block;
	width: 100%;
	height: 100%;
}

#search_input .form form input {
	display: block;
	height: 100%;
	width: 95%;
	padding-left: 5%;
	line-height: 100%;
	color: #000000;
	font-size: 37px;
	font-family: 'Nunito', sans-serif;
	-webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
}

#search_input .form input::-webkit-input-placeholder {
	color: #c3c3c3;
}

.result_search {
	position: relative;
	padding: 50px 0;
	width: 100%;
	min-height: 400px;
	background-color: #FFFFFF;
	color: #000000;
}

.result_search .area {
	padding: 0 100px;
	margin-bottom: 50px;
	font-family: 'Nunito', sans-serif;
}

.result_search .area h2 {
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 20px;
}

.result_search .area .result_elt {
	display: block;
	font-size: 20px;
	margin-bottom: 12px;
	text-decoration: none;
	color: #000000;
}

.result_search .area .result_elt:hover {
	color: #2c2c2c;
}

.result_fail {
	font-size: 20px;
	margin-bottom: 12px;
	color: red;
}

#mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 2;
}

/* Page */
.page {
	position: relative;
}

.cover {
	position: fixed;
	top: 0;
	width: 100%;
	height: 635px;
	overflow: hidden;
	background-color: #313539;
}

.cover_slide {
	position: absolute;
	top: 0;
	left: 0;
}

.cover_image {
	position: absolute;
	top: 0;
	left: 0;
}

#cover_list {
	position: absolute;
	width: 100%;
	height: 635px;
	top: 0;
	left: 0;
	overflow: hidden;
}

#cover_list .line {
	position: relative;
	z-index: 2;
	margin-bottom: 5px;
}

#cover_list .line .elt {
	float: left;
	line-height: 50px;
	margin-left: 50px;
	font-family: 'Nunito', sans-serif;
	font-weight: bold;
	font-size: 30px;
	color: #d8d8d8;
	cursor: pointer;
	text-decoration: none;
}

#cover_list .line .elt:first-child {
	margin-left: 0;
}

#cover_list .line .elt.active, #cover_list .line .elt:hover {
	color: #FFFFFF;
}

#cover_list .line .main_elt {
	font-size: 45px;
}

#line_category {
	margin-bottom: 15px;
}

#line_category .line {
	margin-bottom: 15px;
	/*height: 34px;*/
}

#cover_list .line .elt_category {
	display: inline-block;
	float: left;
	line-height: 30px;
	margin-left: 30px;
	padding: 0 20px;
	font-family: 'Nunito', sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
	border: 2px solid transparent;
}

#cover_list .line .elt_category.active, #cover_list .line .elt_category:hover {
	border: 2px solid #FFFFFF;
	border-radius: 15px;
}


#page_content {
	position: relative;
	min-height: 500px;
	z-index: 1;
	padding-top: 220px;
}

.content_type2 {
	margin-top: 600px;
}

.background_fake {
	position: absolute;
	top: 635px;
	left: 0;
	width: 100%;
	height: 92%;
	background-color: #313539;
}

.background_fake_bottom {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 40%;
	background-color: #313539;
}

#content_top {
	position: relative;
	z-index: 1;
	/*margin-top: -420px;*/
}

#content_column1, #content_column2 {
	float: left;
	width: 500px;
	min-height: 20px;
}

.content_type2 #content_column2 {
	margin-top: -400px;
}

/* Content block */
.content_block {
	position: relative;
	width: 100%;
	font-family: 'Nunito', sans-serif;
}

.content_block .hidden {
	/*display: none;*/
}

.block_masony {
	float: left;
	position: relative;
	width: 50%;
}

.block_100 {
	height: 100px;
}

.block_300 {
	height: 300px;
}

.block_405 {
	height: 405px;
}

.block_420 {
	height: 420px;
}

.block_480 {
	height: 480px;
}

.block_490 {
	height: 490px;
}

.block_500 {
	height: 500px;
}

.block_570 {
	height: 570px;
}

.block_1000 {
	height: 1000px;
}

.block_auto {
	height: auto;
}

.block_flexible {
	padding-top: 90px;
	padding-bottom: 120px;
}

.content_block_center {
	width: 300px;
	margin: 0 auto;
}

.content_extra {
	width: 103%;
	margin-left: -3%
}

.block_masony.content_extra {
	width: 53%;
	margin-left: -3%
}

#content_column1 .content_extra {
	margin-left: -3%;
}

.content_white {
	background-color: #FFFFFF;
	color: #313539;
}

.content_grey {
	background-color: #ebebeb;
	color: #313539;
}

.content_greylight {
	background-color: #e7e7e7;
	color: #313539;	
}

.content_darker {
	background-color: #222222;
	color: #ededed;
}

.content_dark {
	background-color: #282b2e;
	color: #ededed;
}

.content_darklight {
	background-color: #313539;
	color: #b4b9bd;
}

.content_block .pagination {
	font-size: 16px;
}

.content_block .pagination_first {
	font-weight: bold;
}

.content_block .date {
	font-size: 20px;
	color: #606972;
	margin-top: 20px;
}

.content_block h1 {
	font-size: 28px;
	margin-top: 18px;
	margin-bottom: 16px;
	line-height: 27px;
}

.content_block h2 {
	font-size: 28px;
	margin-top: 16px;
	margin-bottom: 16px;
	line-height: 27px;
}

.content_block h3 {
	font-size: 20px;
	padding: 0;
	margin: 0;
	margin-top: 20px;
	font-weight: 100;
}


.content_block .text {
	line-height: 25px;
	font-size: 16px;
}

.content_block .text a {
	color: #FFFFFF;
}

.content_block .btn {
	width: 120px;
	margin-top: 25px;
	line-height: 32px;
	border: 2px solid #606972;
	border-radius: 16px;
	text-align: center;
	color: #606972;
	cursor: pointer;
}

.content_dark .btn:hover, .content_darker .btn:hover {
	border: 2px solid #FFFFFF;
	background-color: #FFFFFF;
}

.content_white .btn:hover {
	border: 2px solid #606972;
	background-color: #606972;
	color: #FFFFFF;
}

.content_block .btn_link {
	display: block;
	text-decoration: none;
	cursor: pointer;
}

.content_block .quote {
	/*font-size: 25px;
	font-style: italic;
	line-height: 30px;*/
	font-size: 16px;
	font-style: italic;
	line-height: 25px;
}

.content_block .quote_people {
	font-size: 24px;
	color: #b4b9bd;
	margin-top: 22px;
	line-height: 30px;
	font-style: italic;
}

.content_block .signature {
	font-size: 18px;
	margin-top: 22px;
	color: #ffffff;
}

.content_block .signature .name {
	font-weight: bold;
}

/* Body detail */
#body_detail {
	margin-top: 20px;
	background-color: #FFFFFF;
	padding: 30px 0 70px 0;
	font-family: 'Nunito', sans-serif;
	color: #6e6e6e;
}

#body_detail_content {
	width: 80%;
	margin: 0 auto;
}

#body_detail_content b, #body_detail_content strong {
	font-weight: bold;
}

#body_detail_content i, #body_detail_content em {
	font-style: italic;
}

#body_detail_content h1 {
	font-size: 25px;
	font-weight: bold;
	padding: 40px 0 20px 0;
	color: #000000;
}

#body_detail_content p {
	padding: 15px 0;
	line-height: 25px;
}

#body_detail_content li {
	padding: 8px 0;
	margin-left: 30px;
	line-height: 25px;
}

#body_detail_content img {
	margin: 30px 50px;
}

/* content quote */

.content_quote {
	position: absolute;
	z-index: 2;
}

.content_quote_70 {
	top: 70px;
}

.content_quote_105 {
	top: 105px;
}

.content_quote_170 {
	top: 170px;
}

.content_quote_180 {
	top: 170px;
}

.content_quote_250 {
	top: 250px;
}

.content_quote_305 {
	top: 305px;
}

.content_quote_375 {
	top: 375px;
}

.content_quote_top {
	position: absolute;
	z-index: 2;
	top: -46px;
}

.content_quote_right {
	left: -46px;
}

.content_quote_left {
	right: -46px;
}



#content_column2 .content_quote {
	left: -46px;
}

#content_column1 .content_quote {
	right: -46px;
}

#content_column1 .content_quote_top_100 {
	right: 100px;
}

#content_column2 .content_quote_top_100 {
	left: 100px;
}



/* content images */
.content_image img {
	width: 100%;
	height: auto;
	overflow: hidden;
}

/* content nav */
#content_nav {
	position: absolute;
	top: -100px;
	right: 0;
	width: 200px;
	height: 100px;
}

.content_nav_elt {
	float: left;
	width: 100px;
	height: 100px;
	cursor: pointer;
}

.content_nav_left {
	background: url(../images/theme/content_nav_left.jpg) center center no-repeat #282b2e;
}

.content_nav_right {
	background: url(../images/theme/content_nav_right.jpg) center center no-repeat #282b2e;
}

.content_nav_left:hover {
	background: url(../images/theme/content_nav_left_hover.jpg) center center no-repeat #FFFFFF;
}

.content_nav_right:hover {
	background: url(../images/theme/content_nav_right_hover.jpg) center center no-repeat #FFFFFF;
}

/* content bottom */
#content_bottom {
	position: relative;
	width: 106%;
	height: 395px;
	background-color: #FFFFFF;
	margin-left: -3%;
	margin-top: 20px;
}

.content_bottom_center {
	width: 305px;
	margin: 0 auto;
}

#bottom_left_text {
	font-size: 48px;
	color: #dedede;
	line-height: 36px;
	font-family: 'Nunito', sans-serif;
	letter-spacing: -2px;
}

#content_bottom_left {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	text-align: center;
}

#content_bottom_right {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
}

.content_bottom_icon {
	display: block;
	float: left;
}

.content_bottom_value {
	float: left;
	margin-left: 15px;
	line-height: 31px;
	font-size: 23px;
	color: #313539;
	font-family: 'Nunito', sans-serif;
}

#content_bottom_email {
	margin-top: 14px;
}

/* Content other */
#content_other {
	padding-top: 60px;
	padding-bottom: 100px;
}


/* TOP */
#top {
	position: relative;
	width: 100%;
	height: 231px;
	background-color: #0e0e0e;
}

#quote_forms_img {
	position: absolute;
	top: 70px;
	left: -46px;
}

#top .side {
	float: left;
	width: 50%;
	height: 100%;
	font-family: 'Nunito', sans-serif;
}

#top #side1 {
	font-size: 28px;
	font-weight: bold;
	line-height: 27px;
}

#top #side2 {
	font-size: 16px;
	line-height: 27px;
}

#top .side .center {
	margin: 0 auto;
	width: 310px;
	color: #FFFFFF;
}

/* -------------- */
/* 	 Newsletter   */
/* -------------- */
.form input {
	background: none;
	border: none;
	font-family: 'Nunito', sans-serif;
	color: #FFFFFF;
	-webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
}

.form input:focus {
	outline: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;

}

.form input::-webkit-input-placeholder {
	color: #FFFFFF;
}

.form input:-moz-placeholder{
	color: #FFFFFF;
}

.form input::-moz-placeholder{
	color: #FFFFFF;
}

.form input:-ms-input-placeholder {
	color: #FFFFFF;
}

/* btn */
.btn {
	position: relative;
	height: 32px;
	overflow: hidden;
}

.btn_link {

}

.btn_inside {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
}

.btn_inside1, .btn_inside2 {
	position: relative;
}

@media screen and (max-width: 1320px) {
	.nav_elt {
		margin-left: 40px;
	}
}

@media screen and (max-width: 1190px) {
	#nav_content {
		float: right;
		margin-right: 30px;
	}

	.nav_elt {
		margin-left: 30px;
	}
}

/* Mobile */
@media screen and (max-width: 1024px) {
	#search_input .form form input {
		width: 90%;
		padding-left: 10%;
		font-size: 20px;
		line-height: 20px;
	}
}

/* Mobile */
@media screen and (max-width: 768px) {
	#search_input .form form input {
		width: 80%;
		padding-left: 20%;
	}

	#content_nav {
		left: 0;
	}

	.content_nav_left {
		background: url(../images/theme/content_nav_left_hover.jpg) center center no-repeat #FFFFFF;
	}

	.content_nav_right {
		background: url(../images/theme/content_nav_right_hover.jpg) center center no-repeat #FFFFFF;
	}

	.content_nav_left:hover {
		background: url(../images/theme/content_nav_left.jpg) center center no-repeat #282b2e;
	}

	.content_nav_right:hover {
		background: url(../images/theme/content_nav_right.jpg) center center no-repeat #282b2e;
	}

	#first_index_block {
		margin-top: 100px;
	}
}