/*
Theme Name: Ergopix
Theme URI: https://www.ergopix.ch
Author: ergopix sàrl
Version: 1.0
*/
	
/* Structure */

	html {
		font-size: 1em;
		-webkit-text-size-adjust: 1em;
		-ms-text-size-adjust: 1em;
	}
	body {
		font-family: "futura-pt",sans-serif;
	    font-weight: 400;
	}

    body.page-template-page-video-tpl {
        background-color: #333!important;
    }
	
	.alignleft {
		float: left;
	}
	
	.alignright {
		float: right;
	}
	
	.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	figure.wp-caption.alignleft, img.alignleft {
		margin: 7px 24px 7px 0;
	}
	
	.wp-caption.alignleft {
		margin: 7px 14px 7px 0;
	}
	
	figure.wp-caption.alignright, img.alignright {
		margin: 7px 0 7px 24px;
	}
	
	.wp-caption.alignright {
		margin: 7px 0 7px 14px;
	}
	
	img.aligncenter, .wp-caption.aligncenter {
		margin-top: 7px;
		margin-bottom: 7px;
	}
	
	.wp-caption {
		margin-bottom: 24px;
	}
	
	.wp-caption img[class*="wp-image-"] {
		display: block;
		margin: 0;
	}
	
	::-webkit-input-placeholder {
		color: #939393;
	}
	
	:-moz-placeholder {
		color: #939393;
		opacity: 1;
	}
	
	:-ms-input-placeholder {
		color: #939393;
	}
	
	.wp-caption, img {
		max-width: 100%;
        height: auto;
	}

/* Fonts */

    h2 {
        margin-top: 16px!important;
        color: #0B0B0B;
        font-size: 36px;
        font-weight: 500;
        line-height: 36px;
        letter-spacing: 0;
    }

    .intro h2 {
        margin-bottom: 2px;
        font-size: 48px;
        line-height: 48px;
}

    .section-parcours .row:not(.row-section-title) h2 {
        margin-bottom: 8px!important;
        color: white;
        font-size: 40px;
        font-weight: bold;
        line-height: 40px;
        letter-spacing: -1.15px;
}

    .section-map a {
        
    }
    
    p {
        font-size: 20px;
        line-height: 28px;
    }
	
