@charset "UTF-8";

/*
Theme Name: 	Mont Sutton
Theme URI: 	http://agencerinaldi.com
Text Domain: agencerinaldi
Description: 	Custom Theme
Version: 		6.0
Author: 		Agence Rinaldi
Author URI: 	http://agencerinaldi.com/fr/contact/
Tags: 			starkers, naked, clean, basic
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries
===========================
*/

/* ----------------------------------------------------------------------------------------------------------
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";
@import "css/override.css";
@import "css/960.css";
@import "assets/css/style.css";
@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700|Roboto:700|Roboto+Condensed:400,300,700);
/*@import "style_wip.css";*/


div, article, section, header, footer, nav, li {
	position: relative;  /* For absolutely positioning elements within containers (add more to the list if need be) */
}
.group::after {
	display: block;
	height: 0;
	clear: both;
	content: ".";
	visibility: hidden; /* For clearing */
}
body {
	background: #fff; /* Don't forget to style your body to avoid user overrides */
}
::-moz-selection {
background:#ea2c2a;
color:#fff;
}
::selection {
	background: #ea2c2a;
	color: #fff;
}

#moove_gdpr_cookie_info_bar {
	margin:0 !important;
}

#moove-gdpr-menu li:before {
	content:none !important;
	padding-right:0 !important;
}

@media (max-width: 767px) {
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice {
  		text-align: center;
	}
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder {
    	justify-content: center;
	}
}

/* ----------------------------------------------------------------------------------------------------------
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

12 / 16 =       0.75em          (12px equivalent)
14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

font-family: 'Oswald', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;

*/

body, input, textarea {
	outline: none;
}
h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	letter-spacing: 1px; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */
}
/* ----------------------------------------------------------------------------------------------------------
03 Media queries (using a desktop-first approach) -----------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
}
.container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
}
.wrapper {
	width: 940px;
	margin: 0 auto;
	overflow:hidden;

}
.hide {
	display: none !important;
}
.uppercase {
	text-transform: uppercase;
}
.left {
	float: left
}
.right {
	float: right
}
.content {
	padding-bottom: 1em;
}
aside {
	width: 250px;
	margin: 0 0 5%
}
a {
	text-decoration: none;
	cursor: pointer;
	outline: none
}
a:focus, select:focus {
	outline: 0 !important;
	box-shadow: 0
}
*:hover, *:hover::after {
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
h1, h2 {
	font-family: 'Oswald', sans-serif;
	color: rgba(0,0,0,1);
	font-size: 3em;
}
h3 {
	font-family: 'Oswald', sans-serif;
	color: rgba(0,0,0,1);
	font-size: 2.125em;
	font-weight: 400;
	line-height: 1.25em;
}
h4 {
	font-family: 'Oswald', sans-serif;
	font-size: 1.125em;
	font-weight: 400;
	line-height: 1.375em;
}
h5 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	color: rgba(109,108,108,1);
	line-height: 14px;
	font-weight: 400;
}
h6 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	color: rgba(188,188,188,1);
	line-height: 14px;
	font-weight: 400;
}
p {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 1.125em;
	line-height: 1.250em;
}
a {
	color: rgba(234,44,42,1);
}
a:hover {
	color: rgba(109,108,108,1);
}
mark {
	background-color: rgba(234,44,42,1);
	color: rgba(255,255,255,1);
	font-weight: 400;
	font-style: normal;
}
ins {
	background-color: rgba(229,229,229,1);
}
pre {
	background: rgba(229,229,229,1);
	padding: 1em;
}
code {
	color: rgba(188,188,188,1);
}
blockquote, blockquote p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: 400 !important;
	margin: 1em 0 0;
}
.legal_txt {
	font-size: 12px;
}
.share {
	color: rgba(109,108,108,1);
	font-size: 1em;
	font-weight: 400;
	text-transform: uppercase
}
/* General properties */
.bg-red {
	background: rgba(234,44,42,1);
}
.bg-black {
	background: rgba(0,0,0,1);
}
.bg-grey-dark {
	background: rgba(109,108,108,1);
}
.bg-grey-medium {
	background: rgba(188,188,188,1);
}
.bg-grey-light {
	background: rgba(229,229,229,1);
}
.bg-white {
	background: rgba(255,255,255,1);
}
/* btn-plus */
.btn-red-plus {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 12px;
	color: rgba(234,44,42,1) !important;
	text-transform: uppercase;
	line-height: 3em;
	display: inline-block;
	letter-spacing: 1px;
}
.btn-red-plus::after {
	background: rgba(234,44,42,1) url(img/plus-btn.svg) no-repeat 50%;
	content: '';
	margin-left: 10px;
	border-radius: 2px;
	transform: rotate(0deg);
	width: 16px;
	height: 16px;
	display: inline-block;
	top: .25em;
	position: relative;
}
.btn-black-plus {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 12px;
	color: rgba(0,0,0,1) !important;
	text-transform: uppercase;
	line-height: 3em;
	display: inline-block;
	letter-spacing: 1px;
}
.btn-black-plus::after {
	background: rgba(0,0,0,1) url(img/plus-btn.svg) no-repeat 50%;
	content: '';
	margin-left: 10px;
	border-radius: 2px;
	transform: rotate(0deg);
	width: 16px;
	height: 16px;
	display: inline-block;
	top: .25em;
	position: relative;
}
.btn-red-plus:hover, .btn-black-plus:hover {
	color: rgba(109,108,108,1) !important;
}
.btn-red-plus:hover::after, .btn-black-plus:hover::after {
	background: rgba(109,108,108,1) url(img/plus-btn.svg) no-repeat 50%;
	transform: rotate(90deg);
}
/* btn-box */
.btn-red-box, .btn-black-box, .btn-black-box-small {
	font-family: 'Roboto', sans-serif;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	padding: 1em;
	letter-spacing: 1px;
	display: inline-block !important;
	margin-top: 1em;
}
.btn-red-box {
	background: rgba(234,44,42,1);
	border: 2px solid rgba(234,44,42,1);
	color: rgba(255,255,255,1);
}
.btn-black-box-small {
	padding: .55em !important;
}
.btn-black-box, .btn-black-box-small {
	background: rgba(0,0,0,1) !important;
	border: 2px solid rgba(0,0,0,1) !important;
	color: rgba(255,255,255,1) !important;
}
.btn-red-box:hover, .btn-black-box:hover, .btn-black-box-small:hover {
	background: rgba(109,108,108,1) !important;
	border-color: rgba(109,108,108,1) !important;
	color: rgba(255,255,255,1) !important;
}
/* General Table */
table {
	width: 100%;
	text-align: center;
	border: 5px solid #000;
	margin: 1em 0 .25em;
	font-size: 1.125em;
	border-collapse: collapse;
	border-spacing: 0;
}
table th, table td {
	border: 1px solid rgba(188,188,188,1);
	vertical-align: middle;
	min-width: 50px;
	min-height: 50px;
	padding: .5em
}
table th {
	background: rgba(0,0,0,1);
	color: rgba(255,255,255,1);
	vertical-align: top;
}
/* Toggle content grey */
.toggle {
	background: rgba(229,229,229,1);
	margin: 5px auto;
}
.trigger {
	cursor: pointer
}
.trigger::after {
	background: url(img/img_plus.svg) no-repeat 50%;
	content: '';
	transform: rotate(0deg);
	width: 1em;
	height: 1em;
	display: inline-block;
	top: 0;
	float: right;
	right: 1em;
	position: relative;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.trigger:hover::after, .active.trigger::after {
	background: url(img/img_plus_white.svg) no-repeat 50%;
	transform: rotate(45deg);
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}
.trigger:hover, .active.trigger {
	color: #FFF;
	background: #000;
}
.toggle h5 {
	padding: 1em 0 1em 1em;
	color: #000;
}
.toggle_container {
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 1em 0;
}

/* Arrange li bullet point */

ul li:before {
	content: "•";
	padding-right: 7px;
}

ol li:before {
	list-style-type:decimal !important;
}

ol li {
	list-style-type:decimal !important;
	display: list-item !important;
}

header ul li:before, footer ul li:before, .search ul li:before, nav ul li:before, .archive ul li:before, .comments ul li:before, .conditions-de-ski ul li:before, .partner ul li:before, .tech-specs_content ul li:before {
	display: none
}
li {
	display: block;
}
aside li {
	display: inherit
}
/* Icons */
.icon-title {
	display: inherit;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	background-repeat: no-repeat !important;
	background-position: center top !important;
	height: 45px;
	padding-top: 45px;
	font-weight: 400;
}
.icon-title::after {
	padding-top: 10px;
	width: auto;
	border-top: 1px solid rgba(0,0,0,1);
	color: rgba(0,0,0,1)
}
/* Icons list */
.icon_cross_discover {
	background: url('img/icon_cross_discover.svg') no-repeat;
}
.icon_cross_couple {
	background: url('img/icon_cross_couple.svg') no-repeat;
}
.icon_cross_family {
	background: url('img/icon_cross_family.svg') no-repeat;
}
.icon_cross_group {
	background: url('img/icon_cross_group.svg') no-repeat;
}
.icon_search {
	background: url('img/icon_search.svg') no-repeat;
}
.icon_location {
	background: url('img/icon_location.svg') no-repeat;
}
.icon_calendar {
	background: url('img/icon_calendar.svg') no-repeat;
}
.icon_star {
	background: url('img/icon_star.svg') no-repeat;
}
.icon_sun {
	background: url('img/icon_sun.svg') no-repeat;
}
.icon_weather {
	background: url('img/icon_weather.svg') no-repeat;
}
.icon_season {
	background: url('img/icon_season.svg') no-repeat;
}
.icon_activities {
	background: url('img/icon_activities.svg') no-repeat;
}
.icon_lodge {
	background: url('img/icon_lodge.svg') no-repeat;
}
.icon_heart {
	background: url('img/icon_heart.svg') no-repeat;
}
.icon_heart_red {
	background: url('img/icon_heart_red.svg') no-repeat;
}
.icon_binoculars {
	background: url('img/icon_binoculars.svg') no-repeat;
}
.icon_binoculars_red {
	background: url('img/icon_binoculars_red.svg') no-repeat;
}
.icon_leaf {
	background: url('img/icon_leaf.svg') no-repeat;
}
.icon_lift {
	background: url('img/icon_lift.svg') no-repeat;
}
.icon_mountain {
	background: url('img/icon_mountain.svg') no-repeat;
}
.icon_pinetree {
	background: url('img/icon_pinetree.svg') no-repeat;
}
.icon_ski {
	background: url('img/icon_ski.svg') no-repeat;
}
.icon_surface {
	background: url('img/icon_surface.svg') no-repeat;
}
.icon_teddy-bear {
	background: url('img/icon_teddy-bear.svg') no-repeat;
}
.icon_teddy-bear_red {
	background: url('img/icon_teddy-bear_red.svg') no-repeat;
}
.icon_track {
	background: url('img/icon_track.svg') no-repeat;
}
.icon_boot {
	background: url('img/icon_boot.svg') no-repeat;
}
.icon_boot_white {
	background: url('img/icon_boot_white.svg') no-repeat;
}
.icon_shirt {
	background: url('img/icon_shirt.svg') no-repeat;
}
.icon_shirt_white {
	background: url('img/icon_shirt_white.svg') no-repeat;
}
.icon_wrench {
	background: url('img/icon_wrench.svg') no-repeat;
}
.icon_wrench_white {
	background: url('img/icon_wrench_white.svg') no-repeat;
}
.icon_ski-dodo-ski {
	background: url('img/icon_ski-dodo-ski.svg') no-repeat;
}
.icon_share {
	background: url('img/icon_share.svg') no-repeat
}
.icon_track-forest {
	background: url('img/icon_track-forest.svg') no-repeat 0% 50%;
	background-size: 1.25em;
}
.icon_track-sousbois {
	background: url('img/icon_track-sousbois.svg') no-repeat 0% 50%;
	background-size: 1.25em;
}
.icon_track-easy {
	background: url('img/icon_track-easy.svg') no-repeat 0% 50%;
	background-size: .75em;
	color:#7ED321;
}
.icon_track-hard {
	background: url('img/icon_track-hard.svg') no-repeat 0% 50%;
	background-size: .75em;
	color:#16539C;
}
.icon_track-very-hard {
	background: url('img/icon_track-very-hard.svg') no-repeat 0% 50%;
	background-size: 1em;
}
.icon_track-extreme {
	background: url('img/icon_track-extreme.svg') no-repeat 0% 50%;
	background-size: 1.25em;
}
.icon_track-extreme-plus {
	background: url('img/icon_track-extreme-plus.svg') no-repeat 0% 50%;
	background-size: 1.75em;
}
.icon_bus {
	background: url('img/icon_bus.svg') no-repeat;
}
.icon_bus_red {
	background: url('img/icon_bus_red.svg') no-repeat;
}
.ouvert, .ouverte, .open {color:#6ed300;}
.ferme, .fermee, .closed {color:#ff0000;}
/* Other */
.vertical-divider {
	border-left: 1px solid rgba(188,188,188,1)
}
.border-box {
	border: 10px solid rgba(0,0,0,1);
	padding: 2em 5%
}
.opacity-80 {
	opacity: .8
}
.opacity-60 {
	opacity: .6
}
.center {
	text-align: center
}
/* Default Post Template */
.single-post .content {
	padding-top: 180px
}
.single-post aside {
	padding-top: 180px;
	padding-bottom: 2em;
}
.single-post .flex-title {
	min-height: 100px;
}
.single-post h1 {
	bottom: 0;
	line-height: 1.125em;
	position: absolute
}
.single-post .meta {
	display: inline-block;
	width: 100%
}
.single-post .meta a, .single-post time {
	color: rgba(0,0,0,1)
}
.single-post .meta a:hover {
	color: rgba(234,44,42,1)
}
.single-post .single-post_img {
	background-size: contain;
	height: 450px;
	margin: 0 !important;
	width: 680px
}
.single-post .single-post_txt {
	margin: 2em 0
}
.single-post .single-post_txt h4 {
	margin: 2em 0 .5em
}
#sidebar h2 {
	font-size: 1.125em;
	font-weight: 400;
	line-height: 2.5em
}
#sidebar .widget:first-child {
	margin-top: 0
}
#sidebar .widget {
	margin-top: 1em
}
#sidebar li {
	line-height: 1em;
	padding: .25em 0
}
#sidebar li a, #sidebar .tagcloud {
	color: rgba(109,108,108,1);
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase
}
#sidebar li a:hover {
	color: rgba(234,44,42,1)
}
#sidebar li::before {
	display: none !important
}
#sidebar .cat-post-widget img {
	vertical-align: top
}
#sidebar .cat-post-widget .post-title {
	display: inline-block;
	margin-left: 1%;
	width: 50%
}
#sidebar .widget_tag_cloud h2 {
	padding-bottom: .5em
}
#sidebar .tagcloud a {
	font-size: 14px !important;
	border: 1px solid rgba(188,188,188,1);
	border-radius: 3px;
	margin: 0 .5em .5em 0;
	padding: .5em;
	line-height: 3em;
	white-space: nowrap;
}
#sidebar .tagcloud a:hover {
	background-color: rgba(188,188,188,1);
	color: rgba(255,255,255,1)
}
.tags {
	color: rgba(109,108,108,1);
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 3em;
}
.tags a {
	color: rgba(109,108,108,1);
	font-size: 14px !important;
	border: 1px solid rgba(188,188,188,1);
	border-radius: 3px;
	margin: 0 .5em .5em 0;
	padding: .5em;
	white-space: nowrap
}
.tags a:hover {
	background-color: rgba(188,188,188,1);
	color: rgba(255,255,255,1)
}
/* Comments module */
#comments h2, #comments label {
	display: none
}
#comments textarea {
	margin: 1em 0
}
#comments article {
	margin: 1em 0;
	padding-bottom: .5em;
	border-bottom: 1px solid rgba(0,0,0,.5)
}
#comments #respond {
	margin: 1em 0
}
.single-post .comments {
	background-color: rgba(99,99,99,.1);
	padding: 2em 0;
}
/* Default Page */
.page .page-content {
	margin: 3% auto;
}
/* Alert */
#alert {
	margin-top: -80px;
	background-color: rgba(234,44,42,1);
	color: white;
	height: 50px;
	padding: 15px 0;
	transition: all .5s ease;
}
#alert .alert-content {
	float: left;
}
#alert .btn-close-alert {
	float: right;
	background: url('img/icon_close.svg');
	border: none;
	width: 32px;
	height: 32px;
	margin-top: -5px;
}
#alert .btn-close-alert:focus {
	outline: 0 !important;
	box-shadow: 0;
}
/* Header */
header {
	width: 100%;
	position: fixed;
	border-bottom: 1px solid rgba(229,229,229,1);
	z-index: 9999;
}
#main-logo {
	width: 18.5%;
	height: 96px;
	float: left;
}
#main-logo a {
	width: 174px;
	height: 96px;
	background: url('img/logo_MontSutton.png') no-repeat center top;
	background-size: contain;
	display: block;
	text-indent: -9999px;
}
#toolbar {
	width: 81.5%;
	height: 40px;
	text-align: right;
	float: right;
}
#toolbar .webstore, #toolbar .lang {
	display: inline-block;
	height: 20px;
	margin: 10px 0;
}
#toolbar a {
	font-size: 13px;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
	color: black;
	padding: .25em 2.1em;
}
#toolbar a:hover {
	opacity: .4;
}
#toolbar .lang {
	border-left: 1px solid #6d6c6c;
}
#icon-nav {
	width: 81.5%;
	height: 70px;
	float: right;
}
#icon-nav li {
	width: 69px;
	height: 70px;
	float: left;
	border-left: 1px solid #e5e5e5;
	display: inline-block;
}
#icon-nav li a {
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	opacity: .4;
}
#icon-nav li:hover a {
	opacity: 1;
}
#icon-nav li.weather a {
	background: url('img/icon_weather.svg') no-repeat center;
	background-size: 27px;
}
#icon-nav li.location a {
	background: url('img/icon_location.svg') no-repeat center;
	background-size: 23px;
}
#menu-btn {
	height: 70px;
	padding-left: 115px;
	width: 96px !important;
	border-right: 1px solid #e5e5e5;
	cursor: pointer;
}
#menu-btn i {
	position: relative;
	display: inline-block;
	width: 38px;
	height: 3px;
	color: #000000;
	font: 700 18px 'Roboto', sans-serif;
	line-height: 5px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-indent: -70px;
	background: #000000;
	top: 28px;
	transition: all .2s ease-out;
}
#menu-btn i::before, #menu-btn i::after {
	content: '';
	width: 38px;
	height: 3px;
	background: #000000;
	position: absolute;
	left: 0;
	transition: all .2s ease-out;
}
#menu-btn i::before {
	top: -7px;
}
#menu-btn i::after {
	bottom: -7px;
}
#menu-btn:hover i::before {
	top: -10px;
}
#menu-btn:hover i::after {
	bottom: -10px;
}
#menu-btn.active i {
	background: transparent;
}
#menu-btn.active i::before {
	top: 0;
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
#menu-btn.active i::after {
	bottom: 0;
	-webkit-transform: rotateZ(-45deg);
	-moz-transform: rotateZ(-45deg);
	-ms-transform: rotateZ(-45deg);
	-o-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
}
#searchform {
	display: inline-block;
	width: 400px;
	height: 70px;
	float: left;
	padding: 0;
}
#searchform input[type="text"] {
	height: 70px;
	font-size: 1.75em;
	display: inline-block;
	border: none;
	outline: none;
	color: #555;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	padding: 3px;
	padding-right: 70px;
	width: 0px;
	position: absolute;
	top: 0;
	right: 0;
	background: none;
	z-index: 3;
	transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
	cursor: pointer;
}
#searchform input[type="text"]:focus {
	width: 250px;
	z-index: 1;
	cursor: text;
}
#searchform input[type="submit"] {
	height: 67px;
	width: 63px;
	display: inline-block;
	float: right;
	background: url('img/icon_search.svg') center center no-repeat;
	background-size: 29px;
	text-indent: -10000px;
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	cursor: pointer;
	opacity: .4;
	transition: opacity .4s ease;
}
#searchform input[type="submit"]:hover {
	opacity: .8;
}
#searchform input::-webkit-input-placeholder {
color:#6d6c6c;
}
#searchform input:-moz-placeholder {
color:#6d6c6c;
}
#searchform input::-moz-placeholder {
color:#6d6c6c;
}
#searchform input:-ms-input-placeholder {
color:#6d6c6c;
}
#main-nav {
	width: 100%;
	padding: 0 0 35px 0;
	position: relative;
	background: white;
	display: none;
	border-top: 1px solid rgba(229,229,229,1);
	box-sizing:border-box;
}
#main-nav .menu {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	-webkit-column-gap: 0px;
	-moz-column-gap: 0px;
	column-gap: 0px;
	position: relative;
	z-index: 0;
}
#main-nav a {
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
}
/* #main-nav a:hover {
	opacity: .7;
}*/
#main-nav li { /*margin-bottom:.75em;*/
	margin-bottom: 2em;
	display: block;
}
#main-nav li a {
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: rgba(234,44,42,1);
	font-weight: 700;
}
#main-nav li a:hover {
	color: rgba(109,108,108,1) !important;
}
#main-nav li ul li { /*margin:.25em 0;*/
	margin: .35em 0;
	display: block;
}
#main-nav li ul li a {
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 24px;
	font-weight: 400;
	color: #666666;
}
#menu-item-71 {
	display: block !important
}

