@charset "UTF-8";


abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
body div,
caption,
cite,
code,
dd,
del,
dfn,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: 0 0
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
display: block
}
embed,
img,
object {
max-width: 100%; }
ul {
list-style: none
}
blockquote,
q {
quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: '';
content: none
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: 0 0;
text-decoration: none
}
del {
text-decoration: line-through
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted #000;
cursor: help
}
th {
font-weight: 700;
vertical-align: bottom
}
td {
font-weight: 400;
vertical-align: top
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0
}
input,
select {
vertical-align: middle
}
pre {
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
word-wrap: break-word
}
input[type=radio] {
vertical-align: text-bottom
}
input[type=checkbox] {
vertical-align: bottom
}
input,
select,
textarea {
font: 99% sans-serif
}
table {
border-collapse: collapse;
border-spacing: 0;
font-size: inherit
}
small {
font-size: 85%
}
strong,
th {
font-weight: 700
}
td,
td img {
vertical-align: top
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
code,
kbd,
pre,
samp {
font-family: monospace, sans-serif
}
.clickable,
button,
input[type=button],
input[type=submit] {
cursor: pointer
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button
}
button,
input,
select,
textarea {
margin: 0
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0
}
.clearfix:after,
.clearfix:before {
content: "\0020";
display: block;
height: 0;
overflow: hidden
}
.clearfix:after {
clear: both
}
.clearfix {
zoom: 1
}
body {
font: 16px Helmet, Freesans, sans-serif
}
body,
html {
width: 100%;
height: 100%
}
a,
button {
cursor: pointer;
font-size: 100%
}
button {
border: 0;
padding: 0;
margin: 0
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
z-index: 3
}
.link a {
display: flex;
position: relative;
overflow: hidden
}
.link-text {
text-align: left
}
.link-icon {
margin-left: 1rem;
display: inline-block;
width: 15px;
height: 15px
}
.link span {
color: #fff
}
.link-secondary-color span {
color: #c0011b;
font-weight: 700
}
.link-secondary-color span.link-icon {
background: 0 0
}
#carreers .link-icon {
right: -50px !important
}
.link-noicon {
text-decoration: underline;
text-align: left;
-webkit-transition: color .35s ease-in-out;
transition: color .35s ease-in-out
}
.link-noicon--red {
color: #c0011b
}
.link-noicon--red:hover {
color: #fff
}
.link-noicon--white {
color: #fff
}
.link-noicon--white:hover {
color: #c0011b
}
.link-noicon--black {
color: #fff
}
.link-noicon--black:hover {
color: #1c1d20
}
.elementor-button {
padding: 0!important;
background-color: transparent!important;
}
.elementor-button-text {
color: white!important;
}
.btn,
.gform_footer .gform_button,
.elementor-button-link,
.button-red,
input[type=submit] {
overflow: visible;
cursor: pointer;
padding: 1rem 1rem!important;
background-color: #c0011b!important;
color: #fff;
position: relative;
-webkit-transition: all ease-in-out .35s, color ease-in-out .35s;
transition: all ease-in-out .35s, color ease-in-out .35s;
border: 0;
border-radius: 0 !important;
font-family: 'Open sans', sans-serif;
text-transform: uppercase;
text-decoration: none !important;
font-weight: 700;
width: auto; display: inline-block;
cursor: pointer; }
.btn,
.gform_footer .gform_button,
.elementor-button-link,
.button-red {
position: relative;
display: inline-block;
background: #c0011b;
text-align: center;
color: white;
padding: 0 15px!important;
margin: 15px 0;
}
.btn:hover,
.elementor-button-link:hover,
.gform_footer .gform_button:hover,
.button-red:hover {
background: #1c1d20!important;
}
.btn:before,
.btn:after,
.gform_footer .gform_button:before,
.gform_footer .gform_button:after,
.elementor-button-link:before,
.elementor-button-link:after,
.btn-black:before,
.btn-black:after,
.button-red:before,
.button-red:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 100%;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
transition: all ease-in-out .35s, color ease-in-out .35s;
}
.btn:before,
.elementor-button-link:before,
.gform_footer .gform_button:before,
.button-red:before {
border: 15px solid #c0011b;
top: auto;
bottom: 100%;
border-bottom: none;
}
.btn:after,
.elementor-button-link:after,
.gform_footer .gform_button:after,
.button-red:after {
border-left: 15px solid #c0011b;
bottom: auto;
top: 100%;
border-bottom: none;
border-top: 15px solid #c0011b;
}
.btn:hover:before,
.elementor-button-link:hover:before,
.gform_footer .gform_button:hover:before,
.button-red:hover:before {
border: 15px solid #1c1d20;
top: auto;
bottom: 100%;
border-bottom: none;
transition: all ease-in-out .35s, color ease-in-out .35s;
}
.btn:hover:after,
.elementor-button-link:hover:after,
.gform_footer .gform_button:hover:after,
.button-red:hover:after {
border-left: 15px solid #1c1d20;
bottom: auto;
top: 100%;
border-bottom: none;
border-top: 15px solid #1c1d20;
transition: all ease-in-out .35s, color ease-in-out .35s;
}
.button-white {
background: white;
}
.button-white:before {
border: 15px solid white;
border-bottom: none;
}
.button-white:after {
border-left: 15px solid white;
border-top: 15px solid white;
}
.btn-black {
background: #1c1d20;
}
.btn-black:before {
border: 7px solid #1c1d20;
}
.btn-black:after {
border-left: 15px solid #1c1d20;
border-top: 15px solid #1c1d20;
}
.btn a,
.button-red a,
input[type=submit] a {
text-decoration: none
}
.gform_footer.top_label {
text-align: center;
}
#field_22_1 {
margin-bottom: 0;
}                                                   }           .btn:hover,
.button-red:hover,
input[type=submit]:hover {
background-color: #1c1d20
}                .btn:focus,
.button-red:focus,
input[type=submit]:focus {
outline: 0
}
.btn.btn-black,
.button-red.btn-black,
input[type=submit].btn-black {
background-color: #1c1d20
}             .btn.btn-black:hover,
.button-red.btn-black:hover,
input[type=submit].btn-black:hover {
background-color: #fff;
color: #c0011b
}            .btn.black-background:active,
.btn.black-background:focus,
.btn.black-background:hover,
.button-red.black-background:active,
.button-red.black-background:focus,
.button-red.black-background:hover,
input[type=submit].black-background:active,
input[type=submit].black-background:focus,
input[type=submit].black-background:hover {
background: #fff;
color: #c0011b
}                        .rainbow:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.secondary-font {
font-family: Montserrat, sans-serif
}
.section-title {
font-family: Montserrat, sans-serif;
font-size: 3rem;
text-align: center;
padding: 2rem;
display: block
}
@media only screen and (max-width:768px) {
.section-title {
font-size: 2rem;
padding: 2rem
}
}
.section-title-bg {
position: relative;
background-color: #c0011b;
text-align: center;
padding: 2rem
}
.section-title-bg h2 {
color: #fff;
font-family: Montserrat, sans-serif;
font-size: 3rem;
font-weight: 700
}
@media only screen and (max-width:768px) {
.section-title-bg h2 {
font-size: 2rem
}
}
.contact_info_address a {
color: #fff !important
}
.red-h2 {
color: #c0011b;
font-family: Montserrat, sans-serif
}
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
width: 100%;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:after,
.slick-track:before {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.ss-arrow {
cursor: pointer;
position: absolute;
display: inline-block;
width: 16px;
height: 20px;
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/icons_elevex_arrow.svg);
background-repeat: no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100%;
background-position: center;
z-index: 10;
bottom: 2rem;
right: 0;
-webkit-transition: background-color .35s ease-in-out;
transition: background-color .35s ease-in-out;
cursor: pointer
}
.ss-arrow:hover:not(.slick-disabled) {
background-color: #c0011b
}
.ss-arrow.slick-disabled {
opacity: .8
}
.ss-arrow-prev {
-webkit-transform: scale(-1);
-ms-transform: scale(-1);
transform: scale(-1);
right: 42px
}
.slick-dots {
z-index: 1;
position: absolute;
left: 0;
bottom: 0;
margin-left: 2rem;
margin-bottom: 2rem;
-webkit-transform: translate(95px, -50%);
-ms-transform: translate(95px, -50%);
transform: translate(95px, -50%)
}
@media only screen and (max-width:768px) {
.slick-dots {
bottom: 2rem;
margin-left: 1rem;
position: relative;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.slick-dots li {
position: relative;
display: none font-size: 0.8rem;
}
.slick-dots li:last-child:before {
content: '-';
position: absolute;
top: 0;
left: 6px;
color: #fff
}
.slick-dots li.slick-active {
display: inline-block
}
.slick-dots li.slick-active:before {
content: none
}
}
.slick-dots li {
display: inline-block;
margin-right: 1rem
}
.slick-dots li:last-child {
margin-right: 0
}
.slick-dots li a {
color: #fff
}
.slick-dots li.slick-active a {
color: #c0011b;
position: relative;
font-weight: 700
}
.slick-dots li.slick-active a:before {
content: '/';
position: absolute;
font-weight: 700
}
header {
width: 100%;
position: fixed;
z-index: 90;
top: 0
}
.logo-main {
z-index: 80;
position: absolute;
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/header/elevex.png);
width: 250px;
height: 100px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-repeat: no-repeat;
background-position: center center;
top: 0;
background-color: #1c1d20;
-webkit-background-size: 215px 215px;
background-size: 215px
}
@media only screen and (max-width:1024px) {
.logo-main {
width: 135px;
height: 56px;
-webkit-background-size: 120px 120px;
background-size: 120px
}
}
.header-menu-util {
height: 30px;
background-color: #d9d9d9;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:1024px) {
.header-menu-util {
display: none
}
}
.header-menu-util a {
margin: 0 20px 0 0;
font-size: 13px
}
.header-menu-util a:hover {
color: #c0011b
}
.header-menu-main {
z-index: 75;
position: relative;
height: 70px;
background-color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0 70px 0 300px;
width: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:1024px) {
.header-menu-main {
display: none
}
}
.header-menu-main a {
z-index: 65;
height: 70px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 30px 0 0;
font-size: 14px;
font-weight: 600;
position: relative
}
.header-menu-main a:hover {
color: #c0011b
}
.header-menu-main .header-link-lang {
position: absolute;
top: 0;
right: 20px;
text-transform: uppercase;
margin: 0;
padding: 0;
font-size: 16px
}
.header-link-lang {
text-transform: uppercase;
font-weight: 600
}
.header-mobile-menu {
display: none
}
@media only screen and (max-width:1024px) {
.header-mobile-menu {
z-index: 60;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 56px;
background-color: #fff
}
}
.header-mobile-menu .header-mobile-menu-toggle {
width: 21px;
height: 18px;
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/header/menu-burger.gif);
cursor: pointer;
margin-right: 20px;
background-repeat: no-repeat;
background-position: center center
}
.header-mobile-menu .header-mobile-menu-toggle.opened {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/header/menu-close.gif)
}
.header-mobile-submenu-content {
position: relative;
width: 100%;
height: calc(100vh - 215px);
overflow-x: hidden;
overflow-y: scroll
}
.header-mobile-submenu-content.current .header-mobile-submenu-slider {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.header-mobile-submenu-slider {
position: relative;
width: 200%;
-webkit-transition: -webkit-transform ease-in-out .2s;
transition: -webkit-transform ease-in-out .2s;
transition: transform ease-in-out .2s;
transition: transform ease-in-out .2s, -webkit-transform ease-in-out .2s
}
.header-mobile-links {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 50%
}
.header-mobile-links b {
color: #fff;
font-weight: 600
}
.header-mobile-links.header-mobile-submenu-links {
position: absolute;
top: 0;
right: 0
}
.header-mobile-links.header-mobile-submenu-links li .link-line,
.header-mobile-links.header-mobile-submenu-links li a {
padding-left: 25px
}
.header-mobile-links .header-mobile-submenu-back {
position: relative
}
.header-mobile-links .header-mobile-submenu-back:before {
position: absolute;
top: 16px;
left: 6px;
content: "";
display: inline-block;
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-right: 7px solid #fff
}
.header-mobile-links li {
position: relative
}
.header-mobile-links li:last-child a {
border-bottom: 0
}
.header-mobile-links li .header-mobile-submenu-arrow {
position: absolute;
top: 10px;
right: 10px;
width: 30px;
height: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer
}
.header-mobile-links li .header-mobile-submenu-arrow:after {
position: relative;
display: inline-block;
content: "";
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 7px solid #fff
}
.header-mobile-links li .link-line,
.header-mobile-links li a {
width: calc(100% - 20px);
display: inline-block;
margin: 0 10px 0 10px;
padding: 13px 2px;
border-bottom: 1px solid #fff
}
.header-mobile-submenu {
z-index: 1110;
background-color: #c0011b;
position: absolute;
top: 56px;
width: 100%;
display: none
}
.header-mobile-submenu a {
color: #fff
}
.header-mobile-submenu .header-mobile-top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 0 10px 0;
margin: 0 10px;
border-bottom: 1px solid #fff
}
.header-mobile-submenu .header-mobile-top .header-link-phone b {
color: #fff !important
}
.header-mobile-submenu .header-mobile-bottom {
width: calc(100% - 20px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 10px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-top: 1px solid #fff
}
.header-mobile-submenu .header-mobile-bottom .header-icons {
width: 120px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.header-mobile-submenu .header-mobile-bottom .header-icons a,
.header-mobile-submenu .header-mobile-bottom .header-icons span {
height: 30px;
width: 30px;
margin: 10px 0
}
.header-mobile-submenu .header-mobile-bottom .header-icons:last-of-type {
width: auto
}
.header-menu-main-sub:before {
z-index: 62;
content: "";
position: absolute;
top: 50%;
right: -15px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #1c1d20
}
.header-menu-main-sub:after {
z-index: 63;
content: "";
position: absolute;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #fff;
margin: 0 0 0 -15px;
left: 50%;
bottom: -10px;
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transition: -webkit-transform ease-in-out .2s .1s;
transition: -webkit-transform ease-in-out .2s .1s;
transition: transform ease-in-out .2s .1s;
transition: transform ease-in-out .2s .1s, -webkit-transform ease-in-out .2s .1s
}
.header-menu-main-sub.opened {
color: #c0011b
}
.header-menu-main-sub.current:after,
.header-menu-main-sub:hover:after {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.header-sub-menu-equipment-result {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-height: calc(100vh - 280px);
overflow-y: auto
}
.header-sub-menu-equipment-result .product-element {
margin-right: 25px
}
.header-submenu-no-result {
padding: 40px 0
}
.header-sub-menu {
width: 100%;
z-index: 20;
position: absolute;
-webkit-transform: translateY(-60px);
-ms-transform: translateY(-60px);
transform: translateY(-60px);
opacity: 0;
pointer-events: none;
-webkit-transition: opacity ease-in-out .2s, -webkit-transform ease-in-out .2s;
transition: opacity ease-in-out .2s, -webkit-transform ease-in-out .2s;
transition: transform ease-in-out .2s, opacity ease-in-out .2s;
transition: transform ease-in-out .2s, opacity ease-in-out .2s, -webkit-transform ease-in-out .2s
}
.header-sub-menu .header-sub-menu-links {
z-index: 52;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #c0011b;
height: 53px;
padding: 0 8rem
}
.header-sub-menu a {
color: #fff;
margin: 0 65px 0 0
}
@media only screen and (max-width:1024px) {
.header-sub-menu a {
margin: 0 25px 0 0;
font-size: 14px
}
}
.header-sub-menu a.current,
.header-sub-menu a:hover {
color: #1c1d20
}
.header-sub-menu.current {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
pointer-events: auto
}
.header-sub-menu.current .header-sub-menu-equipment {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
pointer-events: auto
}
.header-sub-menu-equipment {
z-index: 50;
position: relative;
opacity: 0;
-webkit-transform: translateY(-60px);
-ms-transform: translateY(-60px);
transform: translateY(-60px);
background-color: #d9d9d9;
width: 100%;
padding: 4rem 8rem;
pointer-events: none;
-webkit-transition: opacity ease-in-out .2s .1s, -webkit-transform ease-in-out .2s .1s;
transition: opacity ease-in-out .2s .1s, -webkit-transform ease-in-out .2s .1s;
transition: transform ease-in-out .2s .1s, opacity ease-in-out .2s .1s;
transition: transform ease-in-out .2s .1s, opacity ease-in-out .2s .1s, -webkit-transform ease-in-out .2s .1s
}
.header-sub-menu-equipment .header-sub-menu-equipment-top {
margin-bottom: 2rem
}
.header-sub-menu-equipment .header-sub-menu-equipment-top select {
width: 350px;
height: 30px;
border: none;
font-size: 14px;
color: #1c1d20
}
@media only screen and (max-width:1024px) {
.header-sub-menu-equipment .header-sub-menu-equipment-top select {
width: 100%;
padding: 0 15px
}
}
.header-sub-menu-equipment .header-sub-menu-equipment-top h4 {
font-family: Montserrat, sans-serif;
font-size: 2rem;
margin-bottom: 1rem
}
.header-submenu-loading {
width: 100%;
height: 150px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.frame-left,
.frame-right {
z-index: 88;
width: 4rem;
height: 100%;
position: fixed;
display: block;
background-color: #fff;
top: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 135px;
padding-bottom: 4rem
}
@media only screen and (max-width:1024px) {
.frame-left,
.frame-right {
display: none
}
}
.frame-left {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.frame-right {
z-index: 87;
left: auto;
right: 0;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.frame-bottom {
z-index: 89;
position: fixed;
width: 100%;
bottom: 0;
left: 0;
background-color: #fff;
display: block
}
@media only screen and (max-width:768px) {
.frame-bottom {
padding: 0 1rem;
border-top: 1px solid #d9d9d9
}
.frame-bottom .button-red {
padding: 6px 20px 0;
font-size: 14px;
text-align: center;
width: 100%
}
.frame-bottom .button-red:before {
height: 7px;
bottom: -7px;
width: calc(100% - 7px)
}
.frame-bottom .button-red:after {
bottom: -7px;
border: 3.5px solid #c0011b;
border-right: 3.5px solid transparent;
border-bottom: 3.5px solid transparent
}
.frame-bottom .frame-bottom-link>p {
display: none
}
}
.frame-bottom-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
height: 4rem;
margin: auto 4rem
}
@media only screen and (max-width:768px) {
.frame-bottom-wrapper {
width: 100%;
margin: 0
}
}
.frame-bottom .header-message {
display: none;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: contain;
background-size: contain;
height: 40px;
width: 40px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
margin-top: 3px;
margin-left: 4px;
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/icons_elevex_chat.svg)
}
.frame-bottom .frame-bottom-left,
.frame-bottom .frame-bottom-right {
display: inline-block
}
@media only screen and (max-width:960px) {
.frame-bottom .frame-bottom-left,
.frame-bottom .frame-bottom-right {
width: 100%;
display: block
}
.frame-bottom .frame-bottom-left+p,
.frame-bottom .frame-bottom-right+p {
display: none
}
}
.frame-bottom .frame-bottom-left p,
.frame-bottom .frame-bottom-right p {
margin-bottom: 0
}
.frame-bottom .frame-bottom-left .frame-bottom-link,
.frame-bottom .frame-bottom-right .frame-bottom-link {
color: #c0011b
}
@media only screen and (max-width:960px) {
.frame-bottom .frame-bottom-left .frame-bottom-link,
.frame-bottom .frame-bottom-right .frame-bottom-link {
font-size: 14px;
display: none
}
}
.frame-bottom .frame-bottom-left .frame-bottom-link:hover,
.frame-bottom .frame-bottom-right .frame-bottom-link:hover {
text-decoration: underline
}
@media only screen and (max-width:768px) {
.frame-bottom .frame-bottom-right {
display: none
}
}
.header-sub-menu-cols {
z-index: 52;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #c0011b;
padding: 30px;
-webkit-box-pack: space-evenly;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly
}
.header-sub-menu-cols div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.header-sub-menu-cols div p {
font-weight: 600;
margin-bottom: 25px;
color: #fff
}
.header-link-phone {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/header/phone.jpg);
background-position: left top;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
padding: 0 0 0 27px
}
.header-link-phone.white {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/icons_elevex_phone_white.svg)
}
.header-link-phone b {
font-weight: 600
}
.header-icons {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.header-icons a,
.header-icons span {
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: contain;
background-size: contain;
display: inline-block;
height: 30px;
width: 30px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
margin-top: 15px
}
.header-icons a.header-profile,
.header-icons span.header-profile {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/icons_elevex_user.svg)
}
.header-icons a.header-compare,
.header-icons span.header-compare {
position: relative;
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/icons_elevex_compare.svg);
overflow: visible;
margin: 0;
display: none
}
.header-icons a.header-compare .header-compare-count,
.header-icons span.header-compare .header-compare-count {
text-indent: 0;
font-size: 10px;
color: #fff;
width: 15px;
height: 15px;
background-color: #c0011b;
text-align: center;
border-radius: 12px;
display: block;
position: absolute;
top: -3px;
right: -3px;
padding: 0;
margin: 0
}
.header-icons a.header-compare .header-compare-count.mobile,
.header-icons span.header-compare .header-compare-count.mobile {
background-color: #fff;
color: #c0011b
}
.header-icons a.header-compare.white,
.header-icons span.header-compare.white {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/icons_elevex_compare_white.svg)
}
.header-icons a.header-message,
.header-icons span.header-message {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/icons_elevex_chat.svg)
}
.header-icons a.header-newsletter,
.header-icons span.header-newsletter {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/icons_elevex_newsletter.svg)
}
.header-icons a.header-newsletter.white,
.header-icons span.header-newsletter.white {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/icons_elevex_newsletter_white.svg)
}
.header-icons a.header-social-linkedin,
.header-icons span.header-social-linkedin {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/icons_elevex_linkedin.svg)
}
.header-icons a.header-social-linkedin.white,
.header-icons span.header-social-linkedin.white {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/icons_elevex_linkedin_white.svg)
}
.header-icons a.header-social-facebook,
.header-icons span.header-social-facebook {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/facebook-black.png)
}
.header-icons a.header-social-facebook.white,
.header-icons span.header-social-facebook.white {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/facebook-white.png)
}
.header-icons a.header-social-youtube,
.header-icons span.header-social-youtube {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/icons_elevex_youtube.svg)
}
.header-icons a.header-social-youtube.white,
.header-icons span.header-social-youtube.white {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/icons_elevex_youtube_white.svg)
}
.header-quote-popup {
border: 1px solid #d9d9d9;
background-color: #d9d9d9;
width: 455px;
z-index: 110;
position: fixed;
bottom: 4rem;
left: 4rem;
opacity: 0;
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
pointer-events: none;
-webkit-transition: opacity ease-in-out .2s, -webkit-transform ease-in-out .2s;
transition: opacity ease-in-out .2s, -webkit-transform ease-in-out .2s;
transition: transform ease-in-out .2s, opacity ease-in-out .2s;
transition: transform ease-in-out .2s, opacity ease-in-out .2s, -webkit-transform ease-in-out .2s;
z-index: 30
}
.header-quote-popup .gform_body {
height: 400px;
overflow-y: scroll
}
@media only screen and (max-width:768px) {
.header-quote-popup .gform_body {
height: 335px
}
}
.header-quote-popup .gfield_radio li {
margin-right: 15px !important
}
.header-quote-popup .gform_footer {
padding: 0 20px
}
.header-quote-popup .gform_footer .gform_button {
margin: 0
}
@media only screen and (max-width:768px) {
.header-quote-popup {
width: 100%;
bottom: 57px;
left: 0
}
}
.header-quote-popup.current {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
pointer-events: auto
}
.header-quote-popup h4 {
background-color: #c0011b;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 55px
}
.header-quote-popup h4 span {
color: #fff;
font-size: 24px;
font-weight: 700;
font-family: Montserrat, sans-serif;
text-align: center
}
.header-quote-popup .header-quote-close {
position: absolute;
bottom: 65px;
left: 170px;
font-size: 14px;
text-decoration: underline;
font-weight: 500
}
#field_3_7 .gfield_label,
#field_3_8 .gfield_label {
margin-bottom: 25px;
padding: 0;
display: block;
width: 100%
}
.header-compare-popup {
width: 75%;
height: 70vh;
overflow-y: scroll;
background-color: #fff;
padding: 15px;
position: fixed;
z-index: 99;
top: 15vh;
left: 15%;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transition: opacity ease-in-out .2s, -webkit-transform ease-in-out .2s;
transition: opacity ease-in-out .2s, -webkit-transform ease-in-out .2s;
transition: opacity ease-in-out .2s, transform ease-in-out .2s;
transition: opacity ease-in-out .2s, transform ease-in-out .2s, -webkit-transform ease-in-out .2s
}
@media only screen and (max-width:1024px) {
.header-compare-popup {
width: 100%;
height: 100vh;
top: 0;
left: 0
}
}
.header-compare-popup.current {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
pointer-events: auto
}
.header-compare-popup h3 {
font-size: 23px;
font-family: Montserrat, sans-serif;
font-weight: 700
}
.header-compare-popup .button-red {
width: 300px
}
.header-compare-popup .header-compare-popup-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 0 10px 0
}
.header-compare-popup .header-compare-slideshow {
border: 1px solid #d9d9d9;
margin: 0 0 15px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: scroll
}
@media only screen and (max-width:1024px) {
.header-compare-popup .header-compare-slideshow {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: calc(100vh - 150px)
}
}
.header-compare-popup .header-compare-grid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: calc(100% - 160px);
position: relative
}
@media only screen and (max-width:1024px) {
.header-compare-popup .header-compare-grid {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 750px
}
}
.header-compare-popup .header-compare-grid .slick-list {
width: 100%
}
.header-compare-popup .header-compare-grid .slick-track {
margin: 0
}
.header-compare-popup .header-compare-legend {
width: 160px;
border-right: 1px solid #d9d9d9;
padding-top: 160px
}
@media only screen and (max-width:1024px) {
.header-compare-popup .header-compare-legend {
width: 750px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 0;
border-top: 0;
padding-left: 150px
}
}
.header-compare-popup .header-compare-legend li {
font-weight: 600;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
border-top: 1px solid #d9d9d9;
padding: 12px 6px 12px 6px;
font-size: 16px
}
.header-compare-popup .header-compare-legend li:nth-child(odd) {
background-color: #ececec
}
@media only screen and (max-width:1024px) {
.header-compare-popup .header-compare-legend li {
border-top: 0;
width: 150px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
}
.header-compare-popup .header-compare-slide {
width: 50%;
border-right: 1px solid #d9d9d9
}
@media only screen and (max-width:1024px) {
.header-compare-popup .header-compare-slide {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%
}
}
.header-compare-popup .header-compare-slide li {
width: 100%;
border-top: 1px solid #d9d9d9;
padding: 12px 6px 12px 6px;
font-size: 16px
}
@media only screen and (max-width:1024px) {
.header-compare-popup .header-compare-slide li {
width: 150px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: left;
-webkit-align-items: left;
-ms-flex-align: left;
align-items: left;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 13px
}
}
.header-compare-popup .header-compare-slide li:nth-child(even) {
background-color: #ececec
}
.header-compare-popup .header-compare-slide li.header-compare-slide-title {
border-top: 0;
position: relative;
height: 160px;
color: #c0011b;
text-align: center;
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/compare-grid-bg.jpg);
background-position: top left;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat
}
.header-compare-popup .header-compare-slide li.header-compare-slide-title h4 {
width: 100%;
color: #c0011b;
text-align: center;
font-family: Montserrat, sans-serif
}
.header-compare-popup .header-compare-slide li.header-compare-slide-title .header-compare-remove {
position: absolute;
top: 8px;
right: 10px;
cursor: pointer
}
.header-compare-popup .header-compare-bottom {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.header-compare-popup .header-compare-arrows {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 70px;
height: 35px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
@media only screen and (max-width:1024px) {
.header-compare-popup .header-compare-arrows {
display: none
}
}
.header-compare-popup .header-compare-arrows p {
width: 26px;
height: 29px;
display: block;
cursor: pointer
}
.header-compare-popup .header-compare-arrows p.slick-hidden {
display: none
}
.header-compare-popup .header-compare-arrows p.header-compare-arrow-left {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/header/arrow-left.jpg)
}
.header-compare-popup .header-compare-arrows p.header-compare-arrow-right {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/header/arrow-right.jpg)
}
.header-compare-overlay {
position: fixed;
z-index: 98;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
opacity: 0;
background-color: #1c1d20;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity ease-in-out .2s;
transition: opacity ease-in-out .2s
}
.header-compare-overlay.current {
opacity: .8;
pointer-events: auto
}
.header-compare-close {
cursor: pointer;
width: 15px;
height: 15px;
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/header/close-popup.jpg);
display: inline-block
}
.header-compare-empty {
padding: 30px 0 40px
}
.footer-main {
background-color: #1c1d20;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 45px
}
@media only screen and (max-width:1024px) {
.footer-main {
padding: 15px
}
}
.footer-main a,
.footer-main b,
.footer-main h1,
.footer-main h2,
.footer-main h3,
.footer-main h4,
.footer-main h5,
.footer-main p,
.footer-main strong {
font-size: 14px;
color: #fff
}
.footer-main b {
font-weight: 600
}
.footer-main h3 {
font-family: Montserrat, sans-serif;
font-size: 22px;
font-weight: 700;
margin-bottom: 20px
}
@media only screen and (max-width:768px) {
.footer-main h3 {
margin-bottom: 20px
}
}
.footer-main h4 {
margin-bottom: 15px
}
.footer-main p {
margin-bottom: 20px
}
.footer-main-top {
width: 100%
}
.footer-main-top .logo-main {
z-index: 10;
position: relative;
display: block;
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/footer/elevex.png);
background-position: top left;
-webkit-background-size: contain;
background-size: contain
}
@media only screen and (max-width:1024px) {
.footer-main-top .logo-main {
width: 170px;
height: 56px
}
}
.footer-main-columns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
@media only screen and (max-width:1024px) {
.footer-main-columns {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.footer-main-columns .footer-main-col {
margin-right: 2rem
}
.footer-main-columns .footer-main-col:last-child {
margin-right: 0
}
@media only screen and (max-width:1024px) {
.footer-main-columns .footer-main-col {
margin-bottom: 2rem
}
}
@media only screen and (max-width:768px) {
.footer-main-columns .footer-main-col {
margin-right: 0
}
}
@media only screen and (max-width:768px) {
.footer-main-columns .footer-main-col.two-columns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
}
@media only screen and (max-width:768px) {
.footer-main-columns .footer-main-col .contact-info {
margin-right: 50px
}
}
.footer-main-columns .footer-main-col .gform_confirmation_wrapper {
padding: 20px 0 35px
}
.footer-main-columns .footer-main-col .gform_confirmation_wrapper .gform_confirmation_message {
color: #fff
}
.footer-main-columns .footer-main-col .gform_wrapper {
padding: 0 0;
width: 500px
}
@media only screen and (max-width:768px) {
.footer-main-columns .footer-main-col .gform_wrapper {
width: auto
}
}
.footer-main-columns .footer-main-col .gform_wrapper .validation_error {
display: none
}
.footer-main-columns .footer-main-col .gform_wrapper form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
}
.footer-main-columns .footer-main-col .gform_wrapper .gfield_label {
display: none !important
}
.footer-main-columns .footer-main-col .gform_wrapper .gform_heading {
width: 100%
}
.footer-main-columns .footer-main-col .gform_wrapper .gform_body {
margin: 0
}
@media only screen and (max-width:768px) {
.footer-main-columns .footer-main-col .gform_wrapper {
padding: 0
}
}
.footer-main-columns .footer-main-col .gform_wrapper .gform_description {
display: block;
font-size: 14px;
color: #fff;
margin-bottom: 1rem
}
@media only screen and (max-width:768px) {
.footer-main-columns .footer-main-col .gform_wrapper .gform_fields .ginput_container {
width: 100%
}
}
.footer-main-columns .footer-main-col .gform_wrapper .gform_fields .ginput_container input {
padding: 7px 15px;
width: 100%;
height: 51px;
border: 0
}
.footer-main-columns .footer-main-col .gform_wrapper .gform_footer {
margin-top: 0
}
@media only screen and (max-width:1024px) {
.footer-main-columns .footer-main-col .gform_wrapper .gform_footer {
padding: 0 !important
}
}
.copyright {
display: none;
margin: 0 -15px;
padding: 20px 15px;
background-color: #fff
}
@media only screen and (max-width:960px) {
.copyright {
display: block;
margin-bottom: 2rem
}
.copyright a,
.copyright p {
color: #1c1d20;
line-height: 20px;
margin-bottom: 0
}
.copyright a {
text-decoration: underline
}
}
@media only screen and (max-width:768px) {
.footer-menu {
margin-bottom: 2rem
}
}
.footer-menu h4 {
width: 100%;
display: block
}
.footer-menu ul {
width: 100%;
display: block;
text-align: right
}
@media only screen and (max-width:768px) {
.footer-menu ul {
text-align: left
}
}
.footer-menu ul li {
display: inline-block;
margin-right: 1rem
}
@media only screen and (max-width:768px) {
.footer-menu ul li {
display: block;
margin-right: 0
}
}
.footer-menu ul li:last-child {
margin-right: 0
}
.footer-menu ul li a {
font-weight: 700;
font-size: 14px
}
.footer-menu ul li a:hover {
color: #c0011b
}
.footer-menu ul li ul {
width: 100%;
margin-left: 20px
}
.footer-menu ul li ul li {
width: 100%;
position: relative;
margin-bottom: 3px
}
.footer-menu ul li ul li:before {
content: "";
position: absolute;
height: 1px;
width: 4px;
background-color: #c2c3c4;
top: 50%;
left: -8px;
font-size: 14px
}
.footer-menu ul li ul li a {
font-weight: 400
}
.footer-icons a {
width: 30px;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: contain;
background-size: contain;
display: inline-block;
height: 30px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin-right: 20px
}
.footer-icons a:last-child {
margin-right: 0
}
.footer-icons a.header-social-linkedin {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/icons_elevex_linkedin_white.svg)
}
.footer-icons a.header-social-youtube {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/icons_elevex_youtube_white.svg)
}
.footer-icons a.header-social-facebook {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/facebook-white.png)
}
.adresse {
margin-bottom: 1rem
}
.adresse .contact-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around
}
@media only screen and (max-width:768px) {
.adresse .contact-list {
display: block
}
}
.adresse .contact-list li {
display: inline-block;
vertical-align: top;
margin-right: 2rem;
margin-bottom: 1rem
}
.adresse .contact-list li:last-child {
margin-bottom: 0;
margin-right: 0
}
.adresse .contact-list li p,
.adresse .contact-list li strong {
color: #fff;
margin-bottom: 1rem
}
.adresse .contact-list li strong {
font-size: 1.1rem
}
.adresse .contact-list li a {
color: #fff;
text-decoration: underline
}
.adresse .contact-list li a:active,
.adresse .contact-list li a:focus,
.adresse .contact-list li a:hover {
color: #c0011b
}
.adresse .contact-list li iframe {
width: 300px;
height: 300px
}
@media mobile {
.adresse .contact-list li {
margin-bottom: 1rem
}
.adresse .contact-list li:last-child {
margin-bottom: 0
}
}
.services {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
@media only screen and (max-width:768px) {
.services {
padding: 1rem
}
}
.services .title {
text-align: center
}
body.mobile .services .title {
color: #fff
}
.services--wrapper {
border: 1px #fff solid;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
position: relative;
background-position: center center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width:960px) {
.services--wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.services--wrapper .service {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
color: #fff;
padding: 4rem 2rem;
border-right: 1px #fff solid;
z-index: 1
}
body.ie .services--wrapper .service {
height: 650px
}
.services--wrapper .service:hover .link-text {
color: #c0011b;
font-weight: 700
}
@media only screen and (max-width:960px) {
.services--wrapper .service {
-webkit-box-flex: 1;
-webkit-flex: 1 0 50%;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
padding: 50px 14px 20px;
border-bottom: 1px #fff solid
}
}
@media only screen and (max-width:768px) {
.services--wrapper .service {
-webkit-box-flex: 1;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%
}
}
.services--wrapper .service:last-child {
border-right: 0
}
.services--wrapper .service--inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.services--wrapper .service--inner-top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.services--wrapper .service--icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
justify-items: center;
padding-bottom: 30px
}
.services--wrapper .service--icon img {
width: 100px;
height: auto
}
.services--wrapper .service--title {
font-size: 24px;
line-height: 30px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
justify-items: center
}
@media only screen and (max-width:768px) {
.services--wrapper .service--title {
font-size: 18px;
line-height: 22px;
color: #fff
}
}
.services--wrapper .service--title h2 {
color: #fff;
font-weight: 700
}
.services--wrapper .service--content {
color: #fff;
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline;
width: 100%
}
.services--wrapper .service--content-separator {
width: 20%;
background-color: #fff;
height: 1px;
display: block;
margin: 48px 0 20px
}
.services--wrapper .service--content-text {
font-size: 13px;
color: #fff;
line-height: 20px;
letter-spacing: 1px;
-webkit-transition: color ease-in-ou .2s;
transition: color ease-in-ou .2s;
margin-bottom: 1rem
}
.services.mobile .services--wrapper {
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 40% top;
overflow: hidden
}
.services.mobile .services--wrapper.rainbow:before {
height: 1000px
}
.services.mobile .services--wrapper .accordion {
z-index: 1
}
.services.mobile .services--wrapper .accordion .trigger {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 20px;
border-top: .5px solid #fff
}
.services.mobile .services--wrapper .accordion .trigger .service--title {
pointer-events: none;
padding-left: 20px
}
.services.mobile .services--wrapper .accordion .trigger .service--icon {
pointer-events: none;
padding-bottom: 0;
width: 40px;
height: 40px
}
.services.mobile .services--wrapper .accordion .trigger .service--icon img {
height: 100%;
width: auto
}
.services.mobile .services--wrapper .accordion .trigger.active~.box {
max-height: 1000px
}
.services.mobile .services--wrapper .accordion .trigger.active~.box .content .inner-content {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.services.mobile .services--wrapper .accordion .trigger.active~.box .content .inner-content .link a {
overflow: visible
}
.services.mobile .services--wrapper .accordion .box {
height: auto;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height .35s cubic-bezier(.77, 0, .175, 1);
transition: max-height .35s cubic-bezier(.77, 0, .175, 1)
}
@media only screen and (max-width:768px) {
.services.mobile .services--wrapper .accordion .box {
padding-left: 0
}
}
.services.mobile .services--wrapper .accordion .box .content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px 40px;
width: 100%
}
@media only screen and (max-width:1024px) {
.services.mobile .services--wrapper .accordion .box .content {
padding: 20px 0
}
}
@media only screen and (max-width:768px) {
.services.mobile .services--wrapper .accordion .box .content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.services.mobile .services--wrapper .accordion .box .content .inner-content {
-webkit-transition: opacity .35s ease, -webkit-transform .35s ease;
transition: opacity .35s ease, -webkit-transform .35s ease;
transition: opacity .35s ease, transform .35s ease;
transition: opacity .35s ease, transform .35s ease, -webkit-transform .35s ease;
-webkit-transition-delay: .35s;
transition-delay: .35s;
opacity: 0;
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
color: #000;
font-size: 16px;
line-height: 1.4;
padding: 0 20px
}
@media only screen and (max-width:480px) {
.services.mobile .services--wrapper .accordion .box .content .inner-content {
font-size: 14px
}
}
.services.mobile .services--wrapper .accordion .box .content .inner-content+p {
margin-top: 20px
}
.form-service .gform_wrapper {
margin-top: 0;
padding-top: 0
}
.form-service .gform_wrapper .btn,
.form-service .gform_wrapper .button-red,
.form-service .gform_wrapper input[type=submit] {
padding-top: 0
}
.services-title-block {
margin-bottom: 0;
padding-bottom: 0
}
.services-title-block p.product-title {
font-size: 28px;
font-weight: 600;
text-align: center;
width: 100%;
margin-bottom: 0;
background-color: #c0011b
}
.equipment {
background-color: #1c1d20
}
@media only screen and (max-width:768px) {
.equipment {
padding: 1rem;
padding-bottom: 4rem
}
}
.equipment .section-title {
color: #fff;
padding: 1rem
}
.equipment .section-title+p {
margin: 0 auto 2rem auto;
text-align: center
}
.equipment--wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.equipment--wrapper .slick-arrow {
content: "";
background: 0 0;
position: absolute;
bottom: -25px;
left: 0;
color: #1c1d20
}
.equipment--wrapper .slick-arrow:before {
content: '←';
font-size: 30px;
position: absolute;
top: 0;
left: 0;
color: #fff
}
.equipment--wrapper .slick-arrow.slick-next {
left: auto;
right: 0
}
.equipment--wrapper .slick-arrow.slick-next:before {
text-indent: auto;
content: '→';
left: auto;
right: 0
}
.equipment--wrapper .producturl {
-webkit-box-flex: 1;
-webkit-flex: 1 0 33%;
-ms-flex: 1 0 33%;
flex: 1 0 33%;
width: 33%;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width:960px) {
.equipment--wrapper .producturl {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
}
}
@media only screen and (max-width:768px) {
.equipment--wrapper .producturl {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
border: 0 !important
}
}
.equipment--wrapper .producttype {
-webkit-background-size: cover;
background-size: cover;
background-position: center;
border: .5px #d9d9d9 solid;
width: 100%
}
.equipment--wrapper .producttype--inner {
z-index: 1;
padding: 2rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
width: 100%;
height: 100%
}
.equipment--wrapper .producttype--inner:after {
content: '';
background-color: #1c1d20;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-transition: width .35s ease-in-out;
transition: width .35s ease-in-out
}
.equipment--wrapper .producttype--inner:hover:after {
width: 0
}
.equipment--wrapper .producttype--inner:hover .link span {
color: #fff
}
.equipment--wrapper .producttype--inner:hover .link span svg>g>path {
fill: #fff
}
.equipment--wrapper .producttype--date {
color: #fff;
font-size: 12px;
line-height: 20px;
z-index: 2
}
.equipment--wrapper .producttype--title {
color: #fff;
font-size: 2rem;
font-family: Montserrat, sans-serif;
margin-bottom: 1rem;
z-index: 2
}
.equipment--wrapper .producttype--content {
color: #fff;
font-size: 1rem;
line-height: 1.5rem;
z-index: 2;
margin-bottom: 1rem
}
.equipment--wrapper .producttype--content.career span {
color: #fff;
font-weight: 700
}
.equipment.mobile {
display: block
}
.equipment.mobile .ss-arrow {
bottom: 50px
}
@media only screen and (max-width:480px) {
.equipment.mobile .ss-arrow {
bottom: 35px
}
}
.equipment.mobile .ss-arrow:hover {
background-color: transparent
}
.equipment.mobile .ss-arrow-prev {
right: 92px
}
@media only screen and (max-width:480px) {
.equipment.mobile .ss-arrow-prev {
right: 62px
}
}
.equipment.mobile .ss-arrow-next {
right: 50px
}
@media only screen and (max-width:480px) {
.equipment.mobile .ss-arrow-next {
right: 20px
}
}
.equipment.mobile .slick-dots {
bottom: 50px;
left: 50px
}
@media only screen and (max-width:480px) {
.equipment.mobile .slick-dots {
bottom: 35px;
left: 20px
}
}
.equipment.mobile .slick-dots li {
position: relative;
display: none
}
.equipment.mobile .slick-dots li:last-child {
display: list-item
}
.equipment.mobile .slick-dots li:last-child:before {
content: '-';
position: absolute;
top: 0;
left: 6px
}
.equipment.mobile .slick-dots li.slick-active {
display: inline-block
}
.equipment.mobile .slick-dots li.slick-active:before {
content: none
}
.equipment.mobile .producttype .link span {
font-size: 16px
}
.equipment.mobile .producttype--inner {
padding: 100px 50px
}
@media only screen and (max-width:480px) {
.equipment.mobile .producttype--inner {
padding: 20px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
}
.equipment.mobile .producttype--inner:after {
content: none
}
@media only screen and (max-width:768px) {
.slideshow {
background-color: #1c1d20
}
}
.slideshow--wrapper {
position: relative;
display: block
}
@media only screen and (max-width:768px) {
.slideshow--wrapper {
background-color: #1c1d20;
background-image: none
}
}
@media only screen and (max-width:960px) {
.slideshow--inner-image {
height: 250px
}
}
@media only screen and (max-width:960px) and (max-height:600px) {
.slideshow--inner-image {
height: 100vh;
min-height: 500px
}
}
@media only screen and (max-width:960px) {
.slideshow--inner-image .slick-list {
height: 250px
}
}
@media only screen and (max-height:600px) {
.slideshow--inner-image .slick-list {
max-height: 100vh
}
}
.slideshow--inner-image,
.slideshow--inner-text {
position: relative
}
.slideshow--inner-image .ss-arrow,
.slideshow--inner-text .ss-arrow {
cursor: pointer;
position: absolute;
display: inline-block;
width: 60px;
height: 60px;
border-radius: 100%;
background-color: #1c1d20;
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/icons_elevex_arrow.svg);
background-repeat: no-repeat;
-webkit-background-size: 40% 40%;
background-size: 40%;
background-position: 60% 50%;
top: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
-webkit-transition: background-color .35s ease-in-out;
transition: background-color .35s ease-in-out
}
.slideshow--inner-image .ss-arrow:hover:not(.slick-disabled),
.slideshow--inner-text .ss-arrow:hover:not(.slick-disabled) {
background-color: #c0011b
}
@media only screen and (max-width:960px) {
.slideshow--inner-image .ss-arrow:hover:not(.slick-disabled),
.slideshow--inner-text .ss-arrow:hover:not(.slick-disabled) {
background-color: transparent
}
}
@media only screen and (max-width:960px) {
.slideshow--inner-image .ss-arrow,
.slideshow--inner-text .ss-arrow {
background-color: transparent;
cursor: pointer;
position: absolute;
display: inline-block;
width: 20px;
height: 20px;
border-radius: 0;
-webkit-background-size: 100% 100%;
background-size: 80%;
background-position: center;
bottom: 15px;
top: auto;
right: 5px
}
}
.slideshow--inner-image .ss-arrow.slick-disabled,
.slideshow--inner-text .ss-arrow.slick-disabled {
opacity: .8
}
.slideshow--inner-image .ss-arrow-prev,
.slideshow--inner-text .ss-arrow-prev {
-webkit-transform: scale(-1);
-ms-transform: scale(-1);
transform: scale(-1);
left: 20px;
background-color: #000
}
@media only screen and (max-width:960px) {
.slideshow--inner-image .ss-arrow-prev,
.slideshow--inner-text .ss-arrow-prev {
left: auto;
right: 92px;
background-color: transparent
}
}
.slideshow--inner-image .slick-dots li,
.slideshow--inner-text .slick-dots li {
color: #fff
}
.slideshow--inner-image .slick-dots li a,
.slideshow--inner-text .slick-dots li a {
color: #fff;
display: inline-block
}
.slideshow--inner-image .slick-dots li.slick-active a,
.slideshow--inner-text .slick-dots li.slick-active a {
position: relative;
font-weight: 700;
color: #c0011b
}
.slideshow--inner-image .slick-dots li.slick-active a:before,
.slideshow--inner-text .slick-dots li.slick-active a:before {
content: '/';
position: absolute;
font-weight: 700;
left: -.5rem
}
.slideshow--inner-image .slideshow-content,
.slideshow--inner-text .slideshow-content {
position: relative
}
.slideshow--inner-image .slideshow-content-wrapper,
.slideshow--inner-text .slideshow-content-wrapper {
z-index: 10;
margin-left: 2rem;
line-height: 1rem
}
@media only screen and (max-width:1440px) {
.slideshow--inner-image .slideshow-content-wrapper,
.slideshow--inner-text .slideshow-content-wrapper {
max-width: 600px
}
}
@media only screen and (max-width:768px) {
.slideshow--inner-image .slideshow-content-wrapper,
.slideshow--inner-text .slideshow-content-wrapper {
margin-left: 1rem
}
}
.slideshow--inner-image .slideshow-content-wrapper .slide-title,
.slideshow--inner-text .slideshow-content-wrapper .slide-title {
font-family: Montserrat, sans-serif;
color: #fff;
font-size: 4.5rem;
text-transform: uppercase;
line-height: 4.5rem;
margin-bottom: 2rem
}
@media only screen and (max-width:1440px) {
.slideshow--inner-image .slideshow-content-wrapper .slide-title,
.slideshow--inner-text .slideshow-content-wrapper .slide-title {
font-size: 2rem;
line-height: 2rem
}
}
@media only screen and (max-width:960px) {
.slideshow--inner-image .slideshow-content-wrapper .slide-title,
.slideshow--inner-text .slideshow-content-wrapper .slide-title {
font-size: 1.25rem;
line-height: 1.25rem;
margin-bottom: 1rem
}
}
.slideshow--inner-image .slideshow-content-wrapper .small,
.slideshow--inner-text .slideshow-content-wrapper .small {
font-size: 0.9rem;
line-height: 0.9rem;
color: #fff
}
.slideshow--inner-image .slideshow-content-wrapper .slide-content,
.slideshow--inner-text .slideshow-content-wrapper .slide-content {
color: #fff;
margin-bottom: 2rem;
font-size: 2rem;
line-height: 2rem
}
@media only screen and (max-width:1024px) {
.slideshow--inner-image .slideshow-content-wrapper .slide-content,
.slideshow--inner-text .slideshow-content-wrapper .slide-content {
margin-bottom: 1rem;
font-size: 0.9rem;
line-height: 0.9rem
}
}
.slideshow--inner-image .slideshow-content-wrapper .slide-content+.button-red:hover,
.slideshow--inner-text .slideshow-content-wrapper .slide-content+.button-red:hover {
color: #c0011b;
background-color: #fff
}
.slideshow--inner-image .slideshow-content-wrapper .slide-content+.button-red:hover:after,
.slideshow--inner-text .slideshow-content-wrapper .slide-content+.button-red:hover:after {
border-top-color: #fff;
border-left-color: #fff
}
.slideshow--inner-image .slideshow-content-wrapper .slide-content+.button-red:hover:before,
.slideshow--inner-text .slideshow-content-wrapper .slide-content+.button-red:hover:before {
background-color: #fff
}
.slideshow--inner-image .slideshow-content .slide-image,
.slideshow--inner-text .slideshow-content .slide-image {
width: 100%;
height: 920px;
-webkit-background-size: cover;
background-size: cover;
position: relative;
background-repeat: no-repeat;
background-position: right center
}
@media only screen and (max-width:768px) {
.slideshow--inner-image .slideshow-content .slide-image,
.slideshow--inner-text .slideshow-content .slide-image {
opacity: 1;
height: 250px;
background-position: center center;
}
}
.slideshow--inner-text {
position: absolute;
z-index: 10;
max-width: calc(50% - 20px);
top: 45%;
-webkit-transform: translate(95px, -50%);
-ms-transform: translate(95px, -50%);
transform: translate(95px, -50%)
}
@media only screen and (max-width:960px) {
.slideshow--inner-text {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
@media only screen and (max-width:768px) {
.slideshow--inner-text {
top: auto;
max-width: 90%;
bottom: 40px;
}
}
.slideshow .slide-mask {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 1;
overflow: hidden
}
.slideshow .slide-mask .scroll {
color: #fff;
bottom: 2rem;
position: absolute;
width: 100%;
text-align: center
}
@media only screen and (max-width:960px) {
.slideshow .slide-mask .scroll {
display: none
}
}
.slideshow .slide-mask .scroll-inner {
display: inline-block;
text-align: center
}
.slideshow .slide-mask .scroll-inner .arrow-icon {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/arrow-long.svg);
background-position: center;
width: 10px;
height: 40px;
display: inline-block
}
.slideshow .slide-mask .scroll-inner span {
color: #fff;
display: block
}
.slider-image--wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width:1024px) {
.slider-image--wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.slider-image--wrapper .slide-title {
font-size: 40px;
font-family: Montserrat, sans-serif;
line-height: 54px;
color: #fff;
margin-bottom: 1rem
}
@media only screen and (max-width:768px) {
.slider-image--wrapper .slide-title {
font-size: 24px;
line-height: 32px;
width: 100%;
margin-bottom: 10px
}
}
.slider-image--wrapper .slide-content {
font-size: 18px;
line-height: 30px;
font-family: 'Open Sans', sans-serif;
color: #fff;
margin-bottom: 50px
}
@media only screen and (max-width:768px) {
.slider-image--wrapper .slide-content {
font-size: 14px;
line-height: 24px
}
}
.slider-image--wrapper .slide-content a,
.slider-image--wrapper .slide-content p,
.slider-image--wrapper .slide-content strong {
color: #fff;
margin-bottom: 1rem
}
.slider-image--wrapper .slide-content a {
font-size: 14px
}
.slider-image--wrapper .slider-image--slider {
-webkit-box-flex: 1;
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
background-color: #c0011b;
max-width: 50%;
position: relative;
padding: 100px 100px 50px
}
@media only screen and (max-width:1300px) {
.slider-image--wrapper .slider-image--slider {
padding: 50px 50px 25px
}
}
@media only screen and (max-width:1024px) {
.slider-image--wrapper .slider-image--slider {
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%
}
}
@media only screen and (max-width:768px) {
.slider-image--wrapper .slider-image--slider {
padding: 20px
}
}
.slider-image--wrapper .slider-image--slider .slick-dots {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
bottom: 0;
left: 0;
z-index: 1
}
.slider-image--wrapper .slider-image--slider .slick-dots li {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
color: #fff
}
.slider-image--wrapper .slider-image--slider .slick-dots li a {
color: #fff;
min-width: 35px;
display: inline-block;
text-align: right
}
.slider-image--wrapper .slider-image--slider .slick-dots li.slick-active a {
position: relative;
font-weight: 700
}
.slider-image--wrapper .slider-image--slider .slick-dots li.slick-active a:before {
content: '/';
position: absolute;
font-weight: 700;
font-size: 16px;
left: 10px
}
.slider-image--wrapper .slider-image--image {
background-color: #1c1d20;
padding: 100px 100px 50px;
-webkit-box-flex: 1;
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
position: relative
}
@media only screen and (max-width:1300px) {
.slider-image--wrapper .slider-image--image {
padding: 50px 50px 25px
}
}
@media only screen and (max-width:1024px) {
.slider-image--wrapper .slider-image--image {
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%
}
}
@media only screen and (max-width:768px) {
.slider-image--wrapper .slider-image--image {
padding: 20px
}
}
.slider-image--wrapper .slider-image--image .slider-image--imagecontent {
position: relative;
z-index: 1
}
.slider-image--wrapper .slider-image--image .button-red {
margin-bottom: 13px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex
}
.slider-image--wrapper .slider-image--image .link-noicon {
margin-top: 30px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 50px
}
@media only screen and (max-width:768px) {
.slider-image--wrapper .slider-image--image .link-noicon {
margin: 10px 0 0
}
}
.banner {
background-color: #c0011b;
color: #fff
}
.banner-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 75px 100px
}
@media only screen and (max-width:960px) {
.banner-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 40px 60px
}
}
@media only screen and (max-width:768px) {
.banner-wrapper {
padding: 20px
}
}
.banner .banner-inner--left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.banner .banner-inner--left h3 {
color: #fff;
font-size: 28px;
line-height: 45px;
font-family: Montserrat, sans-serif
}
@media only screen and (max-width:768px) {
.banner .banner-inner--left h3 {
font-size: 24px;
line-height: 30px;
text-align: center;
margin-bottom: 30px
}
}
.banner .banner-inner--left p {
color: #fff
}
@media only screen and (max-width:768px) {
.banner .banner-inner--left p {
text-align: center
}
}
.banner .banner-inner--right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
@media only screen and (max-width:960px) {
.banner .banner-inner--right {
margin-top: 50px
}
}
@media only screen and (max-width:960px) {
.banner .banner-inner--right {
margin-top: 20px
}
}
@media only screen and (max-width:768px) {
.banner .banner-inner--right {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
}
.banner .banner-inner--right a {
text-align: center
}
@media only screen and (max-width:960px) {
.banner .banner-inner--right a {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex
}
}
.banner .banner-inner--right a.link-noicon {
margin-top: 10px
}
@media only screen and (max-width:768px) {
.banner .banner-inner--right a.link-noicon {
text-align: center
}
}
.brands {
background-color: #d9d9d9;
padding: 40px
}
.brands h3 {
font-size: 40px;
font-family: Montserrat, sans-serif;
text-align: center;
font-weight: 700;
margin: 0
}
@media only screen and (max-width:768px) {
.brands h3 {
font-size: 24px
}
}
.brands p {
font-size: 16px;
line-height: 24px;
padding: 30px 0;
text-align: center
}
@media only screen and (max-width:768px) {
.brands p {
padding: 10px 15px 30px;
font-size: 14px
}
}
.brands .brands-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around
}
.brands .brands-container .brand-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 10px
}
@media only screen and (max-width:960px) {
.brands .brands-container .brand-item {
-webkit-box-flex: 1;
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
margin: 0 0 10px
}
}
@media only screen and (max-width:768px) {
.brands .brands-container .brand-item {
-webkit-box-flex: 1;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%
}
.brands .brands-container .brand-item img {
width: 100%
}
}
.brands.mobile .brands-container {
max-width: 700px;
margin: 0 auto
}
.brands.mobile .brands-container .slick-dots {
position: relative
}
.brands.mobile .brands-container .slick-dots li:last-child {
display: list-item
}
.brands.mobile .brands-container .slick-dots li:last-child:before {
color: #1c1d20
}
.brands.mobile .brands-container .slick-dots li a {
color: #1c1d20
}
.brands.mobile .brands-container .slick-slide img {
width: 100%
}
.brands.mobile .brands-container .ss-arrow {
width: 40px;
height: 40px;
border-radius: 300px;
background-color: #1c1d20;
-webkit-background-size: 40% 40%;
background-size: 40% 40%;
background-position: 15px 12px;
z-index: 10;
top: 50%;
right: -30px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: background-color .35s ease-in-out;
transition: background-color .35s ease-in-out
}
.brands.mobile .brands-container .ss-arrow-prev {
-webkit-transform: translate(0, -50%) scale(-1);
-ms-transform: translate(0, -50%) scale(-1);
transform: translate(0, -50%) scale(-1);
left: -30px;
background-color: #000
}
.gform_wrapper .gform_body {
max-width: 880px;
margin: 2rem auto
}
.gform_wrapper .gform_fields .p3_left_half,
.gform_wrapper .gform_fields .p3_right_half {
width: 50%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
@media only screen and (max-width:768px) {
.gform_wrapper .gform_fields .p3_left_half,
.gform_wrapper .gform_fields .p3_right_half {
width: 100%
}
}
.gform_wrapper .gform_fields .p3_left_half .ginput_container_radio,
.gform_wrapper .gform_fields .p3_right_half .ginput_container_radio {
display: inline;
padding-top: 20px
}
.gform_wrapper .gform_fields .p3_left_half .ginput_container_radio ul.gfield_radio,
.gform_wrapper .gform_fields .p3_right_half .ginput_container_radio ul.gfield_radio {
display: inline-block;
width: 100%
}
.gform_wrapper .gform_fields .p3_left_half .ginput_container_radio ul.gfield_radio label:before,
.gform_wrapper .gform_fields .p3_right_half .ginput_container_radio ul.gfield_radio label:before {
content: '';
position: absolute;
border: 1px #000 solid;
width: 21px;
height: 20px;
left: 5px;
border-radius: 300px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1
}
.gform_wrapper .gform_fields .p3_left_half .ginput_container_radio ul.gfield_radio label:after,
.gform_wrapper .gform_fields .p3_right_half .ginput_container_radio ul.gfield_radio label:after {
content: '';
width: 21px;
height: 20px;
left: 5px;
background-color: #c0011b;
border: 4px #d9d9d9 solid;
border-radius: 300px;
position: absolute;
opacity: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.gform_wrapper .gform_fields .p3_left_half .ginput_container_radio ul.gfield_radio li,
.gform_wrapper .gform_fields .p3_right_half .ginput_container_radio ul.gfield_radio li {
display: inline;
position: relative
}
@media only screen and (max-width:768px) {
.gform_wrapper .gform_fields .p3_left_half .ginput_container_radio ul.gfield_radio li,
.gform_wrapper .gform_fields .p3_right_half .ginput_container_radio ul.gfield_radio li {
display: inline-block;
width: 100%;
margin: 7px 0
}
}
.gform_wrapper .gform_fields .p3_left_half .ginput_container_radio ul.gfield_radio li input,
.gform_wrapper .gform_fields .p3_right_half .ginput_container_radio ul.gfield_radio li input {
position: relative;
z-index: 10;
opacity: 0
}
@media only screen and (max-width:768px) {
.gform_wrapper .gform_fields .p3_left_half .ginput_container_radio ul.gfield_radio li input,
.gform_wrapper .gform_fields .p3_right_half .ginput_container_radio ul.gfield_radio li input {
width: 30px
}
}
.gform_wrapper .gform_fields .p3_left_half .ginput_container_radio ul.gfield_radio li input:checked+label:after,
.gform_wrapper .gform_fields .p3_right_half .ginput_container_radio ul.gfield_radio li input:checked+label:after {
opacity: 1
}
.gform_wrapper .gform_fields .p3_left_half .ginput_container_radio ul.gfield_radio input,
.gform_wrapper .gform_fields .p3_right_half .ginput_container_radio ul.gfield_radio input {
width: inherit;
margin: 0 10px;
height: 20px
}
.gform_wrapper .gform_fields .p3_full {
width: 100%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.gform_wrapper .gform_fields .p3_full.p3_full_radio {
margin-top: 20px;
margin-bottom: 20px
}
.gform_wrapper .gform_fields .p3_full.p3_full_radio .gfield_label {
width: inherit;
display: inline
}
.gform_wrapper .gform_fields .p3_full.p3_full_radio .ginput_container_radio {
display: inline
}
.gform_wrapper .gform_fields .p3_full.p3_full_radio .ginput_container_radio ul.gfield_radio {
display: inline
}
@media only screen and (max-width:768px) {
.gform_wrapper .gform_fields .p3_full.p3_full_radio .ginput_container_radio ul.gfield_radio {
display: block
}
}
.gform_wrapper .gform_fields .p3_full.p3_full_radio .ginput_container_radio ul.gfield_radio label:before {
content: '';
position: absolute;
border: 1px #000 solid;
width: 21px;
height: 20px;
left: 5px;
border-radius: 300px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1
}
.gform_wrapper .gform_fields .p3_full.p3_full_radio .ginput_container_radio ul.gfield_radio label:after {
content: '';
width: 21px;
height: 20px;
left: 5px;
background-color: #c0011b;
border: 4px #d9d9d9 solid;
border-radius: 300px;
position: absolute;
opacity: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.gform_wrapper .gform_fields .p3_full.p3_full_radio .ginput_container_radio ul.gfield_radio li {
display: inline;
position: relative
}
.gform_wrapper .gform_fields .p3_full.p3_full_radio .ginput_container_radio ul.gfield_radio li input {
position: relative;
z-index: 10;
opacity: 0
}
@media only screen and (max-width:768px) {
.gform_wrapper .gform_fields .p3_full.p3_full_radio .ginput_container_radio ul.gfield_radio li input {
width: 15px
}
}
.gform_wrapper .gform_fields .p3_full.p3_full_radio .ginput_container_radio ul.gfield_radio li input:checked+label:after {
opacity: 1
}
.gform_wrapper .gform_fields .p3_full.p3_full_radio .ginput_container_radio ul.gfield_radio input {
width: inherit;
margin: 0 10px;
height: 20px
}
.gform_wrapper .gform_fields .p3_full_textarea {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width:768px) {
.gform_wrapper .gform_fields .p3_full_textarea {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.gform_wrapper .gform_fields .p3_full_textarea label {
margin-top: 20px
}
.gform_wrapper .gform_fields .p3_file {
border: 0
}
.gform_wrapper .gform_fields .p3_file label {
display: block;
width: 100%
}
.gform_wrapper .gform_fields .field_sublabel_below label {
margin-bottom: 0
}
.gform_wrapper .gform_fields .gfield_label {
display: inline-block;
width: 120px;
font-weight: 700;
color: #1c1d20
}
@media only screen and (max-width:768px) {
.gform_wrapper .gform_fields .ginput_container {
width: 100%
}
}
.gform_wrapper .gform_fields .ginput_container.ginput_container_textarea {
width: 84%
}
@media only screen and (max-width:768px) {
.gform_wrapper .gform_fields .ginput_container.ginput_container_textarea {
width: 100%
}
}
.gform_wrapper .gform_fields .ginput_container input,
.gform_wrapper .gform_fields .ginput_container select {
height: 35px;
padding: 10px;
width: 300px;
border-radius: 0
}
@media only screen and (max-width:768px) {
.gform_wrapper .gform_fields .ginput_container input,
.gform_wrapper .gform_fields .ginput_container select {
width: 100%
}
}
.gform_wrapper .gform_fields .ginput_container select {
padding: 0 10px
}
.gform_wrapper .gform_fields .ginput_container textarea {
width: 100%;
padding: 10px;
margin: 12px 0
}
.gform_wrapper .gform_fields .gfield_html {
padding: 30px 0;
font-weight: 700;
font-size: 18px
}
.gform_wrapper .gform_fields .gfield_html .gfield_error input {
border-color: #c0011b
}
#field_1_14 {
padding-top: 17px
}
.gform_confirmation_wrapper {
padding: 5rem;
text-align: center;
font-weight: 700
}
.validation_error {
padding: 3rem;
text-align: center;
font-weight: 700;
color: #c0011b
}
.gfield_description.validation_message {
color: #c0011b;
font-size: 12px;
margin-bottom: 10px
}
.gform_footer {
margin-top: 35px
}  .form_in_content .gform_description,
.form_in_content .gform_heading {
max-width: 1200px;
text-align: center;
margin: auto
}
@media only screen and (max-width:768px) {
.form_in_content .gform_description,
.form_in_content .gform_heading {
max-width: 100%;
text-align: left
}
}
.gform_wrapper .soumission_popup .gform_fields .gfield_label {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.gform_wrapper .soumission_popup .gform_fields .ginput_container input {
margin: 0;
margin-bottom: 8px;
width: 100%
}
.gform_wrapper .soumission_popup li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%
}
.gform_wrapper .soumission_popup li label {
width: 100%
}
.gform_wrapper .soumission_popup li#field_13_8,
.gform_wrapper .soumission_popup li#field_3_7,
.gform_wrapper .soumission_popup li#field_3_8 {
padding-top: 15px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0
}
.gform_wrapper .soumission_popup li#field_13_8 label,
.gform_wrapper .soumission_popup li#field_3_7 label,
.gform_wrapper .soumission_popup li#field_3_8 label {
width: 100%
}
.gform_wrapper .soumission_popup li#field_13_8 .ginput_container,
.gform_wrapper .soumission_popup li#field_3_7 .ginput_container,
.gform_wrapper .soumission_popup li#field_3_8 .ginput_container {
width: 100%
}
.gform_wrapper .soumission_popup li#field_13_8,
.gform_wrapper .soumission_popup li#field_3_8 {
padding-top: 0
}
.gform_wrapper .soumission_popup li#field_13_8 label,
.gform_wrapper .soumission_popup li#field_3_8 label {
padding-bottom: 15px
}
.gform_wrapper .soumission_popup li#field_13_8 li,
.gform_wrapper .soumission_popup li#field_3_8 li {
width: auto
}
.gform_wrapper .soumission_popup li .gfield_description {
width: 100%
}
.gform_wrapper .soumission_popup .gform_footer {
padding-left: 0
}
.gform_wrapper .soumission_popup .gform_footer input[type=submit] {
margin: 0;
padding: 12px 20px
}
.gform_wrapper .gform_fields .p3_text {
padding: 0 0 10px 0
}
.gform_wrapper .gform_fields .p3_text>p {
font-size: 16px
}
.gform_wrapper .gform_fields .p3_file label {
color: #c0011b;
font-weight: 700;
cursor: pointer;
display: inline-block;
width: auto
}
.gform_wrapper .gform_fields .p3_file .ginput_container_fileupload .gform_drop_instructions {
color: #c0011b;
font-weight: 700;
cursor: pointer;
display: inline-block;
width: auto;
display: none
}
.gform_wrapper .gform_fields .p3_file .ginput_container_fileupload input {
border: 0;
color: #c0011b;
font-weight: 700;
cursor: pointer;
display: inline-block;
width: auto;
padding: 0;
margin: 0;
background-color: transparent
}
.product-submission {
background: url(https://elevex.ca/wp-content/uploads/2020/08/DSC_2994-copy_DESAT_02.jpg);
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
padding: 2rem
}
.product-submission #gform_10 .gfield_label,
.product-submission #gform_11 .gfield_label,
.product-submission #gform_18 .gfield_label,
.product-submission #gform_19 .gfield_label,
.product-submission #gform_20 .gfield_label,
.product-submission #gform_5 .gfield_label {
color: #fff !important
}
.product-submission #gform_10 .ginput_container input,
.product-submission #gform_10 .ginput_container select,
.product-submission #gform_11 .ginput_container input,
.product-submission #gform_11 .ginput_container select,
.product-submission #gform_18 .ginput_container input,
.product-submission #gform_18 .ginput_container select,
.product-submission #gform_19 .ginput_container input,
.product-submission #gform_19 .ginput_container select,
.product-submission #gform_20 .ginput_container input,
.product-submission #gform_20 .ginput_container select,
.product-submission #gform_5 .ginput_container input,
.product-submission #gform_5 .ginput_container select {
background-color: transparent;
color: #fff;
border: 1px solid #fff
}
.product-submission #gform_10 label,
.product-submission #gform_11 label,
.product-submission #gform_18 label,
.product-submission #gform_19 label,
.product-submission #gform_20 label,
.product-submission #gform_5 label {
color: #fff
}
.gfield_required {
color: #c0011b !important
}
.product-submission .product-submission-title {
background-color: transparent;
font-size: 70px;
margin: 0 auto 2rem;
text-align: center;
color: #fff
}
@media only screen and (max-width:768px) {
.product-submission .product-submission-title {
margin: 0;
font-size: 36px
}
}
.ui-datepicker {
background: #fff;
padding: 1rem
}
.ui-datepicker-calendar td,
.ui-datepicker-calendar th {
padding: 1rem
}
.bannercenter {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: #c0011b;
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/bg_banner.jpg);
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 60px 0
}
@media only screen and (max-width:768px) {
.bannercenter {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/bg_banner_mobile.jpg)
}
}
.bannercenter div {
width: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
@media only screen and (max-width:768px) {
.bannercenter div {
width: 90%
}
}
.bannercenter div h2 {
font-family: Montserrat, sans-serif;
font-size: 40px;
line-height: 54px;
color: #fff;
margin-bottom: 50px;
text-align: center
}
@media only screen and (max-width:768px) {
.bannercenter div h2 {
font-size: 35px;
line-height: 30px
}
}
.bannercenter div h3 {
font-family: Montserrat, sans-serif;
font-size: 24px;
line-height: 30px;
color: #fff;
margin-bottom: 30px;
text-align: center
}
@media only screen and (max-width:768px) {
.bannercenter div h3 {
font-size: 18px;
line-height: 22px
}
}
.bannercenter div p {
color: #fff;
line-height: 20px;
text-align: center;
margin-bottom: 60px
}
.bigheader {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: #c0011b;
padding: 66px;
min-height: 450px;
margin-bottom: 2rem
}
@media only screen and (max-width:1024px) {
.bigheader {
padding: 35px;
min-height: 0
}
}
@media only screen and (max-width:960px) {
.bigheader {
padding: 20px
}
}
.bigheader--inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width:960px) {
.bigheader--inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
height: 100%
}
}
.bigheader--inner-image {
position: relative;
-webkit-box-flex: 0;
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
margin-right: 80px;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
background-repeat: no-repeat
}
@media only screen and (max-width:960px) {
.bigheader--inner-image {
min-height: 250px;
margin-right: 0
}
}
.bigheader--inner-content {
margin-top: 20px
}
.bigheader--inner-content .title {
margin: 0;
margin-bottom: 7px;
color: #fff
}
.bigheader--inner-content .category {
color: #fff;
text-transform: uppercase;
font-size: 14px;
margin-bottom: 1rem
}
@media only screen and (max-width:768px) {
.bigheader--inner-content .category {
margin-bottom: 0
}
}
.bigheader--inner-content p {
color: #fff;
line-height: 30px;
font-size: 18px;
margin-bottom: 30px
}
@media only screen and (max-width:768px) {
.bigheader--inner-content p {
font-size: 16px;
line-height: 25px
}
}
.textimage {
padding-top: 30px
}
.textimage .title {
color: #1c1d20;
margin: 0
}
@media only screen and (max-width:1024px) {
.textimage .title {
padding-left: 20px
}
}
.textimage-wrapper {
background-color: #c0011b;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:768px) {
.textimage-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.textimage-wrapper>div {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative
}
.textimage-wrapper .textimage--image {
-webkit-background-size: cover;
background-size: cover;
background-position: center;
background-repeat: no-repeat
}
@media only screen and (max-width:768px) {
.textimage-wrapper .textimage--image {
width: 100%;
min-height: 250px
}
}
.textimage-wrapper .textimage--image:after {
content: '';
display: inline-block;
width: 100%;
padding-top: 100%
}
@media only screen and (max-width:768px) {
.textimage-wrapper .textimage--image:after {
content: none
}
}
.textimage-wrapper .textimage--content {
padding: 100px 100px 50px
}
@media only screen and (max-width:1300px) {
.textimage-wrapper .textimage--content {
padding: 50px
}
}
@media only screen and (max-width:768px) {
.textimage-wrapper .textimage--content {
padding: 20px
}
}
.textimage-wrapper .textimage--content .inner-content p {
color: #fff;
margin-bottom: 10px
}
.textimage-wrapper .textimage--content .inner-content p a {
color: #fff;
font-size: 14px;
text-decoration: underline;
-webkit-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.textimage-wrapper .textimage--content .inner-content p a:hover {
color: #1c1d20
}
.small_header {
height: 245px;
background-color: #1c1d20;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width:768px) {
.small_header {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: inherit
}
}
.small_header_title {
background-color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 300px
}
@media only screen and (max-width:1024px) {
.small_header_title {
padding-left: 20px;
width: auto
}
}
@media only screen and (max-width:768px) {
.small_header_title {
width: 100%;
padding: 20px 0;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
}
.small_header_title_c {
font-family: Montserrat, sans-serif;
font-size: 40px;
font-weight: 700
}
@media only screen and (max-width:1024px) {
.small_header_title_c {
font-size: 35px
}
}
@media only screen and (max-width:768px) {
.small_header_title_c {
font-size: 24px;
text-align: center
}
}
.small_header_content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 60px;
width: calc(100% - 350px)
}
.small_header_content b,
.small_header_content p {
color: #fff;
font-size: 14px
}
.small_header_content_url {
margin-top: 10px
}
.small_header_content a {
color: #c0011b;
font-size: 14px;
text-decoration: underline
}
.small_header_content a:hover {
text-decoration: none
}
@media only screen and (max-width:768px) {
.small_header_content {
padding: 20px;
width: 100%
}
}
.small_header_content .one_column {
max-width: 70%
}
@media only screen and (max-width:1024px) {
.small_header_content .one_column {
max-width: 100%
}
}
.product-video-container {
position: relative;
padding-bottom: 56.25%;
height: 0
}
.product-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100% !important
}
.accueil {
background-color: #add8e6;
height: 90vh
}
.product-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 0 35px 0
}
@media only screen and (max-width:960px) {
.product-header {
min-height: none;
background-image: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.product-header .title-page,
.product-header h1 {
font-family: Montserrat, sans-serif;
font-size: 40px;
line-height: 54px;
font-weight: 600;
margin: 0 0 25px 0
}
.product-slideshow {
position: relative;
width: 50%;
display: block
}
@media only screen and (max-width:960px) {
.product-slideshow {
display: inline;
min-height: 300px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%
}
}
@media only screen and (max-width:768px) {
.product-slideshow {
width: 100%;
margin-right: 0
}
}
.product-slideshow .product-header {
margin-bottom: 0
}
.product-slideshow .product-header .mobile-link-add {
display: none
}
@media only screen and (max-width:960px) {
.product-slideshow .product-header .mobile-link-add {
display: inline
}
}
.product-slideshow .brand-logo,
.product-slideshow .corner-ribbon {
display: none
}
.product-slideshow .corner-ribbon {
top: 0
}
.product-slideshow .brand-logo {
top: 0;
right: -15px
}
.product-slideshow .slide-product-big-container {
max-width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
margin: 0 auto;
width: 100%
}
.product-slideshow .slide-product-big {
max-width: 100%;
width: 100%
}
.product-slideshow .slide-product-big .slick-dots {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
position: relative;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.product-slideshow .slide-product-big .slick-dots li {
-webkit-box-flex: 0;
-webkit-flex: 0 0 10px;
-ms-flex: 0 0 10px;
flex: 0 0 10px;
margin: 5px;
max-width: 10px;
max-height: 10px;
background-color: #d9d9d9;
border-radius: 100px;
-webkit-transition: background-color .35s ease-in-out;
transition: background-color .35s ease-in-out
}
.product-slideshow .slide-product-big .slick-dots li.slick-active {
background-color: #848484
}
.product-slideshow .slide-product-big .slick-dots li button {
opacity: 0;
width: 10px;
height: 10px
}
@media only screen and (max-width:960px) {
.product-slideshow .slide-product-big .ss-arrow {
display: none
}
}
.product-slideshow .slide-product-big .slick-slide img {
margin: 0 auto
}
@media only screen and (max-width:960px) {
.product-slideshow .slide-product-big {
position: relative;
top: 0;
padding-top: 30px
}
}
.product-slideshow .slide-product-small {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width:960px) {
.product-slideshow .slide-product-small {
display: none
}
}
.product-slideshow .slide-product-small>div {
width: 70px;
height: 70px;
margin: 20px;
opacity: 1;
-webkit-transition: opacity .35s ease-in-out;
transition: opacity .35s ease-in-out;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative
}
.product-slideshow .slide-product-small>div.slide-video:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-top: 12.5px solid transparent;
border-bottom: 12.5px solid transparent;
border-left: 18px solid #fff;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.product-slideshow .slide-product-small>div.slide-video:before {
content: '';
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .3);
position: absolute;
top: 0;
left: 0
}
.product-slideshow .slide-product-small>div.slide-active {
opacity: .5
}
.product-slideshow .slide-product-small .slide-product img {
width: 100%
}
.product-slideshow .ss-arrow {
top: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
right: 0;
width: 24px;
height: 26px;
z-index: 28;
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/icons_elevex_arrow-black.svg)
}
.product-slideshow .ss-arrow:hover {
background-color: transparent
}
.product-slideshow .ss-arrow.ss-arrow-prev {
-webkit-transform: translate(-50%, 0) scale(-1);
-ms-transform: translate(-50%, 0) scale(-1);
transform: translate(-50%, 0) scale(-1);
right: auto;
left: 20px
}
.product-infos {
overflow: hidden;
position: relative;
padding: 4rem 4rem;
margin-left: 4rem;
background-color: #ececec;
width: 50%
}
@media only screen and (max-width:960px) {
.product-infos {
background: 0 0;
padding-left: 0;
width: 100%
}
}
@media only screen and (max-width:768px) {
.product-infos {
padding: 10px 0;
margin-left: 0;
width: 100%
}
}
.product-infos-content {
width: 100%;
max-width: calc(100% - 225px)
}
@media only screen and (max-width:1300px) {
.product-infos-content {
max-width: calc(100% - 115px)
}
}
@media only screen and (max-width:960px) {
.product-infos-content {
max-width: none
}
}
@media only screen and (max-width:960px) {
.product-infos .link-add-product-compare {
display: none
}
.product-infos h1 {
display: none
}
}
@media only screen and (max-width:768px) {
.product-infos .button-red {
max-width: none
}
}
.product-infos .products-info-brands {
display: block
}
@media only screen and (max-width:960px) {
.product-infos .products-info-brands {
display: none
}
}
.product-editor {
margin-bottom: 2rem
}
.product-pdf-selector {
margin-bottom: 2rem
}
.product-pdf-selector h2 {
margin-bottom: 1rem
}
.product-pdf-selector ul {
margin-bottom: 1rem;
padding-left: 2rem;
list-style: disc
}
.product-pdf-selector a {
color: #c0011b
}
.product-pdf-selector a:hover {
text-decoration: underline
}
@media only screen and (max-width:960px) {
.product-pdf-selector {
width: 100%;
display: inherit
}
}
.product-pdf-selector select {
padding: 10px;
border: 1px solid #1c1d20;
font-size: 14px;
color: #1c1d20;
width: calc(50% - 10px);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 15px;
border-radius: 0;
font-weight: 700;
background-image: -webkit-linear-gradient(45deg, transparent 50%, #1c1d20 50%), -webkit-linear-gradient(315deg, #1c1d20 50%, transparent 50%);
background-image: linear-gradient(45deg, transparent 50%, #1c1d20 50%), linear-gradient(135deg, #1c1d20 50%, transparent 50%);
background-position: calc(100% - 25px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px);
-webkit-background-size: 10px 10px, 10px 10px;
background-size: 10px 10px, 10px 10px;
background-repeat: no-repeat
}
.product-pdf-selector select:focus {
background-image: -webkit-linear-gradient(45deg, #c0011b 50%, transparent 50%), -webkit-linear-gradient(315deg, transparent 50%, #c0011b 50%);
background-image: linear-gradient(45deg, #c0011b 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #c0011b 50%);
background-position: calc(100% - 15px) 1em, calc(100% - 25px) 1em;
-webkit-background-size: 10px 10px, 10px 10px;
background-size: 10px 10px, 10px 10px;
background-repeat: no-repeat;
border-color: #c0011b;
outline: 0
}
@media only screen and (max-width:1024px) {
.product-pdf-selector select {
width: 100%;
display: block;
margin: 15px 0
}
}
.display-mobile {
display: none
}
@media only screen and (max-width:768px) {
.hide-mobile {
display: none
}
.display-mobile {
display: block
}
}
@media only screen and (max-width:768px) {
.product-links span {
display: none
}
}
.product-links a {
color: #c0011b;
font-size: 16px;
font-weight: 500;
display: inline-block;
margin-bottom: 2rem
}
@media only screen and (max-width:768px) {
.product-links a {
display: block
}
}
.product-links a:hover {
text-decoration: underline
}
.editor ul li {
padding: 0 0 0 15px;
margin: 0 0 7px 0;
position: relative
}
.editor ul li:before {
content: "";
position: absolute;
display: block;
top: 4px;
left: 0;
width: 0;
height: 0;
border-top: 7px solid #c0011b;
border-right: 7px solid transparent
}
.link-add-product-compare {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/icons_elevex_compare.svg);
background-position: 0 0;
background-repeat: no-repeat;
padding: 0 0 0 30px;
-webkit-background-size: 20px auto;
background-size: 20px auto;
cursor: pointer;
margin: 0 0 15px 0;
display: none
}
.link-add-product-compare:hover {
color: #c0011b
}
.link-add-product-compare span {
text-transform: uppercase;
font-size: 10px
}
.product-title {
background-color: #1c1d20;
color: #fff;
font-family: Montserrat, sans-serif;
font-size: 24px;
font-weight: 600;
padding: 15px;
display: inline-block;
margin: 0 0 25px 0
}
@media only screen and (max-width:960px) {
.product-title {
display: inherit;
margin: 0 0 1px 0
}
}
.product-title img {
display: none;
float: right;
color: #fff;
padding: 8px;
cursor: pointer
}
@media only screen and (max-width:960px) {
.product-title img {
display: inherit
}
}
.product-title.activecolor {
background-color: #c0011b;
width: 100%
}
@media only screen and (max-width:960px) {
.product-title.activecolor {
background-color: #1c1d20
}
}
.product-characteristics {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
margin: 0 0 60px 0
}
@media only screen and (max-width:960px) {
.product-characteristics {
display: none
}
}
.product-characteristics .product-characteristics-box {
width: 25%;
max-width: 25%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 1rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
@media only screen and (max-width:960px) {
.product-characteristics .product-characteristics-box {
width: 100%;
max-width: 100%
}
}
.product-characteristics .product-characteristics-box .product-characteristics-box-image {
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.product-characteristics .product-characteristics-box .product-characteristics-box-image>div {
min-width: 40px;
max-height: 40px;
width: 40px;
height: 40px
}
.product-characteristics .product-characteristics-box .product-characteristics-box-image img {
height: 100%;
width: auto
}
.product-characteristics .product-characteristics-box .product-characteristics-box-name {
margin-left: 20px
}
.product-characteristics .product-characteristics-box .product-characteristics-box-content {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: calc(100% - 70px);
margin-left: 60px
}
.product-characteristics .product-characteristics-box .product-characteristics-box-content ul li {
padding: 0 0 0 15px;
margin: 0 0 7px 0;
position: relative
}
.product-characteristics .product-characteristics-box .product-characteristics-box-content ul li:before {
content: "";
position: absolute;
display: block;
top: 4px;
left: 0;
width: 0;
height: 0;
border-top: 7px solid #c0011b;
border-right: 7px solid transparent
}
.product-characteristics .product-characteristics-box .product-characteristics-box-content.product-characteristics-box-noimage {
margin-left: 0
}
.product-characteristics .product-characteristics-name {
font-size: 16px;
font-weight: 600;
margin: 0 0 20px 0
}
.product-container-infos {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.product-container-infos .product-container-block {
width: calc(50% - 10px)
}
@media only screen and (max-width:960px) {
.product-container-infos .product-container-block {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 100%;
max-width: 100%
}
}
.product-container-infos .product-container-block .product-container-block-core {
padding: 30px 20px
}
@media only screen and (max-width:960px) {
.product-container-infos .product-container-block .product-container-block-core {
display: none
}
}
.product-container-infos .product-container-block .product-container-block-core ul {
list-style: none
}
.product-container-infos .product-container-block .product-container-block-core ul li {
position: relative;
width: 100%;
margin: 0 0 15px 0;
padding: 0 0 0 30px;
line-height: 1.8em
}
.product-container-infos .product-container-block .product-container-block-core ul li:before {
content: "";
position: absolute;
display: inline-block;
width: 24px;
height: 19px;
margin-top: 5px;
left: 0;
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/check.jpg);
background-repeat: no-repeat
}
.product-container-infos .product-container-block .product-container-block-core.earning ul li:before {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/icons/plus.jpg)
}
.product-financing {
font-size: 16px;
color: #fff;
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/product-financing.jpg);
height: 385px;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
padding: 50px 50% 50px 50px
}
@media only screen and (max-width:960px) {
.product-financing {
padding: 50px;
height: inherit
}
}
.product-financing h3 {
font-size: 28px;
color: #fff;
margin: 0 0 20px 0
}
.product-financing .product-financing-content {
margin: 0 0 20px 0
}
.product-financing .product-financing-content p {
color: #fff
}
.product-similar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 50px 0
}
.product-similar h3 {
font-family: Montserrat, sans-serif;
font-size: 28px;
font-weight: 600;
margin: 0 0 25px 0
}
.product-similar .product-similar-listing {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.flex-control-nav.flex-control-thumbs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.flex-control-nav.flex-control-thumbs li {
padding: 15px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 140px
}
.flex-control-nav.flex-control-thumbs li img {
opacity: .5
}
.flex-control-nav.flex-control-thumbs li img:hover {
opacity: 1
}
.product-element {
position: relative;
min-width: 200px;
width: 200px;
padding: 10px;
margin-right: 1rem;
margin-bottom: 1rem;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
background-repeat: no-repeat;
background-color: #fff
}
@media only screen and (max-width:768px) {
.product-element {
margin-left: 0;
margin-right: 0
}
}
.product-element:last-child {
margin-right: 0
}
@media only screen and (max-width:480px) {
.product-element {
width: 100%
}
}
.product-element:hover {
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1)
}
.product-element .product-element-type {
font-size: .95rem;
color: #636364;
margin-bottom: .5rem
}
.product-element .product-element-model {
font-size: .95rem
}
.product-element h5 a {
font-weight: 700;
font-size: 1.1rem;
font-family: Montserrat, sans-serif;
text-transform: uppercase;
color: #1c1d20;
-webkit-transition: color .35s ease-in-out;
transition: color .35s ease-in-out
}
.product-element h5 a:hover {
color: #c0011b
}
.product-element .product-element-load {
margin-top: 1rem;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end
}
.product-element .product-element-image {
height: 200px
}
.product-element-image img {
display: block;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
height: 200px
}
.product-wrapper h4.subtitle {
color: #c0011b;
margin-top: 2rem
}
.product-wrapper p {
margin-bottom: 2rem
}
.product-wrapper-listing {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: -5px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px
}
.product-wrapper .rental-etiquette {
position: absolute;
background-color: #c0011b;
color: #fff;
font-family: Montserrat, sans-serif;
font-weight: 700;
padding: 6px 14px;
text-transform: uppercase;
top: 160px;
left: 0;
font-size: 14px
}
#single-product {
position: relative;
overflow: hidden
}
.corner-ribbon {
position: absolute;
width: 500px;
line-height: 200px;
letter-spacing: 1px;
top: 65px;
right: -230px;
left: auto;
-webkit-transform: rotate(59deg);
-ms-transform: rotate(59deg);
transform: rotate(59deg);
z-index: 1
}
@media only screen and (max-width:1300px) {
.corner-ribbon {
top: -70px
}
}
@media only screen and (max-width:960px) {
.corner-ribbon {
display: none;
width: 430px;
line-height: 100px
}
}
.brand-logo {
position: absolute;
right: 30px;
top: 50px;
z-index: 2
}
@media only screen and (max-width:1300px) {
.brand-logo {
right: 6px;
top: 18px
}
}
@media only screen and (max-width:960px) {
.brand-logo {
display: none;
right: 10px;
top: 20px;
width: 65px
}
}
.product-location-popup {
max-width: 100%;
background-color: #fff;
padding: 2rem;
position: fixed;
z-index: 99;
top: 15vh;
left: 30%;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transition: opacity ease-in-out .2s, -webkit-transform ease-in-out .2s;
transition: opacity ease-in-out .2s, -webkit-transform ease-in-out .2s;
transition: opacity ease-in-out .2s, transform ease-in-out .2s;
transition: opacity ease-in-out .2s, transform ease-in-out .2s, -webkit-transform ease-in-out .2s
}
@media only screen and (max-width:1024px) {
.product-location-popup {
width: 100%;
height: 100vh;
top: 0;
left: 0
}
}
.product-location-popup .ginput_container_radio label {
margin-left: 30px
}
.product-location-popup textarea {
border: 1px solid #d9d9d9 !important
}
.product-location-popup.current {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
pointer-events: auto
}
.product-location-popup h3 {
font-size: 23px;
font-family: Montserrat, sans-serif;
font-weight: 700
}
.product-location-popup .product-popup-core {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
overflow-y: auto;
max-height: 70vh
}
.product-location-popup .product-popup-core.specs-core {
display: block
}
@media only screen and (max-width:1024px) {
.product-location-popup .gform_wrapper {
overflow-y: scroll
}
}
.product-location-popup .gform_wrapper .gform_body {
max-width: none
}
.product-location-popup .gform_wrapper .gform_fields {
display: block
}
.product-location-popup .gform_wrapper .gform_fields li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%
}
@media only screen and (max-width:1024px) {
.product-location-popup .gform_wrapper .gform_fields li {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.product-location-popup .gform_wrapper .gform_fields li label {
width: 30% !important
}
@media only screen and (max-width:1024px) {
.product-location-popup .gform_wrapper .gform_fields li label {
width: 100% !important
}
}
.product-location-popup .gform_wrapper .gform_fields li input {
border: 1px solid #d9d9d9 !important
}
.product-location-popup .gform_wrapper .gform_fields li .ginput_container_date .clear-multi {
width: 100%
}
.product-location-popup .gform_wrapper .gform_fields li .ginput_container_date div {
width: calc(33.33% - 10px);
float: left;
margin-right: 10px
}
.product-location-popup .gform_wrapper .gform_fields li .ginput_container_date div input,
.product-location-popup .gform_wrapper .gform_fields li .ginput_container_date div select {
width: 100%
}
.product-location-popup .gform_wrapper .gform_footer .gform_button {
margin: 0
}
.product-popup-close {
cursor: pointer;
width: 15px;
height: 15px;
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/header/close-popup.jpg);
display: inline-block;
position: absolute;
top: 15px;
right: 15px;
z-index: 999;
padding: 1rem;
background-repeat: no-repeat;
background-color: #fff;
background-position: center
}
.product-location-overlay {
position: fixed;
z-index: 98;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
opacity: 0;
background-color: #1c1d20;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity ease-in-out .2s;
transition: opacity ease-in-out .2s
}
.product-location-overlay.current {
opacity: .8;
pointer-events: auto
}
.link-advanced-research {
padding: 0 0 0 15px;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
text-decoration: underline;
font-size: 12px;
cursor: pointer
}
@media only screen and (max-width:1024px) {
.link-advanced-research {
padding: 15px 10px 0 0
}
}
.link-advanced-research:hover {
color: #c0011b
}
.products-advanced-search {
background-color: #d9d9d9;
padding: 0 0 35px
}
.products-advanced-search .products-advanced-search-core {
border-top: 1px solid #1c1d20;
padding: 25px 20px;
position: relative;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: top;
-webkit-align-items: top;
-ms-flex-align: top;
align-items: top;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
@media only screen and (max-width:1024px) {
.products-advanced-search .products-advanced-search-core {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.products-advanced-search .products-advanced-search-core .group_fields {
margin: 0 30px 20px 0
}
.products-advanced-search .products-advanced-search-core .group_fields p {
position: relative;
margin-bottom: 4px
}
.products-advanced-search .products-advanced-search-core .group_fields p input {
position: absolute;
top: 5px;
left: 0
}
.products-advanced-search .products-advanced-search-core .group_fields p label {
margin-left: 18px
}
.products-advanced-search .btn {
margin: 20px auto 0
}
.products-brand-block {
background-color: #d9d9d9;
padding: 2rem
}
.products-brand-block h2 {
font-size: 18px;
margin: 0 0 15px 0
}
.products-brand-block .products-brand-description {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.products-brand-block .products-brand-description div:first-child {
margin-right: 2rem
}
.product-subtitle {
margin-top: -15px
}
.specs-image {
width: 100%;
height: auto;
margin-top: 15px
}
.contact_info {
background-color: #1c1d20;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width:768px) {
.contact_info {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: inherit
}
}
.contact_info_title {
background-color: #fff;
padding-top: 95px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: top;
-webkit-align-items: top;
-ms-flex-align: top;
align-items: top
}
.contact_info_title .contact_info_title_c {
font-family: Montserrat, sans-serif;
font-size: 40px;
font-weight: 700
}
@media only screen and (max-width:768px) {
.contact_info_title .contact_info_title_c {
font-size: 24px
}
}
@media only screen and (max-width:768px) {
.contact_info_title {
display: none
}
}
.contact_info_arrow_right {
width: 0;
height: 0;
border-top: 123px solid transparent;
border-bottom: 122px solid transparent;
border-left: 60px solid #fff
}
@media only screen and (max-width:768px) {
.contact_info_arrow_right {
display: none
}
}
.contact_info_content {
padding: 30px 10px;
width: 100%
}
.contact_info_content_title {
padding: 0 20px
}
.contact_info_content_title b {
color: #fff;
font-size: 18px
}
.contact_info_content_address {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 20px 0
}
@media only screen and (max-width:768px) {
.contact_info_content_address {
display: inherit
}
}
.contact_info_content_links {
padding: 0 20px
}
.contact_info_content_links p {
color: #fff;
font-size: 14px
}
.contact_info_content_links a {
color: #fff;
font-size: 14px;
text-decoration: underline
}
.contact_info_content_links a:hover {
text-decoration: none
}
.contact_info_address {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 20px
}
.contact_info_address b,
.contact_info_address p {
color: #fff;
font-size: 14px
}
.contact_info_address_url {
margin-top: 10px;
text-align: right
}
@media only screen and (max-width:768px) {
.contact_info_address {
padding: 10px 20px
}
}
.contact_info_address .one_column {
max-width: 70%
}
.contact_info_tel {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.contact_info_tel_type {
display: inline-block;
font-size: 14px;
margin-right: 20px;
color: #fff
}
.contact_info_tel a {
color: #fff;
font-size: 14px
}
.contact_info_tel a:hover {
text-decoration: underline
}
#map {
height: 425px
}
.contact_title {
background-color: #c0011b;
text-align: center;
padding: 15px
}
.contact_title h1 {
color: #fff;
font-family: Montserrat, sans-serif;
font-size: 34px;
font-weight: 700
}
@media only screen and (max-width:768px) {
.contact_title h1 {
font-size: 22px
}
}
@media only screen and (max-width:768px) {
#contact .gform_wrapper {
margin-top: 0
}
}
.usage .wrap-inner .intro {
width: 100%;
max-width: 50%
}
@media only screen and (max-width:768px) {
.usage .wrap-inner .intro {
max-width: 100%
}
}
.usage .wrap-inner .intro h3 {
font-size: 26px
}
.usage .wrap-inner .intro .subtitle {
color: #1c1d20
}
.products .filter {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 20px 0;
background-color: #d9d9d9
}
.products .filter form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 70%
}
@media only screen and (max-width:960px) {
.products .filter form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
}
@media only screen and (max-width:768px) {
.products .filter form {
width: 100%
}
}
.products .filter form .group_fields {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
@media only screen and (max-width:768px) {
.products .filter form .group_fields {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%
}
}
.products .filter form .group_fields select {
border: 0;
margin: 0 10px;
padding: 10px;
background-color: #fff
}
@media only screen and (max-width:960px) {
.products .filter form .group_fields select {
height: 40px
}
}
@media only screen and (max-width:768px) {
.products .filter form .group_fields select {
margin-bottom: 20px
}
}
.products .filter form .group_fields select:last-child {
margin-right: 20px
}
@media only screen and (max-width:768px) {
.products .filter form .group_fields select:last-child {
margin-right: 10px
}
}
.products .filter form .group_fields select option {
font-family: "Opens Sans", sans-serif
}
@media only screen and (max-width:960px) {
.products .filter form button {
margin-top: 20px
}
}
.products .product-listing .subtitle {
color: #1c1d20
}
.noresults {
font-weight: 700;
text-align: center;
font-size: 28px;
padding: 30px 0
}
.post-single {
width: 100%;
max-width: 1200px;
margin: auto;
padding: 2rem 0
}
@media only screen and (max-width:960px) {
.post-single {
padding: 1rem
}
}
.post-single .subtitle,
.post-single .title {
color: #1c1d20;
margin: 0;
margin-bottom: 2rem
}
.post-single .date {
font-weight: 700;
margin-bottom: 15px
}
.post-single .location {
margin-bottom: 15px
}
.gutenberg-content p {
font-size: 16px;
line-height: 24px;
margin-bottom: 15px
}
.gutenberg-content h2,
.gutenberg-content h3,
.gutenberg-content h4,
.gutenberg-content h5 {
font-family: Montserrat, sans-serif;
text-align: left;
color: #1c1d20;
padding: 20px 0
}
.gutenberg-content h2 {
font-size: 28px;
color: #c0011b
}
@media only screen and (max-width:768px) {
.gutenberg-content h2 {
font-size: 20px;
padding: 18px 0
}
}
.gutenberg-content h3 {
font-size: 24px;
color: #c0011b
}
@media only screen and (max-width:768px) {
.gutenberg-content h3 {
font-size: 18px;
padding: 18px 0
}
}
.gutenberg-content ul {
list-style: none;
padding: 20px 0
}
.gutenberg-content ul li {
position: relative;
padding: 5px 0 5px 20px
}
.gutenberg-content ul li:before {
content: "";
width: 0;
height: 0;
position: absolute;
left: 0;
top: 10px;
border: 3.5px solid #c0011b;
border-right: 3.5px solid transparent;
border-bottom: 3.5px solid transparent;
-webkit-transition: border ease-in-out .35s;
transition: border ease-in-out .35s
}
.gutenberg-content a {
color: #c0011b;
font-weight: 700;
text-decoration: underline
}
@media only screen and (max-width:768px) {
.gutenberg-content .wp-block-columns {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.gutenberg-content .wp-block-columns .wp-block-column {
width: 100%
}
.gutenberg-content .wp-block-columns .wp-block-column:first-child {
margin-right: 20px
}
@media only screen and (max-width:768px) {
.gutenberg-content .wp-block-columns .wp-block-column:first-child {
margin: 0
}
}
.gutenberg-content .wp-block-columns .wp-block-column:last-child {
margin-left: 20px
}
@media only screen and (max-width:768px) {
.gutenberg-content .wp-block-columns .wp-block-column:last-child {
margin: 0
}
}
.industry .product-wrapper .title {
color: #1c1d20;
margin: 0
}
@media only screen and (max-width:768px) {
.industry .product-wrapper .title {
color: #1c1d20
}
}
.industry .product-wrapper .title+p {
margin-bottom: 30px
}
.industry .product-wrapper .title+p a {
text-decoration: underline;
text-align: left;
color: #1c1d20
}
.avantage {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%
}
@media only screen and (max-width:768px) {
.avantage {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.avantage--image {
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-box-flex: 1;
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 75%
}
@media only screen and (max-width:768px) {
.avantage--image {
-webkit-box-flex: 0;
-webkit-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
min-height: 250px
}
}
.avantage--image:after {
content: '';
position: relative;
width: 100%;
padding-top: 75%;
display: block
}
@media only screen and (max-width:768px) {
.avantage--image:after {
content: none
}
}
.avantage--image .content-inner {
position: relative;
z-index: 10;
max-width: 70%;
padding-left: 30px
}
.avantage--image .content-inner h3.subtitle {
font-size: 60px;
line-height: 60px
}
@media only screen and (max-width:768px) {
.avantage--image .content-inner h3.subtitle {
font-size: 28px;
line-height: 28px
}
}
@media only screen and (max-width:768px) {
.avantage--image .content-inner {
max-width: 100%;
padding: 25px
}
}
.avantage--image a,
.avantage--image p {
color: #fff
}
.avantage--content {
background-color: #1c1d20;
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.avantage--content h3.subtitle {
font-size: 60px;
line-height: 60px
}
@media only screen and (max-width:768px) {
.avantage--content h3.subtitle {
font-size: 28px;
line-height: 28px
}
}
@media only screen and (max-width:768px) {
.avantage--content {
-webkit-box-flex: 0;
-webkit-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
min-height: 250px
}
}
.avantage--content a,
.avantage--content p {
color: #fff
}
.avantage--content .content-inner {
max-width: 70%;
padding-left: 30px
}
@media only screen and (max-width:768px) {
.avantage--content .content-inner {
max-width: 100%;
padding: 25px
}
}
.avantage:nth-child(odd) .avantage--image {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
@media only screen and (max-width:768px) {
.avantage:nth-child(odd) .avantage--image {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
}
.avantage:nth-child(odd) .avantage--content {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
@media only screen and (max-width:768px) {
.avantage:nth-child(odd) .avantage--content {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
}
.fait-saillants .title {
color: #1c1d20;
margin-top: 50px
}
@media only screen and (max-width:768px) {
.fait-saillants .title {
color: #1c1d20
}
}
.fait-saillants-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: #c0011b
}
@media only screen and (max-width:960px) {
.fait-saillants-inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
.fait-saillants-inner .fait-saillant {
min-width: 20%;
padding: 55px
}
@media only screen and (max-width:960px) {
.fait-saillants-inner .fait-saillant {
padding: 1rem;
width: 100%
}
}
.fait-saillants-inner .fait-saillant--title {
background-color: #c61e40;
border-radius: 300px;
width: 150px;
height: 150px;
margin: 0 auto;
font-weight: 700;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 40px
}
.fait-saillants-inner .fait-saillant--title span {
color: #fff;
font-family: Montserrat, sans-serif;
font-size: 40px
}
.fait-saillants-inner .fait-saillant--description {
color: #fff;
text-align: center;
width: 100%;
max-width: 70%;
margin: 0 auto
}
@media only screen and (max-width:768px) {
.fait-saillants-inner .fait-saillant--description {
max-width: 90%
}
}
.companies .title {
color: #1c1d20
}
@media only screen and (max-width:768px) {
.companies .title {
color: #1c1d20
}
}
.companies .brand-wrapper .company-logo {
min-width: 25%;
margin: 20px
}
@media only screen and (max-width:1024px) {
.companies .brand-wrapper .company-logo {
min-width: 0
}
}
.companies .brand-wrapper .company-logo--image img {
width: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover
}
.companies .slick-slide img {
width: 100%
}
* {
font-family: 'Open Sans', sans-serif;
color: #1c1d20
}
body.freeze {
overflow: hidden
}
h1 {
font-size: 3rem;
margin-bottom: 1rem
}
@media only screen and (max-width:768px) {
h1 {
font-size: 2rem
}
}
p { margin-bottom: 1rem;
max-width: 1200px;
}
.link-add-product-compare .on {
display: none
}
.link-add-product-compare .off {
display: none
}
.link-add-product-compare.current .on {
display: inline
}
.link-add-product-compare.current .off {
display: none
}
.wrap {
padding: 2rem 4rem;
margin-top: 100px
}
@media only screen and (max-width:1024px) {
.wrap {
padding: 1rem;
margin-top: 56px
}
}
.wrap.no-top {
padding-top: 0
}
.has-p-3-color-grey-background-color {
background-color: #d9d9d9
}
.has-p-3-color-grey-light-background-color {
background-color: #ececec
}
.has-p-3-color-black-background-color {
background-color: #1c1d20
}
.has-p-3-color-red-background-color {
background-color: #c0011b
}
.has-p-3-color-grey-color {
color: #d9d9d9
}
.has-p-3-color-grey-light-color {
color: #ececec
}
.has-p-3-color-black-color {
color: #1c1d20
}
.has-p-3-color-red-color {
color: #c0011b
}
.title {
font-family: Montserrat, sans-serif;
font-size: 3rem;
line-height: 3rem;
color: #1c1d20;
margin: 3rem 0
}
@media only screen and (max-width:1024px) {
.title {
padding: 2rem 0
}
}
@media only screen and (max-width:768px) {
.title {
font-size: 2rem;
line-height: 2rem;
margin: 2rem 2rem
}
}
.subtitle {
font-family: Montserrat, sans-serif;
font-size: 2rem;
line-height: 2rem;
color: #fff;
margin-bottom: 1rem
}
@media only screen and (max-width:768px) {
.subtitle {
font-size: 1rem;
line-height: 1rem
}
}
.page-404 {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 150px 0;
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/404-bg.jpg);
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: no-repeat
}
.page-404 .page-404-core {
background-color: #222225;
padding: 30px;
text-align: center
}
.page-404 h1 {
font-size: 28px;
color: #c0011b;
font-weight: 700
}
.page-404 p {
font-size: 16px;
color: #fff
}
.page-404 p a {
text-decoration: underline;
color: #fff
}
.wp-block-embed-youtube {
height: 100%;
position: relative;
height: 100%
}
.wp-block-embed-youtube:after {
content: '';
display: block;
top: 0;
left: 0;
padding-top: 50%
}
.wp-block-embed-youtube iframe {
position: absolute;
width: 100%;
height: 100%
}
body,
html,
iframe {
height: 100%
}
.anchor {
position: absolute;
top: -150px
}
.specs-core table {
margin-top: 1rem;
}
.specs-core table,
.specs-core th,
.specs-core td {
border: 1px solid black;
border-collapse: collapse;
}
.specs-core th,
.specs-core td {
padding: 0.5rem;
text-align: center;
vertical-align: middle;
}
.logo-main-fr {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/header/elevex-fr.svg) !important;
}
.logo-main-en {
background-image: url(//elevex.ca/wp-content/themes/parkour3/dist/images/header/elevex-en.svg) !important;
}
#gform_browse_button_2_10 {
overflow: visible;
cursor: pointer;
padding: 1rem 1rem 0;
background-color: #c0011b;
color: #fff;
position: relative;
-webkit-transition: all ease-in-out .35s, color ease-in-out .35s;
transition: all ease-in-out .35s, color ease-in-out .35s;
border: 0;
border-radius: 0 !important;
font-family: 'Open sans', sans-serif;
text-transform: uppercase;
text-decoration: none !important;
font-weight: 700;
width: auto;
margin-bottom: 1rem;
display: inline-block;
cursor: pointer;
}
#gform_browse_button_2_10 {
content: '';
height: 1rem;
width: calc(100% - 0.98rem);
position: absolute;
left: 0;
bottom: -1rem;
background-color: #c0011b;
border-right: 1px solid #c0011b;
-webkit-transition: all ease-in-out .35s;
transition: all ease-in-out .35s;
}
#gform_browse_button_2_10 {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: -1rem;
right: 0;
border: 0.5rem solid #c0011b;
border-right: 0.5rem solid transparent;
border-bottom: 0.5rem solid transparent;
-webkit-transition: all ease-in-out .35s;
transition: all ease-in-out .35s;
}embed, img, object {
height: auto;
}
body .card-inner {
flex: 1;
}
body .card-inner > a.btn:last-child {
margin-top: calc(auto + 15px);
min-height: 20px;
}
body.page-id-3015 .cinquieme-section img {
height: auto!important;
}
body .filtres:hover {
height: auto;
} .js-submenu-equipment>.header-sub-menu-links {
padding: 0 0 0 20px;
height: auto;
}
.js-submenu-equipment>.header-sub-menu-links>.elevextreme {
display: flex;
flex-direction: row;
align-items: center;
flex: 1;
gap: 20px;
background: #2a2c2e;
padding-right: 20px;
padding-left: 20px;
}
.js-submenu-equipment>.header-sub-menu-links>.elevextreme a {
color: #ffffff;
}
.js-submenu-equipment>.header-sub-menu-links>.elevextreme a:hover {
color: #c0011b;
}
.js-submenu-equipment>.header-sub-menu-links>.elevextreme>.logo {
display: flex;
padding: 5px 0;
}
.js-submenu-equipment>.header-sub-menu-links>.elevextreme>.logo img {
height: 40px;
width: auto;
}