/* Styles */

	body {
		background-color: #FFF;
		font-size: 100%;
	}
		a {color: #f60;}
	
	.header-mobile {
		padding: 15px 0;
		background-color: none transparent;
		position: absolute;
	    top: 0;
	    width: 100%;
	    z-index: 100;
	    left: 0;
	    right: 0;
	}
    html.no-page-header .header-mobile {
        background-color: transparent;
    }
	html.fixed .header-menu {
			position: fixed;
	}
    html .home .header-menu {
        position: fixed;
        background-image: linear-gradient(rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .6) 33%, rgba(0, 0, 0, 0) 100%);
    }
	
	#hamburger {
		display:block;
		float:right;
        margin-right: 18px;
		width:32px;
		overflow:hidden;
	}
	
	#hamburger span {
		background:#fff;
		display:block;
		height:2px;
		margin:6px 0;
		position:relative;
		-webkit-transform:rotate(0);
		-ms-transform:rotate(0);
		transform:rotate(0);
		top:0;
		left:0;
		opacity:1;
		filter:alpha(opacity=100);
		-webkit-transition:none .5s ease;
		transition:none .5s ease;
		-webkit-transition-property:-webkit-transform,top,left,opacity;
		transition-property:transform,top,left,opacity;
	}
	
	html.mm-wrapper_opened #hamburger span.top-bar {
		-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
		top:12px;
	}
	
	html.mm-wrapper_opened #hamburger span.middle-bar {
		opacity:0;
		filter:alpha(opacity=0);
	}
	
	html.mm-wrapper_opened #hamburger span.bottom-bar {
		-webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		transform:rotate(-45deg);
		top:-5px;
	}
	
	html.mm-wrapper_opened #hamburger span.middle-bar {
		left:-40px;
	}

    html.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout {
        box-shadow: 4px 0 40px rgba(0, 0, 0, 0.1)
    }
     .mm-listitem.li-menu-separator {
     	border: none !important;
     	opacity: 1 !important;
     }
        .mm-listitem {
            transition: all .3s ease-in-out;
            color: #704210;
        }
        .mm-listitem:not(.li-menu-separator) a:hover {
            margin-left: 8px;
            opacity: .8;
        }
	    .mm-listitem.li-menu-separator > span {
            background-color: white;
            color: #333;
	    	opacity: 1!important;
            font-size: 14px!important;
            letter-spacing: 1px;
            text-transform: uppercase;
            padding-top: 40px!important;
            padding-bottom: 0px!important;
	    }
        .mm-listitem.li-menu-separator::after {
            padding-top: 32px;
            padding-bottom: 16px;
            border-bottom: none;
        }
        .mm-listitem.parcours-menu::before {
            content: url(https://www.courbet.ch/wp-content/themes/ergopix/images/pin-stroke.svg);
            display: block;
            position: absolute;
            top: 32px;
            left: 24px;
            width: 16px;
            height: 16px;
        }
        .mm-listitem.parcours-menu {
            background-color: white;
            color: #704210;
        }
        .mm-listitem.parcours-menu::after {
            border-bottom: 2px solid rgba(0, 0, 0, 0.06);    
        }
        .mm-listitem.parcours-menu:last-child {
            background: red;
        }
        .mm-listitem.parcours-menu a {
            margin-left: 24px;
            font-size: 18px!important;
        }
        .mm-listitem.parcours-menu a:hover {
            margin-left: 32px;
        }
            .mm-btn_next:after {
                top: 26px;
            }

    .page-header-main .ph-tag-container {
        top: auto;
        bottom: 8px;
        margin: 0 15px 0 15px;
    }

    #pc_section_0 .ph-tag-container {
        color: black;
        position: relative;
    }
        #pc_section_0 .ph-tag {
            min-width: 100%;
            max-width: 100%;
            height: auto;
            margin: 0 auto 64px auto;
            padding: 0 15px;
            text-align: left;
        }
            #pc_section_0 .ph-tag .ph-title {
                font-size: 50px;
                font-weight: 600;
                line-height: 50px;
            }
            #pc_section_0 .ph-tag .ph-text {
                font-size: 25px;
                line-height: 25px;
                margin-top: 0!important;
            }

        .page-header-main .ph-tag {
            height: auto;
            text-align: left;
            min-width: inherit;
            width: auto;
            max-width: inherit;
            
        }

        .page-header-main .ph-title {
            font-weight: 600;
        }

        .page-header-main .ph-text {
            opacity: .8;
            margin-top: -4px;
        }

    .ph_icon,
    .ph_down_scroller{
        display: none!important;
    }


    .ergopix-pc-element .btn,
    .btn-container .btn {
        height: 48px;
        padding: 6px 16px;
        color: #333;
        background-color: transparent;
        border: 2px solid #e6e6e6;
        border-radius: 24px;
    }

    .ergopix-pc-element .btn:hover,
    .btn-container .btn:hover {
        opacity: .6;
    }
    