@media only screen and (min-width: 1024px) {
    .menu .pousse-10 {padding-bottom:10px;}
    .menu .pousse-20 {padding-bottom:20px;}
    .menu .pousse-30 {padding-bottom:30px;}
    .menu .pousse-40 {padding-bottom:40px;}
    .menu .pousse-50 {padding-bottom:50px;}
    .menu .pousse-60 {padding-bottom:60px;}
    .menu .pousse-70 {padding-bottom:70px;}
    .menu .pousse-80 {padding-bottom:80px;}
    .menu .pousse-90 {padding-bottom:90px;}
    .menu .pousse-100 {padding-bottom:100px;}
}

#header-decoration {
	width: 100%;
	height: 39px;
	top: 0;
	z-index: -1;
	background: rgba(229,229,229,1);
	border: 1px solid rgba(188,188,188,1);
	position: absolute;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.blurheader {
	width: 100%;
	height: 110px;
	top: 0;
	z-index: -1;
	position: absolute;
	background: rgba(255, 255, 255 ,.8);
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
/* Homepage */
.banner_full {
	display: inline-block;
	margin-top: 40px;
	width: 100%;
	min-height: 30em;
}
.banner {
	background-position: center;
	background-size: cover;
	height: 460px;
	width: 100%
}
/* Trip pages*/
.trip_page .content {
	width: 100%;
	text-align: center
}
.trip_page .icon_bus, .trip_page .icon_heart, .trip_page .icon_teddy-bear {
	background-position-x: 50%;
	margin: 1em auto
}
.feature_half-call {
	text-align: center
}
.feature_half-call h3 {
	padding: 0 0 .5em
}
.feature_half-call h3, .feature_half-call p {
	color: #fff !important;
}
.feature_half-call .feature_content {
	padding: 0 10%
}
.services_half-call {
	text-align: center
}
.services_half-call h3 {
	padding: 0 0 .5em
}
.services_content {
	padding: 0 10%
}
.lodge {
	color: #fff;
	text-align: center;
	padding: 2em 0
}
.lodge h3 {
	color: #fff !important;
	margin: 0 0 .5em
}
.lodge p {
	width: 75%;
	text-align: center;
	margin: 0 auto
}
.family-zone {
	color: #fff;
	text-align: center;
	padding: 2em 0
}
.family-zone h3 {
	color: #fff !important;
	margin: 0 0 .5em
}
.family-zone p {
	width: 75%;
	text-align: center;
	margin: 0 auto
}
.lodging {
	color: #000;
	text-align: center;
	padding: 2em 0
}
.lodging h3 {
	color: #000 !important;
	margin: 0 0 .5em
}
.lodging p {
	width: 75%;
	text-align: center;
	margin: 0 auto
}
/* Sitemap page */
#sitemap {
	width: 100%;
	position: relative;
	background: white;
	padding: 2em 0;
}
#sitemap .menu {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	-webkit-column-gap: 0px;
	-moz-column-gap: 0px;
	column-gap: 0px;
	position: relative;
	z-index: 0;
}
#sitemap a {
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
}
#sitemap a:hover {
	opacity: .7;
}
#sitemap li {
	margin-bottom: 2em;
	margin-left: 1em;
	display: block
}
#sitemap li a {
	display: block;
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
}
#sitemap li ul li {
	margin: .35em 0;
}
#sitemap li ul li a {
	display: block;
	line-height: 24px;
	font-weight: 400;
	color: #666666;
}
/* Weather Widget */
#weather-widget {
	position: absolute;
    z-index: 1;
    top: 30vh;
    right: 5vw;
    width: 192px;
    height: auto;
    padding: 20px 30px 10px;
    background-color: rgba(255, 255, 255 ,.8);
    text-align: center;
}
#weather-widget {
	font-size: 14px;
}
#weather-widget hr {
	border-top: 3px solid black;
	margin: .5em 0;
}
#weather-widget h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: .5em;
	letter-spacing: 0px;
}
#weather-widget .icon_weather {
	float: left;
	width: 30px;
	height: 30px;
	margin: 10px 15px;
}
#weather-widget .btn-red-plus {
	letter-spacing: .075em !important;
}
#wpc-weather {
	margin: 0;
	padding: 0;
	width: 165px;
}
#wpc-weather .location_name {
	display: none;
}
#wpc-weather .time_symbol {
	width: 60px;
	float: left;
}
#wpc-weather .time_symbol svg {
	width: 60px;
	height: 60px;
	margin-bottom: 0 !important;
}
#wpc-weather .climacon_component-fill {
	fill: rgba(229,229,229,1) !important;
	-webkit-text-fill-color: rgba(229,229,229,1) !important;
}
#wpc-weather .time_temperature {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 43px !important;
	font-weight: 400;
}
#wpc-weather .time_temperature {
	width: 100px;
	line-height: 60px;
	margin-top: 0 !important;
	float: right;
}
#wpc-weather .time_temperature:after {
	content: "°C" !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size: 43px !important;
	margin-left: 2px;
	vertical-align: top;
	letter-spacing: -2px;
}
/* Video */
.homevid {
	width: 100vw;
	height: auto;
}
/* Animated Scroll Down Arrow */
.scroll-down-arrow {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=');
	background-size: contain;
	background-repeat: no-repeat;
}
.scroll-down-link {
	display:none;
	cursor: initial;
	height: 60px;
	width: 80px;
	margin: 0 0 0 -40px;
	line-height: 60px;
	position: absolute;
	left: 50%;
	bottom: 20px;
	color: #ffffff;
	text-align: center;
	font-size: 70px;
	z-index: 100;
	text-decoration: none;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
	-webkit-animation: fade_move_down 2s ease-in-out infinite;
	-moz-animation: fade_move_down 2s ease-in-out infinite;
	animation: fade_move_down 2s ease-in-out infinite;
}

