@charset "UTF-8";

/*!
 * ConvergenWeb - info@convergenceweb.ch
 * buttons.css 
 * Copyright (c) 2021 ConvergenceWeb
 */

/******************************** new ********************************/
.trame-button {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}

.button {
	min-width: 150px;
	max-width: fit-content;
	margin: 1em 0 0 0;
	padding: 1vh 1vw;
	background: none;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
	border-radius:20vh;
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}


/* Sizes */
.button--size-s {
	font-family: 'Prompt', sans-serif;
	font-size:2vh;
	text-decoration: none;
}


/* Typography and Roundedness */
.button--text-upper {
	letter-spacing: 2px;
	text-transform: none;
}

.button--text-thick {
	font-weight: 500;
}

/* Borders */
.button--border-thick {
	border: 3px solid;
	color: #00e0c6;
}

.button--border-medium {
	border: 2px solid;
    color: #fff;
}

/* Wayra */
.button--wayra {
	overflow: hidden;
	width: fit-content;
	-webkit-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--wayra::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 100%;
	background: #fff;
	z-index: -1;
	-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
	transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

.button--wayra:link {
	color: #00e0c6;
	border-color: #00e0c6;
	text-decoration: none;
}

.button--wayra.button--inverted:link {
	color: #fff;
	border-color: #fff;
	text-decoration: none;
}

.button--wayra:visited {
	color: #00e0c6;
	border-color: #00e0c6;
	text-decoration: none;
}

.button--wayra.button--inverted:visited {
	color: #fff;
	border-color: #fff;
	text-decoration: none;
}

.button--wayra:hover {
	color: #fff;
	border-color: #fff;
	text-decoration: none;
}

.button--wayra.button--inverted:hover {
	color: #fff;
	border-color: #fff;
	text-decoration: none;
}

.button--wayra:hover::before {
	opacity: 1;
	background-color: #fff;
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--wayra.button--inverted:hover::before {
	background: linear-gradient(to right, rgba(241, 29, 29,1), rgba(241, 29, 29,0)); 
}

/******************************** skywalker ********************************/
.trame-button-sky {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.button-sky {
	min-width: 150px;
	max-width: fit-content;
	padding: 1vh 1vw;
	background: none;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
	border-radius:20vh;
}
.button-sky:focus {
	outline: none;
}
.button-sky > span {
	vertical-align: middle;
}


/* Sizes */
.button--size-s-sky {
	font-family: 'Prompt', sans-serif;
	font-size:2vh;
	text-decoration: none;
}


/* Typography and Roundedness */
.button--text-upper-sky {
	letter-spacing: 2px;
	text-transform: none;
}

.button--text-thick-sky {
	font-weight: 500;
}

/* Borders */
.button--border-thick-sky {
	border: 3px solid;
	color: #00e0c6;
}

.button--border-medium-sky {
	border: 2px solid;
    color: #fff;
}

/* Wayra */
.button--wayra-sky {
	overflow: hidden;
	width: fit-content;
	-webkit-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--wayra-sky::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 100%;
	background: #fff;
	z-index: -1;
	-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
	transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

.button--wayra-sky:link {
	color: #00e0c6;
	border-color: #00e0c6;
	text-decoration: none;
}

.button--wayra-sky.button--inverted-sky:link {
	color: #000;
	border-color: #000;
	text-decoration: none;
}

.button--wayra-sky:visited {
	color: #00e0c6;
	border-color: #00e0c6;
	text-decoration: none;
}

.button--wayra-sky.button--inverted-sky:visited {
	color: #000;
	border-color: #000;
	text-decoration: none;
}

.button--wayra-sky:hover {
	color: #fff;
	border-color: #fff;
	text-decoration: none;
}

.button--wayra-sky.button--inverted-sky:hover {
	color: #fff;
	border-color: #fff;
	text-decoration: none;
}

.button--wayra-sky:hover::before {
	opacity: 1;
	background-color: #000;
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--wayra-sky.button--inverted-sky:hover::before {
	background: linear-gradient(to right, rgba(241, 29, 29,1), rgba(241, 29, 29,0));
}
/******************************** skywalker XL ********************************/
.trame-button-skyxl {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}

.button-skyxl {
	min-width: 150px;
	max-width: fit-content;
	padding: 1vh 1vw;
	background: none;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
	border-radius:20vh;
}
.button-skyxl:focus {
	outline: none;
}
.button-skyxl > span {
	vertical-align: middle;
}


/* Sizes */
.button--size-s-skyxl {
	font-family: 'Prompt', sans-serif;
	font-size:2vh;
	text-decoration: none;
}


/* Typography and Roundedness */
.button--text-upper-skyxl {
	letter-spacing: 2px;
	text-transform: none;
}

.button--text-thick-skyxl {
	font-weight: 500;
}

/* Borders */
.button--border-thick-skyxl {
	border: 3px solid;
	color: #00e0c6;
}

.button--border-medium-skyxl {
	border: 2px solid;
    color: #fff;
}

/* Wayra */
.button--wayra-skyxl {
	overflow: hidden;
	width: fit-content;
	-webkit-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--wayra-skyxl::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 100%;
	background: #fff;
	z-index: -1;
	-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
	transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

.button--wayra-skyxl:link {
	color: #00e0c6;
	border-color: #00e0c6;
	text-decoration: none;
}

.button--wayra-skyxl.button--inverted-skyxl:link {
	color: #000;
	border-color: #000;
	text-decoration: none;
}

.button--wayra-sky:visited {
	color: #00e0c6;
	border-color: #00e0c6;
	text-decoration: none;
}

.button--wayra-skyxl.button--inverted-skyxl:visited {
	color: #fff;
	border-color: #fff;
	text-decoration: none;
}

.button--wayra-skyxl:hover {
	color: #fff;
	border-color: #fff;
	text-decoration: none;
}

.button--wayra-skyxl.button--inverted-skyxl:hover {
	color: #fff;
	border-color: #fff;
	text-decoration: none;
}

.button--wayra-skyxl:hover::before {
	opacity: 1;
	background-color: #000;
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--wayra-skyxl.button--inverted-skyxl:hover::before {
	background: linear-gradient(to right, rgba(241, 29, 29,1), rgba(241, 29, 29,0)); 
}

/******************************** antares ********************************/
.trame-button-ant {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}

.button-ant {
	min-width: 150px;
	max-width: fit-content;
	padding: 1vh 1vw;
	background: none;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
	border-radius:20vh;
}
.button-ant:focus {
	outline: none;
}
.button-ant > span {
	vertical-align: middle;
}


/* Sizes */
.button--size-s-ant {
	font-family: 'Prompt', sans-serif;
	font-size:2vh;
	text-decoration: none;
}


/* Typography and Roundedness */
.button--text-upper-ant {
	letter-spacing: 2px;
	text-transform: none;
}

.button--text-thick-ant {
	font-weight: 500;
}

/* Borders */
.button--border-thick-ant {
	border: 3px solid;
	color: #000;
}

.button--border-medium-ant {
	border: 2px solid;
    color: #000;
}

/* Wayra */
.button--wayra-ant {
	overflow: hidden;
	width: fit-content;
	-webkit-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--wayra-ant::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 100%;
	background: #fff;
	z-index: -1;
	-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
	transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

.button--wayra-ant:link {
	color: #00e0c6;
	border-color: #00e0c6;
	text-decoration: none;
}

.button--wayra-ant.button--inverted-ant:link {
	color: #fff;
	border-color: #fff;
	text-decoration: none;
}

.button--wayra-ant:visited {
	color: #00e0c6;
	border-color: #00e0c6;
	text-decoration: none;
}

.button--wayra-ant.button--inverted-ant:visited {
	color: #000;
	border-color: #000;
	text-decoration: none;
}

.button--wayra-ant:hover {
	color: #000;
	border-color: #000;
	text-decoration: none;
}

.button--wayra-ant.button--inverted-ant:hover {
	color: #fff;
	border-color: #fff;
	text-decoration: none;
}

.button--wayra-ant:hover::before {
	opacity: 1;
	background-color: #000;
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--wayra-ant.button--inverted-ant:hover::before {
	background: linear-gradient(to right, rgba(241, 29, 29,1), rgba(241, 29, 29,0));
}

/******************************** asw22 ********************************/

.trame-button-asw {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}
/******************************** gp15 ********************************/

.trame-button-gp15 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}
.button-gp15 {
	min-width: 150px;
	max-width: fit-content;
	padding: 1vh 1vw;
	background: none;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
	border-radius:20vh;
}
.button-gp15:focus {
	outline: none;
}
.button-gp15 > span {
	vertical-align: middle;
}


/* Sizes */
.button--size-s-gp15 {
	font-family: 'Prompt', sans-serif;
	font-size:2vh;
	text-decoration: none;
}


/* Typography and Roundedness */
.button--text-upper-gp15 {
	letter-spacing: 2px;
	text-transform: none;
}

.button--text-thick-gp15 {
	font-weight: 500;
}

/* Borders */
.button--border-thick-gp15 {
	border: 3px solid;
	color: #000;
}

.button--border-medium-gp15 {
	border: 2px solid;
    color: #000;
}

/* Wayra */
.button--wayra-gp15 {
	overflow: hidden;
	width: fit-content;
	-webkit-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--wayra-gp15::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 100%;
	background: #fff;
	z-index: -1;
	-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
	transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

.button--wayra-gp15:link {
	color: #00e0c6;
	border-color: #00e0c6;
	text-decoration: none;
}

.button--wayra-gp15.button--inverted-gp15:link {
	color: #fff;
	border-color: #fff;
	text-decoration: none;
}

.button--wayra-gp15:visited {
	color: #00e0c6;
	border-color: #00e0c6;
	text-decoration: none;
}

.button--wayra-gp15.button--inverted-gp15:visited {
	color: #000;
	border-color: #000;
	text-decoration: none;
}

.button--wayra-gp15:hover {
	color: #000;
	border-color: #000;
	text-decoration: none;
}

.button--wayra-gp15.button--inverted-gp15:hover {
	color: #fff;
	border-color: #fff;
	text-decoration: none;
}

.button--wayra-gp15:hover::before {
	opacity: 1;
	background-color: #000;
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--wayra-gp15.button--inverted-gp15:hover::before {
	background: linear-gradient(to right, rgba(241, 29, 29,1), rgba(241, 29, 29,0));
}
/******************************** GP15-2 ********************************/
.trame-button-gp15-2 {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.button-gp15-2 {
	min-width: 150px;
	max-width: fit-content;
	padding: 1vh 1vw;
	background: none;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
	border-radius:20vh;
}
.button-gp15-2:focus {
	outline: none;
}
.button-gp15-2 > span {
	vertical-align: middle;
}


/* Sizes */
.button--size-s-gp15-2 {
	font-family: 'Prompt', sans-serif;
	font-size:2vh;
	text-decoration: none;
}


/* Typography and Roundedness */
.button--text-upper-gp15-2 {
	letter-spacing: 2px;
	text-transform: none;
}

.button--text-thick-gp15-2 {
	font-weight: 500;
}

/* Borders */
.button--border-thick-gp15-2 {
	border: 3px solid;
	color: #000;
}

.button--border-medium-gp15-2 {
	border: 2px solid;
    color: #000;
}

/* Wayra */
.button--wayra-gp15-2 {
	overflow: hidden;
	width: fit-content;
	-webkit-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--wayra-gp15-2::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 100%;
	background: #fff;
	z-index: -1;
	-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
	transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

.button--wayra-gp15-2:link {
	color: #00e0c6;
	border-color: #00e0c6;
	text-decoration: none;
}

.button--wayra-gp15-2.button--inverted-gp15-2:link {
	color: #fff;
	border-color: #fff;
	text-decoration: none;
}

.button--wayra-gp15-2:visited {
	color: #00e0c6;
	border-color: #00e0c6;
	text-decoration: none;
}

.button--wayra-gp15-2.button--inverted-gp15-2:visited {
	color: #000;
	border-color: #000;
	text-decoration: none;
}

.button--wayra-gp15-2:hover {
	color: #fff;
	border-color: #fff;
	text-decoration: none;
}

.button--wayra-gp15-2.button--inverted-gp15-2:hover {
	color: #fff;
	border-color: #fff;
	text-decoration: none;
}

.button--wayra-gp15-2:hover::before {
	opacity: 1;
	background-color: #000;
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--wayra-gp15-2.button--inverted-gp15-2:hover::before {
	background: linear-gradient(to right, rgba(241, 29, 29,1), rgba(241, 29, 29,0));
}

/******************************** en stock ********************************/
.trame-button-stock {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.button-stock {
	min-width: 150px;
	max-width: fit-content;
	padding: 1vh 1vw;
	background: none;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
	border-radius:20vh;
}
.button-stock:focus {
	outline: none;
}
.button-stock > span {
	vertical-align: middle;
}


/* Sizes */
.button--size-s-stock {
	font-family: 'Prompt', sans-serif;
	font-size:2vh;
	text-decoration: none;
}


/* Typography and Roundedness */
.button--text-upper-stock {
	letter-spacing: 2px;
	text-transform: none;
}

.button--text-thick-stock {
	font-weight: 500;
}

/* Borders */
.button--border-thick-stock {
	border: 3px solid;
	color: #000;
}

.button--border-medium-stock {
	border: 2px solid;
    color: #000;
}

/* Wayra */
.button--wayra-stock {
	overflow: hidden;
	width: fit-content;
	-webkit-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--wayra-stock::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 100%;
	background: #fff;
	z-index: -1;
	-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
	transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

.button--wayra-stock:link {
	color: #00e0c6;
	border-color: #00e0c6;
	text-decoration: none;
}

.button--wayra-stock.button--inverted-stock:link {
	color: #fff;
	border-color: #fff;
	text-decoration: none;
}

.button--wayra-stock:visited {
	color: #00e0c6;
	border-color: #00e0c6;
	text-decoration: none;
}

.button--wayra-stock.button--inverted-stock:visited {
	color: #000;
	border-color: #000;
	text-decoration: none;
}

.button--wayra-stock:hover {
	color: #fff;
	border-color: #fff;
	text-decoration: none;
}

.button--wayra-stock.button--inverted-stock:hover {
	color: #fff;
	border-color: #fff;
	text-decoration: none;
}

.button--wayra-stock:hover::before {
	opacity: 1;
	background-color: #000;
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--wayra-stock.button--inverted-stock:hover::before {
	background: linear-gradient(to right, rgba(241, 29, 29,1), rgba(241, 29, 29,0));
}


/******************************** BOOTSTRAP MEDIA QUERIES ********************************/

/* Lg Screen iPad Pro landscape*/
@media only screen and (min-width: 1366px) and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
/******************************** page accueil ********************************/

/******************************** new ********************************/

/******************************** skywalker ********************************/

/******************************** skywalker XL ********************************/
.trame-button-skyxl {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}
/******************************** antares ********************************/

/******************************** asw22 ********************************/

/******************************** diana-2 ********************************/

/******************************** gp15 ********************************/
.trame-button-gp15 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}
/******************************** gp15-2 ********************************/

/******************************** en stock ********************************/

/******************************** galerie ********************************/

/******************************** contact ********************************/

}

/* Xs Screen portrait */
@media screen and (max-width: 1199px) {
.trame-button {
	height: auto;
    width: 100vw;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.button {
    margin: 5vh 0 0 0;
    padding: 2vh 3vw;
}
.button--wayra.button--inverted:link {
    color: #000;
    border-color: #000;
    text-decoration: none;
}
/******************************** skywalker ********************************/
.trame-button-sky {
	height: auto;
    width: 100vw;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.button-sky {
    margin: 5vh 0 0 0;
    padding: 2vh 3vw;
}

/******************************** skywalker XL ********************************/
.trame-button-skyxl {
	height: auto;
    width: 100vw;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
}
.button--wayra-skyxl.button--inverted-skyxl:link {
    color: #fff;
    border-color: #fff;
    text-decoration: none;
}
.button-skyxl {
    margin: 5vh 0 0 0;
    padding: 2vh 3vw;
}

/******************************** antares ********************************/
.trame-button-ant {
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.button-ant {
	margin: 5vh 0 0 0;
    padding: 2vh 3vw;
}
/******************************** asw22 ********************************/
.trame-button-asw {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
}
/******************************** diana-2 ********************************/

/******************************** gp15 ********************************/
.trame-button-gp15 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
}
.button-gp15 {
	margin: 5vh 0 0 0;
    padding: 2vh 3vw;
}
/******************************** gp15-2 ********************************/
.trame-button-gp15-2 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
}
.button-gp15-2 {
	margin: 5vh 0 0 0;
    padding: 2vh 3vw;
}
/******************************** en stock ********************************/
.trame-button-stock {
	height: auto;
    width: 100vw;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
}

.button-stock {
    margin: 5vh 0 10vh 0;
    padding: 2vh 3vw;
}
/******************************** galerie ********************************/

/******************************** contact ********************************/	
}

/* Md Screen paysage */
@media screen and (max-width: 1199px) and (orientation: landscape) {
/******************************** page accueil ********************************/

/******************************** new ********************************/
.trame-button {
    width: auto;
}
.button {
    margin: 2vh 0 0 0;
}
.button--size-s {
    font-size: 2.5vh;
}
.button--wayra.button--inverted:link {
    color: #fff;
    border-color: #fff;
}	
/******************************** skywalker ********************************/
.trame-button-sky {
	margin-top:-2vh;
    width: auto;
}
.button-sky {
   margin: 2vh 0 0 0;
}

/******************************** skywalker XL ********************************/
.trame-button-skyxl {
    height: auto;
	width: 50vw;
	padding-right: 15vw;
}
/******************************** antares ********************************/
.trame-button-ant {
	margin-top:-2vh;
    width: auto;
}
.button-ant {
   margin: 2vh 0 0 0;
}
/******************************** asw22 ********************************/

/******************************** diana-2 ********************************/

/******************************** gp15 ********************************/

/******************************** gp15-2 ********************************/

/******************************** en stock ********************************/
.trame-button-stock {
    width: 35vw;

}
/******************************** galerie ********************************/

/******************************** contact ********************************/


.trame-button {
    width: auto;
}
.button {
    margin: 2vh 0 0 0;
}
.button--size-s {
    font-size: 2.5vh;
}
.button--wayra.button--inverted:link {
    color: #fff;
    border-color: #fff;
}	
}


/* Xs Screen landscape */
@media screen and (max-width: 926px) and (orientation: landscape) {
/******************************** page accueil ********************************/

/******************************** new ********************************/
.trame-button {
    height: auto;
    width: 65vw;
    padding: 0 10vw 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
}

.button {
    margin: 2vh 0 0 0;
}
.button--size-s {
    font-size: 3vh;
}
/******************************** skywalker ********************************/

.button-sky {
    margin: 2vh 0 0 0;
}
.button--size-s-sky {
    font-size: 3vh;
}

.extremeglider-bloc {
    display: none;
}
/******************************** skywalker XL ********************************/

/******************************** antares ********************************/

/******************************** asw22 ********************************/

/******************************** diana-2 ********************************/

/******************************** gp15 ********************************/

/******************************** gp15-2 ********************************/

/******************************** en stock ********************************/

/******************************** galerie ********************************/

/******************************** contact ********************************/
}


/* Xs Screen landscape */
@media screen and (max-width: 767px) and (orientation: landscape) {
/******************************** page accueil ********************************/

/******************************** new ********************************/

/******************************** skywalker ********************************/
.trame-button-sky {
    height: auto;
    width: 47.5vw;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
}
.button-sky {
	min-width: auto;
    margin: 2.5vh 0 0 0;
    padding: 2vh 2vw;
}
.button--size-s-sky {
    font-size: 3.5vh;
}
/******************************** skywalker XL ********************************/
.trame-button-skyxl {
    height: auto;
    width: 47.5vw;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
}
.button {
	min-width: auto;
    margin: 2.5vh 0 0 0;
    padding: 2vh 2vw;
}
.button--size-s {
    font-size: 3.5vh;
}
/******************************** antares ********************************/
.trame-button-ant {
    height: auto;
    width: 47.5vw;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
}
.button-ant {
	min-width: auto;
    margin: 2.5vh 0 0 0;
    padding: 2vh 2vw;
}
.button--size-s-ant {
    font-size: 3.5vh;
}
/******************************** asw22 ********************************/

/******************************** diana-2 ********************************/

/******************************** gp15 ********************************/

/******************************** gp15-2 ********************************/

/******************************** en stock ********************************/

/******************************** galerie ********************************/

/******************************** contact ********************************/

}

/* Xs Screen portrait */
@media screen and (max-width: 767px) and (orientation: portrait) {
.button--size-s {
    font-family: 'Prompt', sans-serif;
    font-size: 2.5vh;
    text-decoration: none;
}	
.button {
    margin: 5vh 0 0 0;
    padding: 2vh 5vw;
}
.button--size-s-sky {
    font-family: 'Prompt', sans-serif;
    font-size: 2.5vh;
    text-decoration: none;
}	
.button-sky {
    margin: 5vh 0 0 0;
    padding: 2vh 5vw;
}
.button--size-s-skyxl {
    font-family: 'Prompt', sans-serif;
    font-size: 2.5vh;
    text-decoration: none;
}	
.button-skyxl {
    margin: 5vh 0 0 0;
    padding: 2vh 5vw;
}
.button--size-s-ant {
    font-family: 'Prompt', sans-serif;
    font-size: 2.5vh;
    text-decoration: none;
}	
.button-ant {
    margin: 5vh 0 0 0;
    padding: 2vh 5vw;
}
.button--size-s-gp15 {
    font-family: 'Prompt', sans-serif;
    font-size: 2.5vh;
    text-decoration: none;
}	
.button-gp15 {
    margin: 5vh 0 0 0;
    padding: 2vh 5vw;
}
.button--size-s-gp15-2 {
    font-family: 'Prompt', sans-serif;
    font-size: 2.5vh;
    text-decoration: none;
}	
.button-gp15-2 {
    margin: 5vh 0 0 0;
    padding: 2vh 5vw;
}
.button--size-s-stock {
    font-family: 'Prompt', sans-serif;
    font-size: 2.5vh;
    text-decoration: none;
}	
.button-stock {
    margin: 5vh 0 10vh 0;
    padding: 2vh 5vw;
}
}