/* Content */

	/* Global */
	
		.cache-titre .row-section-title {
			display: none;
		}

        .row > div.ergopix-pc-element {
            margin-bottom: 64px!important;    
        }

	/* Video Page */
	
		.section-video-page {
			position: relative;
			
			
			
			height: 100vh;
		}
		/* webkit requires explicit width, height = 100% of sceeen */
		/* webkit also takes margin into account in full screen also - so margin should be removed (otherwise black areas will be seen) */
		#section-video-page:-webkit-full-screen {
			width: 100%;
			height: 100%;
			margin: 0;
		}
		
		#section-video-page:-moz-full-screen {
			margin: 0;
		}
		
		#section-video-page:-ms-fullscreen {
			margin: 0;
		}
		
		/* W3C proposal that will eventually come in all browsers */
		#section-video-page:fullscreen { 
			margin: 0;
		}

        #immersive-gallery {
            position: absolute;
            z-index: 9999;
            width: 100vw;
            height: 100vh;
            padding: 2vh;
            opacity: 0;
        }

        #immersive-gallery.show {
            animation: 1s cubic-bezier(0.34, 0, 0.67, 1) fadeIn forwards 2s;
        }
        
        #immersive-gallery.hide {
            animation: 1s cubic-bezier(0.34, 0, 0.67, 1) fadeOut forwards;
        }

        .pictures-slider .center.slider.show,
        #immersive-gallery.show {
            animation: 1s cubic-bezier(0.34, 0, 0.67, 1) fadeIn forwards;
        }

        #video-background-container.hide,
        #immersive-gallery.hide {
            animation: 1s fadeOut forwards;
        }

        #immersive-gallery img {
            object-fit: contain;
            width: 100%;
            height: 100%;
        }

        #close {
            position: absolute;
            top: 2em;
            right: 2em;
            z-index: 999999;
            width: 40px;
            height: 40px;
        }

        #close a {
            display: block;
            width: 100%;
            height: 100%;
            background-image: url(https://dev.ergopix.com/courbet/wp-content/uploads/2019/07/close.png);
            background-size: contain;
            cursor: pointer;
        }

        @keyframes fadeIn {
            from {
                opacity: inherit;
            }
            to {
                opacity: 1;
            }
        }

        @keyframes fadeOut {
            from {
                opacity: inherit;
            }
            to {
                opacity: 0;
            }
        }

		html.or-landscape .page-template-page-video-tpl .no-page-header,
		html.or-landscape .page-template-page-video-tpl .header-menu,
		html.or-landscape .page-template-page-video-tpl .my-menu-offset-ref,
		html.or-landscape .page-template-page-video-tpl header,
		html.or-landscape .page-template-page-video-tpl footer {
			display: none !important;
		}
			.rotate-container {
				opacity: 1;
				-webkit-transition:opacity .5s ease;
				transition:opacity .5s ease;
				position: fixed;
				z-index: 6000;
				top:40%;right:0;bottom:0;left:0;
			}
			.video-background {
				height: 100vh;
				width: 100%;
				display: block;
				position: absolute;
				z-index: 6000;
				top:0;right:0;bottom:0;left:0;
				opacity: 0;
				-webkit-transition:opacity .5s ease;
				transition:opacity .5s ease;
			}
			/*
			.pictures-slider {
				height: 75vh;
				width: auto;
				display: block;
				position: absolute;
				z-index: 8000;
				top:12.5vh;right:12.5vh;bottom:12.5vh;left:12.5vh;
				padding: 0;
				overflow: hidden;
			}
				.pictures-slider .center.slider {
					opacity:0;
					-webkit-transition:opacity .5s ease;
					transition:opacity .5s ease;
					height: 75vh;
					overflow: hidden;
				}
				.pictures-slider .center.slider .slick-slide { margin: 0px 0;height: 75vh; }
			    .pictures-slider .center.slider .slick-slide .slideBG { 
			    	width: 100%;
			    	height: 75vh;
					background-size: contain;
					background-position: center center;
					background-repeat: no-repeat;
				}
				*/
				
				
			.pictures-slider {
				height: 79vh;
				width: auto;
				display: block;
				position: absolute;
				z-index: 82000;
				top:10.5vh;right:10.5vh;bottom:10.5vh;left:10.5vh;
				padding: 0;
				/*overflow: hidden;*/
			}
				.pictures-slider .center.slider {
					/*background-color: #fff;*/
					opacity:0;
					-webkit-transition:opacity .5s ease;
					transition:opacity .5s ease;
					height: 79vh;
					overflow: hidden;
				}
				.pictures-slider .center.slider .slick-slide { margin: 0px 0;height: 79vh; }
			    .pictures-slider .center.slider .slick-slide .slideBG { 
			    	width: 100%;
			    	height: 79vh;
					/* background-size: cover; */
					background-size: contain;
					background-position: center center;
					background-repeat: no-repeat;
				}
				
				
				
			    .pictures-slider .center.slider .slick-slide {
                    transition: all ease-in-out .3s; opacity: .5; margin: 0;
                }
			    .pictures-slider .center.slider .slick-active { opacity: .7; }
			    .pictures-slider .center.slider .slick-current { opacity: 1; }
			.picture-frame {
				/*background-image: url('./images/picture-frame.png');
				background-position: center center;
				background-size: contain;
				background-repeat: no-repeat;*/
				height: 100vh;
				width: 100%;
				display: block;
				position: absolute;
				z-index: 10000;
				top:0;right:0;bottom:0;left:0;
				-webkit-transition:opacity .5s ease;
				transition:opacity .5s ease;
			}
                .frame-top {
					position: absolute;
					z-index: 10010;
					top:4vh;right:2vh;bottom:auto;left:2vh;
					height: 4vh;
					width: auto;
					background-color: #DEB887;
				}
				.frame-bottom {
					position: absolute;
					z-index: 10020;
					top:auto;right:2vh;bottom:4vh;left:2vh;
					height: 4vh;
					width: auto;
					background-color: #D2B48C;
				}
				.frame-right {
					position: absolute;
					z-index: 10030;
					top:4vh;right:2vh;bottom:4vh;left:auto;
					width: 2vh;
					height: 92vh;
					background-color: #F5DEB3;
				}
				.frame-left {
					position: absolute;
					z-index: 10040;
					top:4vh;right:auto;bottom:4vh;left:2vh;
					width: 2vh;
					height: 92vh;
					background-color: #FFDEAD;
				}
				.frame-center {
					position: absolute;
					z-index: 10050;
					top:4vh;right:2vh;bottom:4vh;left:2vh;
					background-color: #000;
					opacity:.1;
					display: block;
					height: 92vh;
					width: auto;
				}
                .frame-top,.frame-bottom,.frame-right,.frame-left,.frame-center {
                    display: none;
                }
					.frame-center button {
						position: absolute;
						z-index: 10060;
						top:0;right:0;bottom:0;left:0;
						cursor: pointer;
						display: block;
						width: 100%;
						height: 92vh;
						padding: 0;
					}
					
			#caption-container {
				position: absolute;
				display: block;
				height: 6vh;
				width: 100%;
				top: auto;
				right: 0;
				bottom: -8vh;
				left: 0;
				z-index: 100750;
			}
				#captionist {
					color:#fff;
					display: block;
					width: 320px;
					margin: 0 auto;
					position: relative;
					z-index: 111111;
					font-size: 20px;
					line-height: 28px;
				}
				@media (max-width: 991.98px) {
					#captionist {
						font-size: 10px;
						line-height: 18px;
					}
				}
			
					