/* Animated Scroll Arrow Animation */
@-webkit-keyframes fade_move_down {
 0% {
-webkit-transform:translate(0, -20px);
opacity:0;
}
50% {
opacity:1;
}
100% {
-webkit-transform:translate(0, 20px);
opacity:0;
}
}
@-moz-keyframes fade_move_down {
 0% {
-moz-transform:translate(0, -20px);
opacity:0;
}
50% {
opacity:1;
}
100% {
-moz-transform:translate(0, 20px);
opacity:0;
}
}
@keyframes fade_move_down {
 0% {
transform:translate(0, -20px);
opacity:0;
}
50% {
opacity:1;
}
100% {
transform:translate(0, 20px);
opacity:0;
}
}
/* Section Title */
.section-title {
	margin: 30px auto;
	text-align: center;
}
.section-title h5 {
	margin: .5em auto
}
.section-title p {
	width: 70%;
	margin: 1em auto
}
/* Default Page Template */
.page .section-title h4 {
	color: rgba(109,108,108,1)
}
.page .page-content h4 {
	margin: 1em 0
}
/* Single Page */
.single section {
	padding: 8em 0 0;
}
.single .content {
	width: 680px;
}
.single .wrapper-hebergement .content {
    float:left;
    margin:0 auto;
}
/* Promo */
.promo {
	margin: 2% auto;
	text-align: center;
}
.promo_card {
	display: inline-block;
	width: 310px;
	height: 220px;
	padding: 60px;
	text-align: center;
	border: 10px solid black;
	vertical-align: top;
	margin: .5em .25em;
}
.promo_card a {
	display: block;
	color: black;
}
.promo_card .icon-title {
	color: black;
	background-image: url('img/icon_mountain.svg');
	opacity: .55;
	background-size: 35px;
}
.promo_card .icon-title::after {
	content: 'Promotions';
	border-top: 1px solid black;
}
.promo_card h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 40px;
	text-transform: uppercase;
	font-weight: normal;
	padding-bottom: 10px;
	line-height: 1.25em
}
.promo_card p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 300;
}
.promo_card .btn-red-plus {
	display: block;
	width: 100%;
}
.promo_card-img {
	width: 330px;
	height: 240px;
	border: none;
	background-repeat: no-repeat;
	background-size: cover;
	margin: .5em .25em;
}
.promo_card-img a {
	position: relative;
	z-index: 1;
}
.promo_card-img::after {
	background: rgba(255, 255, 255, .8);
	position: absolute;
	top: 10%;
	left: 10%;
	display: block;
	content: '';
	width: 370px;
	height: 290px;
}
/* Feature Promo call*/
.feature-promo {
	margin: 2% auto;
	text-align: center;
}
/* Content grey card */
.content_card {
	display: inline-block;
	width: 40%;
	height: 220px;
	padding: 60px 40px;
	text-align: center;
	vertical-align: top;
	margin: .5em .25em;
}
.content_card h4 {
	color: #9B9B9B;
	margin-bottom: 1em
}
/* Activités Section */
.activities {
	width: auto;
	height: auto;
	text-align: center;
	margin: 2% auto;
}
.activity_card {
	display: inline-block;
	text-align: center;
	width: 32%;
	min-height: 520px;
	margin: 0 .125em .5em
}
.activity_card h4 {
	margin-top: 1em;
	padding: .5em;
	color: rgba(0,0,0,1);
	min-height: 50px;
	max-height: 70px;
    overflow: hidden;
}
.activity_card .icon-title {
	background: url('img/icon_activities.svg');
	opacity: .55;
	background-size: 16px;
}
.activity_card .icon-title::after {
	content: 'Activités';
}
.activity_card .activity_img {
	display: block;
	width: 100%;
	height: 310px;
	margin-bottom: 60px;
	background-size: cover;
	background-repeat: no-repeat;
}
.activity_card .arrow-box {
	margin: 48px 0 0 46.2% !important;
}
.activity_card:hover .activity_img {
	opacity: .8;
}
/* Plan your stay section and other icon sections */
.icon_section {
	margin: 2% auto;
	padding: 2% 0;
	text-align: center;
}
.icon_section .btn-red-box {
	margin-top: 40px;
}
.first_icon_block a, .icon_block a {
	display: block;
}
.first_icon_block, .icon_block h3 {
	color: rgba(0,0,0,1);
}
.first_icon_block a:hover h3, .icon_block a:hover h3 {
	color: rgba(234,44,42,1);
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.page-template-mountain-php .first_icon_block, .page-template-mountain-php  .icon_block, .page-template-mountain-php  .icon_btn {
	display: inline-block;
	width: 25% ;
	margin: 2em 0;
	padding: 0 2%;
	border-left: 1px solid rgba(188,188,188,1);
	border-bottom: none;
	vertical-align: top;
}

.first_icon_block, .icon_block, .icon_btn {
	display: inline-block;
	width: 20%;
	margin: 2em 0;
	padding: 0 2%;
	border-left: 1px solid rgba(188,188,188,1);
	vertical-align: top;
}
.first_icon_block, .icon_btn {
	border-left: none !important;
}
.icon_btn {
	background-position: center;
}
.icon_section .icon_btn {
	width: 50px !important;
	height: 50px !important;
	margin-bottom: 22px !important;
}
.plan_your_stay .icon_btn {
	width: 100px !important;
	height: 108px !important;
	margin-bottom: 22px !important;
}
/* For widget use in .icon_section */
.icon_btn #wpc-weather.small .now .time_symbol svg {
	width: 80px;
	height: 80px;
}
.icon_btn #wpc-weather .time_symbol {
	top: -1em;
	left: -8.5%;
}
.icon_btn #wpc-weather .time_temperature {
	top: 84px;
	left: -55%;
	font-family: 'Oswald', sans-serif !important;
	font-size: 36px !important;
}
.icon_btn #wpc-weather .time_temperature::after {
	font-family: 'Oswald', sans-serif !important;
	font-size: 1em !important;
}
/* Blog section */
.blog {
	width: 100%;
	height: auto;
	padding: 2% 0;
}
.blog .blog_content {
	width: 680px;
}
.blog .thumbnail {
	float: left;
}
.blog .thumbnail img {
	width: 130px;
	height: 130px
}
.blog article {
	width: 90%;
	left: 1em;
}
/* News Section */
.news {
	width: 100%;
	height: auto;
	padding: 2% 0;
}
.news_card {
	position: relative;
	width: 100%;
	height: 360px;
	margin: 1% auto;
}
.news_card div, .news_card a, .news_card h4, .news_card span {
	text-align: center;
	margin: 3% auto;
	display: block;
}
.news_card article {
	width: 50%;
	height: 100%;
}
.news_card .icon-title {
	color: rgba(255,255,255,1);
	background-image: url('img/icon_trees.svg');
	background-size: 27px;
	margin-top: 40px;
}
.news_card .icon-title::after {
	border-top: 1px solid rgba(255,255,255,1);
	color: rgba(255,255,255,1)
}

.news_card.fr .icon-title::after {
	content: 'Nouvelles';
}

.news_card.en .icon-title::after {
	content: 'News';
}

