/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*
	WEBSITE VARS


	TYPO

	font-family: 'peugeot', sans-serif; 
   	font-family: Arial, sans-serif;


   	COLOR

	main-color : #132032; // Bleu peugeot
	secoundary-color : #58bdf1; // Bleu clair peugeot
	third-color : #0d5fcb; // Bleu neutre

   	main-text : #3d3d3d;
   	secoundary-text : #999999;

   	main-cta : #00A3E0 


*/


/* ==========================================================================
	TYPO
========================================================================== */
@font-face {
    font-family: 'peugeot';
    src: url('fonts/PeugeotNew-Black.eot');
    src: url('fonts/PeugeotNew-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/PeugeotNew-Black.woff2') format('woff2'),
        url('fonts/PeugeotNew-Black.woff') format('woff'),
        url('fonts/PeugeotNew-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'peugeot';
    src: url('fonts/PeugeotNew-Light.eot');
    src: url('fonts/PeugeotNew-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/PeugeotNew-Light.woff2') format('woff2'),
        url('fonts/PeugeotNew-Light.woff') format('woff'),
        url('fonts/PeugeotNew-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'peugeot';
    src: url('fonts/PeugeotNew-Regular.eot');
    src: url('fonts/PeugeotNew-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/PeugeotNew-Regular.woff2') format('woff2'),
        url('fonts/PeugeotNew-Regular.woff') format('woff'),
        url('fonts/PeugeotNew-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'peugeot';
    src: url('fonts/PeugeotNew-Italic.eot');
    src: url('fonts/PeugeotNew-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/PeugeotNew-Italic.woff2') format('woff2'),
        url('fonts/PeugeotNew-Italic.woff') format('woff'),
        url('fonts/PeugeotNew-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'peugeot';
    src: url('fonts/PeugeotNew-Bold.eot');
    src: url('fonts/PeugeotNew-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/PeugeotNew-Bold.woff2') format('woff2'),
        url('fonts/PeugeotNew-Bold.woff') format('woff'),
        url('fonts/PeugeotNew-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/* ==========================================================================
	GENERAL
========================================================================== */

body {
	font-size: 1.2rem;
	line-height: 1.6;
	font-family: 'peugeot', sans-serif;
	/*padding-bottom: 115px;*/
}

main {
	margin-bottom: 40px;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'peugeot', sans-serif; 
    font-weight: 400;
}

h1, .h1 {
	font-size: 3rem;
}

.h2, h2 {
	font-size: 2.4rem;
}

.h3, h3 {
    font-size: 1.9rem;
}

a {
	color:#00A3E0;
}

a,
a:focus,
a:hover {
    outline: none;
}

.btn {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	background: #00A3E0;
	padding: 14px 30px 14px;
	text-transform: uppercase;
	font-size: 1.2rem;
	color: #fff;
	outline: none;
	border-bottom: none;
	-webkit-transition: all ease 0.4s;
	   -moz-transition: all ease 0.4s;
	    -ms-transition: all ease 0.4s;
	     -o-transition: all ease 0.4s;
	        transition: all ease 0.4s;
}

.btn:hover {
	background: #000;
	color: #fff;
}

.btn:focus {
	outline: none;
}

.btn--light {
	border:none;
	color: #132032;
	text-transform: none;
	background:  #ececee;
	font-size: 1.2rem;
}
.btn--dark {
	border: none;
	color: #fff;
	text-transform: none;
	background:  #00A3E0;
	font-size: 1.2rem;
	border-bottom: none;
}
.btn--dark:hover {
	background: #fff;
	color: #00A3E0;
}

.btn--grey {
	border:1px solid #afafb0;
	color: #132032;
	/*text-transform: none;*/
	background:  #ececee;
	font-size: 1.2rem;
}
.btn--grey:hover {

}

.btn--flat {
	border: none;
}

/* 
.btn-light:hover {
	color: #fff;
} */

.row-s {
	margin:  0 -10px;
}

.row-s div[class^="col-"] {
	padding: 0 10px;
}

.fancybox-content {
	padding: 0;
	background: none;
}

/* ==========================================================================
	HEADER
========================================================================== */
.header-site {
	background: #000;
	padding: 21px 0;
}

.header-site__site-title {
	color: #fff;
	text-transform: uppercase;
	font-size: 2.2rem;
	font-family: 'peugeot', Arial, sans-serif;
	display: inline-block;
	vertical-align: middle;
	font-weight: 900;
}
.header-site__site-title strong {
	font-weight: 100;
}

.navbar-brand {
	padding:  0;
	height: auto;
	margin-right: 160px;
}

.navbar-default {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	background:  none;
	border:  none;
	margin:  0;
}

.navbar-brand > img {
	width: 65px;
	display: inline-block;
	margin-right: 40px;
	vertical-align: middle;
}

.navbar-nav {
	margin-top: 8px;
}

.navbar-default .navbar-nav > li > a,
.sub-menu > li > a {
	color: #fff;
	font-size: 1.1rem;
	font-family: 'peugeot', Arial ,sans-serif;
	margin: 0 20px;
	padding-bottom: 7px;
	padding-left: 6px;
	padding-right: 6px;
}

.navbar-default .navbar-nav > li.current_page_item a {
	color: #00A3E0;
	border-bottom: 3px solid #00A3E0;
	font-weight: bold;
}
.navbar-default .navbar-nav > li a:hover,
.navbar-default .navbar-nav > li a:active,
.navbar-default .navbar-nav > li.current-menu-item a {
	color:#00A3E0;
	border-bottom: 3px solid #00A3E0;
}

.navbar-nav > li.wpml-ls-menu-item {
	float: right;
}

.lang-fr #menu-item-wpml-ls-2-lu,
.lang-nl #menu-item-wpml-ls-2-lu,
.lang-lu #menu-item-wpml-ls-2-fr,
.lang-lu #menu-item-wpml-ls-2-nl,
.lang-lu #menu-item-wpml-ls-2-lu {
	display: none;
}

.sub-menu {
	position: absolute;
	left: 0;
	padding: 0;
	display: none;
	list-style: none;
}

.navbar-default .navbar-nav > li .sub-menu a:hover,
.navbar-default .navbar-nav > li.wpml-ls-current-language a:hover {
	text-decoration: none;
	border: none;
}

.navbar-default .navbar-nav > li:hover > .sub-menu {
	display: block;
}

.wpml-ls-current-language > a::after {
	content: "\f107";
	font-family: FontAwesome;
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
}

.navbar-default .navbar-toggle {
	border:  none;
}

.navbar-default .navbar-toggle .icon-bar {
	background: #fff;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 6px;
}
.navbar-toggle .icon-bar {
    width: 42px;
    height: 4px;
}

.navbar-toggle {
	margin-top: 28px;
}

.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover {
	background: #00A3E0;
}

.navbar-default .wpml-ls-current-language {
	position: absolute;
	right: 0;
}
.navbar-default .navbar-nav .wpml-ls-current-language > a, .wpml-ls-current-language .sub-menu > li > a {
	margin: 0;
}



/* ==========================================================================
	HOMEPAGE
========================================================================== */

.home-content {
	padding: 45px 0;
}

.landing-slider {
	margin-bottom: 45px;
}

.landing-slider__header {
	margin-bottom: 30px;
}

.landing-slider__title {
	text-align: center;
	font-weight: 300;
	margin-top: 10px;
}

.slider-container img {
	width: 100%;
	height: auto;
}

.slick-slide {
	position:  relative;
}

.slider-container {
	position: relative;
	margin-bottom: 72px;
}

.slider__slider-content {
	position: absolute;
	padding: 15px;
	bottom: 54px;
	left: 54px;
	right: 130px;
	margin-top: -20px;
}

.slider__post-categ {
	text-transform: uppercase;
	font-size:  1rem; 
	font-weight: bold;
	opacity: .6
}
.slider__post-title {
	margin-top: 4px;
	margin-bottom: 20px;
	font-weight: 100;
	/*min-height: 53px;*/
}

.slider__slider-content--white {
	background: rgba(255, 255, 255, 0.8);
}
.slider__slider-content--black {
	background: rgba(19, 32, 50, 0.8);
	color: #fff;
}
.slider__slider-content--blue {
	background: rgba(0, 126, 219, 0.8);
	color: #fff;
}

.slick-dots {
	padding:  0;
	margin: 25px 0;
	text-align: center;
	position: absolute;
	bottom: -72px;
	width: 100%;
}

.slick-dots li {
	display: inline-block;
	margin: 0 4px;
}

.slick-dots button {
	border:  2px solid #d0d0d0;
	border-radius: 50%;
	width: 13px;
	height: 13px;
	display: block;
	background:  none;
	text-indent: -99999px;
	padding:  0;
	-webkit-transition: all ease 0.4s;
	-moz-transition: all ease 0.4s;
	-ms-transition: all ease 0.4s;
	transition: all ease 0.4s;
}

.slick-active button {
	background: #00A3E0;
	border-color: #00A3E0;
}

.slick-arrow {
	position: absolute;
	background: rgba(19, 32, 50, 0.7);
	padding:  10px 15px;
	top: 50%;
	border: none;
	color: #fff;
	z-index: 10;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: all ease 0.4s;
	   -moz-transition: all ease 0.4s;
	    -ms-transition: all ease 0.4s;
	     -o-transition: all ease 0.4s;
	        transition: all ease 0.4s;
}

.slick-arrow:hover {
	background: rgba(19, 32, 50, 1);
}

.slick-next {
	right: 0;
}

.slick-prev {
	left: 0;
}

.slider__empty {
	text-align: center;
	padding: 30px;
	background: #ececee
}
.slider__empty p {
	font-size: 2.5rem;
}


/* ==========================================================================
	TPL cheque
========================================================================== */

.cheque-page__main-title {
	margin-bottom: 50px; 
	margin-top: 70px; 
	font-size: 3.3rem;
}

.cheque-case {
	background: #EEEEEE;
	padding: 0;
	position: relative;
}

.cheque-case__illu {
	margin-bottom: 30px;
}

.cheque-case__illu img {
	max-width: 80%;
	margin: 0 auto;
	height: auto;
	display: block;
	max-height: 280px;
}

.cheque-case__title {
	text-transform: uppercase;
	color: #000223;
	text-align: center;
	font-weight: 700;
	font-size: 2.4rem;
	position: relative;
	margin-top: 0;
	margin-bottom: 30px;
	padding-bottom: 26px;
}

.cheque-case__title::after {
	content: "";
	display: block;
	width: 55px;
	height: 5px;
	background: #000223;
	position: absolute;
	bottom: -5px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	   -moz-transform: translate(-50%, 0);
	    -ms-transform: translate(-50%, 0);
	     -o-transform: translate(-50%, 0);
	        transform: translate(-50%, 0);
}

.ticket-style {
	width: 100%;
	height: auto;
}

.cheque-legals {
	font-size: 1.2rem;
	margin: 50px 0 40px;
}

.cheque-actions {
	text-align: center;
	padding: 0 15px;
}

/* ==========================================================================
	FORM CONTEST
========================================================================== */
#pgt-form {
	min-height: 400px;
}
.midgray,
.midwhite {
	position: relative;
	padding: 50px 0;
}
.midgray:before {
	background:#ececee;
	content:' ';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 50%;
}

.content_form {
	padding-left: 20px;
}
.content_form h2 {
	font-size: 2.8rem;
}
.contest_intro {
	padding: 5px 15px;
	border-left:5px solid #c5c5c5;
	margin-bottom: 30px;
}

/*#pgt-form .tab-content {
	background:url(img/loader.gif) no-repeat center center; 
}*/
.formloader {
	background: #132019;
	background:rgba(19, 32, 50, 0.8);
	height: 140px;
	border-radius: 25px;
	position: absolute;
	top: 50%;
	right: 50%;
	margin-right: -70px;
	margin-top: -70px;
	z-index: 9999;
	padding: 20px;
	opacity: 0;
	width: 140px;
	transform: scale(.5,.5);
	text-align: center;
	width: 160px;

	-webkit-transition: all 1s ease; 
	-moz-transition: all 1s ease; 
	-ms-transition: all 1s ease; 
	-o-transition: all 1s ease; 
	transition: all 1s ease;
}
.formloader img {
	margin: 0 auto;
}
.midgray.loader .formloader {
	opacity: 1;	
	transform: scale(.7,.7);
}
.formloader span {
	display: block;
	padding: 5px;
	background: #fff;
	position: relative;
	top: 30px;
	font-size: 22px;
	border-radius: 6px;
	border:1px solid #132019;
}

#pgt-form .tab-content > .tab-pane {
	background: #ececec;
}

.nav-form {
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: relative;
	display: inline-block;
	margin: 40px 0;
}
.nav-form:before {
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	content: ' ';
	height: 1px;
	border-top: 1px dashed #c5c5c5;
}
.nav-form li {
	display: inline-block;
	color:#c5c5c5;
	font-weight: bold;
	margin-right: 40px;
	padding: 0 5px;
	background: #ececee;
	position: relative;
}
.nav-form li:last-child {
	margin-right: 0;
}
.nav-form li.active {
	color:#00A3E0;
}
.nav-form li.actived {
	color:#434343;
}
.form-group {
	margin-bottom: 30px;
}
.myregistration .form-group {
	margin-bottom: 10px;
}
.form-group .req {
	font-weight: bold;
	color: #f00;
	padding-left: 4px;
}
.form-control {
	border-radius:0;
	font-size: 1.2rem;
	height: auto;
}
.checkbox-inline, .radio-inline, .radio {
	color:#00A3E0;
	font-weight: bold;
	margin-right: 20px;
}

.checkbox label, .radio label {
	font-weight: 700;
}
.has-error .form-control {
	border-color: #f00;
}
.has-error .help-block {
	margin-top: 0;
	background: #ff0000;
	color: #fff;
	padding: 2px 5px;
}
.has-error .help-block ul, 
.has-error .help-block li{
	margin: 0;
	padding: 0;
}

.error {
	background: #f00;
	color: #fff;
	padding: 20px;
	text-align: center;
	display: none;
	margin: 20px 0;
}

/* ==========================================================================
	FORM PARRAINAGE
========================================================================== */

.form-parrainage__clones {
	display: none;
}

.form-parrainage {
	padding: 70px 0;
}

.form-parrainage form {
	margin: 30px 0;
}

.form-parrainage__actions {
	text-align: center;
	margin-top: 50px;
}


/* ==========================================================================
	HEADER ILLUSTRATION
========================================================================== */
.header-illu {
	max-height: 660px;
	overflow: hidden;
	position: relative;
	text-align: center;
	background-size:0 0 !important;
}
.header-illu__content {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 50px;
}
.header-illu img {
	width: 100%;
	height: auto;
	max-width: 2000px;
	margin: 0 auto;
	display: inline-block;
	min-width: 1400px;
}
.header-illu .container {
	position: relative;
}
.header-illu .container .header-illu__title {
	position: absolute;
	padding: 15px;
	bottom: 0;
	left: 0;
	width: 50%;
	text-align: left;
}
.header-illu .container .header-illu__title h2 {
	margin: 4px 0 0;
}
.header-illu .container .header-illu__title--white {
	background: rgba(255, 255, 255, 0.8);
}
.header-illu .container .header-illu__title--black {
	background: rgba(19, 32, 50, 0.8);
	color: #fff;
}
.header-illu .container .header-illu__title--blue {
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
}

.content_wisiwyg {
	
}
.content_wisiwyg h1 {
	margin: 0 0 40px;
	font-size: 3rem;
}
.content_wisiwyg p {
	margin-bottom: 20px;
}
/* .content_wisiwyg h1 + p {
	color: #999;
}
.content_wisiwyg p:first-child {
	color: #999;
} */
.content_wisiwyg ul ,
.content_wisiwyg ol {
	
}
.content_wisiwyg li {
	
}

.content_quickpoll {
	
}

.paddingleft {
	padding-left: 20px;	
}
.paddingright {
	padding-right: 20px;	
}
.paddingleft h1,
.paddingright h1 {
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 3rem;
}


/* ==========================================================================
	BLOC ARCHIVES / READ MORE (A LIRE EGALEMENT)
========================================================================== */
#readtoo {
	border-top: 2px solid #ececee;
	margin: 0 0 50px;
}
.pgt_archives-title h2 {
	margin: 0;
	padding: 60px 0;
	text-align: center;
	font-weight: 100;
}
.pgt_archive {
	margin-bottom: 30px;
}
.pgt_archive img {
	width: 100%;
}
.pgt_archive-content {
	padding: 5px 10px;
}
.pgt_archive-categ {
	text-transform: uppercase;
	font-size:  1rem; 
	font-weight: bold;
	opacity: .6
}
.pgt_archive-title {
	margin: 4px 0 20px;	
	font-size: 2rem;
	min-height: 45px;
}

/**/
.pgt_archives_top {
	margin-bottom: 10px;
}
.pgt_archives_top img {
	width: 100%;	
}

.pgt_archives_top .pgt_archive-content {
	position: absolute;
	padding: 15px;
	bottom: 54px;
	left: 36px;
	right: 150px;
}

.pgt_archives_top .pgt_archive-categ {
	text-transform: uppercase;
	font-size:  1rem; 
	font-weight: bold;
	opacity: .6
}
.pgt_archives_top .pgt_archive-title {
	margin-top: 4px;
	margin-bottom: 20px;
	min-height: 53px;
	font-weight: 400;
}

.pgt_archive-content--white {
	background: rgba(255, 255, 255, 0.8);
}
.pgt_archive-content--black {
	background: rgba(19, 32, 50, 0.8);
	color: #fff;
}
.pgt_archive-content--blue {
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
}

/* ==========================================================================
	PAGE
========================================================================== */
.page-content {
	padding: 45px 0 60px;
}
.page-content h1 {
	margin-bottom: 30px;
}

.single .midwhite img {
	margin-bottom: 10px;
}
.single .midwhite .content_wisiwyg img {
	margin-bottom: 0;
}

/* ==========================================================================
	SHOWROOMS
========================================================================== */

.showroom-title {
	position: absolute;
	top: 50%;
	right: 10%;
	transform: translate(0, -50%);
	max-width: 500px;
}

.header-illu img.showroom-logo {
	width: 100%;
	max-width: 220px;
	min-width: auto;
	display: block!important;
}

.page-template-tpl-showroom .header-intro {
	padding: 30px 0;
	text-align: center;
}

.header-intro h2 {
	margin-top: 0;
	text-transform: uppercase;
}

.showroom__main-title {
	color: #132032;
	font-size: 2.7rem;
}

.showroom__sub-title {
	color: #132032;
	font-size: 1.9rem;
}

.showrooms {
	padding: 30px 0;
	background: #f3f2f2;
}

.showrooms .row {
	margin: 0 -3px;
}

.showrooms div[class^="col-"] {
	padding: 0 3px;
}

.showroom-card {
	position: relative;
	margin-bottom: 6px;
}

.showroom-figure img {
	max-width: 100%;
	height: auto;
	display: block;
	-webkit-transition: all ease 0.4s;
	   -moz-transition: all ease 0.4s;
	    -ms-transition: all ease 0.4s;
	     -o-transition: all ease 0.4s;
	        transition: all ease 0.4s;
	        -webkit-transform: scale(1);
	           -moz-transform: scale(1);
	            -ms-transform: scale(1);
	             -o-transform: scale(1);
	                transform: scale(1);
}

.showroom-card:hover .showroom-figure img {
	-webkit-transform: scale(1.1);
	           -moz-transform: scale(1.1);
	            -ms-transform: scale(1.1);
	             -o-transform: scale(1.1);
	                transform: scale(1.1);
}

.showroom-figure {
	position: relative;
}

.showroom-figure::after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
}


.showroom-figure:hover > img {
	-webkit-transform: scale(1.1);
	           -moz-transform: scale(1.1);
	            -ms-transform: scale(1.1);
	             -o-transform: scale(1.1);
	                transform: scale(1.1);
}

.showroom-name {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translate(0, -50%);
	color: #fff;
	font-weight: bold;
	padding: 0 15px;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
}

.showroom-name a {
	color: #fff;
	text-decoration: none;
}

.showroomactions {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px;
	text-align: center;
}

.showroomactions .like {
	float: left;
}

.view360 {
	display: inline-block;
	color: #fff;
}

.showroomactions .expand {
	float: right;
	color: #fff;
	font-size: 2.2rem;
}

.showroomactions button {
	background: none;
	border: none;
	position: relative;
	padding: 0;
}

.showroomactions .like::before,
.view360::before {
	content: "";
	width: 39px;
	height: 39px;
	position: absolute;
	display: block;
	border: 1px solid #fff;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all ease 0.4s;
	z-index: 1;
}

.showroomactions .like:hover::before {
	border: none;
	background: #00A3E0;
	box-shadow: inset 0px -3px 0px 0px #016cbb;
}

.showroomactions img {
	width: auto;
	height: 19px;
	display: block;
	position: relative;
	z-index: 2;
}

span.custom-checkbox {
  cursor: pointer;
  position: absolute;
  left:0;  
  display: block;
  width: 25px;
  height: 25px;
  border: 1px solid #aaa8a8;
}

span.custom-checkbox::after {
  content: "";
  display: block;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: url('img/check.png') no-repeat scroll center center transparent;
  background-size: 100% auto;
  opacity: 0;
  transition: all ease 0.4s;
  position: absolute;
}

span.custom-checkbox:hover::after {
  opacity: 0.3;
}

span.custom-checkbox.checked::after {
  opacity: 1;
}

.checkbox label.label-custom-checkbox {
	padding-left: 40px;
	font-weight: normal;
}

#votemodal .close {
	opacity: 1;
}