/* Parcours */

	#map-anchor {
		position: fixed;
		top: 90px;
		right: 32px;
		left: auto;
		bottom: auto;
		width: 33px;
		height: 33px;
		background: #333;
		text-align: center;
		line-height: 35px;
		z-index: 1000;
	}
		#map-anchor a {
			color: #fff;
		}

	.section-parcours {
		
	}
		.element-parcours {
            transition: opacity .3s ease-in-out;
			background-position: center center;
			background-size: cover;
			background-repeat: no-repeat;
			min-height: 294px;
			color: #fff;
			position: relative;
			z-index: 1;
		}
        .element-parcours:hover {
            opacity: .6;
        }
        	.element-parcours-bg {
        		position: absolute;
				top:0;right:0;bottom:0;left:0;
				width: 100%;
				height: 100%;
				background-position: center center;
				background-size: cover;
				background-repeat: no-repeat;
				z-index: 3;
        	}
			.element-parcours .gradient-overlay {
				position: absolute;
				top:0;right:0;bottom:0;left:0;
				width: 100%;
				height: 100%;
				opacity: 0.7; /*0.45*/
				background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, #000000 100%);
			
				z-index: 4;
			}
			body.home .gradient-overlay {
				right: 0;
				left: 0;
				width: 100%;
			}
			.element-parcours a {
				color: #fff;
				position: absolute;
				top:0;right:0;bottom:0;left:0;
				width: 100%;
				height: 100%;
				display: block;
			
				z-index: 5;
			}
			@media screen and (max-width: 1649px) {
				.element-parcours {
					margin-bottom: 24px;
				}
					.element-parcours-bg,
					.element-parcours .gradient-overlay,
					.element-parcours a {
						right: -15px;
						left: 15px;
						width: calc(100% - 30px);
					}
			}
				.element-parcours a span.element-text {
					position: absolute;
					top:auto;right:15px;bottom:15px;left:15px;
					display:inline-block;
				}
					.element-parcours a .distance {
						font-size: 24px;
						font-weight: 500;
						line-height: 24px;
					}
					.element-parcours a h2 {
						margin-bottom: 0;
					}
						.element-parcours a span.numero {
                            display: none;
							opacity: 0.45;
						}
					.element-parcours a span.subtitle {
                        display: block;
                        margin-top: -8px;
						opacity: 0.8;
						font-size: 16px;
						font-weight: 500;
						line-height: 24px;
					}
				.element-parcours a span.element-icons {
					position: absolute;
					top: 16px; left: 16px; bottom: auto; right: auto;
					display: inline-block;
					height: 56px;
				}