.news_card-img {
	width: 50%;
	height: 100%;
	background-size: cover;
	background-position: 50%;
	margin: 0 !important
}
.news_card-txt {
	width: 50%;
	font-size: 1.125em;
	color: rgba(255,255,255,1)
}
.arrow-box {
	width: 25px;
	height: 25px;
	transform: rotate(45deg);
	position: absolute;
	top: 48%;
	display: block;
	clear: both;
	margin: 0 !important
}
.news_card:nth-child(odd) {
	background: rgba(0,0,0,1);
}
.news_card:nth-child(odd) .news_card-img {
	float: left;
}
.news_card:nth-child(odd) article {
	float: right;
}
.news_card:nth-child(odd) h4 {
	color: rgba(234,44,42,1);
	width: 50%;
}
.news_card:nth-child(odd) .arrow-box {
	background: rgba(0,0,0,1);
	left: -12px;
}
.news_card:nth-child(even) {
	background: rgba(234,44,42,1);
}
.news_card:nth-child(even) .news_card-img {
	float: right;
}
.news_card:nth-child(even) article {
	float: left;
}
.news_card:nth-child(even) h4 {
	color: rgba(0,0,0,1);
	width: 50%;
}
.news_card:nth-child(even) .btn-red-plus {
	color: rgba(0,0,0,1) !important;
}
.news_card:nth-child(even) .btn-red-plus::after {
	background-color: rgba(0,0,0,1);
}
.news_card:nth-child(even) .btn-red-plus:hover {
	color: rgba(109,108,108,1) !important;
}
.news_card:nth-child(even) .btn-red-plus:hover::after {
	background-color: rgba(109,108,108,1);
}
.news_card:nth-child(even) .arrow-box {
	background: rgba(234,44,42,1);
	right: -12px;
}
.avatar-wrapper {
	margin: 0 0 2em;
}
.avatar-wrapper div {
	display: inline-block;
}
.avatar-img {
	margin-right: 1em;
}
.avatar-img img {
	border-radius: 3em
}
.avatar-name {
	font-weight: 700;
}
.avatar-desc {
	font-weight: 300;
}
/* Plan your trip pages */
.sejour h5 {
	color: #000
}
.sejour-decouverte .icon_binoculars_red {
	height: 40px;
}
.sejour-decouverte .icon_boot_white, .sejour-decouverte .icon_shirt_white, .sejour-decouverte .icon_wrench_white {
	height: 50px;
	margin: 0 0 1em
}
.sejour-decouverte .promo, .sejour-decouverte .sejour-decouverte {
	margin: 0 auto
}
.discover_content {
	margin: 2% auto;
	text-align: center;
}
.sejour-couple .icon_heart {
	height: 40px;
}
.sejour-famille .icon_teddy-bear {
	height: 40px;
}
.sejour-groupe .icon_bus {
	height: 40px;
	background-position-x: 50%;
	margin: 1em auto
}
.season .trigger:hover, .season .active.trigger {
	background: rgba(234,44,42,1)
}
.season .toggle_container {
	width: 100%;
	padding: 0
}
.season table {
	border: 0;
	padding: 0;
	margin: 0
}
.season .toggle h5 {
	line-height: 1em;
	margin: 0;
	padding: 1.5em 0 1.5em 1em;
	text-align: left;
}
/* About Us section */
.about-us {
	max-width: 100%;
	height: auto;
	min-height: auto;
	padding: 5% 0 10%;
}
.about-us::after {
	content: '';
	background: url('img/img_sutton_about-us@2x.jpg') no-repeat top;
	background-size: cover;
	width: 100%;
	height: 100%;
	top: 0;
	position: absolute;
	z-index: -1;
}
.about-us_content {
	width: 250px;
	height: 100%;
	margin: 0 0 0 10%;
}
.about-us_content h1 {
	line-height: 1.1em;
}
.about-us_content p {
	margin: 5% 0 10% 0;
}
/* Tech Specs section */
.tech-specs {
	max-width: 100%;
	height: auto;
	min-height: auto;
	padding: 5% 0 10%;
	margin-top: -2%;
}
.tech-specs::after {
	content: '';
	background: url('img/img_sutton_tech-specs@2x.jpg') no-repeat center;
	background-size: cover;
	width: 100%;
	height: 100%;
	top: 0;
	position: absolute;
	z-index: -1;
}
.tech-specs_content {
	width: 270px;
	height: 100%;
	margin: 0 0 20% 50%;
}
.tech-specs_content h3, .tech-specs_content h5, .tech-specs_content p {
	color: rgba(255,255,255,1);
}
.tech-specs_content p {
	margin: 5% 0 10% 0;
}
.tech-specs_content li {
	text-align: center;
	width: 31%;
	display: inline-block;
	vertical-align: top;
}
.tech-specs_content li:last-child {
	width: 35%;
}
.tech-specs_content .btn-red-box {
	padding: 1em 2.25em;
}
/* The Mountain Page */
.mountain-services {
	width: 100%;
	height: 100%;
	text-align: center;
}
.mountain-services .wrapper div {
	margin-top: 20px;
	display: inline-block;
	width: 49%;
	height: 360px
}
.mountain-services .wrapper div::after {
	background: rgba(255, 255, 255, .8);
	position: absolute;
	top: 20%;
	left: 20%;
	display: block;
	content: '';
	width: 60%;
	height: 60%;
}
.mountain-services h3 {
	margin-top: 20%;
	color: rgba(0,0,0,1);
	z-index: 1;
}
.mountain-services p {
	padding: 0 30% 5%
}
/* The Mountain specs - technical card */
.technical-card {
	padding: 2% 0;
	width: 100%;
	height: auto;
	text-align: center
}
.bg-red.technical-card h2, .bg-black.technical-card h2 {
	color: rgba(255,255,255,1)
}
.tecnical-card h3 {
	margin: .5em 0 0;
	line-height: 1.175em
}
.technical-card h3 {
	color: rgba(255,255,255,1);
	margin: .5em 0 0;
	line-height: 1.175em;
	overflow: hidden;
}
.bg-grey-light.technical-card h3 {
	color: #000;
}
.technical-card h4 {
	color: #000
}
.domain h4 {
	color: rgba(188,188,188,1)
}
.bg-red.technical-card h4, .lifts.technical-card h4 {
	color: rgba(255,255,255,1);
	padding: .75em 0 0
}
.bg-black.technical-card h4, .bg-grey-light.technical-card h4 {
	padding: .75em 0 0
}
.bg-red.technical-card p, .bg-black.technical-card p {
	color: #FFF;
	text-transform: uppercase;
	line-height: 1.5em;
}
.technical-card a:hover h3 {
	color: rgba(188,188,188,1)
}
.technical-card_content {
	width: 20%;
	display: inline-block;
	margin: 2em 0;
	padding: 2%;
	border-left: 1px solid rgba(188,188,188,1);
	vertical-align: top;
	min-height: 120px;
}
.technical-card_content:first-child {
	border: 0
}
.technical-card_content .icon_track-easy {
	background-position: 25% 85%;
	background-size: 1em;
}
.technical-card_content .icon_track-hard {
	background-position: 18% 85%;
	background-size: 1em;
}
.technical-card_content .icon_track-very-hard {
	background-position: 6% 85%;
	background-size: 1.25em;
}
.technical-card_content .icon_track-extreme {
	background-position: 18% 85%;
	background-size: 1.5em;
}
.installations .technical-card_content {
	width: 28%;
}
.installations img {
	height: 45px;
}
.undergrowth {
	max-width: 100%;
	height: auto;
	min-height: 310px;
	padding: 5% 0 10%;
	margin-top: -2%;
}
.undergrowth::after {
	content: '';
	background: url('img/bg_fiche-technique@2x.jpg') no-repeat center;
	background-size: cover;
	width: 100%;
	height: 100%;
	top: 0;
	position: absolute;
	z-index: -1;
}
.undergrowth_content {
	width: 160px;
	height: 100%;
	margin: 0 0 0 15%;
	text-align: center
}
.undergrowth_content img {
	height: 40px;
	margin: 1em auto
}
/* Conditions sub-section */
.conditions-de-ski .icon_section {
	margin: 0;
	padding: 5% 0;
}
.conditions-de-ski .activity_card {
	min-height: 220px;
	margin: .5em .25em;
}
.conditions-de-ski .other_status {
	display: inline-block;
	margin: 1em
}
.conditions-de-ski .other_status h4 {
	display: inline-block;
}
.conditions-de-ski .surface {
	padding-bottom: 3em;
}
/*en version*/
.ski-conditions .icon_section {
	margin: 0;
	padding: 5% 0;
}
.ski-conditions .activity_card {
	min-height: 220px;
	margin: .5em .25em;
}
.ski-conditions .other_status {
	display: inline-block;
	margin: 1em
}
.ski-conditions .other_status h4 {
	display: inline-block;
}
.ski-conditions .surface {
	padding-bottom: 3em;
}
.snow h2, .snow h3, .snow div {
	color: rgba(255,255,255,1)
}
.snow div {
	line-height: 7em
}
.snow .legal {
}
.sutton-comment {
	margin: 2em auto 0;
	text-align: center;
}
.sutton-comment p {
	margin: 2em auto;
}
.user-photo {
	background: rgba(0,0,0,.5);
	width: 110px;
	height: 110px;
	float: left;
	border-radius: 60px;
}
.user-comment {
	clear: both;
	top: -90px;
	text-align: left;
	margin-left: 130px;
	width: 100%;
}
.user-comment p {
	top: 1.25em;
	font-weight: 700;
	font-style: italic;
}
.user-comment span {
	font-style: italic;
}
.surface div {
	line-height: 1.5em;
}
.surface h5, .surface p {
	display: block;
	width: 60%;
	margin: 1em auto 0
}
.surface p {
	font-size: 1em;
	font-weight: 300 !important;
}
.meteo #wpc-weather {
	width: 100% !important;
	margin-left: 130px;
}
.meteo h2, .meteo .time_temperature, .meteo .day, .meteo .temp_min, .meteo .temp_max, .meteo #wpc-weather .forecast .climacon::before {
	color: rgba(255,255,255,1)
}
.meteo #wpc-weather.small .now, .meteo #wpc-weather .forecast .climacon {
	fill: rgba(255,255,255,1) !important
}
.meteo .today {
	display: none !important;
}
.meteo .day, .meteo .temp_min, .meteo .temp_min span, .meteo .temp_max, .meteo .temp_max span {
	font-size: 24px;
	font-weight: 300 !important;
}
.meteo .now {
	margin: 2em auto;
	width: 210px;
	float: left;
	right: -110px;
	border-right: 1px #fff solid;
	padding-right: 5%;
	vertical-align: middle;
	line-height: 50px;
	padding-top: 25px;
}
.meteo .forecast {
	margin: 0 auto;
	width: 33% !important;
}
.meteo .forecast {
	margin: 3.5em auto 0;
	left: -100px;
}
#wpc-weather .forecast .first, #wpc-weather .forecast .second, #wpc-weather .forecast .symbol {
	width: auto
}
.section-webcams {
	margin: 5% auto 5%;
	text-align: center;

}
.webcams .call_half {
	height: 165px
}
.webcams {
	width: 100%;
	height: 20em;
}
.webcams h4 {
	position: relative;
	bottom: -200px
}
/* Conditions Details */
.domaine-skiable-ouvert h3 {
	margin: 1em auto;
}
.domaine-skiable-ouvert .icon {
	text-align: left;
	padding-left: 1.25em;
	margin-left: 2.5em
}
.domaine-skiable-ouvert .icon_track-extreme {
	padding: 0 0 0 25px
}
.domaine-skiable-ouvert .icon_track-extreme-plus {
	padding: 0 0 0 30px
}
.domaine-skiable-ouvert .icon-type {
	text-align: left;
	padding-left: 1.5em;
	margin-left: 1em
}
/* Lodging section */
.advanced-search .category-select {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	-webkit-column-gap: 0px;
	-moz-column-gap: 0px;
	column-gap: 0px;
}
.advanced-search .category-select h6 {
	padding: 1em 0;
}
/* Lodging Page */
.basic-search {
	min-height: auto;
	padding: 1em 0;
	text-align: center
}
.basic-search span {
	padding: 0 5em 0 0
}
#btn-advanced, #btn-basic {
	background: url('img/arrow_down_advanced.svg') no-repeat 92% 50%;
	background-size: 9px;
	color: rgba(0,0,0,1);
	float: right;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 700;
	margin: 1em 2.675em 0 0;
	text-transform: uppercase;
	width: 150px
}
#btn-basic {
	background: url('img/arrow_up_advanced.svg') no-repeat 80% 50%;
	background-size: 9px;
	margin-right: 7.25em
}
.advanced-search {
	display: none;
	min-height: auto;
	padding: 3em 0;
	text-align: center
}
.advanced-search h4 {
	padding: 2.5em 0 .5em
}
.advanced-search div {
	display: inline-block;
}
.advanced-search input {
	font-size: .875em;
	letter-spacing: 1px;
	margin: .875em 0
}
.advanced-search input[type="submit"] {
	margin: 1em 0 0
}
select.select-small {
	background-size: 30px;
	height: 35px;
	width: 200px;
	border-width: 2px
}
select.select-small:hover {
	background-position: 100% 30px
}
.basic-search form, .advanced-search form {
	font-size: 14px;
	text-align: left
}
.lodging_card {
	background: rgba(255,255,255,1);
	margin: 2em 0;
	max-height: 250px;
}
.lodging_card:hover .lodging_img {
	opacity: .7;
}
.lodging_card div {
	display: inline-block;
	vertical-align: top;
}
.lodging_card a, .lodging_card a:hover {
	color: rgba(0,0,0,1)
}
.lodging_card .btn-red-box {
	color: rgba(255,255,255,1)
}
.lodging_card h3, .lodging_card h5, .lodging_card p {
	margin-bottom: 5px
}
.lodging_card span {
	font-size: 20px
}
.lodging_card h5 {
	color: rgba(0,0,0,1)
}
.lodging_card .lodging_img {
	background-repeat: no-repeat;
	background-size: contain;
	height: 250px;
	width: 290px;
	max-width:25vw;
}
.lodging_card .ribbon {
	height: 90px;
	margin: 1em;
	width: 60px
}
.lodging_card .lodging_content h3 {
	line-height: 1.15em;
	margin-top: .25em
}
.lodging_card .lodging_content span + h5 {
	margin-top: .5em
}
.lodging_card .lodging_content p {
	margin-top: .75em
}
.lodging_card .lodging_content p b {
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	text-transform: uppercase
}
.lodging_card .lodging_content p + h5 {
	bottom: 0;
	color: rgba(109,108,108,1);
	left: 0;
	/*position: absolute;*/
	/*vertical-align: bottom*/
}
.lodging_card .lodging_content {
	/*border-right: 1px solid rgba(188,188,188,1);*/
	height: 250px;
	margin-left: 1%;
	padding-right: 1%;
	width: 45%;
	/*max-width:35vw;*/
}
.lodging_card .price {
	height: 250px;
	margin-left: .25em;
	text-align: center;
	vertical-align: middle;
	width: 180px
}
.lodging_card .price h5 {
	margin: 0 auto;
	padding: 1% 5%
}
.lodging_card .price_box {
	border: 10px solid rgba(0,0,0,1);
	height: 165px;
	width: 145px;
}
.lodging_card .price_box p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px
}
.lodging_card .price_box-intro, .lodging_card .price_box-price, .lodging_card .price_box-outro {
	position: absolute;
	width: 125px;
}
.lodging_card .price_box-intro {
	right: 10px;
	top: 25px
}
.lodging_card .price_box-price {
	right: 10px;
	top: 40px
}
.lodging_card .price_box-outro {
	top: 6.5em;
	left: 10px
}
/* Single Lodging */
.single-hebergement aside {
	margin-top: 129px;
}
.single-hebergement .single_section-title h5 {
	line-height: 1.5em
}
.single-hebergement .single_section-title p {
	margin-bottom: .5em
}
.single-hebergement .hebergement_content-txt {
	margin: 5% auto
}
.single-hebergement .single-hebergement_legal {
	margin: 0 0 5%
}
.single-hebergement .single-hebergement_legal p {
	font-size: 12px;
}
.single-hebergement .other-price h4 {
	margin-top: .5em;
}
.single-hebergement .other-price h4:first-child {
	text-decoration: underline;
	margin-top: 0;
}
.single-hebergement aside h3 {
	line-height: 1.125em
}
.single-hebergement .single_section-title p + h5, .single-hebergement aside .price-content h5 {
	color: rgba(0,0,0,1)
}
.single-hebergement aside .ribbon {
	margin-top: -60px
}
.single-hebergement aside .icon_ski-dodo-ski {
	left: -1px;
	height: 120px;
	min-height: 30px;
	top: 48px;
	z-index: 99;
	width: 100%
}
.single-hebergement aside .icon_ski-dodo-ski h5 {
	line-height: 18px;
	margin-left: 85px;
	padding-top: 10px;
	width: 165px
}
.single-hebergement aside .price_content-price {
	border: 10px solid rgba(0,0,0,1);
	height: auto;
	padding: 10% 0px;
	text-align: center;
	width: 230px
}
.single-hebergement aside .price_content-short-content {
	margin-top: 10px;
}
.single-hebergement .hebergement_content-txt p b {
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	text-transform: uppercase
}
.single-hebergement aside .other-price {
	background: rgba(229,229,229,1);
	height: auto;
	margin: 5% auto 0;
	padding: 2em 5%;
	text-align: center;
	width: 90%
}
.single-hebergement aside .other-price h5 {
	margin: .5em auto 2em
}
.single-hebergement aside .other-price hr {
	margin: 5% auto;
	width: 70%
}
.single-hebergement aside .btn-red-box {
	text-align: center;
	width: 87%
}
.single-hebergement .hebergement_tag {
	margin-top: 20px
}
.single-hebergement .hebergement_tag li:before {
	content: '• '
}
.single-hebergement .hebergement_tag li a {
	color: rgba(0,0,0,1);
	list-style: initial inside none
}
.single-hebergement .hebergement_tag li a:hover {
	color: rgba(234,44,42,1)
}
.single-hebergement .hebergement_ski-dodo-ski_pass {
	margin: 0 0 1%;
	padding: 0
}
/* Slider */
#carousel-wrapper {
	background: rgba(0, 0, 0, 1);
	margin-top: 1%
}
#sync1 .item {
	background: #000000;
}
#sync2 .item {
	padding: 10px 5px;
	text-align: center;
	cursor: pointer
}
#sync2 .synced .item img {
	opacity: .6
}
#sync2 {
	width: 90%;
	margin: 0 auto
}
#sync2 .owl-controls {
	margin: 0;
	padding: 0
}
#sync2 .owl-prev, #sync2 .owl-next {
	background-color: rgba(0, 0, 0, 1);
	border-radius: 0 !important;
	margin: 0;
	opacity: 1;
	padding: 0;
	width: 35px;
	height: 120px
}
#sync2 .owl-prev:hover, #sync2 .owl-next:hover {
	opacity: .6
}
#sync2 .owl-prev {
	background: url('img/arrow_prev.svg') no-repeat center;
	background-size: 50%;
	position: absolute;
	left: -34px;
	top: -120px
}
#sync2 .owl-next {
	background: url('img/arrow_next.svg') no-repeat center;
	background-size: 50%;
	position: absolute;
	left: 100%;
	top: -120px
}
/* Lodging - Contact map card */
.contact-map_card {
	height: 340px;
	margin: 2% 0;
	width: 680px;
}
.contact-map_card div {
	height: 300px;
	text-align: center;
	width: 50%;
}
.contact-map_card .contact_card {
	background: rgba(0,0,0,1)
}
.contact-map_card .contact_card h5 > a {
	color: rgba(255,255,255,1);
	text-transform: initial;
}
.contact-map_card .contact_card h5 > a:hover {
	color: rgba(109,108,108,1)
}
.contact-map_card .arrow-box {
	background: rgba(0,0,0,1);
	height: 25px;
	left: -12px;
	width: 25px
}
.contact-map_card h4, .contact-map_card h5 {
	color: rgba(255,255,255,1);
	line-height: 1.25em
}
.contact-map_card hr {
	margin: 3% auto 5%;
	width: 110px
}
.contact-map_card h4 {
	margin: 2.5em 0 1.5em;
}
.contact-map_card .btn-red-plus {
	margin-top: 1em;
}
/* Customize ACF Google Maps */
.acf-map {
	height: auto;
	width: 100% !important
}
.gm-style > div:first-child {
	z-index: 1000001 !important
}
.gm-style-mtc, .gmnoprint:last-child {
	display: none;
	z-index: -1
}
.gmnoprint {
	z-index: 1000002 !important
}
/* Ski Dodo Ski page */
.ski-dodo-ski .title_content {
	margin-top: 10em;
	color: #FFF;
}
.bg_ski-dodo-ski {
	background-size: cover !important;
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 1400px;
	max-height: 2800px;
}
.ski-dodo-ski h2, .ski-dodo-ski .ski-dodo-ski_content p {
	color: #FFF;
}
.ski-dodo-ski_content .legal_txt {
	margin: 2em auto
}
.icon_ski-dodo-ski {
	height: 140px;
}
.ski-dodo-ski_card {
	display: inline-block;
	width: 310px;
	height: auto;
	padding: 3em;
	text-align: left;
	border: 10px solid #FFF;
	vertical-align: top;
	margin: .5em .25em;
}
.ski-dodo-ski_card .two-nights_sticker img {
	height: 130px;
	top: -10px;
	left: 55%;
	position: absolute;
}
.ski-dodo-ski_card h2 {
	color: #EA2C2A !important
}
.ski-dodo-ski_card h4 {
	color: #FFF !important
}
.ski-dodo-ski_card hr {
	color: rgba(188, 188, 188, 1);
	margin: 2em auto;
}
.ski-dodo-ski_card .participant {
	margin: 5% auto
}
.ski-dodo-ski_card .participant h4 {
	color: #EA2C2A !important;
	margin-top: 1em
}
.ski-dodo-ski_card .participant h5 {
	color: #FFF !important;
}
/* Call-to-actions */
.call_full {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 450px;
	margin: 1% auto;
	width: 940px
}
.call_full-content {
	background-color: rgba(255,255,255,.8);
	bottom: 0;
	left: 0;
	margin: 10% auto;
	padding: 45px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 470px
}
.call_full h3 {
	color: rgba(0, 0, 0, 1)
}
.call_half {
	width: 465px;
	height: 220px;
	padding: 70px 0;
	margin: 1% auto;
	display: inline-block;
	vertical-align: top;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat
}
.call_half:nth-child(odd) {
	float: left
}
.call_half:nth-child(even) {
	float: right
}
.call_half-content {
	background-color: rgba(255,255,255,.8);
	margin: 0 auto;
	max-height: 165px;
	padding: 25px;
	text-align: center;
	width: 230px
}
.call_half h3 {
	color: rgba(0, 0, 0, 1);
	line-height: 1.25em
}
/* Breadcrumbs */
.breadcrumbs {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 7%;
	text-transform: uppercase
}
.breadcrumbs .trail-browse {
	display: none !important
}
.breadcrumbs .trail-items li {
	color: rgba(0, 0, 0, 1)
}
.trail-items li::after {
	content: "\003E" !important
}
.breadcrumbs a {
	color: rgba(109, 108, 108, 1);
	display: inline-block
}
.breadcrumbs a:hover {
	color: rgba(188, 188, 188, 1)
}
/* Pagination */
.page-numbers {
	text-align: center;
}
.page-numbers li {
	display: inline-block;
	margin: 2% 0;
}
.page-numbers li a {
	background: rgba(229,229,229,1);
	border: 1px solid rgba(229,229,229,1);
	border-radius: 3px;
	color: rgba(0,0,0,1);
	padding: .375em .875em
}
.page-numbers li a:hover {
	background: rgba(188,188,188,1);
	border-color: rgba(188,188,188,1)
}
.current {
	background: rgba(0,0,0,1);
	border: 1px solid rgba(0,0,0,1);
	border-radius: 3px;
	color: rgba(255, 255, 255,1);
	padding: .375em .875em
}
/* Forms Elements */
input {
	border-radius: 3px;
	color: rgba(255,255,255,1);
	/*-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none*/
}
input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="password"], textarea {
	background: transparent;
	border: 2px solid rgba(188,188,188,1);
	color: #000;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 300;
	padding: .75em 1em;
	text-transform: none;
	top: 25px
}
input[type="submit"] {
	width: auto !important;
	background: rgba(234,44,42,1);
	border: 2px solid rgba(234,44,42,1);
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 1em 2.5em;
	text-decoration: none;
	text-transform: uppercase;
	top: 25px
}
input[type="submit"]:hover, input[type="submit"].sending {
	background: rgba(109,108,108,1);
	border: 2px solid rgba(109,108,108,1)
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:rgba(188,188,188,1)
}
input::-moz-placeholder, textarea ::-moz-placeholder {
color:rgba(188,188,188,1)
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:rgba(188,188,188,1)
}
 textarea:focus::-webkit-input-placeholder, input:focus::-webkit-input-placeholder {
color:transparent
}
textarea:focus:-moz-placeholder, input:focus:-moz-placeholder {
color:transparent
}
textarea:focus::-moz-placeholder, input:focus::-moz-placeholder {
color:transparent
}
textarea:focus:-ms-input-placeholder, input:focus:-ms-input-placeholder {
color:transparent
}
select {
	background: transparent url('img/arrow.svg') repeat-y;
	background-position: 100% 0;
	background-size: 50px;
	border: 3px solid rgba(0,0,0,1);
	border-radius: 3px;
	color: rgba(0,0,0,1);
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	height: 50px;
	margin-right: 4em;
	text-indent: 10%;
	-webkit-appearance: none;
	width: 225px
}
select:hover {
	cursor: pointer;
	background-position: 100% 50px
}
progress:not([value]) {
}
/* Puremment Sutton Landing */
.purement-sutton .box,
.purely-sutton .box {
	height: auto;
	max-width: 100%;
	min-height: 940px;
	padding: 5% 0 0
}
.purement-sutton .box::after,
.purely-sutton .box::after {
	background: url('img/img_purely-sutton@2x.jpg') no-repeat top;
	background-size: cover;
	content: '';
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}
.purement-sutton_content {
	height: 100%;
	width: 300px
}
.purement-sutton_content h3 {
	line-height: 1.125em;
	padding: 0 0 .25em 0;
	max-width: 80%
}
.purement-sutton_content p {
	max-width: 90%
}
/* Landing Services Page */
.mountain-guides {
	height: auto;
	max-width: 100%;
	min-height: 860px;
	overflow: hidden;
	padding: 5% 0 10%
}
.mountain-guides::after {
	background: url('img/img_services_mountain-guides@2x.jpg') no-repeat top;
	background-size: cover;
	content: '';
	height: 100%;
	position: absolute;
	top: 150px;
	width: 100%;
	z-index: -1;
}
.mountain-guides_content {
	height: 100%;
	width: 350px
}
.mountain-guides_content p {
	max-width: 85%
}
.mountain-guides .border-box {
	margin: 0 0 0 5%;
	padding: 1em 1.5em
}
/* Landing Rates Page */
.gift-cards {
	height: auto;
	max-width: 100%;
	min-height: 940px;
	padding: 5% 0 10%
}
.gift-cards::after {
	background: url('img/img_rates_gift-cards@2x.jpg') no-repeat top;
	background-size: cover;
	content: '';
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}
.gift-cards_content {
	height: 100%;
	width: 300px
}
.gift-cards_content p {
	max-width: 70%
}
.gift-cards .border-box {
	margin: 0 0 0 10%;
	padding: 1em 1.5em
}
/* Landing School Page */
.snow-school .join-us {
	background: #E5E5E5;
	width: 100%;
	max-height: 310px;
	padding: 2% 0;
	text-align: center
}
.snow-school .join-us h3, .snow-school .join-us p {
	padding: 0 0 .55em 0;
}
.snow-school .join-us hr {
	width: 125px;
	margin: 2% auto;
}
.ski-initiation {
	height: auto;
	max-width: 100%;
	min-height: auto;
	padding: 5% 0 10%
}
.ski-initiation::after {
	background: url('img/img_snowschool_initiation@2x.jpg') no-repeat top;
	background-size: cover;
	content: '';
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}
.ski-initiation_content {
	height: 100%;
	width: 300px;
	margin: 0 0 20% 0%;
}
.ski-initiation_content h3 {
	line-height: 1.125em;
	padding: 0 0 .25em 0;
	max-width: 80%
}
.ski-initiation_content p {
	max-width: 90%
}
/* Form page */
.formulaire-de-demande-dinformation .wpcf7 {
	text-align: center
}
.formulaire-de-demande-dinformation .wpcf7 input, .formulaire-de-demande-dinformation .wpcf7 textarea {
	width: 85%;
	margin: 2% 2% 2% 0
}
.formulaire-de-demande-dinformation .wpcf7input[type="submit"] {
	margin: 1em 0
}
/* Landing Purely Sutton Page */
.survey {
	background: #000;
	width: 100%;
	max-height: 310px;
	vertical-align: center;
	padding: 2% 0;
	text-align: center;
	margin: 2% auto
}
.survey p, .survey h3 {
	color: #FFF;
	padding: 0 0 .5em 0;
}
/* Comments Feed */
.homepage-msg {
	color: rgba(255,255,255,1);
	background: rgba(0,0,0,1)
}
.quote {
	text-align: center;
	padding: 2em 0 .5em;
	height: 100%;
	font-size: 18px;
}
.quote blockquote {
	font-family: 'Oswald', sans-serif;
	font-style: normal;
	line-height: 22px;
	padding: 0 30%;
}
.quote span {
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 36px;
	font-weight: 300;
	letter-spacing: 0;
	margin-top: 1%;
}
.owl-theme .owl-controls {
	padding-bottom: 10px;
}
.owl-theme .owl-controls .owl-page span {
	background: rgba(255,255,255,1) !important;
	opacity: 1 !important;
}
.owl-theme .owl-controls .owl-page.active span {
	background: rgba(234,44,42,1) !important;
}
.instafeed_title {
	height: 85px;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	background: rgba(255,255,255,1);
	color: rgba(0,0,0,1);
	text-transform: uppercase;
	padding-top: 35px;
	letter-spacing: 1px;
	line-height: 22px;
	text-align: center;
}
.push {
	height: XXXpx;
	background: orange;
}
/* Season Rates Subpage */
.individual-tickets, .youth-tickets, .family-tickets {
	padding: 2% 0;
	width: 100%;
	height: auto;
	text-align: center
}
.individual-tickets h3 {
	margin: .5em 0 0;
	line-height: 1.175em
}
.youth-tickets h3, .family-tickets h3 {
	color: rgba(255,255,255,1);
	margin: .5em 0 0;
	line-height: 1.175em
}
.individual-tickets a:hover h3 {
	color: rgba(234,44,42,1)
}
.youth-tickets a:hover h3, .family-tickets a:hover h3 {
	color: rgba(188,188,188,1)
}
.individual-tickets h4, .youth-tickets h4 {
	color: rgba(109,108,108,1)
}
.family-tickets h4 {
	color: rgba(0,0,0,1)
}
.individual-tickets_content, .youth-tickets_content, .family-tickets_content {
	margin: 2% 0;
}
.individual-tickets_content a, .youth-tickets_content a, .family-tickets_content a {
	width: 190px;
	display: inline-block;
	margin: 2em 0;
	padding: 0 1em;
	border-left: 1px solid rgba(188,188,188,1);
	vertical-align: middle;
}
.individual-tickets_content a:nth-child(1), .individual-tickets_content a:nth-child(5), .youth-tickets_content a:nth-child(1), .family-tickets_content a:nth-child(1) {
	border: 0
}
/* Lift Tickets Subpage */
.day-tickets, .special-tickets, .multi-tickets, .group-tickets, .corpo-tickets {
	padding: 2% 0;
	width: 100%;
	height: auto;
	text-align: center
}
.day-tickets h3, .group-tickets h3 {
	margin: .5em 0 0;
	line-height: 1.175em;
	padding: 15px 0px;
}
.special-tickets h3, .multi-tickets h3, .corpo-tickets h3 {
	color: rgba(255,255,255,1);
	margin: .5em 0 0;
	line-height: 1.175em;
	overflow: hidden;
	padding: 15px 0
}
.day-tickets h4, .special-tickets h4, .group-tickets h4, .corpo-tickets h4 {
	color: rgba(109,108,108,1)
}
.multi-tickets h4 {
	color: rgba(0,0,0,1)
}
.day-tickets a:hover h3, .group-tickets a:hover h3 {
	color: rgba(234,44,42,1)
}
.special-tickets a:hover h3, .multi-tickets a:hover h3, .corpo-tickets a:hover h3 {
	color: rgba(188,188,188,1)
}
.day-tickets_content, .special-tickets_content, .multi-tickets_content, .group-tickets_content, .corpo-tickets_content {
	margin: 2% 0;
}
.day-tickets_content a, .special-tickets_content a, .multi-tickets_content a, .group-tickets_content a, .corpo-tickets_content a {
	width: 210px;
	display: inline-block;
	margin: 2em 0;
	padding: 0 2em;
	border-left: 1px solid rgba(188,188,188,1);
	vertical-align: middle;
	min-height: 110px;
	line-height: 140px;
}
.day-tickets_content a:nth-child(1), .special-tickets_content a:nth-child(1), .multi-tickets_content a:nth-child(1), .group-tickets_content a:nth-child(1), .corpo-tickets_content a:nth-child(1) {
	border: 0
}
.day-tickets_content a:nth-child(4), .special-tickets_content a:nth-child(4), .multi-tickets_content a:nth-child(4), .group-tickets_content a:nth-child(4), .corpo-tickets_content a:nth-child(4) {
	border: 0
}
/* Rates Single Page */
.page .rates_page {
	padding-top: 150px;
}
.page .rates_page .section-title {
	text-align: left;
}
.page .rates_page .content {
	width: 680px
}
.page .rates_page .content .rates_legal {
	font-size: 12px;
	font-weight: 400;
}
.page .rates_page .content .rates_content {
	margin: 5% 0;
}
.page .rates_page .content .rates_content .rates_legal {
	margin: 3% 0 0;
}
.page .rates_page aside {
	padding-top: 140px
}
.page .rates_page aside .btn-red-box {
	text-align: center;
	width: 87%;
}
.page .rates_page aside .subscription_infos, .page .rates_page aside .pass_link {
	margin: 1em 0 0;
	padding: 10%;
	text-align: center;
}
.page .rates_page aside h4, .page .rates_page aside .pass_link h4:first-child {
	margin: 0 0 1em;
}
.page .rates_page aside .pass_link h4 {
	color: rgba(255,255,255,1);
	margin: 0
}
.page .rates_page aside .pass_link h5 {
	color: rgba(0,0,0,1);
	line-height: 1em;
}
.page .rates_page aside .pass_link hr {
	color: rgba(255,255,255,1)
}
.page .rates_page aside .pass_link hr:last-child {
	display: none;
}
.page .rates_page .day-tickets_content {
	margin: 0 0 1%;
	padding: 0
}
/* Single Promotion */
.single-promotion .content h4 {
	color: rgba(109,108,108,1);
	margin-bottom: 1em;
	min-height: 50px
}
.single-promotion .single-promotion_txt {
	margin: 5% 0;
	width: 95%
}
.single-promotion aside {
	padding-top: 140px;
}
.single-promotion aside .btn-red-box {
	width: 87%;
	text-align: center;
}
.single-promotion aside .promo_pic {
	width: 250px;
	height: 250px;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	margin: 1em 0
}
/* Rates Single Page */
#calendar_wrap {
	min-width: 250px;
	max-width: 250px;
	margin: auto;
	padding-right: 12%;
}
#calendar_wrap td, #calendar_wrap th {
	padding: 0;
	width: 50px;
	height: 30px;
}
#wp-calendar caption {
	display: none
}
/* Single Activites */
.single-activite .content h4 {
	color: rgba(109,108,108,1);
	margin-bottom: 1em;
	min-height: 50px
}
.single-activite .single-activity_txt {
	margin: 5% 0;
	width: 95%
}
.single-activite aside {
	padding-top: 0;
}
.single-activite aside .widgettitle {
	display: none
}
.single-activite aside .btn-red-box {
	width: 87%;
	text-align: center;
}
.single-activite aside .activity_pic {
	width: 250px;
	height: 250px;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	margin: 1em 0
}
.single-activite .partner {
	width: 100%;
	margin: 5% auto;
}
.single-activite .partner h4 {
	padding: 0;
	margin: 0;
	min-height: 0;
}
.single-activite .partner .partner-logo img {
	padding: 1em 0;
}
/* Single En région */
.single-region .content h4 {
	color: rgba(109,108,108,1);
	margin-bottom: 1em;
	min-height: 50px
}
.single-region .single-activity_txt {
	margin: 5% 0;
	width: 95%
}
.single-region aside {
	padding-top: 0;
}
.single-region aside .btn-red-box {
	width: 87%;
	text-align: center;
}
.single-region aside .activity_pic {
	width: 250px;
	height: 250px;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	margin: 1em 0
}
.single-region .partner {
	width: 100%;
	margin: 5% auto;
}
.single-region .partner h4 {
	padding: 0;
	margin: 0;
	min-height: 0;
}
.single-region .partner .partner-logo img {
	padding: 1em 0;
}
/* All Activites */
.post-type-archive-activite h2, .post-type-archive-activite li:before {
	display: none
}
.post-type-archive-activite h1 {
	display: inline-block
}
/* Contacts page */
.contact-infos hr {
	width: 170px;
	margin: 3em auto 0;
}
.contact-infos .contact-map_card, .contact-infos .contact-box_card {
	width: 920px;
	margin: 10px;
	height: 400px
}
.contact-infos .contact_card {
	height: 400px;
	width: 50%
}
.contact-infos .contact-map_card h4 {
	margin-top: 3em
}
.contact-infos .contact-map_card div {
	height: 400px;
}
.contact-box_card {
	height: 340px;
	margin: 2% 0;
	width: 680px;
}
.contact-box_card .contact_card {
	background: rgba(234,44,42,1);
	text-align: center;
	width: 49%;
}
.contact-box_card .contact_card h5 > a {
	color: rgba(255,255,255,1);
	text-transform: initial;
}
.contact-box_card .contact_card h5 > a:hover {
	color: rgba(109,108,108,1)
}
.contact-box_card .arrow-box {
	background: rgba(0,0,0,1);
	height: 25px;
	left: -12px;
	width: 25px
}
.contact-box_card h4, .contact-box_card h5 {
	color: rgba(255,255,255,1);
	line-height: 1.25em
}
.contact-box_card hr {
	margin: 3% auto 5%;
	width: 110px
}
.contact-box_card h4 {
	margin: 5em 0 0 0;
}
.contact-box_card h5 {
	margin: 1.5em 0 0 0
}
.contact_card-content h3 {
	color: #fff;
	margin: 2em 0 0 0;
}
.contact_card-content h4 {
	color: #000;
	margin: 1em auto 0;
}
.contact_card-content p {
	padding: 0 5%;
	width: 80%;
	margin: .5em auto 0;
	color: #fff;
}
.contacts {
	height: auto;
	max-width: 100%;
	min-height: 940px;
	margin: 5% auto
}
.contacts::after {
	background: url('img/img_snowschool_initiation@2x.jpg') no-repeat top;
	background-size: cover;
	content: '';
	height: 100%;
	position: absolute;
	top: 0%;
	width: 100%;
	z-index: -1
}
.contacts_content {
	height: 100%;
	width: 200px;
	text-align: center;
	left: 16%;
}
.contacts_content h3 {
	line-height: 1.125em;
	padding: .75em 0 0 0;
}
.contacts_content p {
	font-weight: 700;
}
.contact-form {
	margin: 2% auto;
}
.contact-form p, .contact-form input, .contact-form textarea {
	width: 97%;
	margin: 1% auto
}
.contact-form h2 {
	text-align: center;
}
.how-to-come .wrapper {
	padding: 2%
}
.how-to-come h2 {
	text-align: center;
	margin: 0 auto 1em;
}
.how-to-come_content {
	width: 45%;
	margin: 1%;
	min-height: 10em
}
/* Landing Jobs */
.jobs_entry {
	width: 80%;
	margin: 2% auto
}
.jobs_entry a {
	color: #000;
	line-height: 0;
}
.job_offer {
	display: inline-block;
	width: 45%;
	margin: 2% auto 0
}
.activity_card h4 {
	margin-top: 1em;
	padding: .5em;
	color: rgba(0,0,0,1);
	min-height: 50px;
}
.activity_card .icon-title {
	background: url('img/icon_activities.svg');
	opacity: .55;
	background-size: 16px;
}
.activity_card .icon-title::after {
	content: 'Activités';
}
.activity_card .activity_img {
	display: block;
	width: 100%;
	height: 310px;
	margin-bottom: 60px;
	background-size: cover;
	background-repeat: no-repeat;
}
.activity_card .arrow-box {
	margin: 48px 0 0 46.2% !important;
}
.activity_card:hover .activity_img {
	opacity: .8;
}
/* Single job */