.close img {
	opacity: 1;
	width: 30px;
}

#votemodal .modal-header {
	padding: 15px;
	border: none;
}

#votemodal h2 {
	margin-top: 0;
	text-align: center;
	font-weight: normal;
	text-transform: uppercase;
}


#votemodal .form-group {
	margin: 0 0 15px;
}

#votemodal .form-control {
	text-transform: uppercase;
	color: #000000;
}

.thankyou-icon {
	width: 100%;
	max-width: 87px;
	margin: 0 auto;
	padding: 40px 0;
}

.thank-wrapper,
.alreadyparticipated {
	display: none;
	text-align: center;
}

.thank-wrapper.displayed,
.alreadyparticipated.displayed {
	display: block;
}

.gal360 {
	display: none;
}

.wrapper360 {
	height: 500px;
	width: 848px;
}

.fancybox-slide--html .fancybox-close-small {
	background: #fff;
}

/* ==========================================================================
	FOOTER
========================================================================== */
.footer {
	background: #ececee;
	padding:  35px 0;
	/*position: fixed;
	left: 0;
	bottom: 0;*/
	width: 100%;
}

.footer-list {
	text-align: center;
	padding: 0;
	margin-bottom: 0;
}

.footer-list a {
	text-transform: uppercase;
	color: #3d3d3d;
	font-size: 1.1rem;
	text-decoration: none;
	-webkit-transition: all ease 0.4s;
	   -moz-transition: all ease 0.4s;
	    -ms-transition: all ease 0.4s;
	     -o-transition: all ease 0.4s;
	        transition: all ease 0.4s;
}