/*
					span.element-icons span.icon {
						height: 56px;
						width: 56px;
						background-color: #FFFFFF;
						display: inline-block;
						text-align: center;
						border-radius: 28px;
						margin-right: 16px;
						line-height: 56px;
						margin-top: 0;
						margin-bottom: 0;
					}
*/
					span.element-icons span.icon {
                        display: inline-block;
                        margin: 0 16px 0 0;
                        background: rgba(0,0,0,0.20);
                        border: 2px solid #FFFFFF;
                        width: 40px;
                        height: 40px;
                        border-radius: 20px;
                        text-align: center;
                        line-height: 40px;
					}

					span.element-icons span.icon:last-child {
						margin-right: 0;
					}
						span.element-icons span.icon i {
                            display: inline-block;
							color: white;
						}

    .img-caption {
        display: inline-block;
        margin-bottom: 15px;
        font-size: 16px;
        font-weight: 500;
        color: #666666;
        line-height: 15px;
    }

    .row.row-section-title + .row > div {
        margin-top: 16px!important;
    }

    /* Footer */
    
        .section-footer,
        .section-footer a {
            background-color: #1A1A1A;
            color: #ffffff;
            text-transform: uppercase;
        }

    /* Buttons */

    .btn {
        font-size: 20px;
    }

/* Back To Top Button */
	
	#backtotopBtn {
	    display: none;
	    position: fixed;
	    bottom: 32px;
	    right: 15px;
	    z-index: 99999;
	    border: none;
	    outline: none;
	    color: #fff;
	    background-color: #333;
	    cursor: pointer;
	    height: 56px;
		width: 56px;
        border-radius: 28px;
	}
	
	#backtotopBtn:hover {
	    background-color: #000;
	}
	
		#backtotopBtn span {
			
		}

/* Timeline */

.timeline .ph-title,
	.timeline h2 {
	    text-align: center;
	}
	
	.timeline .row.row-section-title + .row > div.content_1_col {
	    margin-top: 64px!important;
	}
	
	.timeline .row .content_empty.col-md-12 {
	    margin-top: 0!important;
	}
	
	.timeline .row .content_empty.col-md-12::before {
	    content: "";
	    position: absolute;
	    left: 50%;
	    top: 0;
	    width: 2px;
	    height: 64px;
	    background: #cccccc;
	}
	
	.timeline .row > div.ergopix-pc-element {
	    margin-bottom: 8px!important;
	}
	
	.timeline .content_gallery {
	    display: none;
	}
	
/* Quizz */

	.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
		margin-left:0 !important;
		margin-top: 40px !important;
	}
    .gfield_label {font-size: 26px !important;}
    .gfield_description{font-size: 18px !important;}
    .ginput_container .ginput_container_radio{font-size: 25px !important;}
    .gf_progressbar, .gf_progressbar_title{ display: none !important;}
    .ginput_container_name p {
		display: inline;
	}
		.ginput_container_name p br {
			display: none;
		}
    .gform_next_button,
    .gform_previous_button,
    .gform_button {
		height: 48px;
		padding: 6px 16px;
		color: #333;
		background-color: transparent;
		border: 2px solid #e6e6e6;
		border-radius: 24px;
	}
	
	.ginput_container ul li label {font-size: 22px !important;}
	
	.ginput_container ul li input {margin-top: 0px !important;
	margin-right: 5px !important
	}	
	

/* mm-menu */

    .mm-navbar {
        height: 80px;
        font-size: 24px;
        font-weight: 500;
        line-height: 40px;
        display: none!important;
    }
    .mm-navbar__title {
        display: none;
    }
    .mm-panel_has-navbar {
        padding-top: 0;
    }
    .mm-navbar__title {
        padding: 20px;
    }
    .mm-btn {
        height: 80px;
    }
    .mm-listitem::after {
        border-bottom: 2px solid #e6e6e6;
        left: 0;
    }
    .mm-listitem.parcours-menu::after {
        left: 14px;
    }
    .mm-listitem.parcours-menu:last-child::after {
        left: 0;
    }
    .mm-listitem > a,
    .mm-listitem > span {
        transition: all .3s ease-in-out;
        padding: 24px;
        font-size: 20px;
        font-weight: 500;
    }
    .mm-listitem.parcours-menu > a {
        padding: 32px;
    }
    .mm-listitem > a:hover,
    .mm-listitem > span:hover {
        opacity: .6;
    }