.single-emploi .content {
	width: 100%;
}
.single-emploi .content ul li {
	font-size: 1.125em;
	line-height: 1.5em
}
.single-emploi .content ul li:before {
	content: '• '
}
.single-emploi h1 {
	margin-bottom: 1em
}
.single-emploi h3 {
	text-align: center
}
.single-emploi h4, .single-emploi .send {
	margin: 1em 0 !important;
}
#job-form input, #job-form textarea {
	width: 85%;
	margin: 2% 2% 2% 0
}
#job-form input[type="submit"] {
	margin: 1em 0
}
/* Job form page */
.job-legal_txt, .job-form input[name="file-cv"] {
	font-size: 1em;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	padding: 0 0 .75em
}
.job-form input[name="file-cv"] {
	color: rgba(109,108,108,1);
	line-height: .75em;
	font-weight: 300;
}
.job-form input {
	width: 45%;
	margin: .5em 0
}
.job-form h4, .job-form h5 {
	margin: 2em 0 1em 0
}
.job-form input[name="your-address"], .job-form input[name="your-email"], .job-form input[name="text-other"], .job-form textarea {
	width: 94.75%
}
.job-form input[name="text-institution"], .job-form input[name="text-diploma"], .job-form input[name="text-domain"] {
	width: 28.5%
}
.job-form input[name="text-company1"], .job-form input[name="text-jobname1"], .job-form input[name="text-jobperiod1"], .job-form input[name="text-reason1"], .job-form input[name="text-company2"], .job-form input[name="text-jobname2"], .job-form input[name="text-jobperiod2"], .job-form input[name="text-reason2"], .job-form input[name="text-company3"], .job-form input[name="text-jobname3"], .job-form input[name="text-jobperiod3"], .job-form input[name="text-reason3"] {
	width: 20.125%
}
.job-form input[type="checkbox"] {
	width: 1em;
}
.job-form .wpcf7-checkbox span {
	margin: 0 10px 0 0; 
}
/* School card */
.rent_link {
	margin: 1em 0 0;
	padding: 10%;
	text-align: center;
}
.rent_link h4 {
	color: rgba(255,255,255,1);
	margin: 0;
	font-size: 1em
}
.rent_link h5 {
	color: rgba(0,0,0,1);
}
.rent_link p {
	text-transform: none;
}
.rent_link hr {
	color: rgba(255,255,255,1)
}
.incription_infos, .rent_link {
	margin: 1em 0;
	padding: 10% 7%;
	text-align: center;
}
.rent_call {
	margin: 1em 0;
}
.rent_call h4 {
	font-size: 2em;
}
.rent_call h4:hover {
	color: rgba(109,108,108,1)
}
.rent_call h5 {
	padding: 2em 0 0;
	border-top: 1px #fff solid
}
.rent_call h5:first-child {
	border: 0
}
.rent_link h4 {
	font-size: 2em;
	margin-bottom: .25em !important;
}
/* Services card */
.page .services_page {
	padding-top: 4em;
}
.page .services_page .section-title {
	text-align: left;
}
.page .services_page .content {
	width: 680px
}
.page .services_page .content .rates_legal {
	font-size: 12px;
	font-weight: 400;
}
.page .services_page .content .rates_content {
	margin: 5% 0;
}
.page .services_page .content .rates_content .rates_legal {
	margin: 3% 0 0;
}
.page .services_page aside {
	padding-top: 120px
}
.page-template-services_card .icon_section {
	margin: 0;
	padding: 5% 0;
}
.page-template-services_card .activity_card {
	min-height: 220px;
	margin: .5em .25em;
}
.page .services_page .all-inclusive_pass {
	text-align: center
}
.page .services_page .all-inclusive_pass img {
	width: 70%
}
/* Services corpo card (sub-section) */