.footer-list a:hover {
	color: #0d5fcb;
}

.footer-list li {
	display: inline-block;
}

.footer-list li::after {
	content: "|";
	display: inline-block;
	color: #3d3d3d;
	margin: 0 15px;
}

.footer-list li:last-child::after {
	display: none;
}

.app-banner {
	position: fixed;
	top: 30%;
	right: -100%;
	background: #fff;
	border-bottom: 6px solid #00A3E0;
	box-shadow: 4px 0 8px rgba(0, 0, 0, 0.26);
	padding: 20px 20px 20px 80px;
	min-width: 390px;
	z-index: 9999;
	transition: all ease 0.6s;
}

.app-banner.displayed {
	right: 0;
}

.banner-header__title {
	color: #0c2151;
	font-size: 2rem;
	font-weight: 400;
	margin: 0 0 15px;
	text-transform: uppercase;
	position: relative;
}

.banner-header__title::before {
	content: '';
	position: absolute;
	width: 45px;
	height: 26px;
	background: #30779c;
	display: block;
	top: 0;
	left: -59px;
	transform: skewX(-12deg);
	z-index: 9;
}

.banner-actions img {
	display: inline-block;
}

.closebanner {
	position: absolute;
	top: 10px;
	right: 10px;
	background: none;
	border: none;
	padding: 0;
}