/* Page Navigator */
    .header-menu + header + .section {
/*        background: #704210;*/
        /*margin-bottom: 32px;*/
    }
    .pageNavigator.fixed {
        background: white;
    }
        .accordionMasterContainer {
            
        }
        .fixed .accordionMasterContainer {
            box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
        }
            .card {
                background-color: transparent;
                background-clip: border-box;
                border: none;
                border-radius: .25rem;
            }
            .cardMet .card-header::before {
                content: "";
                display: block;
                height: 2px;
                width: 100%;
                background: rgba(0, 0, 0, .1);
            }
                .card-header {
                    background-color: transparent;
                    padding: 0;
                }
                    .card-header a,
                    .card-header a span {
                        display: block;
                        height: 80px;
                        font-size: 14px;
                        line-height: 80px;
                        letter-spacing: 1.5px;
                        text-transform: uppercase;
                    }
                    .pageNavigator .card-header a,
                    .pageNavigator .card-header a span {
                        color: #704210!important;
                    }
                    .pageNavigator.fixed .card-header a,
                    .pageNavigator.fixed .card-header a span {
                        color: #704210!important;
                    }
                    .card-header i {
                        font-size: 18px;
                        font-weight: 400;
                    }
                    .cardMet .card-header,                    
                    .cardMet a, 
                    .cardMet a span {
                        height: 56px;
                        line-height: 56px;
                    }
		
/* Splashscreen / Popup */

	#splashscreen {
		position: fixed;
		top:0;
		right:0;
		bottom:0;
		left:0;
		display:block;
		width:100%;
		height:100%;
		z-index:1000000000;
		background-color: rgba(0, 0, 0, .4);
	}
		a#enter_link {
			display: block;
			margin: 0 auto;
			position: absolute;
			top: 0;
			z-index: 1000000001;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			text-align: center;
			padding: 0 5%;
			text-decoration: none !important;
		}
			/*a#enter_link img {
				margin: 0 auto;
				display: block;
			}*/
			a#enter_link div::before {
			    content: "\f00d";
			    color: #000;
			    text-align: right;
			    width: 100%;
			    display: block;
			    max-width: 1000px;
			    margin: 0 auto;
			    font-family: "Font Awesome 5 Pro";
			}
			.dialog-text {
				background-color: #fff;
				color: #000;
				width:320px;
				padding:25px 25px 50px 25px;
				margin: 0 auto;
				top: 25%;
				position: relative;
			}
			.dialog-text img.app-icon {
				border-radius : 10px;
				margin-bottom : 15px;
				margin-top:20px;
			}
			.dialog-text svg {
				width : 25px;
				position:relative;
				top:-3px;
			}
			
	.blurred {
		filter: blur(5px);
		-webkit-filter: blur(5px);
		-moz-filter: blur(5px);
		-o-filter: blur(5px);
		-ms-filter: blur(5px);
	}


@media (max-width: 575.98px) { 
	
}

@media (max-width: 767.98px) {

}

@media (max-width: 991.98px) {
    
}

@media (max-width: 1199.98px) {
    
}

@media (min-width: 576px) {
    footer {
        margin-top: 128px;    
    }
}

@media (min-width: 992px) {
    html .home .header-menu {
        background-image: none;
    }
    #hamburger span {
        background: black;
    }
    .page-header-main.customVH50 {
        position: fixed;
    }
    .customVH50 {
        height: 100vh;
        width: 50vw;
    }
    
    #pc_section_0 {
        padding-top: 128px!important;
    }

    .container {
        width: calc(50vw - 80px);
        margin: 0 0 0 50%;
        padding: 0 40px;
    }
    
    .element-parcours {
        padding: 0 15px;
    }
    
    body:not(.page-template-page-video-tpl) .header-menu + header + .section {
        display: none;
    }
    body.error404 .header-menu + header + .section {
        display: block;
    }
}

@media (min-width: 1650px) {
    .container {
        padding: 0 80px;
    }
    .element-parcours {
        max-width: calc(50% - 30px);
        margin: 15px;
        border-radius: 3px;
    }
}

@media (min-width: 1800px) {
    p {
        font-size: 24px;
        line-height: 32px;
    }
}

@media (min-width: 1920px) {
    .container {
        max-width: none;
    }
}