.services-corpo_page {
	padding-top: 150px;
}
.services-corpo_page .section-title, .services-corpo_page p {
	text-align: center;
}
.services-corpo_page .content {
	width: 100%;
	margin: 5% 0;
}
/* Search Result page */
.search-results .section-title, .search-no-results .section-title {
	text-align: center;
	padding-top: 150px;
}
.search-no-results .section-title {
	min-height: 20%
}
.search-results .content {
	width: 680px;
}
.search-results aside {
	text-align: center
}
.search-results aside .bg-grey-light {
	padding: 5%;
	min-height: 150px;
	margin-bottom: 1em
}
.search-results aside h3 {
	color: rgba(234,44,42,1);
	padding: 1em 0 0
}
.search-results span.search-excerpt {
	background: rgba(188,188,188,.4);
	color: rgba(234,44,42,1);
}
#main-nav span.search-excerpt {
	color: inherit !important;
	background: inherit !important
}
.search-results li {
	display: block
}
/* Archives page */
.archive .section-title {
	text-align: center;
	padding-top: 150px !important
}
.archive .content {
	width: 650px;
	float: left;
}
.archive aside {
	margin: 0 0 5%;
}
.archive aside .bg-grey-light {
	padding: 5%;
	min-height: 150px;
	margin-bottom: 1em
}
.archive aside h3 {
	color: rgba(234,44,42,1);
	padding: 1em 0 0
}
.archive li {
	display: block
}
/* Author page arvhive */
.author .section-title {
	text-align: center;
	padding-top: 150px;
}
.author .content {
	width: 680px;
}
.author aside {
	margin: 0 0 5%;
}
.author aside .bg-grey-light {
	padding: 5%;
	min-height: 150px;
	margin-bottom: 1em
}
.author aside h3 {
	color: rgba(234,44,42,1);
	padding: 1em 0 0
}
/* Categories page archive*/
.category .section-title {
	text-align: center;
	padding-top: 150px;
}
.category .content {
	width: 100%;
}
.category aside {
	margin: 0 0 5%;
}
.category aside .bg-grey-light {
	padding: 5%;
	min-height: 150px;
	margin-bottom: 1em
}
.category aside h3 {
	color: rgba(234,44,42,1);
	padding: 1em 0 0
}
.category li {
	display: block
}
/* Pagination on search page */
.pagination {
	margin: 5% auto;
	text-align: center
}
.pagination a {
	background: rgba(229,229,229,1);
	border: 1px solid rgba(229,229,229,1);
	border-radius: 3px;
	color: rgba(0,0,0,1);
	padding: .375em .875em
}
.pagination a:hover {
	background: rgba(188,188,188,1);
	border-color: rgba(188,188,188,1)
}
.current {
	background: rgba(0,0,0,1);
	border: 1px solid rgba(0,0,0,1);
	border-radius: 3px;
	color: rgba(255, 255, 255,1);
	padding: .375em .875em
}
/* Footer */
footer {
	clear: both;
	width: 100%;
	height: auto;
	font-size: .875em;
	line-height: 1.75em;
	font-weight: 400;
	letter-spacing: 1px;
}
footer a {
	color: rgba(0,0,0,1);
}
footer p {
	font-size: 12px;
	line-height: 22px
}
footer h4 {
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 1em;
}
footer .btn-red-plus {
	margin-top: 8%;
}
.footer-left {
	float: left;
	width: 31.5%;
	text-transform: uppercase;
	min-height: 26em;
	max-height: 30em;
}
.footer-middle {
	float: left;
	width: 31.5%;
	display: inline-block;
	bottom: 0;
	text-transform: uppercase;
	min-height: 26em;
	max-height: 30em;
}
.footer-right {
	float: right;
	width: 37%;
	text-transform: uppercase;
	min-height: 26em;
	max-height: 28em;
}
.footer-content ul, .footer-contact, .open_hours > div {
	padding: 8%
}
.footer-logo-sutton {
	background: url('img/logo_purely_sutton.svg') no-repeat center 1.5em;
	opacity: .4;
	width: 200px;
	height: 250px;
	top: 0;
	left: 0;
}