.closebanner img {
	width: 27px;
}

.appexample {
	position: absolute;
	width: 170px;
	height: auto;
	display: block;
	left: 0;
	top: 50%;
	transform: translate(-61%, -50%);
	z-index: 10;
}


/* ==========================================================================
	XXL
========================================================================== */

.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}


/* ==========================================================================
	RESPONSIVE
========================================================================== */

@media (min-width: 3000px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-11 {
    width: 91.66666667%;
  }
  .col-xl-10 {
    width: 83.33333333%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-8 {
    width: 66.66666667%;
  }
  .col-xl-7 {
    width: 58.33333333%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-5 {
    width: 41.66666667%;
  }
  .col-xl-4 {
    width: 33.33333333%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-2 {
    width: 16.66666667%;
  }
  .col-xl-1 {
    width: 8.33333333%;
  }
  .col-xl-pull-12 {
    right: 100%;
  }
  .col-xl-pull-11 {
    right: 91.66666667%;
  }
  .col-xl-pull-10 {
    right: 83.33333333%;
  }
  .col-xl-pull-9 {
    right: 75%;
  }
  .col-xl-pull-8 {
    right: 66.66666667%;
  }
  .col-xl-pull-7 {
    right: 58.33333333%;
  }
  .col-xl-pull-6 {
    right: 50%;
  }
  .col-xl-pull-5 {
    right: 41.66666667%;
  }
  .col-xl-pull-4 {
    right: 33.33333333%;
  }
  .col-xl-pull-3 {
    right: 25%;
  }
  .col-xl-pull-2 {
    right: 16.66666667%;
  }
  .col-xl-pull-1 {
    right: 8.33333333%;
  }
  .col-xl-pull-0 {
    right: auto;
  }
  .col-xl-push-12 {
    left: 100%;
  }
  .col-xl-push-11 {
    left: 91.66666667%;
  }
  .col-xl-push-10 {
    left: 83.33333333%;
  }
  .col-xl-push-9 {
    left: 75%;
  }
  .col-xl-push-8 {
    left: 66.66666667%;
  }
  .col-xl-push-7 {
    left: 58.33333333%;
  }
  .col-xl-push-6 {
    left: 50%;
  }
  .col-xl-push-5 {
    left: 41.66666667%;
  }
  .col-xl-push-4 {
    left: 33.33333333%;
  }
  .col-xl-push-3 {
    left: 25%;
  }
  .col-xl-push-2 {
    left: 16.66666667%;
  }
  .col-xl-push-1 {
    left: 8.33333333%;
  }
  .col-xl-push-0 {
    left: auto;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
  .col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xl-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 3000px) {

	html {
		font-size: 13px;
	}

  	.container {
    	width: 3000px;
  	}
}



@media only screen and (max-width:1200px) {

	.slider__slider-content {
		right: 54px;
	}

	.navbar-brand {
		margin-right: 80px;
	}

	.showroom-title {
		right: 0;
	}

	.cheque-case__title {
		padding-left: 50px;
		padding-right: 50px;
	}

	.cheque-case__illu img {
		max-height: 225px;
	}
}


@media only screen and (max-width:992px) {

	html {
		font-size: 10px;
	}

	.slider__slider-content {
		bottom: 15px;
	}

	.header-site__site-title {
		display: block;
		text-align: center;
	}

	.navbar-brand > img {
		margin: 0 auto 15px;
		display: block;
	}

	.navbar-left {
		margin-top: 25px;
	}


	.wrapper360 {
		height: 400px;
		width: 800px;
	}

	.page-template-tpl-showroom-php .header-illu {
		background-size: 1150px !important;
		background-position: right center !important;
		min-height: 310px;
	}

	/*
	.header-illu img {
		display: none;
	}
	*/

	 .btn {
		white-space: normal;
	}

	.cheque-case__title {
		padding-left: 10px;
		padding-right: 10px;
	}

	.cheque-case__illu img {
	    max-height: 165px;
	}

}

@media only screen and (max-width:768px) {

	body {
		font-size: 1.8rem;
		line-height: 1.5;
	}
	.navbar-brand {
		margin: 0
	}
	.navbar-brand > img {
		width: 30px
	}

	.h2, h2 {
		font-size: 2.5rem;
	}

	.header-illu {
		max-height: 400px;
	}
	.header-illu .container .header-illu__title {
		padding: 10px;
	}
	.header-illu .container .header-illu__title h1 {
		margin-top: 10px;
	}
	
	.landing-slider__title {
		text-align: left;
	}

	.paddingleft {
		padding-left: 0;	
	}
	.paddingright {
		padding-right: 0;	
	}
	
	.midgray:before {
		display: none;
	}
	.midgray > .container > .row > .col-sm-6:nth-child(2){
		background: #ececee;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.content_bon {
		
	}

	.slider__slider-content {
		position: static;
		margin-top: 0;
	}

	.slick-arrow {
		top: 42%;
	}

	.btn {
		padding: 10px;
		white-space: initial;
	}

	.header-illu {
		min-height: 200px;
		overflow: hidden;
		background-size: cover !important;
	}

	.header-illu img {
		min-width: 1400px;
		position: relative;
		left: 50%;
		transform:  translate(-50%, 0);
		opacity: 0;
		display: none;
	}

	.header-illu .container .header-illu__title {
		left: 15px;
		width: auto;
		right: 15px;
	}

	.navbar-nav > li.wpml-ls-menu-item {
		float: none;
		text-align: center;
		position: static;
	}
	
	.navbar-nav > li.wpml-ls-menu-item .sub-menu {
		display: inline-block;
		position: static;
	}

	.navbar-nav > li.wpml-ls-menu-item a {
		display: inline-block;
	}

	.wpml-ls-current-language > a::after {
		content: "|";
		margin-left: 15px;
		vertical-align: middle;
		font-size: 2.3rem;
		margin-top: -2px;
	}

	.navbar-default .navbar-nav > li:hover > .sub-menu {
		display: inline-block;
	}

	.footer-list li {
		display: block;
	}

	.footer-list li::after {
		display: none;
	}

	.footer-list li a {
		padding: 10px 0;
		display: block;
	}

	.pgt_archives_top .pgt_archive-content {
		padding:  5px 10px;
		top: 25px;
		bottom: 25px;
		left: 25px;
		right: 25px;
	}

	.footer {
		position: static;
	}

	body {
		padding-bottom: 0;
	}

	.midgray, .midwhite {
		padding: 30px 0;
	}

	.app-banner {
		padding: 20px;
		top: 0;
		width: 100%;
		min-width: auto;
	}
	
	.appexample {
		position: absolute;
		top: 0;
		left: 0;
		width: 30%;
		transform: none;
		max-width: 130px;
	}
	.app-banner::after {
		content: "";
		width: 100%;
		height: 6px;
		background: #141e2e;
		display: block;
		position: absolute;
		left: 0;
		bottom: -6px;
	}
	.banner-content {
		float: right;
		width: 65%;
	}

	.banner-header__title {
		font-size: 1.5rem;
		margin-top: 15px;
	}

	.closebanner img {
		width: 29px;
	 }

	 .banner-actions img {
		 width: 90px;
	 }
	 .header-illu__content,
	 .header-illu .container .header-illu__title {
		 position: static;

	 }

	 .header-illu img.showroom-logo {
		width: 100%;
		max-width: 220px;
		min-width: auto;
		display: block;
		opacity: 1;
		margin: 0;
	}

	.page-template-tpl-showroom-php .header-illu {
		background-size: 1150px !important;
		background-position: right center !important;
		min-height: 310px;
	}

	.showroom-title {
		top: 50%;
	right: auto;
left: 50%;

transform: translate(-50%, -50%);

max-width: 500px;

width: 100%;
	}

	.wrapper360 {
		height: 150px;
		width: 300px;
	}

	.cheque-case {
		margin-bottom: 30px;
	}

	.cheque-case__title {
		padding-left: 15px;
		padding-right: 15px;
	}

	.cheque-case .btn {
		font-size: 1.2rem;
		padding: 14px 10px 14px;
	}



}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}