.footer-logo-sutton:lang(fr) {
	background: url('img/logo_purement_sutton.svg') no-repeat center 1.6em;
	opacity: .4;
	width: 215px;
	height: 250px;
	top: 0;
	left: 0;
}

.footer-contact {
	top: -2.5em
}
.footer-left #tel {
	font-weight: 700;
	font-size: 14px;
}
.footer_menu {
	font-size: 12px;
}
.footer_menu a:hover {
	opacity: .6;
}
.footer-right ul {
	text-align: center;
}
.footer-right li {
	display: inline-block;
	margin: 0 .5em;
}
.social-logo li {
	display: inline-block;
	margin: 0 .125em;
	width: 45px;
	height: 45px;
}
.social-logo li a {
	background: rgba(0,0,0,1);
	background-size: 60%;
	border-radius: 2em;
	text-indent: -9999px;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1;
}
.social-logo li a:hover {
	opacity: .6;
}
.social-logo .twitter a {
	background: url('img/icon_social_twitter.svg') no-repeat 50% 50%;
	background-color: rgba(0,0,0,1);
	background-size: 27px
}
.social-logo .instagram a {
	background: url('img/icon_social_instagram.svg') no-repeat 50% 50%;
	background-color: rgba(0,0,0,1);
	background-size: 23px
}
.social-logo .youtube a {
	background: url('img/icon_social_youtube.svg') no-repeat 50% 50%;
	background-color: rgba(0,0,0,1);
	background-size: 24px
}
.social-logo .facebook a {
	background: url('img/icon_social_facebook.svg') no-repeat 50% 50%;
	background-color: rgba(0,0,0,1);
	background-size: 16px
}
.social-logo .flickr a {
	background: url('img/icon_social_flickr.svg') no-repeat 50% 50%;
	background-color: rgba(0,0,0,1);
	background-size: 27px
}
.newsletter {
	width: 350px;
	background: rgba(234,44,42,1);
	margin: 2em auto 0;
	text-align: center;
	padding: 0 0 1em 0;
}
.newsletter h3 {
	position: relative;
	padding-top: 7%;
	color: rgba(255,255,255,1);
}
.newsletter p {
	font-size: 18px;
	line-height: 1.25em;
	position: relative;
	padding-top: 5%;
	width: 250px;
	margin: 0 auto;
	text-transform: none;
	font-weight: 300;
	letter-spacing: normal;
}
.newsletter input {
	margin: 5% auto 0;
}
.newsletter input::-webkit-input-placeholder {
color:#fff;
}
.newsletter input:-moz-placeholder {
color:#fff;
}
.newsletter input::-moz-placeholder {
color:#fff;
}
.newsletter input:-ms-input-placeholder {
color:#fff;
}
.newsletter input:focus::-webkit-input-placeholder {
color:transparent
}
.newsletter input:focus:-moz-placeholder {
color:transparent
}
.newsletter input:focus::-moz-placeholder {
color:transparent
}
.newsletter input:focus:-ms-input-placeholder {
color:transparent
}
.newsletter input[type="text"], .newsletter input[type="email"] {
	border: 2px solid rgba(255,255,255,1);
	color: rgba(255,255,255,1);
	text-align: center;
	width: 230px;
}
.newsletter input[type="email"].error {
	border: 2px solid #FFEB3B;
}
.newsletter input[type="submit"] {
	background: rgba(0,0,0,1);
	border: 2px solid rgba(0,0,0,1);
	padding: 1em;
	width: 270px !important;
}
.newsletter input[type="submit"]:hover {
	background: rgba(109,108,108,1);
	border: 2px solid rgba(109,108,108,1)
}
.newsletter .status {
	padding-top: 0;
	margin: 0 auto;
	width: 90%;
	visibility: hidden;
	opacity: 0;
	transition: opacity .4s, color .3s, padding .4s;
}
.newsletter .status.error {
	padding-top: 10px;
	visibility: visible;
	opacity: 1;
	color: #FFEB3B;
}
.partner h4 {
	margin: 1em 0 0 20px;
}
.partner .partner-logo {
	display: inline-block;
	margin: 0 1em;
}
.partner .partner-logo img {
	padding: 1.5em 0 3em;
	width: auto;
	max-width: 125px;
}
.legal {
	background: rgba(0,0,0,1);
	color: rgba(255,255,255,1);
	text-align: center;
	padding: 1em 0 1.5em;
	font-weight: 300;
}
.legal li a {
	color: rgba(255,255,255,1);
}
.legal li a:before {
	color: rgba(255,255,255,1);
	content: '|';
	margin: 0 .375em;
}
.legal li a:hover {
	color: rgba(188,188,188,1)
}
.legal li:first-child a:before {
	content: '';
	margin: 0 .25em 0 0;
}
.legal nav {
	display: inline-block;
}
.legal nav li {
	display: inline;
}
/* Zone Medias page */
.zone-medias .title h3 {
	margin: 0 auto 5%;
	text-align: center
}
.zone-medias .title h4 {
	margin: 2em auto
}
.zone-medias {
	width: 100%;
	height: auto;
	padding: 2% 0;
}
.zone-medias_content {
	margin: 0 auto
}
.zone-medias article {
	width: 100%;
}
.zone-medias .btn {
	text-align: center
}
.zone-medias .newsletter {
	width: 70%;
	padding: 5%;
	min-height: auto;
	height: 100%;
}
.zone-medias .newsletter .box {
	float: left;
	margin-left: 2em
}
.zone-medias .newsletter input {
	margin-top: 1em;
}
.medias_content .black-box_content h3, .medias_content .black-box_content h4, .medias_content .black-box_content p {
	color: #FFF
}
.medias_content .black-box_content {
	background-color: #000
}
.medias .contact {
	padding: 3% 0
}
.medias .contact h3, .medias .contact p {
	color: #FFF;
	text-align: center
}
.medias .contact p {
	width: 80%;
	margin: 2em auto;
}
.medias .contact .first-child {
	border: 0
}
.medias .contact .position {
	color: #000;
	margin: 1em 0;
	width: 70%;
	margin: 1em auto
}
.medias .contact h5 {
	color: #FFF;
	margin: 2em 0
}
.medias .contact .technical-card_content {
	width: 28%;
	min-height: 250px;
}
.error404 .section-title {
	padding-top: 8em
}
.error404 img {
	width: 70%;
	margin: 2%
}
/* ENGLISH VERSION */
.news_card.en .icon-title::after {
	content: 'News'
}
.promo_card.en .icon-title::after {
	content: 'Promotions'
}
.activity_card.en .icon-title::after {
	content: 'Activities'
}

span.wpcf7-list-item {
    display: inline-block;
    margin: .5em 0 0 1em;
    line-height: 1.5em;
}

/* DUAL MENU */

#main-nav input {
  display: none;
}
#main-nav input + label {
  display: inline-block;
  box-sizing: border-box;
}

#main-nav .tab {
  display: block;
  opacity:0;
  position:absolute;
  top:40px;
  width:100%;
  box-sizing: border-box;
  z-index:9000;
}

#main-nav #tab1:checked ~ .tab.content1,
#main-nav #tab2:checked ~ .tab.content2 {
  opacity:1;
  z-index:9100;
}

#main-nav #tab1 + label {
    padding: 10px 0 10px 40vw;
}

#main-nav #tab2 + label {
    padding: 10px 40vw 10px 0;
}

#main-nav input + label {
  background: #eee;
  color:#333;
  padding: 10px 20px;
  position: relative;
  display: inline-block;
  width:50%;
  text-align:center;
}
#main-nav input:checked + label {
  background: rgba(234,44,42,1);
  color:#fff;
  width: 50%;
  display: inline-block;
}
#main-nav input ~ .tab {
  padding: 12px;
  background: #fff;
}

.menu-item-has-children,
.sub-menu {
    break-inside: avoid-column;
    page-break-inside: avoid;
}

/* extra newsletter subscribe styles */

#wpcf7-f5695-o1 > form > div.subscr-first > div > span > input::-webkit-input-placeholder,
#wpcf7-f5695-o1 > form > div.subscr-first > div > span > div > input::-webkit-input-placeholder {
 color: #fff;
 text-align:center;
}

.newsletter-signup input[type=text] {
    margin: 0 3px 5px 3px;
    height: 20px;
    width: 294px;
color: #FFF;
background: transparent;
border: 2px solid #fff;
font-family: 'Roboto Condensed', sans-serif;
font-size: 18px;
font-weight: 300;
padding: .75em 1em;
text-transform: none;
top: 25px;
margin-bottom: 20px !important;
text-align: center;
    
}

.newsletter-signup input[type=text]::placeholder {
    color: #fff;
    text-align:center;
}

/* Mobile Landscape Screen Sizes */
@media only screen and (max-width: 960px) {
/* Resize the body */
body {
	min-width: 320px;
}
table {
	
	border: 0 !important
}
#calendar_wrap table {
	border: 5px solid #000 !important;
}
iframe {
	width: 96% !important
}
/* Resize the row */
.container {
	width: 100%;
}
/* Other styles */
.wrapper {
	width: 90%;
	margin: 0 5%;

}
.single .wrapper-hebergement .content {
    width: 100%;
    float: none;
}
.single-hebergement aside {
    float: none !important;
    margin: auto;
}
	.contact-map_card {
		width:340px;
		margin:15px auto;
	}
	.contact-map_card .contact_card,
	.contact-map_card div {
		padding: 1px;
    	float: none;
    	width: 100%;
	}
	.contact-map_card .arrow-box {
		display:none;
	}
	#heb-btn-fix {
    	margin: 15px 0 40px 0;
    	position: relative;
	}
}

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

#tab1 + label {
    padding: 10px 0;
}

#tab2 + label {
    padding: 10px 0;
}

#header-decoration {
	height: 100% !important
}
.technical-card_content {
	border: none !important
}
.installations .technical-card_content {
	width: auto !important;
	padding: 5% 0 0 !important
}

#header-decoration {
	z-index: -10 !important
}
.en a {
	color: red !important
}
}

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

#alert {
	margin-top: -80px;
	background-color: rgba(234,44,42,1);
	color: white;
	height: 50px;
	padding: 15px 0;
	transition: all .5s ease;
}

.tab1 {
    padding: 10px 20px;
}

.tab2 {
    padding: 10px 20px;
}

.technical-card_content .icon_track-easy {
	background-position: 40% 85%;
}
.technical-card_content .icon_track-hard {
	background-position: 36% 85%;
}
.technical-card_content .icon_track-very-hard {
	background-position: 32% 85%;
}
.technical-card_content .icon_track-extreme {
	background-position: 36% 85%;
}
}

/* Mobile Portrate Screen Sizes */
@media only screen and (max-width: 479px) {
/* Resize the body */
body {
	min-width: 320px;
}
/* Resize the row */
.container {
	width: 100%;
	margin: 0 auto;
}
/* Other styles */

	#main-nav #tab1 + label,
	#main-nav #tab2 + label {
		padding:10px 0;
	}

	#main-nav .wrapper {
		height:unset;
	}	
	
	
	
.wrapper {
	width: 90%;
	margin: 0 5%;
}
.season table {
	font-size: .7em;
}
.season table th, .season table tr {
	padding: 5px;
}
.rates_page table {
	font-size: .7em;
}
.rates_page table th, .rates_page table tr {
	padding: 5px;
}
/* Footer */
}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {
html {
	-webkit-font-smoothing: antialiased;
}
/* Place your styles here for all 'Retina' screens */

}

#comments > ol {
	margin-bottom: 75px;
}

#comments .comment .vcard img {
	margin-top: 15px;
}

#comments .comment .commentmetadata {
	font-size: 0.8em;
	margin-top: -14px;
	margin-left: 37px;
	margin-bottom: 8px;
}

#comments .comment .reply {
	margin-top: 10px;
}

#comments .comment .reply a {
	width: auto !important;
  background: rgba(234,44,42,1);
  border: 2px solid rgba(234,44,42,1);
  font-family: 'Roboto', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 0.5em 1em;
  text-decoration: none;
  text-transform: uppercase;
  color: white;
}

#comments .comment.depth-1 {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid rgba(188,188,188,1);
}

#comments .depth-2 {
	padding-left: 30px;
}

#comments .depth-3 {
	padding-left: 60px;
}

#comments .depth-4 {
	padding-left: 90px;
}

#comments .depth-5 {
	padding-left: 120px;
}

#comments .children {
	padding-top: 15px;
}

section.meteo {
	display:none;
}

.fix-covid-for-mobile {
    float: left;
    display: inline-block;
    border-left: 1px solid #fff;
    height: 33px;
    font-size: 18px;
    text-align: center;
}

.fix-covid-for-mobile a {
    padding: 10px;
    color: rgba(234,44,42,1);
    font-weight: bold;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    display: inline-block;
}

#searchform {
	width: 300px;
}

/*#searchform input[type="text"] {*/
/*	width:230px;*/
/*}*/

#searchform input[type="text"]:focus {
	width: 230px;
}

.mobile-only {
    display:none;
}


@media only screen and (max-width: 600px) {
    .mobile-only {
        display:block;
    }
    .fix-covid-for-mobile {
        width: 100%;
    }
    .fix-covid-for-mobile a {
        padding:0;
        color: rgba(234,44,42,1);
        font-weight: bold;
        top: 50%;
        transform: translateY(-50%);
        position: relative;
        display: inline-block;
    }
    #menu-btn span {
        display:none;
    }
}

.page-template-homepage_couple_card section.trip_page + section {
/*    display:none;*/
}

.sb_instagram_header {
    display:none;
}

#sb_instagram #sbi_load .sbi_load_btn,
#sb_instagram #sbi_load .sbi_follow_btn a {
    border-radius:0;
}
#sb_instagram #sbi_load .sbi_load_btn {
    background-color:#000;
}

#sb_instagram #sbi_load .sbi_follow_btn a {
    background-color:rgba(234,44,42,1);
}

#sb_instagram #sbi_load {
    background: #fff;
    padding: 5px 0 10px 0;
}