@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.popup-template .modal{opacity:0;transition:all .25s ease}.popup-template .modal.is-open{opacity:1;transition:all .25s ease}@keyframes bp-fadein{from{opacity:.01}to{opacity:1}}@keyframes bp-bar{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes bp-o{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.bp-wrap{top:0;left:0;width:100%;height:100%;position:fixed;z-index:999;contain:strict;touch-action:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.bp-wrap>div:first-child{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);animation:bp-fadein .48s cubic-bezier(0.215, 0.61, 0.355, 1)}.bp-vid audio{position:absolute;left:14px;width:calc(100% - 28px);bottom:14px;height:50px}.bp-inner{top:0;left:0;width:100%;height:100%;position:absolute;display:flex}.bp-html{display:contents}.bp-html>:first-child{margin:auto}.bp-img-wrap{top:0;left:0;width:100%;height:100%;position:absolute;contain:strict}.bp-img-wrap.bp-drag .bp-img{cursor:grabbing}.bp-close{contain:layout size}.bp-img{position:absolute;top:50%;left:50%;user-select:none;cursor:zoom-in;background-size:100% 100%}.bp-img img,.bp-img div{position:absolute;top:0;left:0;width:100%;height:100%}.bp-img .bp-o{display:none}.bp-zoomed .bp-img{cursor:grab}.bp-zoomed .bp-cap{opacity:0;animation:none !important}.bp-zoomed.bp-small .bp-controls{opacity:0}.bp-zoomed.bp-small .bp-controls button{pointer-events:none}.bp-controls{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;text-align:left;transition:opacity .3s;animation:bp-fadein .3s}.bp-controls button{pointer-events:auto;cursor:pointer;position:absolute;border:0;background:rgba(0,0,0,.15);opacity:.9;transition:all .1s;contain:content}.bp-controls button:hover{background-color:rgba(0,0,0,.2);opacity:1}.bp-controls svg{fill:#fff}.bp-count{position:absolute;color:rgba(255,255,255,.9);line-height:1;margin:16px;height:50px;width:100px}.bp-prev,.bp-next{top:50%;right:0;margin-top:-32px;height:64px;width:58px;border-radius:3px 0 0 3px}.bp-prev:hover:before,.bp-next:hover:before{transform:translateX(-2px)}.bp-prev:before,.bp-next:before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z'/%3E%3C/svg%3E");position:absolute;left:7px;top:9px;width:46px;transition:all .2s}.bp-prev{right:auto;left:0;transform:scalex(-1)}.bp-x{top:0;right:0;height:55px;width:58px;border-radius:0 0 0 3px}.bp-x:before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23fff'%3E%3Cpath d='M24 10l-2-2-6 6-6-6-2 2 6 6-6 6 2 2 6-6 6 6 2-2-6-6z'/%3E%3C/svg%3E");position:absolute;width:37px;top:8px;right:10px}.bp-if,.bp-vid{position:relative;margin:auto;background:#000;background-size:100% 100%}.bp-if iframe,.bp-if video,.bp-if div,.bp-vid iframe,.bp-vid video,.bp-vid div{top:0;left:0;width:100%;height:100%;position:absolute;border:0}.bp-load{display:flex;background-size:100% 100%;overflow:hidden;z-index:1}.bp-bar{position:absolute;top:0;left:0;height:3px;width:100%;transform:translateX(-100%);background:rgba(255,255,255,.9);border-radius:0 3px 3px 0;animation:bp-bar 4s both}.bp-o,.bp-o:after{border-radius:50%;width:90px;height:90px}.bp-o{margin:auto;border:10px solid rgba(255,255,255,.2);border-left-color:rgba(255,255,255,.9);animation:bp-o 1s infinite linear}.bp-cap{position:absolute;bottom:2%;background:rgba(9,9,9,.8);color:rgba(255,255,255,.9);border-radius:4px;max-width:95%;line-height:1.3;padding:.6em 1.2em;left:50%;transform:translateX(-50%);width:fit-content;width:-moz-fit-content;display:table;transition:opacity .3s;animation:bp-fadein .2s}.bp-cap a{color:inherit}.bp-inline{position:absolute}.bp-lock{overflow-y:hidden}.bp-lock body{overflow:scroll}.bp-noclose .bp-x{display:none}.bp-noclose:not(.bp-zoomed){touch-action:pan-y}.bp-noclose:not(.bp-zoomed) .bp-img-wrap{cursor:zoom-in}@media(prefers-reduced-motion){.bp-wrap *{animation-duration:0s !important}}@media(max-width: 500px){.bp-x{height:47px;width:47px}.bp-x:before{width:34px;top:6px;right:6px}.bp-prev,.bp-next{margin-top:-27px;height:54px;width:45px}.bp-prev:before,.bp-next:before{top:7px;left:2px;width:43px}.bp-o,.bp-o:after{border-width:6px;width:60px;height:60px}.bp-count{margin:12px 10px}}.youtube_channel{float:left;clear:both;position:relative;box-sizing:border-box}.youtube_channel.wp-block-youtube-channel{float:initial}.youtube_channel .ytc_video_container{float:left;position:relative}.youtube_channel .ytc_video_container iframe{margin-bottom:0;border:0}.youtube_channel .ytc_video_container a{border:none}.youtube_channel.responsive{width:100%}.youtube_channel.responsive .ytc_video_container{width:100% !important}.youtube_channel.responsive .ytc_video_container.ar16_9 .fluid-width-video-wrapper{position:relative;padding-bottom:56.25%;height:0}.youtube_channel.responsive .ytc_video_container.ar4_3 .fluid-width-video-wrapper{position:relative;padding-bottom:75%;height:0}.youtube_channel.responsive .ytc_video_container .fluid-width-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.youtube_channel .ytc_thumb{display:block;overflow:hidden;position:relative;height:0;width:100%;top:0;right:0;bottom:0;left:0;cursor:pointer}.youtube_channel .ytc_thumb>span{height:0;width:100%;display:block;-webkit-background-size:cover;background-size:cover;background-position:center center;background-repeat:no-repeat}.youtube_channel .ytc_thumb>span:before{content:" ";display:block;width:84px;height:59px;background-image:url(//xenomatix.beweb.studio/wp-content/plugins/youtube-channel/assets/img/yt_play.png);background-position:top center;background-repeat:no-repeat;background-color:rgba(0,0,0,0);opacity:.9;position:absolute;top:50%;left:50%;padding:0 !important;margin-left:-42px;margin-top:-30px;cursor:pointer;transform:scale(0.85)}.youtube_channel .ytc_thumb>span .ytc_title_inside{display:block;position:absolute;margin:0;padding:10px;width:100%;color:#fff;background:rgba(0,0,0,.6);font-weight:500;font-size:1.4rem}.youtube_channel .ytc_thumb>span .ytc_title_inside.ytc_title_inside_bottom{bottom:0}.youtube_channel .ytc_thumb:hover>span:before{background-position:bottom center}.youtube_channel .ytc_thumb.ar16_9,.youtube_channel .ytc_thumb.ar16_9>span{padding-bottom:56.26%}.youtube_channel .ytc_thumb.ar4_3,.youtube_channel .ytc_thumb.ar4_3>span{padding-bottom:75%}.youtube_channel .ytc_link{clear:both;float:left;position:relative;width:100%}.youtube_channel .ytc_link>p{padding:0;margin:0}.youtube_channel p.ytc_error{color:#d00}.clearfix:after,.widget_youtube-channel:after,.youtube_channel:after{clear:both;content:" ";display:block;height:0;visibility:hidden}

@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Poppins Regular"), local("Poppins-Regular"), url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/fonts/poppins-regular-400.woff2) format("woff2");
unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Poppins Bold"), local("Poppins-Bold"), url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/fonts/poppins-regular-700.woff2) format("woff2");
unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}
@font-face {
font-family: icomoon;
src: url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/fonts/icomoon.eot?5kiojs);
src: url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/fonts/icomoon.eot?5kiojs#iefix) format("embedded-opentype"), url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/fonts/icomoon.ttf?5kiojs) format("truetype"), url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/fonts/icomoon.woff?5kiojs) format("woff"), url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/fonts/icomoon.svg?5kiojs#icomoon) format("svg");
font-weight: 400;
font-style: normal;
font-display: swap
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
main {
display: block
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
[hidden],
template {
display: none
}
.site-main .comment-navigation,
.site-main .post-navigation,
.site-main .posts-navigation {
margin: 0 0 1.5em;
overflow: hidden
}
.comment-navigation .nav-previous,
.post-navigation .nav-previous,
.posts-navigation .nav-previous {
float: left;
width: 50%
}
.comment-navigation .nav-next,
.post-navigation .nav-next,
.posts-navigation .nav-next {
float: right;
text-align: right;
width: 50%
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: .875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
#content[tabindex="-1"]:focus {
outline: 0
}
.clear:after,
.clear:before {
content: "";
display: table;
table-layout: fixed
}
.clear:after,
.page-links {
clear: both
}
.comment-content a {
word-wrap: break-word
}
.bypostauthor {
display: block
}
.infinite-scroll.neverending .site-footer,
.infinite-scroll .posts-navigation {
display: none
}
.infinity-end.neverending .site-footer {
display: block
}
.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0
}
embed,
iframe,
object {
max-width: 100%
}
.custom-logo-link {
display: inline-block
}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption .wp-caption-text {
margin: .8075em 0
}
.wp-caption-text {
text-align: center
}
.gallery {
margin-bottom: 1.5em
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%
}
.gallery-columns-2 .gallery-item {
max-width: 50%
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%
}
.gallery-columns-4 .gallery-item {
max-width: 25%
}
.gallery-columns-5 .gallery-item {
max-width: 20%
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%
}
.gallery-caption {
display: block
}
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.alignright {
display: initial;
float: right
}
.alignleft {
display: initial;
float: left
}
a img.alignright {
display: initial;
float: right
}
a img.alignnone {
display: initial
}
a img.alignleft {
display: initial;
float: left
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.owl-carousel .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
.owl-carousel .disabled {
display: none
}
.owl-carousel {
visibility: hidden
}
.owl-carousel.owl-loaded {
visibility: visible
}
.owl-height {
-webkit-transition: height .5s ease-in-out;
transition: height .5s ease-in-out
}
.owl-carousel {
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translateZ(0)
}
.owl-carousel .owl-controls .owl-dot,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel .owl-refresh .owl-item {
display: none
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.no-js .owl-carousel {
display: block
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity .4s ease;
transition: opacity .4s ease
}
.owl-carousel .owl-item img {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale .1s ease;
transition: scale .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: opacity .4s ease;
transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1
}
* {
box-sizing: border-box
}
::-moz-selection {
background: #eabc00;
color: #fff;
text-shadow: none
}
::selection {
background: #eabc00;
color: #fff;
text-shadow: none
}
html {
font-size: 62.5%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
body {
margin: 0;
font-family: Poppins, Helvetica, Arial, sans-serif;
font-size: 1.6rem;
line-height: 2.6rem;
font-weight: 400;
color: #0c0c0c;
-webkit-font-smoothing: antialiased
}
@media (max-width:991px) {
body {
overflow-x: hidden
}
}
.bg-img {
background-size: cover;
background-position: 50%;
min-height: 20rem;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.bg-img,
figure {
margin: 0
}
figure img {
display: block;
width: 100%;
height: auto
}
.bg-video,
.embed-container,
.video-responsive {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto
}
.bg-video embed,
.bg-video iframe,
.bg-video object,
.bg-video video,
.embed-container embed,
.embed-container iframe,
.embed-container object,
.embed-container video,
.video-responsive embed,
.video-responsive iframe,
.video-responsive object,
.video-responsive video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
b,
strong {
font-weight: 700
}
dfn,
em,
i {
font-style: italic
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Poppins, Helvetica, Arial, sans-serif
}
h1 {
font-size: 4rem;
line-height: 4.4rem;
margin: 0 0 1.5rem;
font-weight: 700
}
@media (min-width:768px) {
h1 {
font-size: 5rem;
line-height: 5.6rem
}
}
@media (min-width:992px) {
h1 {
margin: 0 0 3rem
}
}
@media (min-width:1200px) {
h1 {
font-size: 8rem;
line-height: 8rem
}
}
h2 {
font-size: 2.8rem;
line-height: 3.4rem;
margin: 0 0 2rem;
font-weight: 700
}
@media (min-width:768px) {
h2 {
font-size: 3.2rem;
line-height: 4rem
}
}
h3 {
font-size: 2rem;
line-height: 2.8rem;
margin: 0 0 1rem;
font-weight: 700
}
@media (min-width:768px) {
h3 {
font-size: 3rem;
line-height: 3.4rem
}
}
@media (min-width:992px) {
h3 {
margin: 0 0 1.5rem
}
}
h4 {
font-size: 1.8rem;
line-height: 2.6rem;
margin: 0 0 1.5rem;
font-weight: 700
}
@media (min-width:992px) {
h4 {
margin: 0 0 2rem
}
}
h5 {
font-size: 1.8rem;
line-height: 2.6rem
}
h5,
h6 {
margin: 0 0 1.5rem;
font-weight: 400
}
h6 {
line-height: 2.4rem;
text-transform: uppercase
}
.subtitle,
h6 {
font-size: 1.6rem
}
.subtitle {
display: block;
font-weight: 400;
line-height: 2.5rem;
margin-bottom: .5rem
}
p {
margin: 0 0 2rem
}
p:last-of-type {
margin-bottom: 0
}
p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6 {
margin-top: 3rem
}
ol,
ul {
margin: 0 0 1.5rem;
padding: 0 0 0 3.5rem
}
.job-description h1 + ol,
.job-description h1 + ul,
.job-description h2 + ol,
.job-description h2 + ul,
.job-description h3 + ol,
.job-description h3 + ul,
.job-description h4 + ol,
.job-description h4 + ul,
.job-description h5 + ol,
.job-description h5 + ul,
.job-description h6 + ol,
.job-description h6 + ul,
.job-description p + ol,
.job-description p + ul,
.page-template-about .intro h1 + ol,
.page-template-about .intro h1 + ul,
.page-template-about .intro h2 + ol,
.page-template-about .intro h2 + ul,
.page-template-about .intro h3 + ol,
.page-template-about .intro h3 + ul,
.page-template-about .intro h4 + ol,
.page-template-about .intro h4 + ul,
.page-template-about .intro h5 + ol,
.page-template-about .intro h5 + ul,
.page-template-about .intro h6 + ol,
.page-template-about .intro h6 + ul,
.page-template-about .intro p + ol,
.page-template-about .intro p + ul,
.page-template-about .value h1 + ol,
.page-template-about .value h1 + ul,
.page-template-about .value h2 + ol,
.page-template-about .value h2 + ul,
.page-template-about .value h3 + ol,
.page-template-about .value h3 + ul,
.page-template-about .value h4 + ol,
.page-template-about .value h4 + ul,
.page-template-about .value h5 + ol,
.page-template-about .value h5 + ul,
.page-template-about .value h6 + ol,
.page-template-about .value h6 + ul,
.page-template-about .value p + ol,
.page-template-about .value p + ul,
.post-type-archive-jobs .why h1 + ol,
.post-type-archive-jobs .why h1 + ul,
.post-type-archive-jobs .why h2 + ol,
.post-type-archive-jobs .why h2 + ul,
.post-type-archive-jobs .why h3 + ol,
.post-type-archive-jobs .why h3 + ul,
.post-type-archive-jobs .why h4 + ol,
.post-type-archive-jobs .why h4 + ul,
.post-type-archive-jobs .why h5 + ol,
.post-type-archive-jobs .why h5 + ul,
.post-type-archive-jobs .why h6 + ol,
.post-type-archive-jobs .why h6 + ul,
.post-type-archive-jobs .why p + ol,
.post-type-archive-jobs .why p + ul,
.related-infos h1 + ol,
.related-infos h1 + ul,
.related-infos h2 + ol,
.related-infos h2 + ul,
.related-infos h3 + ol,
.related-infos h3 + ul,
.related-infos h4 + ol,
.related-infos h4 + ul,
.related-infos h5 + ol,
.related-infos h5 + ul,
.related-infos h6 + ol,
.related-infos h6 + ul,
.related-infos p + ol,
.related-infos p + ul,
.tab-content h1 + ol,
.tab-content h1 + ul,
.tab-content h2 + ol,
.tab-content h2 + ul,
.tab-content h3 + ol,
.tab-content h3 + ul,
.tab-content h4 + ol,
.tab-content h4 + ul,
.tab-content h5 + ol,
.tab-content h5 + ul,
.tab-content h6 + ol,
.tab-content h6 + ul,
.tab-content p + ol,
.tab-content p + ul,
.text h1 + ol,
.text h1 + ul,
.text h2 + ol,
.text h2 + ul,
.text h3 + ol,
.text h3 + ul,
.text h4 + ol,
.text h4 + ul,
.text h5 + ol,
.text h5 + ul,
.text h6 + ol,
.text h6 + ul,
.text p + ol,
.text p + ul,
article.page .entry-content h1 + ol,
article.page .entry-content h1 + ul,
article.page .entry-content h2 + ol,
article.page .entry-content h2 + ul,
article.page .entry-content h3 + ol,
article.page .entry-content h3 + ul,
article.page .entry-content h4 + ol,
article.page .entry-content h4 + ul,
article.page .entry-content h5 + ol,
article.page .entry-content h5 + ul,
article.page .entry-content h6 + ol,
article.page .entry-content h6 + ul,
article.page .entry-content p + ol,
article.page .entry-content p + ul {
padding-top: 0
}
.job-description ol:last-child,
.job-description ul:last-child,
.page-template-about .intro ol:last-child,
.page-template-about .intro ul:last-child,
.page-template-about .value ol:last-child,
.page-template-about .value ul:last-child,
.post-type-archive-jobs .why ol:last-child,
.post-type-archive-jobs .why ul:last-child,
.related-infos ol:last-child,
.related-infos ul:last-child,
.tab-content ol:last-child,
.tab-content ul:last-child,
.text ol:last-child,
.text ul:last-child,
article.page .entry-content ol:last-child,
article.page .entry-content ul:last-child {
padding-bottom: 0;
padding-top: 2rem
}
.job-description ul,
.page-template-about .intro ul,
.page-template-about .value ul,
.post-type-archive-jobs .why ul,
.related-infos ul,
.tab-content ul,
.text ul,
article.page .entry-content ul {
margin: 0;
padding: 2rem 0 2rem 1.5rem
}
.job-description ul li,
.page-template-about .intro ul li,
.page-template-about .value ul li,
.post-type-archive-jobs .why ul li,
.related-infos ul li,
.tab-content ul li,
.text ul li,
article.page .entry-content ul li {
margin: 0;
padding: 0;
list-style-type: none
}
.job-description ul + h1,
.job-description ul + h2,
.job-description ul + h3,
.job-description ul + h4,
.job-description ul + h5,
.job-description ul + h6,
.page-template-about .intro ul + h1,
.page-template-about .intro ul + h2,
.page-template-about .intro ul + h3,
.page-template-about .intro ul + h4,
.page-template-about .intro ul + h5,
.page-template-about .intro ul + h6,
.page-template-about .value ul + h1,
.page-template-about .value ul + h2,
.page-template-about .value ul + h3,
.page-template-about .value ul + h4,
.page-template-about .value ul + h5,
.page-template-about .value ul + h6,
.post-type-archive-jobs .why ul + h1,
.post-type-archive-jobs .why ul + h2,
.post-type-archive-jobs .why ul + h3,
.post-type-archive-jobs .why ul + h4,
.post-type-archive-jobs .why ul + h5,
.post-type-archive-jobs .why ul + h6,
.related-infos ul + h1,
.related-infos ul + h2,
.related-infos ul + h3,
.related-infos ul + h4,
.related-infos ul + h5,
.related-infos ul + h6,
.tab-content ul + h1,
.tab-content ul + h2,
.tab-content ul + h3,
.tab-content ul + h4,
.tab-content ul + h5,
.tab-content ul + h6,
.text ul + h1,
.text ul + h2,
.text ul + h3,
.text ul + h4,
.text ul + h5,
.text ul + h6,
article.page .entry-content ul + h1,
article.page .entry-content ul + h2,
article.page .entry-content ul + h3,
article.page .entry-content ul + h4,
article.page .entry-content ul + h5,
article.page .entry-content ul + h6 {
margin-top: 1rem
}
.job-description ul li,
.page-template-about .intro ul li,
.page-template-about .value ul li,
.post-type-archive-jobs .why ul li,
.related-infos ul li,
.tab-content ul li,
.text ul li,
article.page .entry-content ul li {
padding-left: 2rem;
position: relative
}
.job-description ul li:before,
.page-template-about .intro ul li:before,
.page-template-about .value ul li:before,
.post-type-archive-jobs .why ul li:before,
.related-infos ul li:before,
.tab-content ul li:before,
.text ul li:before,
article.page .entry-content ul li:before {
content: "\2022";
color: #009ddf;
font-weight: 700;
position: absolute;
left: 0;
top: 0
}
.job-description ol,
.page-template-about .intro ol,
.page-template-about .value ol,
.post-type-archive-jobs .why ol,
.related-infos ol,
.tab-content ol,
.text ol,
article.page .entry-content ol {
margin: 0;
padding: 2rem 0;
counter-reset: counter
}
.job-description ol li,
.page-template-about .intro ol li,
.page-template-about .value ol li,
.post-type-archive-jobs .why ol li,
.related-infos ol li,
.tab-content ol li,
.text ol li,
article.page .entry-content ol li {
margin: 0;
padding: 0;
list-style-type: none
}
.job-description ol + h1,
.job-description ol + h2,
.job-description ol + h3,
.job-description ol + h4,
.job-description ol + h5,
.job-description ol + h6,
.page-template-about .intro ol + h1,
.page-template-about .intro ol + h2,
.page-template-about .intro ol + h3,
.page-template-about .intro ol + h4,
.page-template-about .intro ol + h5,
.page-template-about .intro ol + h6,
.page-template-about .value ol + h1,
.page-template-about .value ol + h2,
.page-template-about .value ol + h3,
.page-template-about .value ol + h4,
.page-template-about .value ol + h5,
.page-template-about .value ol + h6,
.post-type-archive-jobs .why ol + h1,
.post-type-archive-jobs .why ol + h2,
.post-type-archive-jobs .why ol + h3,
.post-type-archive-jobs .why ol + h4,
.post-type-archive-jobs .why ol + h5,
.post-type-archive-jobs .why ol + h6,
.related-infos ol + h1,
.related-infos ol + h2,
.related-infos ol + h3,
.related-infos ol + h4,
.related-infos ol + h5,
.related-infos ol + h6,
.tab-content ol + h1,
.tab-content ol + h2,
.tab-content ol + h3,
.tab-content ol + h4,
.tab-content ol + h5,
.tab-content ol + h6,
.text ol + h1,
.text ol + h2,
.text ol + h3,
.text ol + h4,
.text ol + h5,
.text ol + h6,
article.page .entry-content ol + h1,
article.page .entry-content ol + h2,
article.page .entry-content ol + h3,
article.page .entry-content ol + h4,
article.page .entry-content ol + h5,
article.page .entry-content ol + h6 {
margin-top: 1rem
}
.job-description ol li,
.page-template-about .intro ol li,
.page-template-about .value ol li,
.post-type-archive-jobs .why ol li,
.related-infos ol li,
.tab-content ol li,
.text ol li,
article.page .entry-content ol li {
counter-increment: counter
}
.job-description ol li:before,
.page-template-about .intro ol li:before,
.page-template-about .value ol li:before,
.post-type-archive-jobs .why ol li:before,
.related-infos ol li:before,
.tab-content ol li:before,
.text ol li:before,
article.page .entry-content ol li:before {
content: counter(counter) ". ";
color: #009ddf;
margin-right: 1rem;
min-width: 2.5rem;
display: inline-block;
text-align: right
}
pre {
background: #eee;
font-family: Courier\ 10 Pitch, Courier, monospace;
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, Andale Mono, DejaVu Sans Mono, monospace;
font-size: 1.5rem
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help
}
ins,
mark {
background: #fff9c0;
text-decoration: none
}
address {
font-style: normal
}
address p {
margin: 0
}
blockquote {
position: relative;
padding-top: 2.5rem;
margin: 2rem 0
}
blockquote:before {
content: "“";
display: block;
position: absolute;
left: 0;
top: 0;
color: #009ddf;
font-size: 6rem;
line-height: 1
}
blockquote footer {
font-weight: 700;
margin-top: 2rem;
font-size: 1.4rem
}
blockquote cite {
font-style: normal
}
p:last-of-type + blockquote {
margin-bottom: 0
}
a {
background-color: transparent;
color: #009ddf;
text-decoration: none;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
a:active,
a:focus {
outline: none
}
@media (min-width:992px) {
a:hover {
color: #006793
}
}
a img {
border: none
}
button,
input[type=button],
input[type=reset] {
background: #eabc00;
color: #fff;
font-family: Poppins, Helvetica, Arial, sans-serif;
text-decoration: none;
letter-spacing: 2px;
font-weight: 700;
font-size: 1.4rem;
padding: 1rem 2rem;
position: relative;
box-shadow: 0 0 0 0 rgba(234, 188, 0, .5);
display: table
}
@media (min-width:992px) {
button,
input[type=button],
input[type=reset] {
padding: 1.5rem 3rem
}
}
button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus {
background: #ffce05
}
@media (min-width:992px) {
button:hover,
input[type=button]:hover,
input[type=reset]:hover {
-webkit-animation: pulse 1.5s 1;
animation: pulse 1.5s 1
}
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
border: none;
text-decoration: none;
cursor: pointer;
border-radius: 0;
line-height: 2.4rem;
box-shadow: none
}
button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
outline: none
}
a.btn {
background: #eabc00;
color: #fff;
font-family: Poppins, Helvetica, Arial, sans-serif;
text-decoration: none;
letter-spacing: 2px;
font-weight: 700;
font-size: 1.4rem;
padding: 1rem 2rem;
position: relative;
box-shadow: 0 0 0 0 rgba(234, 188, 0, .5);
display: table
}
@media (min-width:992px) {
a.btn {
padding: 1.5rem 3rem
}
}
a.btn:active,
a.btn:focus {
background: #ffce05
}
@media (min-width:992px) {
a.btn:hover {
-webkit-animation: pulse 1.5s 1;
animation: pulse 1.5s 1
}
}
a.readmore {
color: #0c0c0c;
font-family: Poppins, Helvetica, Arial, sans-serif;
text-decoration: none;
letter-spacing: 2px;
font-weight: 700;
font-size: 1.4rem;
padding-left: 3.5rem;
position: relative;
display: table;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
a.readmore:before {
left: 0;
width: 1rem;
height: 1rem;
background: #009ddf
}
a.readmore:after,
a.readmore:before {
content: "";
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-65%);
transform: translateY(-65%);
-webkit-transition: all .15s cubic-bezier(.45, .25, .6, .95);
transition: all .15s cubic-bezier(.45, .25, .6, .95)
}
a.readmore:after {
left: 1rem;
width: 0;
height: 0;
border-color: transparent transparent transparent #009ddf;
border-style: solid;
border-width: 5px 0 5px 5px
}
a.readmore:active,
a.readmore:focus {
padding: 0 .2rem 0 3.3rem
}
@media (min-width:992px) {
a.readmore:hover {
padding: 0 .2rem 0 3.3rem;
color: #009ddf
}
a.readmore:hover:before {
left: .2rem
}
a.readmore:hover:after {
left: 1.2rem
}
}
.load-more {
margin: 0 auto 4rem
}
@media (min-width:992px) {
.load-more {
margin: 0 auto 6rem
}
}
label {
display: block;
margin-bottom: .5rem
}
input[type=search] {
border: 0;
border-radius: 0;
box-shadow: none;
-webkit-appearance: none;
background: transparent
}
input[type=search]:focus {
outline: none
}
input[type=search]::-webkit-search-cancel-button {
display: none
}
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=file],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
color: #0c0c0c;
border: 1px solid #c4c6c7;
margin: 0 0 2rem;
border-radius: 0;
box-shadow: none;
-webkit-appearance: none;
padding: 1rem 2rem;
background: #fff;
width: 100%
}
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=file]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=range]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
outline: none
}
input::-ms-value,
select::-ms-value,
textarea::-ms-value {
border: 0;
background: transparent;
padding: 0;
margin: 0;
border-radius: 0;
width: 100%;
font-size: 1.4rem;
font-weight: 300;
font-family: Poppins, Helvetica, Arial, sans-serif;
box-shadow: none
}
select {
border: 1px solid #c4c6c7;
border-radius: 0;
background: #009ddf;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/select.svg) calc(100% - 2rem) 50% no-repeat;
background-size: 20px 20px;
cursor: pointer;
color: #c4c6c7;
opacity: 1;
font-size: 1.8rem;
box-shadow: none;
padding: 1rem 6rem 1rem 2rem;
width: 100%;
margin-bottom: 2rem
}
select:focus {
outline: none
}
select::-ms-expand {
display: none
}
select option {
color: #0c0c0c
}
p.note {
opacity: .5;
font-size: 1.4rem;
margin-top: -1.5rem;
margin-bottom: 2rem
}
@media (min-width:768px) {
form .semi {
display: -webkit-box;
display: flex;
margin: 0 -2rem
}
}
@media (min-width:768px) {
form .semi > div {
margin: 0 2rem;
width: 50%
}
}
form .apply,
form .send {
margin-top: 2rem
}
@media screen and (min-width:0\0) {
select {
background-image: none\9;
padding: 5px\9;
background: url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/select.png) 100% no-repeat
}
}
textarea {
min-height: 10rem;
width: 100%;
resize: vertical;
border-radius: 0
}
.full input[type=checkbox],
.subscribe-form-mailchimp input[type=checkbox],
section:not(.section-toggle) input[type=checkbox] {
position: absolute;
opacity: 0;
width: 0
}
.full input[type=checkbox] + label,
.full input[type=checkbox] + span,
.subscribe-form-mailchimp input[type=checkbox] + label,
.subscribe-form-mailchimp input[type=checkbox] + span,
section:not(.section-toggle) input[type=checkbox] + label,
section:not(.section-toggle) input[type=checkbox] + span {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
cursor: pointer;
padding: 0 0 0 2rem;
min-height: inherit;
margin: 0
}
.full input[type=checkbox] + label:after,
.full input[type=checkbox] + label:before,
.full input[type=checkbox] + span:after,
.full input[type=checkbox] + span:before,
.subscribe-form-mailchimp input[type=checkbox] + label:after,
.subscribe-form-mailchimp input[type=checkbox] + label:before,
.subscribe-form-mailchimp input[type=checkbox] + span:after,
.subscribe-form-mailchimp input[type=checkbox] + span:before,
section:not(.section-toggle) input[type=checkbox] + label:after,
section:not(.section-toggle) input[type=checkbox] + label:before,
section:not(.section-toggle) input[type=checkbox] + span:after,
section:not(.section-toggle) input[type=checkbox] + span:before {
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
top: 50%
}
.full input[type=checkbox] + label:before,
.full input[type=checkbox] + span:before,
.subscribe-form-mailchimp input[type=checkbox] + label:before,
.subscribe-form-mailchimp input[type=checkbox] + span:before,
section:not(.section-toggle) input[type=checkbox] + label:before,
section:not(.section-toggle) input[type=checkbox] + span:before {
content: "";
display: block;
position: absolute;
left: 0;
top: .6rem;
vertical-align: text-top;
width: 1rem;
height: 1rem;
border: 1px solid #c4c6c7
}
.full input[type=checkbox]:checked + label:before,
.full input[type=checkbox]:checked + span:before,
.subscribe-form-mailchimp input[type=checkbox]:checked + label:before,
.subscribe-form-mailchimp input[type=checkbox]:checked + span:before,
section:not(.section-toggle) input[type=checkbox]:checked + label:before,
section:not(.section-toggle) input[type=checkbox]:checked + span:before {
background: #009ddf;
border-color: #009ddf
}
.full input[type=checkbox]:checked + label:after,
.full input[type=checkbox]:checked + span:after,
.subscribe-form-mailchimp input[type=checkbox]:checked + label:after,
.subscribe-form-mailchimp input[type=checkbox]:checked + span:after,
section:not(.section-toggle) input[type=checkbox]:checked + label:after,
section:not(.section-toggle) input[type=checkbox]:checked + span:after {
content: "";
position: absolute;
left: .4rem;
width: .3rem;
height: .6rem;
top: .7rem;
border: 1px solid #fff;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
@media (min-width:992px) {
.full input[type=checkbox]:hover + label:before,
.full input[type=checkbox]:hover + span:before,
.subscribe-form-mailchimp input[type=checkbox]:hover + label:before,
.subscribe-form-mailchimp input[type=checkbox]:hover + span:before,
section:not(.section-toggle) input[type=checkbox]:hover + label:before,
section:not(.section-toggle) input[type=checkbox]:hover + span:before {
background: #009ddf;
border-color: #009ddf
}
}
.wpcf7-acceptance span.wpcf7-list-item {
margin-left: 0
}
.wpcf7-acceptance label {
margin-bottom: 0
}
input[type=radio] {
position: absolute;
opacity: 0;
width: 0
}
input[type=radio] + label,
input[type=radio] + span {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
cursor: pointer;
padding: 0 0 0 2rem;
min-height: inherit;
margin: 0
}
input[type=radio] + label:after,
input[type=radio] + label:before,
input[type=radio] + span:after,
input[type=radio] + span:before {
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
input[type=radio] + label:before,
input[type=radio] + span:before {
content: "";
display: block;
position: absolute;
left: 0;
vertical-align: text-top;
width: 1rem;
height: 1rem;
border: 1px solid #c4c6c7;
border-radius: 1rem
}
input[type=radio]:checked + label:before,
input[type=radio]:checked + span:before {
background: #009ddf;
border-color: #009ddf
}
input[type=radio]:checked + label:after,
input[type=radio]:checked + span:after {
content: "";
position: absolute;
left: .3rem;
width: .6rem;
height: .6rem;
border-radius: .6rem;
background: #fff
}
@media (min-width:992px) {
input[type=radio]:hover + label:before,
input[type=radio]:hover + span:before {
background: #009ddf;
border-color: #009ddf
}
}
.checkbox-wrapper,
.radio-wrapper {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center
}
:-moz-placeholder {
color: #c4c6c7
}
::-moz-placeholder {
opacity: 1
}
:-ms-input-placeholder {
color: #c4c6c7 !important;
font-size: 1.8rem !important
}
::-webkit-input-placeholder {
color: #c4c6c7
}
::-moz-placeholder {
color: #c4c6c7
}
:-ms-input-placeholder {
color: #c4c6c7
}
::-ms-input-placeholder {
color: #c4c6c7
}
::placeholder {
color: #c4c6c7
}
table {
width: 100%;
border: none;
margin-bottom: 4rem;
border-spacing: 0;
border-collapse: collapse
}
table:last-child {
margin-bottom: 0
}
@media (max-width:767px) {
table {
overflow-x: auto;
display: block
}
}
table > thead > tr > th {
text-transform: uppercase;
color: #fff;
background: #009ddf;
padding: 1rem 1.2rem;
border: 0;
font-size: 1.2rem;
text-align: left
}
table > thead > tr > th:first-child {
text-align: left
}
table tbody td,
table tbody th,
table tfoot td,
table tfoot th {
padding: 1rem 1.2rem;
border-bottom: 1px solid #c4c6c7;
border-top: 0;
font-size: 1.4rem
}
@media (min-width:768px) {
table tbody td,
table tbody th,
table tfoot td,
table tfoot th {
border-right: 1px solid #c4c6c7
}
}
table tbody td:first-child,
table tbody th:first-child,
table tfoot td:first-child,
table tfoot th:first-child {
text-align: left;
border-left: 0
}
table tbody td:nth-child(2),
table tbody th:nth-child(2),
table tfoot td:nth-child(2),
table tfoot th:nth-child(2) {
border-left: 0
}
table tbody td:last-child,
table tbody th:last-child,
table tfoot td:last-child,
table tfoot th:last-child {
border-right: 0
}
table tfoot .cart-subtotal,
table tfoot .order-total {
background: rgba(0, 0, 0, .025)
}
#thebase-wrapper {
margin: 0 auto;
max-width: 1800px;
width: 90%
}
#thebase-wrapper .thebase-navigation,
#thebase-wrapper section {
margin-bottom: 6rem
}
#thebase-wrapper .breadcrumb,
#thebase-wrapper .titles {
margin-bottom: 4rem
}
#thebase-wrapper #fonts {
margin: 0;
padding: 0
}
#thebase-wrapper #fonts li {
margin: 0;
padding: 0;
list-style-type: none;
margin: 0 0 1rem
}
#thebase-wrapper #fonts code:after,
#thebase-wrapper #fonts span {
display: block
}
#thebase-wrapper #fonts .font-body .variable code:after,
#thebase-wrapper #fonts .font-title .variable code:after {
content: "Poppins, Helvetica, Arial, sans-serif"
}
#thebase-wrapper #fonts .font-icons .variable code:after {
content: "icomoon, Helvetica, Arial, sans-serif"
}
#thebase-wrapper #colors ul {
margin: 0;
padding: 0;
display: -webkit-box;
display: flex;
flex-wrap: wrap
}
#thebase-wrapper #colors ul li {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
-webkit-box-flex: 0;
flex: 0 0 50%;
margin-bottom: 2rem
}
@media (min-width:992px) {
#thebase-wrapper #colors ul li {
-webkit-box-flex: 0;
flex: 0 0 15%
}
}
#thebase-wrapper #colors ul li .color {
height: 5rem;
width: 5rem;
border-radius: .5rem;
border: 1px solid #c4c6c7;
margin-bottom: 1rem
}
#thebase-wrapper #colors ul li code {
width: 100%;
position: relative
}
#thebase-wrapper #colors ul li code:last-child:after {
display: block
}
#thebase-wrapper #colors ul li.brand-primary .color {
background-color: #009ddf
}
#thebase-wrapper #colors ul li.brand-primary code:last-child:after {
content: "#009ddf"
}
#thebase-wrapper #colors ul li.brand-secondary .color {
background-color: #3a4146
}
#thebase-wrapper #colors ul li.brand-secondary code:last-child:after {
content: "#3a4146"
}
#thebase-wrapper #colors ul li.brand-action .color {
background-color: #eabc00
}
#thebase-wrapper #colors ul li.brand-action code:last-child:after {
content: "#eabc00"
}
#thebase-wrapper #colors ul li.text-title .color {
background-color: #000
}
#thebase-wrapper #colors ul li.text-title code:last-child:after {
content: "#000000"
}
#thebase-wrapper #colors ul li.text-regular .color {
background-color: #0c0c0c
}
#thebase-wrapper #colors ul li.text-regular code:last-child:after {
content: "#0c0c0c"
}
#thebase-wrapper #colors ul li.neutral-element .color {
background-color: #7e7e7e
}
#thebase-wrapper #colors ul li.neutral-element code:last-child:after {
content: "#7e7e7e"
}
#thebase-wrapper #colors ul li.link-color .color {
background-color: #eabc00
}
#thebase-wrapper #colors ul li.link-color code:last-child:after {
content: "#eabc00"
}
#thebase-wrapper #colors ul li.link-hover .color {
background-color: #ffce05
}
#thebase-wrapper #colors ul li.link-hover code:last-child:after {
content: "#ffce05"
}
#thebase-wrapper #colors ul li.bg-gray .color {
background-color: #ccc
}
#thebase-wrapper #colors ul li.bg-gray code:last-child:after {
content: "#cccccc"
}
#thebase-wrapper #colors ul li.bg-light-gray .color {
background-color: #ebeef0
}
#thebase-wrapper #colors ul li.bg-light-gray code:last-child:after {
content: "#ebeef0"
}
#thebase-wrapper #colors ul li.border-color .color {
background-color: #c4c6c7
}
#thebase-wrapper #colors ul li.border-color code:last-child:after {
content: "#c4c6c7"
}
#thebase-wrapper #links ul {
margin: 0;
padding: 0;
display: -webkit-box;
display: flex;
flex-wrap: wrap
}
#thebase-wrapper #links ul li {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
-webkit-box-flex: 0;
flex: 0 0 50%;
margin-bottom: 2rem
}
@media (min-width:992px) {
#thebase-wrapper #links ul li {
-webkit-box-flex: 0;
flex: 0 0 25%
}
}
#thebase-wrapper #links ul li code {
margin-top: 2rem;
width: 100%
}
#thebase-wrapper #form form > div {
margin-bottom: 2rem
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(58, 65, 70, .95);
opacity: 0;
visibility: hidden;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
z-index: 900
}
.modal .subscribe_title {
font-size: 2.8rem;
line-height: 3.4rem;
margin: 0 0 2rem;
font-weight: 700
}
@media (min-width:768px) {
.modal .subscribe_title {
font-size: 3.2rem;
line-height: 4rem
}
}
.modal .modal-inner {
margin: 4rem;
position: relative;
padding: 4rem 2rem;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
@media (max-width:991px) {
.modal .modal-inner {
background: #fff
}
}
@media (min-width:768px) {
.modal .modal-inner {
width: 80%;
margin: 3rem auto
}
}
@media (min-width:992px) {
.modal .modal-inner {
width: 60%;
margin: 6rem auto;
padding: 3rem 6rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.modal .modal-inner:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: #fff
}
}
@media (min-width:1600px) {
.modal .modal-inner {
padding: 6rem 12rem;
width: 50%
}
}
.modal .modal-content {
position: relative;
z-index: 10
}
.modal .modal-content label {
color: #0c0c0c
}
.modal .close {
position: absolute;
right: -2rem;
top: -2rem;
padding: 0;
width: 4rem;
height: 4rem;
color: #0c0c0c;
border-radius: 4rem;
background: #ebeef0;
box-shadow: none;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
@media (min-width:992px) {
.modal .close:hover {
background: #009ddf
}
.modal .close:hover span,
.modal .close:hover span:after {
background: #fff
}
}
.modal .close span {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
left: 50%;
top: 50%;
height: 1.2rem;
width: .2rem;
display: block;
-webkit-transform: rotate(45deg) translate(-50%, -50%);
transform: rotate(45deg) translate(-50%, -50%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
.modal .close span,
.modal .close span:after {
background: #0c0c0c;
position: absolute;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
.modal .close span:after {
content: "";
left: -.5rem;
top: .5rem;
height: .2rem;
width: 1.2rem
}
@media (min-width:992px) {
#modal_newsletter .modal-inner {
padding: 3rem 6rem 0
}
#modal_newsletter .modal-inner:before {
height: calc(100% - 2.8rem)
}
}
@media (min-width:1600px) {
#modal_newsletter .modal-inner {
padding: 6rem 12rem 0
}
}
body.modal-open {
overflow: hidden
}
body.modal-open .modal.open {
overflow-x: hidden;
overflow-y: auto;
opacity: 1;
visibility: visible
}
@media (min-width:992px) {
body.modal-open .modal.open .modal-inner {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
.cookies-law-info {
position: fixed;
bottom: 0;
z-index: 900;
margin: 0 auto;
width: 100%;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
@media (min-width:992px) {
.cookies-law-info {
bottom: 2rem;
right: 2rem
}
}
.cookies-law-info.validated {
display: none
}
.cookies-law-info .cookies-wrapper {
padding: 1rem 2rem;
margin-left: auto;
background: #fff;
background-color: #3a4146;
z-index: 900
}
@media (min-width:768px) {
.cookies-law-info .cookies-wrapper {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
padding: 2rem 4rem
}
}
@media (min-width:992px) {
.cookies-law-info .cookies-wrapper {
width: 55%
}
}
@media (min-width:1600px) {
.cookies-law-info .cookies-wrapper {
width: 35%
}
}
.cookies-law-info .cookies-content {
margin: 0;
float: none
}
@media (max-width:767px) {
.cookies-law-info .cookies-content {
text-align: center;
max-width: 100%
}
}
@media (min-width:768px) {
.cookies-law-info .cookies-content {
padding-right: 3rem;
width: calc(100% - 19rem)
}
}
.cookies-law-info .cookies-content h3,
.cookies-law-info .cookies-content strong {
font-size: 1.6rem;
line-height: 1.5;
margin-bottom: 1rem;
color: #fff;
display: block
}
.cookies-law-info .cookies-content p {
font-size: 1.2rem;
line-height: 1.6;
margin-bottom: 0;
color: #fff
}
.cookies-law-info .cookies-buttons {
float: none
}
@media (max-width:767px) {
.cookies-law-info .cookies-buttons {
text-align: center;
max-width: 100%;
margin-top: 1.5rem
}
}
.cookies-law-info .cookies-buttons .find-more-button {
display: block;
font-size: 1.2rem;
text-decoration: none;
color: #fff;
margin-top: 1rem
}
@media (min-width:768px) {
.cookies-law-info .cookies-buttons .find-more-button {
text-align: right
}
}
@media (min-width:992px) {
.cookies-law-info .cookies-buttons .find-more-button:hover {
text-decoration: underline;
background: transparent
}
}
.cookies-law-info .cookies-buttons .agree-button {
background: #eabc00;
color: #fff;
font-family: Poppins, Helvetica, Arial, sans-serif;
text-decoration: none;
letter-spacing: 2px;
font-weight: 700;
font-size: 1.4rem;
padding: 1rem 2rem;
position: relative;
box-shadow: 0 0 0 0 rgba(234, 188, 0, .5);
display: table
}
@media (min-width:992px) {
.cookies-law-info .cookies-buttons .agree-button {
padding: 1.5rem 3rem
}
}
.cookies-law-info .cookies-buttons .agree-button:active,
.cookies-law-info .cookies-buttons .agree-button:focus {
background: #ffce05
}
@media (min-width:992px) {
.cookies-law-info .cookies-buttons .agree-button:hover {
-webkit-animation: pulse 1.5s 1;
animation: pulse 1.5s 1
}
}
@media (max-width:767px) {
.cookies-law-info .cookies-buttons .agree-button {
margin-left: auto;
margin-right: auto
}
}
div.wpcf7-mail-sent-ng,
div.wpcf7-mail-sent-ok,
div.wpcf7-response-output,
div.wpcf7-validation-errors {
padding: 1rem 1.5rem .8rem;
margin: 2rem 0 0;
border-radius: 0;
font-size: 1.4rem;
clear: both
}
div.wpcf7-mail-sent-ng,
div.wpcf7-validation-errors {
background-color: #fef4f3;
color: #ef4836;
border: 1px solid #ef4836
}
div.wpcf7-mail-sent-ok {
background-color: #d1f5e0;
color: #2ecc71;
border: 1px solid #2ecc71
}
span.wpcf7-not-valid-tip {
color: #ef4836;
font-size: 1.4rem;
display: block;
margin-bottom: 1rem;
margin-top: -1rem
}
form input.wpcf7-not-valid {
border: 1px solid #ef4836
}
form .apply,
form .send,
form .subscribe {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: end;
justify-content: flex-end
}
form .apply input,
form .send input,
form .subscribe input {
width: auto
}
@media (min-width:992px) {
form .apply input,
form .send input,
form .subscribe input {
-webkit-box-ordinal-group: 3;
order: 2
}
}
form .apply .ajax-loader,
form .send .ajax-loader,
form .subscribe .ajax-loader {
margin-left: 2rem
}
@media (min-width:992px) {
form .apply .ajax-loader,
form .send .ajax-loader,
form .subscribe .ajax-loader {
-webkit-box-ordinal-group: 2;
order: 1;
margin-left: 0;
margin-right: 2rem
}
}
form .apply input[type=submit],
form .send input[type=submit],
form .subscribe input[type=submit] {
background: #eabc00;
color: #fff;
font-family: Poppins, Helvetica, Arial, sans-serif;
text-decoration: none;
letter-spacing: 2px;
font-weight: 700;
font-size: 1.4rem;
padding: 1rem 2rem;
position: relative;
box-shadow: 0 0 0 0 rgba(234, 188, 0, .5);
display: table
}
@media (min-width:992px) {
form .apply input[type=submit],
form .send input[type=submit],
form .subscribe input[type=submit] {
padding: 1.5rem 3rem
}
}
form .apply input[type=submit]:active,
form .apply input[type=submit]:focus,
form .send input[type=submit]:active,
form .send input[type=submit]:focus,
form .subscribe input[type=submit]:active,
form .subscribe input[type=submit]:focus {
background: #ffce05
}
@media (min-width:992px) {
form .apply input[type=submit]:hover,
form .send input[type=submit]:hover,
form .subscribe input[type=submit]:hover {
-webkit-animation: pulse 1.5s 1;
animation: pulse 1.5s 1
}
}
.search h1 {
font-size: 4rem;
line-height: 4.4rem
}
.search h1 span {
color: #009ddf
}
.search .page-header {
padding-bottom: 2rem
}
.search .site-main {
position: relative
}
.search .site-main:before {
content: "";
display: block;
width: calc(100% - 3rem);
height: calc(100% - 2.5rem);
position: absolute;
left: 1.5rem;
bottom: 2.5rem;
background: url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/cross-pattern-black.png) 0 0 repeat-x;
background-size: 4rem;
opacity: .05;
z-index: -1
}
@media (max-width:767px) {
.search .site-main {
padding: 4rem 2rem 0
}
}
@media (min-width:768px) {
.search .site-main {
margin: 0 4rem;
padding-top: 4rem
}
}
@media (min-width:992px) {
.search .site-main {
margin: 0 16rem 2rem;
padding-top: 6rem
}
}
@media (min-width:1600px) {
.search .site-main {
margin: 0 24rem 2rem;
padding-top: 9rem
}
}
.search .site-main .search-form {
margin-top: 3rem;
width: auto;
max-width: 20rem
}
.search .site-main .search-form .search-field {
width: 100%;
border-bottom: 1px solid #c4c6c7;
padding: .5rem .5rem .5rem 0
}
.search article {
padding-bottom: 2rem;
margin-bottom: 2rem;
border-bottom: 1px solid #c4c6c7
}
.search article:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0
}
@media (min-width:1200px) {
.search article {
padding-bottom: 3rem;
margin-bottom: 3rem;
width: 60%
}
}
.search article h3 {
font-size: 2.8rem;
line-height: 3.4rem;
margin-bottom: .5rem
}
.search article h3 a {
color: #0c0c0c
}
.search article .content,
.search article .readmore {
margin-top: 2rem
}
.search article time {
color: #009ddf
}
.contact {
color: #fff;
background: #009ddf;
padding: 4rem 2rem;
position: relative
}
.contact:before {
content: "";
display: block;
width: calc(100% - 3rem);
height: calc(100% - 2.5rem);
position: absolute;
left: 1.5rem;
bottom: 2.5rem;
background: url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/cross-pattern.png) 0 100% repeat-x;
background-size: 4rem;
opacity: .2
}
.brochure-cf {
color:black;
}
.mailchimp-newsletter {
padding-top: 20px;
}
.wpcf7-response-output {
color: black;
}
.mailchimp-newsletter {
text-align: center;
}
.newsletter-btn {
display: flex;
justify-content: center;
}
.mailchimp-newsletter .contact {
display: none;
}
.mailchimp-newsletter .contact:first-of-type {
display: block;
}
.mailchimp-newsletter .contact {
max-width: 800px;
margin: -6rem auto 6rem;
}
@media (min-width:768px) {
.contact {
padding: 4rem
}
}
@media (min-width:992px) {
.contact {
padding: 6rem
}
}
@media (min-width:1200px) {
.contact {
padding: 8rem
}
}
@media (min-width:1600px) {
.contact {
padding: 8rem 12rem
}
}
@media (max-width:767px) {
.contact {
text-align: center
}
}
.contact .btn {
margin-top: 3rem
}
@media (max-width:767px) {
.contact .btn {
margin-left: auto;
margin-right: auto
}
}
@media (max-width:767px) {
.page-template-contact .section-contact {
padding: 4rem 2rem 0
}
}
@media (min-width:768px) {
.page-template-contact .section-contact {
margin: 0 4rem;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between
}
}
@media (min-width:992px) {
.page-template-contact .section-contact {
margin: 0 16rem 2rem
}
}
@media (min-width:1600px) {
.page-template-contact .section-contact {
margin: 0 24rem 2rem
}
}
@media (min-width:768px) {
.page-template-contact .section-contact > div {
width: 48%
}
}
.page-template-contact .section-contact .location > div {
margin: 0 0 2rem
}
.page-template-contact .section-contact .location .intro > div {
font-weight: 700
}
.page-template-contact .section-contact .location h3 {
color: #009ddf;
font-size: 1.8rem;
line-height: 2.6rem;
margin: 0 0 .5rem
}
.apply-form {
background: #ebeef0;
padding: 4rem 2rem
}
@media (min-width:768px) {
.apply-form {
padding: 4rem
}
}
@media (min-width:992px) {
.apply-form {
padding: 6rem
}
}
@media (min-width:1200px) {
.apply-form {
padding: 8rem
}
}
@media (min-width:1600px) {
.apply-form {
padding: 6rem 12rem
}
}
.apply-form input,
.apply-form textarea {
border: 0;
width: 100%
}
@media (min-width:992px) {
.apply-form textarea {
min-height: 18rem
}
}
.share .social__link-list {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
margin: 0;
padding: 0;
position: relative
}
.share .social__link-list li {
margin: 0;
padding: 0;
list-style-type: none
}
@media (min-width:1200px) {
.share .social__link-list {
padding-left: 5rem
}
.share .social__link-list:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 50%;
width: 3rem;
height: .1rem;
background: #fff
}
}
.share .social__link-list li {
margin-right: 2rem
}
.share .social__link-list li:last-child {
margin-right: 0
}
.share .social__link-list li.facebook a:hover svg {
fill: #3b5999
}
.share .social__link-list li.linkedin a:hover svg {
fill: #007ab9
}
.share .social__link-list li.twitter a:hover svg {
fill: #55acee
}
.share .social__link-list li.mail a:hover svg {
fill: #009ddf
}
.share .social__link-list li a {
position: relative;
display: block
}
.share .social__link-list li a svg {
display: block;
fill: #fff;
width: 2rem;
height: 2rem;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
.choose-us {
padding: 0 2rem
}
@media (min-width:768px) {
.choose-us {
padding: 0 4rem
}
}
@media (min-width:992px) {
.choose-us {
padding: 0 6rem
}
}
@media (min-width:1600px) {
.choose-us {
padding: 0 16rem
}
}
.choose-us h2 {
text-align: center;
margin-bottom: 0
}
.choose-us h2 a {
color: #0c0c0c
}
.choose-us ul {
margin: 0;
padding: 0;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center
}
.choose-us ul li {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
width: calc(50% - 1.5rem);
margin: 3rem 3rem 0 0
}
@media (max-width:767px) {
.choose-us ul li:nth-child(2n) {
margin-right: 0
}
}
@media (min-width:768px) {
.choose-us ul li {
width: calc(16.66667% - 2.5rem)
}
.choose-us ul li:nth-child(6n) {
margin-right: 0
}
}
@media (min-width:1200px) {
.choose-us ul li {
margin: 6rem 3rem 0 0
}
}
.choose-us ul li .picto {
min-height: 6rem
}
.choose-us ul li img,
.choose-us ul li svg {
display: block;
max-height: 6rem;
max-width: 7rem;
height: auto;
width: auto;
margin: 0 auto
}
.choose-us ul li p {
margin-top: 2rem;
text-transform: uppercase;
font-weight: 700;
line-height: 2.2rem;
display: block
}
@media (min-width:992px) {
.choose-us ul li p {
margin-top: 3rem
}
}
.owl-nav button {
line-height: 1;
padding: 0;
position: absolute;
background: transparent;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
@media (min-width:992px) {
.owl-nav button:hover span:before {
opacity: 1
}
.owl-nav button:hover.owl-prev span:after {
margin-left: -.6rem
}
.owl-nav button:hover.owl-next span:after {
margin-left: -.4rem
}
}
.owl-nav button span {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
text-align: center;
display: block;
position: relative
}
.owl-nav button span:after {
width: 1rem;
height: 1rem;
border-bottom: .2rem solid #009ddf;
border-left: .2rem solid #009ddf;
position: absolute;
left: 50%;
top: 50%;
margin-top: -.5rem;
margin-left: -.7rem;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg)
}
.owl-nav button span:after,
.owl-nav button span:before {
content: "";
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
.owl-nav button span:before {
width: 6rem;
height: 6rem;
border-radius: 6rem;
background: #fff;
opacity: .7;
z-index: 10;
display: block
}
.owl-nav button.owl-prev {
left: 2rem
}
@media (min-width:768px) {
.owl-nav button.owl-prev {
left: 4rem
}
}
.owl-nav button.owl-prev span:after {
margin-left: -.3rem;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.owl-nav button.owl-next {
right: 2rem
}
@media (min-width:768px) {
.owl-nav button.owl-next {
right: 4rem
}
}
.owl-dots {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
position: absolute;
bottom: 2rem
}
@media (max-width:991px) {
.owl-dots {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
}
@media (min-width:992px) {
.owl-dots {
bottom: 6.4rem;
right: 4rem
}
}
.owl-dots button {
width: .6rem;
height: .6rem;
border-radius: .6rem;
cursor: pointer;
background: #0c0c0c;
padding: 0;
margin: 0 1rem;
opacity: .2;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
@media (min-width:992px) {
.owl-dots button {
width: .8rem;
height: .8rem;
border-radius: .8rem
}
}
.owl-dots button:first-child {
margin-left: 0
}
.owl-dots button:last-child {
margin-right: 0
}
.owl-dots button.active,
.owl-dots button:hover {
background: #009ddf;
opacity: 1
}
body ul.social-media {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center
}
@media (max-width:767px) {
body ul.social-media {
-webkit-box-pack: center;
justify-content: center
}
}
body ul.social-media li.menu-item {
margin-right: 2rem
}
body ul.social-media li.menu-item:last-child {
margin-right: 0
}
body ul.social-media li.menu-item.linkedin a:hover:before {
color: #007ab9
}
body ul.social-media li.menu-item.linkedin a:before {
content: "l"
}
body ul.social-media li.menu-item.twitter a:hover:before {
color: #55acee
}
body ul.social-media li.menu-item.twitter a:before {
content: "t";
font-size: 1.3rem
}
body ul.social-media li.menu-item.youtube a:hover:before {
color: #cd201f
}
body ul.social-media li.menu-item.youtube a:before {
content: "y";
font-size: 1.3rem
}
body ul.social-media li.menu-item.wechat a:hover:before {
color: #09B83E;
}
body ul.social-media li.menu-item.wechat a:before {
content: "\f1d7";
font-size: 1.3rem;
}
body ul.social-media li.menu-item a {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
position: relative;
display: block
}
body ul.social-media li.menu-item a:before {
font-family: icomoon, Helvetica, Arial, sans-serif;
font-size: 1.6rem;
line-height: 1;
position: relative;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
font-size: 1.4rem;
display: block;
color: #fff;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
body ul.social-media li.menu-item.fa-brands a,
body ul.social-media li.menu-item.fa-brands a:before {
font-family: 'Font Awesome 6 Brands';
font-style: normal;
font-weight: 400;
font-display: block;
}
li#menu-item-404 {
width: 100%;
}
.search-form {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
position: relative;
margin-right: 3rem;
width: 16rem
}
@media (min-width:992px) {
.search-form {
width: 9rem
}
}
.search-form label {
margin-bottom: 0
}
.search-form .search-field {
font-size: 1.4rem;
padding: .3rem .5rem;
color: #0c0c0c;
width: 16rem;
border: 1px solid transparent
}
.search-form .search-field:focus {
border-color: #0c0c0c;
border-top: 0;
border-left: 0;
border-right: 0
}
@media (min-width:992px) {
.search-form .search-field {
width: 9rem
}
}
@media (max-width:1199px) {
.search-form .search-field {
border-bottom: 1px solid #c4c6c7
}
}
.search-form .search-submit {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
position: absolute;
right: -3rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: transparent url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/search-black.svg) 0 0 no-repeat;
width: 1.8rem;
height: 1.8rem;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
.search-form .search-submit:hover {
opacity: .5
}
.home .search-form .search-field {
color: #fff
}
.home .search-form .search-field:focus {
border-color: #fff
}
.subscribe-form-mailchimp .full {
margin-bottom: 2rem
}
.subscribe-form-mailchimp ul {
margin: 0;
padding: 0;
display: -webkit-box;
display: flex
}
.subscribe-form-mailchimp ul li {
margin: 0;
padding: 0;
list-style-type: none;
margin-right: 2rem
}
.subscribe-form-mailchimp ul li:last-child {
margin-right: 0
}
.subscribe-form-mailchimp .gdpr-block {
margin: 0 0 4rem
}
.subscribe-form-mailchimp .gdpr-block .checkbox.subfield {
font-size: 1.4rem;
color: rgba(12, 12, 12, .5);
line-height: 1.6;
margin-top: 1rem
}
.subscribe-form-mailchimp .indicates-required {
font-size: 1.2rem;
text-align: right
}
.section-flexible {
margin-bottom: 4rem;
padding: 0 2rem
}
@media (min-width:768px) {
.section-flexible {
padding: 0 4rem
}
}
@media (min-width:992px) {
.section-flexible {
margin-bottom: 6rem;
padding: 0 8rem
}
}
@media (min-width:1600px) {
.section-flexible {
margin-bottom: 9rem;
padding: 0 16rem
}
}
.section-flexible .btn,
.section-flexible .readmore {
margin-top: 2rem
}
@media (min-width:992px) {
.section-flexible .btn,
.section-flexible .readmore {
margin-top: 3rem
}
}
.section-flexible .inner-flex {
margin: 0 auto
}
@media (min-width:992px) {
.section-flexible .inner-flex {
display: -webkit-box;
display: flex
}
}
@media (max-width:991px) {
.section-flexible .double-flex-block:first-child {
margin-bottom: 2rem
}
}
@media (min-width:992px) {
.section-flexible .double-flex-block {
-webkit-box-flex: 0;
flex: 0 1 50%
}
}
.section-flexible .double-flex-block.bg-color {
background-color: #3a4146;
color: #fff;
padding: 2rem
}
@media (min-width:768px) {
.section-flexible .double-flex-block.bg-color {
padding: 4rem
}
}
@media (min-width:992px) {
.section-flexible .double-flex-block.bg-color {
padding: 6rem
}
}
.section-flexible.bg-color {
background-color: #3a4146;
color: #fff;
padding: 4rem 2rem
}
@media (min-width:768px) {
.section-flexible.bg-color {
padding: 4rem
}
}
@media (min-width:992px) {
.section-flexible.bg-color {
padding: 6rem 8rem
}
}
@media (min-width:1600px) {
.section-flexible.bg-color {
padding: 6rem 16rem
}
}
@media (min-width:1200px) {
.section-textfull {
width: 65%;
margin-left: auto;
margin-right: auto
}
}
.section-textfull.bg-color {
background: #009ddf;
position: relative
}
.section-textfull.bg-color:before {
content: "";
display: block;
width: calc(100% - 3rem);
height: calc(100% - 2.5rem);
position: absolute;
left: 1.5rem;
bottom: 2.5rem;
background: url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/cross-pattern.png) 0 100% repeat-x;
background-size: 4rem;
opacity: .2
}
.section-textfull.center-content {
text-align: center
}
.section-textfull.center-content .btn,
.section-textfull.center-content .readmore {
margin-left: auto;
margin-right: auto
}
.section-text2cols .inner-flex {
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center;
margin-left: -2rem;
margin-right: -2rem
}
@media (min-width:992px) {
.section-text2cols .inner-flex {
margin-left: -4rem;
margin-right: -4rem
}
}
@media (min-width:1200px) {
.section-text2cols .inner-flex {
margin-left: -6rem;
margin-right: -6rem
}
}
.section-text2cols .inner-flex .double-flex-block {
padding: 0 2rem
}
@media (min-width:992px) {
.section-text2cols .inner-flex .double-flex-block {
width: 50%;
padding: 0 4rem
}
}
@media (min-width:1200px) {
.section-text2cols .inner-flex .double-flex-block {
padding: 0 6rem
}
}
.section-doubleblock .inner-flex {
margin-left: -2rem;
margin-right: -2rem
}
@media (min-width:992px) {
.section-doubleblock .inner-flex {
margin-left: -4rem;
margin-right: -4rem
}
}
@media (min-width:1200px) {
.section-doubleblock .inner-flex {
margin-left: -6rem;
margin-right: -6rem
}
}
.section-doubleblock .double-flex-block {
padding: 0 2rem
}
@media (min-width:992px) {
.section-doubleblock .double-flex-block {
padding: 0 4rem
}
}
@media (min-width:1200px) {
.section-doubleblock .double-flex-block {
padding: 0 6rem
}
}
.section-doubleblock.block-bg .double-flex-block {
padding-top: 2rem
}
@media (min-width:992px) {
.section-doubleblock.block-bg .double-flex-block {
padding-top: 4rem
}
}
@media (min-width:1200px) {
.section-doubleblock.block-bg .double-flex-block {
padding-top: 6rem
}
}
@media (min-width:992px) {
.section-doubleblock.block-bg .double-flex-block.bg-color:first-child {
padding-right: 4rem
}
}
@media (min-width:1200px) {
.section-doubleblock.block-bg .double-flex-block.bg-color:first-child {
padding-right: 6rem
}
}
@media (min-width:992px) {
.section-doubleblock.block-bg .double-flex-block.bg-color:last-child {
padding-left: 4rem
}
}
@media (min-width:1200px) {
.section-doubleblock.block-bg .double-flex-block.bg-color:last-child {
padding-left: 6rem
}
}
.section-multiplecol {
padding: 0 2rem
}
@media (min-width:768px) {
.section-multiplecol {
padding: 0 4rem
}
}
@media (min-width:1200px) {
.section-multiplecol {
margin-left: 8rem;
margin-right: 8rem;
padding: 0
}
}
@media (min-width:1600px) {
.section-multiplecol {
margin-left: 16rem;
margin-right: 16rem
}
}
.section-multiplecol .inner-flex {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center;
border-left: 1px solid #c4c6c7;
border-right: 1px solid #c4c6c7;
border-bottom: 1px solid #c4c6c7
}
@media (min-width:1200px) {
.section-multiplecol .inner-flex {
margin: 0 8rem;
padding: 0 6rem
}
}
@media (min-width:1600px) {
.section-multiplecol .inner-flex {
padding: 0 8rem
}
}
.section-multiplecol .inner-flex .block {
padding: 2rem;
-webkit-box-flex: 1;
flex-grow: 1;
position: relative
}
.section-multiplecol .inner-flex .block:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: .1rem;
background: #c4c6c7
}
@media (min-width:1200px) {
.section-multiplecol .inner-flex .block:before {
left: -6rem;
right: -6rem;
width: calc(100% + 12rem)
}
}
@media (min-width:1600px) {
.section-multiplecol .inner-flex .block:before {
left: -8rem;
right: -8rem;
width: calc(100% + 16rem)
}
}
@media (min-width:992px) {
.section-multiplecol .inner-flex .block {
padding: 6rem 4rem;
width: 50%
}
}
@media (min-width:1600px) {
.section-multiplecol .inner-flex .block {
padding: 9rem 4rem
}
}
.section-multiplecol .block figure {
margin-bottom: 2rem
}
.section-multiplecol .block figure img {
display: block;
max-height: 8rem;
max-width: 100%;
height: auto;
width: auto
}
@media (min-width:992px) {
.section-imagetext .inner-flex,
.section-textimage .inner-flex {
-webkit-box-align: start;
align-items: flex-start
}
}
@media (min-width:1200px) {
.section-imagetext .inner-flex,
.section-textimage .inner-flex {
padding: 0 4rem
}
}
@media (min-width:1600px) {
.section-imagetext .inner-flex,
.section-textimage .inner-flex {
padding: 0 8rem
}
}
@media (min-width:992px) {
.section-imagetext .inner-flex .double-flex-block.text,
.section-textimage .inner-flex .double-flex-block.text {
width: 42%
}
}
@media (min-width:992px) {
.section-imagetext .inner-flex .double-flex-block.wrapper-img,
.section-textimage .inner-flex .double-flex-block.wrapper-img {
width: 58%
}
}
@media (min-width:992px) {
.section-textimage .double-flex-block.text {
padding-right: 4rem
}
}
@media (min-width:1200px) {
.section-textimage .double-flex-block.text {
padding-right: 8rem
}
}
@media (min-width:1600px) {
.section-textimage .double-flex-block.text {
padding-right: 12rem
}
}
@media (min-width:992px) {
.section-imagetext .double-flex-block.text {
padding-left: 4rem
}
}
@media (min-width:1200px) {
.section-imagetext .double-flex-block.text {
padding-left: 8rem
}
}
@media (min-width:1600px) {
.section-imagetext .double-flex-block.text {
padding-left: 12rem
}
}
.double-flex-block.wrapper-img .bg-img {
height: 30rem
}
@media (min-width:1200px) {
.double-flex-block.wrapper-img .bg-img {
height: 40rem
}
}
.section-imagefull.img_bg {
background-position: 50%;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
padding-top: 4rem;
padding-bottom: 4rem;
position: relative
}
.section-imagefull.img_bg:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(12, 12, 12, .8)
}
@media (min-width:992px) {
.section-imagefull.img_bg {
padding-top: 8rem;
padding-bottom: 8rem
}
}
@media (min-width:1600px) {
.section-imagefull.img_bg {
padding-top: 16rem;
padding-bottom: 16rem
}
}
.section-imagefull.img_bg .inner-flex {
position: relative;
z-index: 5;
color: #fff
}
@media (min-width:992px) {
.section-imagefull.img_bg .inner-flex {
width: 60%;
margin: 0 auto
}
}
.section-imagefull figure {
background-position: 50%;
background-size: cover;
background-repeat: no-repeat
}
@media (min-width:992px) {
.section-imagefull figure {
height: 50rem
}
}
@media (min-width:1600px) {
.section-imagefull figure {
height: 60rem
}
}
@media (min-width:1200px) {
.section-tabs {
margin-left: 8rem;
margin-right: 8rem
}
}
.section-tabs .tab-menu {
margin: 0;
padding: 0;
border-top: 1px solid #c4c6c7
}
.section-tabs .tab-menu li {
margin: 0;
padding: 0;
list-style-type: none
}
@media (min-width:768px) {
.section-tabs .tab-menu {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
border-left: 1px solid #c4c6c7
}
}
.section-tabs .tab-menu li {
-webkit-box-flex: 1;
flex-grow: 1;
position: relative;
border-bottom: 1px solid #c4c6c7;
text-align: center;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
@media (min-width:768px) {
.section-tabs .tab-menu li {
border-right: 1px solid #c4c6c7;
width: 50%
}
}
@media (min-width:768px) and (max-width:991px) {
.section-tabs .tab-menu li:last-child,
.section-tabs .tab-menu li:nth-child(2n) {
border-right: 0
}
}
@media (min-width:992px) {
.section-tabs .tab-menu li {
width: 33.333333%
}
.section-tabs .tab-menu li:after {
content: "";
display: block;
position: absolute;
bottom: -.6rem;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 1.2rem;
height: 1.2rem;
border-radius: 1.2rem;
background: #fff;
opacity: 0;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
}
.section-tabs .tab-menu li:first-child {
border-top: 0
}
.section-tabs .tab-menu li a {
margin-bottom: 0;
display: block;
padding: 1rem 2rem;
color: #0c0c0c;
font-weight: 700;
width: 100%
}
@media (min-width:992px) {
.section-tabs .tab-menu li a {
padding: 2rem 3rem
}
}
.section-tabs .tab-menu li a p {
margin-bottom: 0
}
.section-tabs .tab-menu li.active,
.section-tabs .tab-menu li:hover {
background: #009ddf
}
.section-tabs .tab-menu li.active a,
.section-tabs .tab-menu li:hover a {
color: #fff
}
.section-tabs .tab-menu li.active:after {
opacity: 1
}
.section-tabs .tab-content-item {
display: none;
padding: 2rem 0 0
}
@media (min-width:992px) {
.section-tabs .tab-content-item {
padding: 4rem 8rem 0
}
}
.section-tabs .tab-content-item.active {
display: block
}
@media (min-width:1200px) {
.section-toggle {
margin-left: 8rem;
margin-right: 8rem
}
}
.section-toggle .wrapper-faq,
.section-toggle .wrapper-faq-item {
overflow: hidden
}
.section-toggle label {
margin-bottom: 0
}
.section-toggle input[type=checkbox] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0
}
.section-toggle input[type=checkbox]:checked + label {
background: #009ddf;
color: #fff;
border-bottom: 1px solid #009ddf
}
.section-toggle input[type=checkbox]:checked + label:after {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
border-bottom: .2rem solid #fff;
border-left: .2rem solid #fff;
margin-top: -.3rem
}
.section-toggle input[type=checkbox]:checked ~ .wrapper-content {
max-height: 100vh
}
.section-toggle input[type=checkbox] + label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
cursor: pointer;
border-bottom: 1px solid #c4c6c7;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
padding: 1rem 2rem;
color: #0c0c0c;
font-weight: 700
}
@media (min-width:992px) {
.section-toggle input[type=checkbox] + label {
padding: 2rem 3rem
}
.section-toggle input[type=checkbox] + label:hover {
background: #009ddf;
color: #fff;
border-bottom: 1px solid #009ddf
}
.section-toggle input[type=checkbox] + label:hover:after {
border-bottom: .2rem solid #fff;
border-left: .2rem solid #fff
}
}
.section-toggle input[type=checkbox] + label:after {
content: "";
width: 1rem;
height: 1rem;
border-bottom: .2rem solid #009ddf;
border-left: .2rem solid #009ddf;
position: absolute;
right: 2.25rem;
top: 50%;
margin-top: -.7rem;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
@media (min-width:992px) {
.section-toggle input[type=checkbox] + label:after {
right: 3.25rem
}
}
.section-toggle .wrapper-content {
max-height: 0;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
.section-toggle .wrapper-content .content {
padding: 4rem 2rem
}
@media (min-width:768px) {
.section-toggle .wrapper-content .content {
padding: 4rem
}
}
@media (min-width:992px) {
.section-toggle .wrapper-content .content {
padding: 4rem 8rem
}
}
.section-slider .slider-item figure {
height: 30rem
}
@media (min-width:992px) {
.section-slider .slider-item figure {
height: 50rem
}
}
@media (min-width:1600px) {
.section-slider .slider-item figure {
height: 60rem
}
}
@media (min-width:992px) {
.section-slider-txt .slider-item {
display: -webkit-box;
display: flex;
-webkit-box-align: end;
align-items: flex-end
}
}
@media (max-width:991px) {
.section-slider-txt .owl-nav button {
top: 15rem
}
}
@media (min-width:992px) {
.section-slider-txt .owl-nav button {
bottom: 4rem;
top: auto;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
.section-slider-txt .owl-nav button.owl-next {
right: 2rem
}
@media (min-width:768px) {
.section-slider-txt .owl-nav button.owl-next {
right: 4rem
}
}
@media (min-width:992px) {
.section-slider-txt .owl-nav button.owl-next {
left: 11rem
}
}
.section-slider-txt .col-slider-image {
-webkit-box-flex: 1;
flex: 1 0 50%
}
.section-slider-txt .col-slider-text {
-webkit-box-flex: 1;
flex: 1 0 50%;
padding: 4rem 4rem 6rem
}
@media (min-width:992px) {
.section-slider-txt .col-slider-text {
padding: 6rem 6rem 12rem
}
}
@media (min-width:1600px) {
.section-slider-txt .col-slider-text {
padding: 12rem
}
}
.section-video {
position: relative;
overflow: hidden
}
@media (min-width:1200px) {
.section-video {
width: 80%;
margin-left: auto;
margin-right: auto
}
}
.section-video .videotitle {
background: #009ddf;
position: relative;
color: #fff;
padding: 4rem 2rem
}
@media (min-width:768px) {
.section-video .videotitle {
padding: 4rem
}
}
@media (min-width:992px) {
.section-video .videotitle {
padding: 6rem 8rem
}
}
@media (min-width:1600px) {
.section-video .videotitle {
padding: 6rem 16rem
}
}
.section-video .videotitle:before {
content: "";
display: block;
width: calc(100% - 3rem);
height: calc(100% - 2.5rem);
position: absolute;
left: 1.5rem;
bottom: 2.5rem;
background: url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/cross-pattern.png) 0 100% repeat-x;
background-size: 4rem;
opacity: .2
}
.section-video .videotitle h2 {
margin-bottom: 0
}
.section-video .inner {
width: 100%
}
.section-video .btn,
.section-video .readmore {
margin-left: auto;
margin-right: auto
}
.section-video iframe {
display: block
}
@media (min-width:768px) {
.section-video iframe {
min-height: 30rem
}
}
@media (min-width:992px) {
.section-video iframe {
min-height: 50rem
}
}
.embed-container {
position: relative
}
.videoPlay {
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-size: cover;
background-position: 50%;
z-index: 10;
cursor: pointer
}
.videoPlay span {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.videoPlay span:before {
content: "";
height: 9rem;
width: 9rem;
border-radius: 9rem;
background: #fff;
opacity: .7;
z-index: 10;
display: block;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
@media (min-width:992px) {
.videoPlay span:before {
height: 14rem;
width: 14rem;
border-radius: 14rem
}
}
.videoPlay span:after {
content: "p";
font-family: icomoon, Helvetica, Arial, sans-serif;
font-size: 1.6rem;
line-height: 1;
position: relative;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-20%, -50%);
transform: translate(-20%, -50%);
color: #009ddf
}
@media (min-width:992px) {
.videoPlay span:hover:before {
opacity: 1
}
}
@media (min-width:768px) {
.section-listedynamique .wrapper-items,
.section-listestatique .wrapper-items {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
margin: 0 -2rem
}
}
@media (min-width:992px) {
.section-listedynamique .wrapper-items,
.section-listestatique .wrapper-items {
margin: 0 -3rem
}
}
@media (min-width:1200px) {
.section-listedynamique .wrapper-items,
.section-listestatique .wrapper-items {
margin: 0 -4rem
}
}
@media (min-width:768px) {
.section-listedynamique .wrapper-items article,
.section-listestatique .wrapper-items article {
padding: 4rem 2rem 0;
width: 50%
}
.section-listedynamique .wrapper-items article:first-child,
.section-listedynamique .wrapper-items article:nth-child(2),
.section-listestatique .wrapper-items article:first-child,
.section-listestatique .wrapper-items article:nth-child(2) {
padding-top: 0
}
}
@media (min-width:992px) {
.section-listedynamique .wrapper-items article,
.section-listestatique .wrapper-items article {
padding: 6rem 3rem 0
}
}
@media (min-width:1200px) {
.section-listedynamique .wrapper-items article,
.section-listestatique .wrapper-items article {
width: 33.333333%;
padding: 8rem 4rem 0
}
.section-listedynamique .wrapper-items article:nth-child(3),
.section-listestatique .wrapper-items article:nth-child(3) {
padding-top: 0
}
}
.section-listedynamique h3,
.section-listestatique h3 {
font-size: 2.8rem;
line-height: 3.4rem;
margin-bottom: .5rem
}
.section-listedynamique h3 a,
.section-listestatique h3 a {
color: #0c0c0c
}
.section-listedynamique .content,
.section-listestatique .content {
margin-top: 2rem
}
.section-listedynamique .readmore,
.section-listestatique .readmore {
margin-top: 3rem
}
.section-listedynamique figure.u-photo,
.section-listestatique figure.u-photo {
width: 100%;
overflow: hidden;
position: relative;
margin-bottom: 3rem
}
.section-listedynamique figure.u-photo img,
.section-listestatique figure.u-photo img {
display: block
}
.section-flexible.section-quotes .inner {
padding-bottom: 4rem
}
.section-flexible.section-quotes .quote {
color: #fff;
background: #009ddf;
padding: 4rem 2rem;
position: relative
}
@media (min-width:768px) {
.section-flexible.section-quotes .quote {
padding: 4rem
}
}
@media (min-width:992px) {
.section-flexible.section-quotes .quote {
-webkit-box-ordinal-group: 2;
order: 1;
width: 60%;
padding: 6rem;
margin: 0 auto
}
}
@media (min-width:1200px) {
.section-flexible.section-quotes .quote {
padding: 8rem
}
}
.section-flexible.section-quotes .quote:before {
content: "";
display: block;
width: calc(100% - 3rem);
height: calc(100% - 2.5rem);
position: absolute;
left: 1.5rem;
bottom: 2.5rem;
background: url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/cross-pattern.png) 0 100% repeat-x;
background-size: 4rem;
opacity: .2
}
.section-flexible.section-quotes .quote blockquote p {
font-size: 2rem
}
.section-flexible.section-quotes .quote blockquote:before {
color: #fff
}
.section-flexible.section-quotes .quote .owl-dots {
bottom: -3rem
}
.blog .type-post, .blog header, .jobs-template-default .type-post, .jobs-template-default header, .market-template-default .type-post, .market-template-default header, .page-template-about .type-post, .page-template-about header, .page-template-page-partners .type-post, .page-template-page-partners header, .post-template-default .type-post, .post-template-default header, .post-type-archive .type-post, .post-type-archive header, .single-solutions .type-post, .single-solutions header {
position: relative;
}
@media (min-width:992px) {
.section-flexible.section-quotes .quote .owl-dots {
right: auto;
bottom: -4rem
}
}
#masthead {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 150;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
background: #fff
}
#masthead .header-container {
padding: 2rem
}
@media (min-width:768px) {
#masthead .header-container {
padding: 2rem 4rem
}
}
@media (min-width:992px) {
#masthead .header-container {
padding: 3rem 8rem
}
}
@media (min-width:1200px) {
#masthead .header-container {
-webkit-box-flex: 1;
flex: 1 0 auto;
display: -webkit-box;
display: -webkit-box;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between
}
}
@media (min-width:1600px) {
#masthead .header-container {
padding: 3rem 16rem
}
}
#masthead .site-branding {
-webkit-box-flex: 0;
flex: 0 1 auto;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center
}
@media (min-width:1200px) {
#masthead .site-branding {
margin-right: 2rem
}
}
#masthead .site-branding a {
display: block;
width: 17rem;
height: 4rem;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
white-space: nowrap;
overflow: hidden;
padding: 0;
background: transparent url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/logo-xenomatix.svg) 0 0 no-repeat;
background-size: contain
}
@media (min-width:992px) {
#masthead .site-branding a {
display: block;
width: 21.2rem;
height: 5rem;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
white-space: nowrap;
overflow: hidden;
padding: 0;
background: transparent url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/logo-xenomatix.svg) 0 0 no-repeat;
background-size: contain
}
}
@media (min-width:1200px) {
#masthead .site-branding a {
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
display: block;
width: 25.3rem;
height: 6rem;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
white-space: nowrap;
overflow: hidden;
padding: 0;
background: transparent url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/logo-xenomatix.svg) 0 0 no-repeat;
background-size: contain
}
}
@media (min-width:1600px) {
#masthead .site-branding a {
display: block;
width: 31.7rem;
height: 7.5rem;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
white-space: nowrap;
overflow: hidden;
padding: 0;
background: transparent url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/logo-xenomatix.svg) 0 0 no-repeat;
background-size: contain
}
}
#masthead .site-branding h1,
#masthead .site-branding p {
margin-bottom: 0
}
#masthead .site-branding .site-description {
display: none
}
@media (min-width:992px) {
#masthead .site-branding .site-description {
display: block
}
}
body.menu-open .header-container {
background: #fff
}
body.has-sticky-menu #masthead {
z-index: 150
}
body.has-sticky-menu #masthead,
body.has-sticky-menu #masthead .header-container {
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
body.sticky-menu #masthead .header-container {
background: #fff;
padding: 1rem 2rem
}
@media (min-width:768px) {
body.sticky-menu #masthead .header-container {
padding: 1rem 4rem
}
}
@media (min-width:992px) {
body.sticky-menu #masthead .header-container {
padding: 1rem 8rem
}
}
@media (min-width:1600px) {
body.sticky-menu #masthead .header-container {
padding: 1rem 16rem
}
}
body.sticky-menu #masthead .site-branding a,
body.sticky-menu.menu-open #masthead .header-container .site-branding a {
display: block;
width: 17.2rem;
height: 4rem;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
white-space: nowrap;
overflow: hidden;
padding: 0;
background: transparent url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/logo-xenomatix.svg) 0 0 no-repeat;
background-size: contain
}
@media (max-width:1199px) {
.main-navigation .wrapper-menu-primary {
visibility: hidden;
opacity: 0;
overflow-y: auto;
position: absolute;
left: 0;
width: 100%;
height: 0;
background: #fff;
top: 11rem;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
align-items: center;
padding: 4rem 0
}
}
@media (max-width:991px) {
.main-navigation .wrapper-menu-primary {
top: 8rem;
padding: 2rem 0 6rem
}
}
@media (max-width:1199px) {
.main-navigation .menu-main-container {
-webkit-box-ordinal-group: 2;
order: 1;
margin-bottom: 2rem;
width: 100%
}
}
.main-navigation .menu-main-container ul {
margin: 0;
padding: 0
}
.main-navigation .menu-main-container ul li {
margin: 0;
padding: 0;
list-style-type: none
}
.main-navigation .menu-main-container > ul {
position: relative
}
@media (max-width:1199px) {
.main-navigation .menu-main-container > ul {
padding: 2rem 8rem
}
}
@media (max-width:991px) {
.main-navigation .menu-main-container > ul {
padding: 2rem 4rem
}
}
@media (max-width:767px) {
.main-navigation .menu-main-container > ul {
padding: 2rem
}
}
@media (min-width:1200px) {
.main-navigation .menu-main-container > ul {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center
}
}
.main-navigation .menu-main-container > ul > li {
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
@media (min-width:1200px) {
.main-navigation .menu-main-container > ul > li {
margin-right: 4rem
}
.main-navigation .menu-main-container > ul > li:last-child {
margin-right: 0
}
}
@media (min-width:1600px) {
.main-navigation .menu-main-container > ul > li {
margin-right: 6rem
}
}
.main-navigation .menu-main-container > ul > li.menu-item-has-children:hover a:after,
.main-navigation .menu-main-container > ul > li.menu-item-has-children:hover span:after {
opacity: 1;
bottom: -.1rem
}
.main-navigation .menu-main-container > ul > li.menu-item-has-children:hover .sub-menu {
visibility: visible;
opacity: 1;
top: 100%
}
@media (min-width:1200px) {
.main-navigation .menu-main-container > ul > li > a,
.main-navigation .menu-main-container > ul > li > span {
padding: 1.5rem 0
}
.main-navigation .menu-main-container > ul > li > a:after,
.main-navigation .menu-main-container > ul > li > span:after {
content: "";
display: block;
position: absolute;
bottom: 1rem;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
height: 0;
border-color: transparent transparent #fff;
border-style: solid;
border-width: 0 6.5px 7px;
opacity: 0;
z-index: 10;
box-shadow: 0 5px 25px 0 rgba(12, 12, 12, .15);
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
}
@media (max-width:1199px) {
.main-navigation .menu-main-container > ul > li > .sub-menu {
margin: -.5rem 0 1.5rem
}
}
@media (min-width:1200px) {
.main-navigation .menu-main-container > ul > li > .sub-menu {
visibility: hidden;
opacity: 0;
position: absolute;
top: calc(100% - 1rem);
margin: -.5rem 0 0;
display: -webkit-box;
display: grid
;
flex-wrap: wrap;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
grid-template-columns: auto auto;
}
}
@media (max-width:1199px) {
.main-navigation .menu-main-container > ul > li > .sub-menu > li,
.main-navigation .menu-main-container > ul > li > .sub-menu > li > .sub-menu > li {
margin: 0 0 .5rem
}
}
@media (min-width:1200px) {
.main-navigation .menu-main-container > ul > li > .sub-menu > li {
width: 100%
}
.main-navigation .menu-main-container > ul > li > .sub-menu > li > .sub-menu {
height: 100%
}
.main-navigation .menu-main-container > ul > li > .sub-menu > li > .sub-menu > li {
background: #fff;
box-shadow: 0 5px 25px 0 rgba(12, 12, 12, .15);
margin-top: .5rem
}
.main-navigation .menu-main-container > ul > li > .sub-menu > li > .sub-menu > li.picto-item {
width: 100%
}
.main-navigation .menu-main-container > ul > li > .sub-menu > li > .sub-menu > li.picto-item > a,
.main-navigation .menu-main-container > ul > li > .sub-menu > li > .sub-menu > li.picto-item > span {
padding-left: 9rem;
position: relative
}
.main-navigation .menu-main-container > ul > li > .sub-menu > li > .sub-menu > li.picto-item > a:before,
.main-navigation .menu-main-container > ul > li > .sub-menu > li > .sub-menu > li.picto-item > span:before {
font-family: icomoon, Helvetica, Arial, sans-serif;
font-size: 1.6rem;
line-height: 1;
position: relative;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 3rem;
color: #009ddf
}
.main-navigation .menu-main-container > ul > li > .sub-menu > li > .sub-menu > li.picto-item .sub-menu {
padding: 0 3rem 2.5rem
}
.main-navigation .menu-main-container > ul > li > .sub-menu > li > .sub-menu > li.picto-item .sub-menu li {
margin-bottom: 1rem
}
.main-navigation .menu-main-container > ul > li > .sub-menu > li > .sub-menu > li.picto-item .sub-menu li:last-child {
margin-bottom: 0
}
.main-navigation .menu-main-container > ul > li > .sub-menu > li > .sub-menu > li.picto-item .sub-menu a {
padding-left: 2rem;
line-height: 2rem
}
.main-navigation .menu-main-container > ul > li > .sub-menu > li > .sub-menu > li.picto-item .sub-menu a:before {
content: "";
display: block;
position: absolute;
left: 0;
top: .3rem;
width: 0;
height: 0;
border-color: transparent transparent transparent #009ddf;
border-style: solid;
border-width: 5px 0 5px 5px;
-webkit-transition: all .15s cubic-bezier(.45, .25, .6, .95);
transition: all .15s cubic-bezier(.45, .25, .6, .95)
}
.main-navigation .menu-main-container > ul > li > .sub-menu > li > .sub-menu > li.automotive > a {
padding-top: 2.5rem
}
.main-navigation .menu-main-container > ul > li > .sub-menu > li > .sub-menu > li.automotive > a:before {
content: "a";
font-size: 1.9rem
}
.main-navigation .menu-main-container > ul > li > .sub-menu > li > .sub-menu > li.road > a:before {
content: "r";
font-size: 2.4rem
}
.main-navigation .menu-main-container > ul > li > .sub-menu > li > .sub-menu > li.mining > a:before {
content: "m";
font-size: 2.3rem
}
.main-navigation .menu-main-container > ul > li > .sub-menu > li > .sub-menu > li.drone > a:before {
content: "d";
font-size: 1.6rem
}
.main-navigation .menu-main-container > ul > li > .sub-menu > li > .sub-menu > li.railway > a:before {
content: "w";
font-size: 2rem
}
.main-navigation .menu-main-container > ul > li > .sub-menu > li > .sub-menu > li.mapping > a:before {
content: "k";
font-size:2.6rem
}
.main-navigation .menu-main-container > ul > li > .sub-menu > li > .sub-menu > li a {
padding: 0 2.5rem;
color: #0c0c0c;
font-size: 1.3rem;
display: block;
width: 100%;
line-height: 2.4rem
}
.main-navigation .menu-main-container > ul > li > .sub-menu > li > .sub-menu > li a:hover {
color: #009ddf
}
.main-navigation .menu-main-container > ul > li > .sub-menu > li > .sub-menu > li > a {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
font-weight: 700;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center
}
.main-navigation .menu-main-container > ul > li > .sub-menu > li > .sub-menu > li:not(.with-nav) {
display: -webkit-box;
display: flex
}
}
@media (min-width:1200px) and (min-width:1200px) {
.main-navigation .menu-main-container > ul > li > .sub-menu > li.col {
width: 100%;
-webkit-box-flex: 1;
flex-grow: 1;
padding-right: .5rem;
cursor: auto
}
.main-navigation .menu-main-container > ul > li > .sub-menu > li.col:last-child {
padding-right: 0
}
.main-navigation .menu-main-container > ul > li > .sub-menu > li.col > .sub-menu {
display: -webkit-box;
display: flex;
flex-wrap: wrap
}
}
.main-navigation .menu-main-container ul > li:hover span {
color: #009ddf
}
.main-navigation .menu-main-container ul > li.col > a,
.main-navigation .menu-main-container ul > li.col > span,
.main-navigation .menu-main-container ul > li.no-col > a,
.main-navigation .menu-main-container ul > li.no-col > span {
display: none
}
.main-navigation .menu-main-container ul > li.no-link {
cursor: auto
}
.main-navigation .menu-main-container ul > li.item-contact a {
background: #eabc00;
color: #fff;
font-family: Poppins, Helvetica, Arial, sans-serif;
text-decoration: none;
letter-spacing: 2px;
font-weight: 700;
font-size: 1.4rem;
padding: 1rem 2rem;
position: relative;
box-shadow: 0 0 0 0 rgba(234, 188, 0, .5);
display: table;
margin: 0 auto;
text-align: center
}
@media (min-width:992px) {
.main-navigation .menu-main-container ul > li.item-contact a {
padding: 1.5rem 3rem
}
}
.main-navigation .menu-main-container ul > li.item-contact a:active,
.main-navigation .menu-main-container ul > li.item-contact a:focus {
background: #ffce05
}
@media (min-width:992px) {
.main-navigation .menu-main-container ul > li.item-contact a:hover {
-webkit-animation: pulse 1.5s 1;
animation: pulse 1.5s 1
}
}
@-webkit-keyframes pulse {
70% {
box-shadow: 0 0 0 .8rem rgba(234, 188, 0, 0)
}
to {
box-shadow: 0 0 0 0 rgba(234, 188, 0, 0)
}
}
.main-navigation .menu-main-container ul > li.item-contact a:after {
display: none
}
.main-navigation .menu-main-container ul > li.item-contact a:hover {
color: #fff
}
.main-navigation .menu-main-container ul > li > a,
.main-navigation .menu-main-container ul > li > span {
letter-spacing: 2px;
position: relative
}
@media (max-width:1199px) {
.main-navigation .menu-main-container ul > li.with-nav > .sub-menu {
display: none
}
}
@media (max-width:1199px) {
.main-navigation .menu-main-container ul > li > .sub-menu li a {
font-size: 1.4rem;
margin-bottom: 0;
opacity: .5
}
.main-navigation .menu-main-container ul > li > .sub-menu li a:hover {
opacity: 1
}
}
.main-navigation .menu-main-container ul > li a,
.main-navigation .menu-main-container ul > li span {
display: block;
color: #0c0c0c;
position: relative;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
@media (max-width:1199px) {
.main-navigation .menu-main-container ul > li a,
.main-navigation .menu-main-container ul > li span {
font-size: 2rem;
margin-bottom: 1rem;
text-align: center
}
}
.main-navigation .menu-main-container ul > li a:hover,
.main-navigation .menu-main-container ul > li span:hover {
color: #009ddf
}
.home {
position: relative
}
.home:after {
content: "";
display: block;
width: 100%;
height: 100vh;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(12, 12, 12, .6);
visibility: hidden;
opacity: 0;
z-index: 110;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
.sticky-menu .main-navigation .menu-main-container ul > li:not(.item-contact):after {
display: none
}
.sticky-menu .main-navigation .menu-main-container ul > li:not(.item-contact):hover > a {
opacity: 1;
color: #009ddf
}
.menu-toggle {
cursor: pointer;
width: 3rem;
height: 2rem;
padding: 0;
background: transparent;
position: absolute;
top: 3rem;
right: 2rem;
box-shadow: none;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
@media (min-width:768px) {
.menu-toggle {
right: 4rem
}
}
@media (min-width:992px) {
.menu-toggle {
top: 4.5rem;
right: 8rem
}
}
.menu-toggle span {
position: relative;
display: block;
vertical-align: middle;
width: 2rem;
margin: 0 auto;
text-indent: -9999px
}
.menu-toggle span,
.menu-toggle span:after,
.menu-toggle span:before {
height: .2rem;
background: #0c0c0c;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
.menu-toggle span:after,
.menu-toggle span:before {
content: "";
position: absolute;
width: 3rem;
left: -.5rem
}
.menu-toggle span:before {
top: -.9rem
}
.menu-toggle span:after {
top: .9rem
}
.menu-toggle:active,
.menu-toggle:focus {
background: transparent
}
.menu-toggle:hover span:before {
top: -1.1rem
}
.menu-toggle:hover span:after {
top: 1.1rem
}
@media (min-width:1200px) {
.menu-toggle {
display: none
}
}
.home .main-navigation #primary-menu > ul > li a {
color: #fff
}
body.menu-open .menu-toggle span {
width: 0;
background: #fff
}
body.menu-open .menu-toggle span:before {
width: 2.7rem;
background: #fff;
-webkit-transform: rotate(45deg) translateY(1.3rem);
transform: rotate(45deg) translateY(1.3rem)
}
body.menu-open .menu-toggle span:after {
width: 2.7rem;
background: #fff;
-webkit-transform: rotate(-45deg) translateY(-1.3rem);
transform: rotate(-45deg) translateY(-1.3rem)
}
body.menu-open .menu-toggle:hover span:before {
top: -.9rem
}
body.menu-open .menu-toggle:hover span:after {
top: .9rem
}
body.sticky-menu .menu-toggle {
top: 2rem
}
body.menu-open .menu-toggle span,
body.menu-open .menu-toggle span:after,
body.menu-open .menu-toggle span:before,
body.sticky-menu .menu-toggle span,
body.sticky-menu .menu-toggle span:after,
body.sticky-menu .menu-toggle span:before {
background: #0c0c0c
}
body.menu-open .main-navigation #primary-menu > ul > li a,
body.sticky-menu .main-navigation #primary-menu > ul > li a {
color: #0c0c0c
}
body.menu-open .main-navigation #primary-menu > ul > li a:hover,
body.sticky-menu .main-navigation #primary-menu > ul > li a:hover {
color: #009ddf
}
body.menu-open {
overflow: hidden
}
@media (max-width:1199px) {
body.menu-open .wrapper-menu-primary {
visibility: visible;
opacity: 1;
height: calc(100vh - 11rem)
}
}
@media (max-width:991px) {
body.menu-open .wrapper-menu-primary {
height: calc(100vh - 8rem)
}
}
@media (max-width:1199px) {
body.sticky-menu .wrapper-menu-primary {
top: 6rem;
height: calc(100vh - 6rem)
}
}
.site-footer {
background: #3a4146;
margin-top: 4rem;
padding: 2rem;
color: #fff;
position: relative;
overflow: hidden
}
@media (min-width:768px) {
.site-footer {
padding: 2rem 4rem
}
}
@media (min-width:992px) {
.site-footer {
margin-top: 6rem;
padding: 2rem 8rem;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
align-items: center
}
.site-footer:before {
content: "";
display: block;
position: absolute;
right: -15rem;
top: -5rem;
width: 100%;
height: 150%;
background: url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/xenomatix-cross.svg) 100% no-repeat;
opacity: .05
}
}
@media (min-width:1200px) {
.site-footer {
margin-top: 12rem
}
}
@media (min-width:1600px) {
.site-footer {
padding: 2rem 16rem
}
}
.site-footer .footer-head {
font-size: 1.8rem;
line-height: 2.6rem;
margin: 0 0 1rem;
font-weight: 700
}
.site-footer ul {
margin: 0;
padding: 0
}
.site-footer ul li {
margin: 0;
padding: 0;
list-style-type: none
}
.site-footer .wrapper {
padding: 2rem 0;
position: relative;
width: 100%
}
.site-footer .wrapper:before {
content: "";
display: block;
width: 100%;
height: .1rem;
background: #c4c6c7;
position: absolute;
bottom: 0;
left: 0;
right: 0
}
@media (min-width:768px) {
.site-footer .wrapper {
padding: 4rem 0
}
}
@media (min-width:1200px) {
.site-footer .wrapper {
width: 90%;
padding: 6rem 0
}
}
@media (min-width:1600px) {
.site-footer .wrapper {
width: 90%
}
.site-footer .wrapper:before {
width: calc(100% - 12rem)
}
}
@media (max-width:1599px) {
.site-footer .wrapper .content-footer {
margin: 0 -3rem
}
}
@media (min-width:768px) {
.site-footer .wrapper .content-footer {
display: -webkit-box;
display: flex
}
}
@media (max-width:767px) {
.site-footer .footer-navigation {
display: none
}
}
@media (min-width:768px) {
.site-footer .footer-navigation {
padding: 0 0 0 3rem;
width: 40%
}
}
@media (min-width:1600px) {
.site-footer .footer-navigation {
padding-left: 0;
padding-right: 6rem
}
}
@media (min-width:768px) {
.site-footer .footer-navigation ul.menu {
display: -webkit-box;
display: flex;
flex-wrap: wrap
}
}
@media (min-width:768px) {
.site-footer .footer-navigation ul.menu > li {
width: 50%
}
}
.site-footer .footer-navigation ul.menu li {
line-height: 1.2
}
.site-footer .footer-navigation ul.menu li a {
color: #fff;
font-size: 1.4rem
}
.site-footer .footer-navigation ul.menu li a:hover {
color: #009ddf
}
.site-footer .footer-navigation ul.menu li.col > a {
display: none
}
.site-footer .footer-navigation ul.menu > li > .sub-menu > li {
padding-right: 4rem;
margin-bottom: 1rem
}
.site-footer .footer-navigation ul.menu .sub-menu .sub-menu {
margin-top: 1rem
}
.site-footer .footer-navigation ul.menu .sub-menu .sub-menu li {
margin-bottom: .5rem
}
.site-footer .footer-navigation ul.menu .sub-menu .sub-menu li a {
opacity: .5
}
.site-footer .footer-navigation ul.menu .sub-menu .sub-menu li a:hover {
opacity: 1
}
@media (max-width:767px) {
.site-footer .address {
text-align: center;
margin-bottom: 1rem
}
}
@media (min-width:768px) {
.site-footer .address {
padding: 0 3rem;
width: 30%
}
}
@media (min-width:1600px) {
.site-footer .address {
padding-right: 12rem
}
}
.site-footer .address address {
font-size: 1.4rem;
line-height: 2.4rem;
opacity: .5
}
.site-footer .address .social-media {
margin-top: 2rem
}
@media (max-width:767px) {
.site-footer .address .social-media {
margin-bottom: 3rem
}
}
@media (min-width:768px) {
.site-footer .address .social-media {
margin-top: 3rem
}
}
@media (max-width:767px) {
.site-footer .stay-informed-footer {
text-align: center;
margin-bottom: 1rem
}
}
@media (min-width:768px) {
.site-footer .stay-informed-footer {
width: 30%;
padding: 0 3rem
}
}
@media (min-width:1600px) {
.site-footer .stay-informed-footer {
padding-right: 12rem
}
}
.site-footer .stay-informed-footer .informations {
margin-bottom: 2rem
}
@media (min-width:992px) {
.site-footer .stay-informed-footer .informations {
margin-bottom: 3rem
}
}
.site-footer .stay-informed-footer .readmore {
color: #fff
}
@media (max-width:767px) {
.site-footer .stay-informed-footer .readmore {
margin: 0 auto
}
}
.site-footer .stay-informed-footer .readmore:hover {
color: #009ddf
}
@media (max-width:1199px) {
.site-footer .baseline {
display: none
}
}
@media (min-width:1200px) {
.site-footer .baseline {
width: 10%
}
}
@media (min-width:1600px) {
.site-footer .baseline {
width: 10%
}
}
.site-footer .baseline h2 {
text-align: right;
padding-bottom: 2.5rem;
position: relative
}
.site-footer .baseline h2:after {
content: "";
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 6rem;
height: .5rem;
background: #fff
}
.site-footer .colophon {
padding-top: 2rem;
color: #fff;
width: 100%;
position: relative;
z-index: 10
}
@media (min-width:768px) {
.site-footer .colophon {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between
}
}
@media (min-width:1200px) {
.site-footer .colophon {
width: 75%
}
}
@media (min-width:1600px) {
.site-footer .colophon {
width: 80%;
padding-right: 12rem
}
}
@media (min-width:1600px) {
.site-footer .colophon .wrapper-credit {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between
}
}
.site-footer .colophon .credit {
color: #fff;
font-size: 1.2rem;
margin: 0;
padding: 0;
text-align: center
}
@media (min-width:768px) {
.site-footer .colophon .credit {
text-align: left
}
}
.site-footer .colophon .gdpr-menu {
position: relative
}
@media (min-width:1600px) {
.site-footer .colophon .gdpr-menu {
padding-left: 2.5rem
}
.site-footer .colophon .gdpr-menu:before {
content: "|";
display: block;
position: absolute;
left: 1.1rem;
top: .4rem;
line-height: 1
}
}
.site-footer .colophon .gdpr-menu ul {
margin-left: auto;
display: block
}
@media (max-width:767px) {
.site-footer .colophon .gdpr-menu ul {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center
}
}
.site-footer .colophon .gdpr-menu ul li {
position: relative;
padding-right: 0;
padding-left: 1.4rem;
margin-left: .5rem;
float: left
}
.site-footer .colophon .gdpr-menu ul li:before {
content: "-";
color: #fff;
display: block;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.site-footer .colophon .gdpr-menu ul li:first-child {
margin-left: 0;
padding-left: 0
}
.site-footer .colophon .gdpr-menu ul li:first-child:before {
display: none
}
.site-footer .colophon .gdpr-menu ul li a {
font-size: 1.2rem;
display: block;
color: #fff;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
.site-footer .colophon .gdpr-menu ul li a:hover {
color: #009ddf
}
.site-footer .colophon .madebyglobule {
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
display: block;
background: transparent url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/globule-bleu-logo-light.svg) 0 0 no-repeat;
background-size: 55px 17px;
width: 55px;
height: 17px
}
.site-footer .colophon .madebyglobule:hover {
background: transparent url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/globule-bleu-logo-love-light.svg) 0 0 no-repeat;
background-size: 55px 17px
}
@media (max-width:767px) {
.site-footer .colophon .madebyglobule {
margin: 1rem auto 0
}
}
.blog .site-content,
.jobs-template-default .site-content,
.lidar-template-default .site-content,
.market-template-default .site-content,
.page-template-about .site-content,
.page-template-contact .site-content,
.page-template-default .site-content,
.page-template-page-partners .site-content,
.page-template-video .site-content,
.page-template-webinars .site-content,
.post-template-default .site-content,
.post-type-archive .site-content,
.search .site-content,
.single-events .site-content,
.single-solutions .site-content, .home .site-content {
padding-top: 8rem;
}
@media (min-width:992px) {
.blog .site-content,
.jobs-template-default .site-content,
.lidar-template-default .site-content,
.market-template-default .site-content,
.page-template-about .site-content,
.page-template-contact .site-content,
.page-template-default .site-content,
.page-template-page-partners .site-content,
.page-template-video .site-content,
.page-template-webinars .site-content,
.post-template-default .site-content,
.post-type-archive .site-content,
.search .site-content,
.single-events .site-content,
.single-solutions .site-content, .home .site-content {
padding-top: 11rem
}
}
@media (min-width:1200px) {
.blog .site-content,
.jobs-template-default .site-content,
.lidar-template-default .site-content,
.market-template-default .site-content,
.page-template-about .site-content,
.page-template-contact .site-content,
.page-template-default .site-content,
.page-template-page-partners .site-content,
.page-template-video .site-content,
.page-template-webinars .site-content,
.post-template-default .site-content,
.post-type-archive .site-content,
.search .site-content,
.single-events .site-content,
.single-solutions .site-content, .home .site-content {
padding-top: 16.3rem
}
}
.blog .type-post,
.blog header,
.jobs-template-default .type-post,
.jobs-template-default header,
.market-template-default .type-post,
.market-template-default header,
.page-template-about .type-post,
.page-template-about header,
.page-template-page-partners .type-post,
.page-template-page-partners header,
.post-template-default .type-post,
.post-template-default header,
.post-type-archive .type-post,
.post-type-archive header,
.single-solutions .type-post,
.single-solutions header, .home .type-post,
.home header, {
position: relative
}
.blog .type-post figure,
.blog header figure,
.jobs-template-default .type-post figure,
.jobs-template-default header figure,
.market-template-default .type-post figure,
.market-template-default header figure,
.page-template-about .type-post figure,
.page-template-about header figure,
.page-template-page-partners .type-post figure,
.page-template-page-partners header figure,
.post-template-default .type-post figure,
.post-template-default header figure,
.post-type-archive .type-post figure,
.post-type-archive header figure,
.single-solutions .type-post figure,
.single-solutions header figure {
max-height: 30rem;
position: relative;
overflow: hidden
}
@media (min-width:992px) {
.blog .type-post figure,
.blog header figure,
.jobs-template-default .type-post figure,
.jobs-template-default header figure,
.market-template-default .type-post figure,
.market-template-default header figure,
.page-template-about .type-post figure,
.page-template-about header figure,
.page-template-page-partners .type-post figure,
.page-template-page-partners header figure,
.post-template-default .type-post figure,
.post-template-default header figure,
.post-type-archive .type-post figure,
.post-type-archive header figure,
.single-solutions .type-post figure,
.single-solutions header figure {
max-height: 40rem
}
}
@media (min-width:1600px) {
.blog .type-post figure,
.blog header figure,
.jobs-template-default .type-post figure,
.jobs-template-default header figure,
.market-template-default .type-post figure,
.market-template-default header figure,
.page-template-about .type-post figure,
.page-template-about header figure,
.page-template-page-partners .type-post figure,
.page-template-page-partners header figure,
.post-template-default .type-post figure,
.post-template-default header figure,
.post-type-archive .type-post figure,
.post-type-archive header figure,
.single-solutions .type-post figure,
.single-solutions header figure {
max-height: 50rem
}
}
.blog .type-post figure img,
.blog header figure img,
.jobs-template-default .type-post figure img,
.jobs-template-default header figure img,
.market-template-default .type-post figure img,
.market-template-default header figure img,
.page-template-about .type-post figure img,
.page-template-about header figure img,
.page-template-page-partners .type-post figure img,
.page-template-page-partners header figure img,
.post-template-default .type-post figure img,
.post-template-default header figure img,
.post-type-archive .type-post figure img,
.post-type-archive header figure img,
.single-solutions .type-post figure img,
.single-solutions header figure img {
-o-object-fit: cover;
object-fit: cover
}
.blog .site-content h1,
.market-template-default .site-content h1,
.page-template-about .site-content h1,
.page-template-page-partners .site-content h1,
.post-type-archive .site-content h1,
.single-solutions .site-content h1 {
position: absolute;
color: #fff;
text-shadow: 0 20px 50px rgba(12, 12, 12, .4);
z-index: 1;
margin: 0;
left: 2rem
}
@media (max-width:991px) {
.blog .site-content h1,
.market-template-default .site-content h1,
.page-template-about .site-content h1,
.page-template-page-partners .site-content h1,
.post-type-archive .site-content h1,
.single-solutions .site-content h1 {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
}
@media (min-width:768px) {
.blog .site-content h1,
.market-template-default .site-content h1,
.page-template-about .site-content h1,
.page-template-page-partners .site-content h1,
.post-type-archive .site-content h1,
.single-solutions .site-content h1 {
left: 6rem;
width: 60%
}
}
@media (min-width:992px) {
.blog .site-content h1,
.market-template-default .site-content h1,
.page-template-about .site-content h1,
.page-template-page-partners .site-content h1,
.post-type-archive .site-content h1,
.single-solutions .site-content h1 {
left: 12rem;
bottom: 4rem
}
}
@media (min-width:1600px) {
.blog .site-content h1,
.market-template-default .site-content h1,
.page-template-about .site-content h1,
.page-template-page-partners .site-content h1,
.post-type-archive .site-content h1,
.single-solutions .site-content h1 {
left: 36rem;
bottom: 6rem
}
}
.blog .site-main .header-top,
.market-template-default .site-main .header-top,
.page-template-about .site-main .header-top,
.page-template-page-partners .site-main .header-top,
.post-type-archive .site-main .header-top,
.single-solutions .site-main .header-top {
margin-bottom: 4rem
}
@media (min-width:992px) {
.blog .site-main .header-top,
.market-template-default .site-main .header-top,
.page-template-about .site-main .header-top,
.page-template-page-partners .site-main .header-top,
.post-type-archive .site-main .header-top,
.single-solutions .site-main .header-top {
margin-bottom: 6rem
}
}
@media (min-width:1600px) {
.blog .site-main .header-top,
.market-template-default .site-main .header-top,
.page-template-about .site-main .header-top,
.page-template-page-partners .site-main .header-top,
.post-type-archive .site-main .header-top,
.single-solutions .site-main .header-top {
margin-bottom: 9rem
}
}
body .site-main .header-top + .section-flexible.section-imagefull.img_bg {
margin-top: -4rem
}
@media (min-width:992px) {
body .site-main .header-top + .section-flexible.section-imagefull.img_bg {
margin-top: -6rem
}
}
@media (min-width:1600px) {
body .site-main .header-top + .section-flexible.section-imagefull.img_bg {
margin-top: -9rem
}
}
.page-template-contact .page > .entry-header,
.page-template-default .page > .entry-header,
.page-template-video .page > .entry-header,
.page-template-webinars .page > .entry-header {
position: relative
}
@media (max-width:767px) {
.page-template-contact .page > .entry-header.with-cross,
.page-template-default .page > .entry-header.with-cross,
.page-template-video .page > .entry-header.with-cross,
.page-template-webinars .page > .entry-header.with-cross {
padding: 4rem 2rem 0
}
}
@media (min-width:768px) {
.page-template-contact .page > .entry-header.with-cross,
.page-template-default .page > .entry-header.with-cross,
.page-template-video .page > .entry-header.with-cross,
.page-template-webinars .page > .entry-header.with-cross {
margin: 0 4rem;
padding-top: 4rem
}
}
@media (min-width:992px) {
.page-template-contact .page > .entry-header.with-cross,
.page-template-default .page > .entry-header.with-cross,
.page-template-video .page > .entry-header.with-cross,
.page-template-webinars .page > .entry-header.with-cross {
margin: 0 16rem 4rem;
padding-top: 6rem
}
}
@media (min-width:1600px) {
.page-template-contact .page > .entry-header.with-cross,
.page-template-default .page > .entry-header.with-cross,
.page-template-video .page > .entry-header.with-cross,
.page-template-webinars .page > .entry-header.with-cross {
margin: 0 24rem 4rem;
padding-top: 9rem
}
}
.page-template-contact .page > .entry-header.with-cross:before,
.page-template-default .page > .entry-header.with-cross:before,
.page-template-video .page > .entry-header.with-cross:before,
.page-template-webinars .page > .entry-header.with-cross:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/cross-pattern-black.png) 0 0 repeat-x;
background-size: 4rem;
opacity: .05
}
.page-template-contact .page > .entry-header.with-cross h1,
.page-template-default .page > .entry-header.with-cross h1,
.page-template-video .page > .entry-header.with-cross h1,
.page-template-webinars .page > .entry-header.with-cross h1 {
position: relative;
color: #0c0c0c;
text-shadow: none;
left: auto;
top: auto;
bottom: auto;
-webkit-transform: translateY(0);
transform: translateY(0);
width: 100%
}
.page-template-contact .page > .entry-header h1,
.page-template-default .page > .entry-header h1,
.page-template-video .page > .entry-header h1,
.page-template-webinars .page > .entry-header h1 {
position: absolute;
color: #fff;
text-shadow: 0 20px 50px rgba(12, 12, 12, .4);
z-index: 10;
margin: 0;
left: 2rem
}
@media (max-width:991px) {
.page-template-contact .page > .entry-header h1,
.page-template-default .page > .entry-header h1,
.page-template-video .page > .entry-header h1,
.page-template-webinars .page > .entry-header h1 {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
}
@media (min-width:768px) {
.page-template-contact .page > .entry-header h1,
.page-template-default .page > .entry-header h1,
.page-template-video .page > .entry-header h1,
.page-template-webinars .page > .entry-header h1 {
left: 6rem;
width: 60%
}
}
@media (min-width:992px) {
.page-template-contact .page > .entry-header h1,
.page-template-default .page > .entry-header h1,
.page-template-video .page > .entry-header h1,
.page-template-webinars .page > .entry-header h1 {
left: 12rem;
bottom: 4rem
}
}
@media (min-width:1600px) {
.page-template-contact .page > .entry-header h1,
.page-template-default .page > .entry-header h1,
.page-template-video .page > .entry-header h1,
.page-template-webinars .page > .entry-header h1 {
left: 36rem;
bottom: 6rem
}
}
@media (min-width:768px) {
.page-template-contact .page > .entry-header .content,
.page-template-default .page > .entry-header .content,
.page-template-video .page > .entry-header .content,
.page-template-webinars .page > .entry-header .content {
width: 50%;
-webkit-box-flex: 1;
flex-grow: 1;
padding-right: 4rem
}
}
@media (min-width:992px) {
.page-template-contact .page > .entry-header .content,
.page-template-default .page > .entry-header .content,
.page-template-video .page > .entry-header .content,
.page-template-webinars .page > .entry-header .content {
width: 58%
}
}
@media (min-width:1200px) {
.page-template-contact .page > .entry-header .content,
.page-template-default .page > .entry-header .content,
.page-template-video .page > .entry-header .content,
.page-template-webinars .page > .entry-header .content {
padding-right: 8rem
}
}
@media (min-width:1600px) {
.page-template-contact .page > .entry-header .content,
.page-template-default .page > .entry-header .content,
.page-template-video .page > .entry-header .content,
.page-template-webinars .page > .entry-header .content {
padding-right: 12rem
}
}
.page-template-contact .page > .entry-header figure,
.page-template-default .page > .entry-header figure,
.page-template-video .page > .entry-header figure,
.page-template-webinars .page > .entry-header figure {
max-height: 30rem;
position: relative;
overflow: hidden;
margin-bottom: 4rem
}
@media (min-width:992px) {
.page-template-contact .page > .entry-header figure,
.page-template-default .page > .entry-header figure,
.page-template-video .page > .entry-header figure,
.page-template-webinars .page > .entry-header figure {
max-height: 40rem;
margin-bottom: 6rem
}
}
@media (min-width:1600px) {
.page-template-contact .page > .entry-header figure,
.page-template-default .page > .entry-header figure,
.page-template-video .page > .entry-header figure,
.page-template-webinars .page > .entry-header figure {
max-height: 50rem;
margin-bottom: 9rem
}
}
.page-template-contact .page > .entry-header figure img,
.page-template-default .page > .entry-header figure img,
.page-template-video .page > .entry-header figure img,
.page-template-webinars .page > .entry-header figure img {
-o-object-fit: cover;
object-fit: cover
}
.page-template-contact .page > .entry-header h2,
.page-template-default .page > .entry-header h2,
.page-template-video .page > .entry-header h2,
.page-template-webinars .page > .entry-header h2 {
font-size: 2rem;
font-weight: 400;
color: #009ddf
}
@media (min-width:768px) {
.page-template-contact .with-cross + .content-cross,
.page-template-default .with-cross + .content-cross,
.page-template-video .with-cross + .content-cross,
.page-template-webinars .with-cross + .content-cross {
padding: 2rem 4rem 0
}
}
@media (min-width:992px) {
.page-template-contact .with-cross + .content-cross,
.page-template-default .with-cross + .content-cross,
.page-template-video .with-cross + .content-cross,
.page-template-webinars .with-cross + .content-cross {
padding: 0 16rem
}
}
@media (min-width:1600px) {
.page-template-contact .with-cross + .content-cross,
.page-template-default .with-cross + .content-cross,
.page-template-video .with-cross + .content-cross,
.page-template-webinars .with-cross + .content-cross {
padding: 0 24rem
}
}
.page-template-contact .content-cross,
.page-template-default .content-cross,
.page-template-video .content-cross,
.page-template-webinars .content-cross {
padding: 2rem 2rem 0;
width: 100%
}
@media (min-width:768px) {
.page-template-contact .content-cross,
.page-template-default .content-cross,
.page-template-video .content-cross,
.page-template-webinars .content-cross {
padding: 0 4rem 0 6rem
}
}
@media (min-width:992px) {
.page-template-contact .content-cross,
.page-template-default .content-cross,
.page-template-video .content-cross,
.page-template-webinars .content-cross {
padding: 0 16rem 0 12rem
}
}
@media (min-width:1200px) {
.page-template-contact .content-cross,
.page-template-default .content-cross,
.page-template-video .content-cross,
.page-template-webinars .content-cross {
width: 80%
}
}
@media (min-width:1600px) {
.page-template-contact .content-cross,
.page-template-default .content-cross,
.page-template-video .content-cross,
.page-template-webinars .content-cross {
padding: 0 24rem 0 36rem
}
}
.top-menu {
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
display: -webkit-box;
display: flex
}
@media (max-width:1199px) {
.top-menu {
flex-wrap: wrap;
-webkit-box-ordinal-group: 3;
order: 2;
-webkit-box-pack: center;
justify-content: center;
width: 100%
}
}
@media (min-width:768px) {
.top-menu {
-webkit-box-align: center;
align-items: center
}
}
@media (min-width:1200px) {
.top-menu {
padding-bottom: 2rem;
-webkit-box-pack: end;
justify-content: flex-end
}
}
@media (max-width:991px) {
.top-menu {
padding-bottom: 4rem
}
}
.top-menu ul,
.top-menu ul li {
margin: 0;
padding: 0
}
.top-menu ul li {
list-style-type: none
}
.top-menu .menu-social-container {
position: relative
}
@media (max-width:1199px) {
.top-menu .menu-social-container {
-webkit-box-ordinal-group: 3;
order: 2
}
}
@media (max-width:767px) {
.top-menu .menu-social-container {
margin-bottom: 4rem;
width: 100%
}
}
@media (min-width:768px) {
.top-menu .menu-social-container {
padding-right: 5rem
}
.top-menu .menu-social-container:after {
content: "";
display: block;
position: absolute;
right: 2rem;
top: 50%;
width: 1rem;
height: .1rem;
background: #0c0c0c
}
}
.top-menu .menu-social-container ul.social-media li.menu-item a:before {
color: #0c0c0c
}
.top-menu .menu-menu-top-container {
position: relative
}
@media (max-width:1199px) {
.top-menu .menu-menu-top-container {
margin-bottom: 2rem;
-webkit-box-ordinal-group: 2;
order: 1;
width: 100%
}
}
@media (min-width:1200px) {
.top-menu .menu-menu-top-container {
padding-right: 4.5rem
}
.top-menu .menu-menu-top-container:after {
content: "";
display: block;
position: absolute;
right: 1.5rem;
top: 50%;
width: 1rem;
height: .1rem;
background: #0c0c0c
}
}
@media (max-width:1199px) {
.top-menu .menu-menu-top-container ul {
-webkit-box-pack: center;
justify-content: center
}
}
@media (min-width:768px) {
.top-menu .menu-menu-top-container ul {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center
}
}
@media (max-width:767px) {
.top-menu .menu-menu-top-container ul li {
margin-bottom: 1rem;
text-align: center
}
.top-menu .menu-menu-top-container ul li:last-child {
margin-bottom: 2rem
}
}
@media (min-width:768px) {
.top-menu .menu-menu-top-container ul li {
margin-right: 2rem
}
.top-menu .menu-menu-top-container ul li:last-child {
margin-right: 0
}
}
.top-menu .menu-menu-top-container ul li a {
color: #0c0c0c;
font-size: 1.4rem
}
@media (max-width:1199px) {
.top-menu .menu-menu-top-container ul li a {
font-size: 1.6rem
}
}
@media (min-width:992px) {
.top-menu .menu-menu-top-container ul li a:hover {
color: #009ddf
}
}
@media (max-width:1199px) {
.top-menu .search-form {
-webkit-box-ordinal-group: 4;
order: 3
}
}
@media (max-width:767px) {
.top-menu .search-form {
width: 50%
}
}
.home .header-container {
background: white;
}
@media (min-width:1200px) {
.modal-open .top-menu,
.sticky-menu .top-menu {
visibility: hidden;
opacity: 0;
height: 0;
padding-bottom: 0;
position: relative;
top: -10rem
}
}
@media (max-width:1199px) {
body.page-template-homepage .pictoMoving {
display: none
}
}
body.page-template-homepage .slider .wrapper-slider {
position: relative
}
body.page-template-homepage .slider .the-carousel.owl-carousel {
z-index: auto;
position: relative
}
body.page-template-homepage .slider .frame div, video#myVideo {
height: 40rem;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat
}
@media (min-width:768px) {
body.page-template-homepage .slider .frame div, video#myVideo {
height: 60rem
}
}
@media (min-width:1200px) {
body.page-template-homepage .slider .frame div, video#myVideo {
height: 75rem
}
}
@media (min-width:1600px) {
body.page-template-homepage .slider .frame div, video#myVideo {
height: 85rem
}
}
@media (max-width:1199px) {
body.page-template-homepage .slider canvas {
display: none
}
}
body.page-template-homepage .slider .slide {
position: relative
}
body.page-template-homepage .slider .slide:before {
content: "";
height: 20rem;
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .65)), color-stop(68%, transparent), to(transparent));
background: linear-gradient(180deg, rgba(0, 0, 0, .65) 0, transparent 68%, transparent);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000", endColorstr="#00000000", GradientType=0);
pointer-events: none
}
@media (min-width:992px) {
body.page-template-homepage .slider .slide:before {
height: 40rem
}
}
body.page-template-homepage .slider .slide-content {
position: absolute;
z-index: 20;
bottom: 40px;
left: 50%;
width:100%;
transform: translate(-50%, 0%);
display: grid;
justify-content: center;
} body.page-template-homepage .slider .slide-content h2 {
color: #fff;
text-shadow: 0 20px 50px rgba(12, 12, 12, .4);
font-size: 3rem;
line-height: 3.4rem;
margin: 0
}
@media (min-width:768px) {
body.page-template-homepage .slider .slide-content h2 {
font-size: 5rem;
line-height: 5.6rem
}
}
@media (min-width:1200px) {
body.page-template-homepage .slider .slide-content h2 {
font-size: 8rem;
line-height: 8rem
}
}
@media (min-width:1600px) {
body.page-template-homepage .slider .slide-content h2 {
font-size: 10rem;
line-height: 10rem
}
} body.page-template-homepage .owl-stage-outer {
z-index: 2
}
body.page-template-homepage .owl-nav {
position: absolute;
z-index: 100;
width: 100%;
bottom: 6rem
}
@media (min-width:768px) {
body.page-template-homepage .owl-nav {
top: 50%;
bottom: auto
}
}
body.page-template-homepage .owl-dots {
margin: 0;
padding: 0;
position: absolute;
bottom: 0;
right: 0;
left: 0;
width: 100%;
z-index: 50;
-webkit-transform: translate(0);
transform: translate(0)
}
body.page-template-homepage .owl-dots li {
margin: 0;
padding: 0;
list-style-type: none
}
@media (min-width:768px) {
body.page-template-homepage .owl-dots {
width: calc(100% - 8rem);
margin: 0 4rem
}
}
@media (min-width:992px) {
body.page-template-homepage .owl-dots {
width: calc(100% - 16rem);
margin: 0 8rem
}
}
@media (min-width:1200px) {
body.page-template-homepage .owl-dots {
width: calc(100% - 38rem);
margin: 0 6rem 0 26rem
}
}
@media (min-width:1600px) {
body.page-template-homepage .owl-dots {
width: calc(100% - 64rem);
margin: 0 24rem 0 48rem
}
}
@media (max-width:767px) {
body.page-template-homepage .owl-dots {
display: none
}
}
@media (min-width:768px) {
body.page-template-homepage .owl-dots {
display: -webkit-box;
display: flex
}
}
body.page-template-homepage .owl-dots .owl-dot {
width: 12.5%;
-webkit-box-flex: 1;
flex-grow: 1;
padding: 1.5rem;
background: #fff;
margin-right: 1rem;
cursor: pointer;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
@media (min-width:1200px) {
body.page-template-homepage .owl-dots .owl-dot {
padding: 2rem
}
}
@media (min-width:1600px) {
body.page-template-homepage .owl-dots .owl-dot {
padding: 3rem
}
}
body.page-template-homepage .owl-dots .owl-dot:last-child {
margin-right: 0
}
body.page-template-homepage .owl-dots .owl-dot.active,
body.page-template-homepage .owl-dots .owl-dot:hover {
background: #009ddf
}
body.page-template-homepage .owl-dots .owl-dot.active span,
body.page-template-homepage .owl-dots .owl-dot:hover span {
color: #fff
}
body.page-template-homepage .owl-dots .owl-dot.active svg path,
body.page-template-homepage .owl-dots .owl-dot.active svg rect,
body.page-template-homepage .owl-dots .owl-dot:hover svg path,
body.page-template-homepage .owl-dots .owl-dot:hover svg rect {
fill: #fff
}
body.page-template-homepage .owl-dots .owl-dot svg {
display: block;
max-width: 5rem;
max-height: 5rem;
width: auto;
height: 5rem;
margin: 0 auto
}
body.page-template-homepage .owl-dots .owl-dot svg path,
body.page-template-homepage .owl-dots .owl-dot svg rect {
fill: #009ddf;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
body.page-template-homepage .owl-dots .owl-dot span {
display: block;
text-align: center;
color: #0c0c0c;
font-size: 1.3rem;
line-height: 2rem;
font-weight: 700;
margin-top: 1rem;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
@media (min-width:1200px) {
body.page-template-homepage .owl-dots .owl-dot span {
font-size: 1.4rem
}
}
body.page-template-homepage .why {
color: #0c0c0c;
position: relative;
z-index: 3;
background: #ebeef0
}
@media (min-width:768px) {
body.page-template-homepage .why {
overflow: hidden;
margin-top: -4rem
}
body.page-template-homepage .why:after {
content: "";
display: block;
position: absolute;
left: -15rem;
top: -5rem;
width: 100%;
height: 150%;
background: url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/xenomatix-cross-black.svg) 0 no-repeat;
opacity: .05
}
}
@media (min-width:1200px) {
body.page-template-homepage .why {
width: calc(100% - 12rem);
margin: -8rem 0 0 12rem
}
body.page-template-homepage .why:before {
left: -20rem
}
}
@media (min-width:1600px) {
body.page-template-homepage .why {
width: calc(100% - 24rem);
margin: -8rem 0 0 24rem
}
}
body.page-template-homepage .why .wrapper {
padding: 4rem 2rem;
position: relative;
z-index: 10
}
@media (min-width:768px) {
body.page-template-homepage .why .wrapper {
padding: 8rem 4rem 4rem
}
}
@media (min-width:992px) {
body.page-template-homepage .why .wrapper {
display: -webkit-box;
display: flex;
padding: 12rem 8rem 8rem
}
}
@media (min-width:1200px) {
body.page-template-homepage .why .wrapper {
padding: 16rem 8rem 12rem;
margin: 0 6rem
}
}
@media (min-width:1600px) {
body.page-template-homepage .why .wrapper {
margin: 0 24rem 0 12rem;
padding: 16rem 12rem 12rem
}
}
@media (min-width:992px) {
body.page-template-homepage .why h2 {
-webkit-box-flex: 1;
flex: 1 0 33%
}
}
@media (min-width:992px) {
body.page-template-homepage .why .content {
-webkit-box-flex: 0;
flex: 0 1 77%;
margin-top: 3.5rem;
padding-left: 6rem
}
}
@media (min-width:1600px) {
body.page-template-homepage .why .content {
padding-left: 12rem
}
}
@media (min-width:992px) {
body.page-template-homepage .quote {
display: -webkit-box;
display: flex;
-webkit-box-align: start;
align-items: flex-start
}
}
body.page-template-homepage .quote .quote-item {
background: #3a4146;
color: #fff;
padding: 4rem 2rem;
position: relative;
z-index: 10
}
@media (max-width:991px) {
body.page-template-homepage .quote .quote-item {
display: none
}
}
@media (min-width:992px) {
body.page-template-homepage .quote .quote-item {
width: 37%;
padding: 6rem 6rem 6rem 8rem
}
}
@media (min-width:1200px) {
body.page-template-homepage .quote .quote-item {
margin-top: -6rem
}
}
@media (min-width:1600px) {
body.page-template-homepage .quote .quote-item {
padding: 6rem 12rem 6rem 16rem;
margin-top: -9rem
}
}
body.page-template-homepage .quote .quote-item blockquote p {
font-size: 2rem
}
body.page-template-homepage .quote .keyfigures {
padding: 4rem 2rem
}
@media (min-width:768px) {
body.page-template-homepage .quote .keyfigures {
padding: 4rem
}
}
@media (min-width:992px) {
body.page-template-homepage .quote .keyfigures {
width: 63%;
padding: 6rem 8rem 6rem 6rem
}
}
@media (min-width:1200px) {
body.page-template-homepage .quote .keyfigures {
padding: 8rem 8rem 8rem 12rem
}
}
@media (min-width:1600px) {
body.page-template-homepage .quote .keyfigures {
padding: 8rem 16rem 8rem 12rem
}
}
body.page-template-homepage .quote .keyfigures ul {
margin: 0;
padding: 0;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center
}
body.page-template-homepage .quote .keyfigures ul li {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
width: calc(50% - 1.5rem);
margin: 0 3rem 3rem 0
}
@media (max-width:767px) {
body.page-template-homepage .quote .keyfigures ul li:nth-child(2n) {
margin-right: 0
}
}
@media (min-width:768px) {
body.page-template-homepage .quote .keyfigures ul li {
width: calc(33.33333% - 2rem)
}
body.page-template-homepage .quote .keyfigures ul li:nth-child(4n) {
margin-right: 0
}
}
@media (min-width:1200px) {
body.page-template-homepage .quote .keyfigures ul li {
margin: 0 6rem 6rem 0;
width: calc(33.33333% - 4rem)
}
}
@media (min-width:1600px) {
body.page-template-homepage .quote .keyfigures ul li {
margin: 0 12rem 4rem 0;
width: calc(33.33333% - 8rem)
}
}
body.page-template-homepage .quote .keyfigures ul li .picto {
min-height: 6rem
}
body.page-template-homepage .quote .keyfigures ul li img,
body.page-template-homepage .quote .keyfigures ul li svg {
display: block;
max-height: 6rem;
max-width: 7rem;
height: auto;
width: auto;
margin: 0 auto
}
body.page-template-homepage .quote .keyfigures ul li p {
margin-top: 2rem;
text-transform: uppercase;
font-weight: 700;
line-height: 2.2rem;
font-size: 1.4rem
}
@media (min-width:992px) {
body.page-template-homepage .quote .keyfigures ul li p {
margin-top: 3rem
}
}
@media (max-width:767px) {
body.page-template-homepage .quote .keyfigures .btn {
margin: 0 auto
}
}
@media (min-width:768px) {
body.page-template-homepage .quote .keyfigures .btn {
margin-left: auto
}
}
body.page-template-homepage .jobs {
position: relative;
z-index: 10;
color: #fff
}
@media (min-width:992px) {
body.page-template-homepage .jobs {
margin-left: 8rem
}
}
@media (min-width:1200px) {
body.page-template-homepage .jobs {
margin-left: 12rem
}
}
@media (min-width:1600px) {
body.page-template-homepage .jobs {
margin-left: 24rem
}
}
@media (max-width:767px) {
body.page-template-homepage .jobs {
text-align: center
}
body.page-template-homepage .jobs .btn {
margin: 0 auto
}
}
body.page-template-homepage .jobs .pictoMoving.car {
height: 36rem;
position: absolute;
top: -18rem;
left: -8rem
}
@media (min-width:1600px) {
body.page-template-homepage .jobs .pictoMoving.car {
left: -12rem
}
}
body.page-template-homepage .jobs .content {
background: #009ddf;
padding: 4rem 2rem;
position: relative
}
body.page-template-homepage .jobs .content:before {
content: "";
display: block;
width: calc(100% - 3rem);
height: calc(100% - 2.5rem);
position: absolute;
left: 1.5rem;
bottom: 2.5rem;
background: url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/cross-pattern.png) 0 100% repeat-x;
background-size: 4rem;
opacity: .2
}
@media (min-width:768px) {
body.page-template-homepage .jobs .content {
padding: 4rem;
position: absolute;
bottom: 0;
left: 0;
width: 80%
}
}
@media (min-width:992px) {
body.page-template-homepage .jobs .content {
bottom: -6rem;
padding: 6rem
}
}
@media (min-width:1200px) {
body.page-template-homepage .jobs .content {
padding: 8rem;
width: 43%
}
}
@media (min-width:1600px) {
body.page-template-homepage .jobs .content {
padding: 8rem 12rem;
bottom: -8rem
}
}
body.page-template-homepage .jobs .cover-job {
height: 25rem;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat
}
@media (min-width:768px) {
body.page-template-homepage .jobs .cover-job {
margin-left: 12rem;
height: 40rem;
width: calc(100% - 12rem)
}
}
@media (min-width:992px) {
body.page-template-homepage .jobs .cover-job {
height: 45rem
}
}
@media (min-width:1200px) {
body.page-template-homepage .jobs .cover-job {
margin-left: 24rem;
height: 60rem;
width: calc(100% - 24rem)
}
}
@media (min-width:768px) {
body.page-template-homepage .stay-informed {
display: -webkit-box;
display: flex
}
}
@media (min-width:992px) {
body.page-template-homepage .stay-informed {
padding-top: 12rem
}
}
@media (min-width:1200px) {
body.page-template-homepage .stay-informed {
padding: 12rem 12rem 0
}
}
@media (min-width:1600px) {
body.page-template-homepage .stay-informed {
padding: 16rem 24rem 0
}
}
body.page-template-homepage .blog {
padding-bottom: 4rem;
position: relative
}
@media (max-width:767px) {
body.page-template-homepage .blog {
padding: 4rem 2rem
}
}
@media (max-width:991px) {
body.page-template-homepage .blog {
background: #ebeef0
}
}
@media (min-width:768px) {
body.page-template-homepage .blog {
padding: 4rem;
width: 55%
}
}
@media (min-width:992px) {
body.page-template-homepage .blog {
width: 60%;
padding: 0 8rem
}
body.page-template-homepage .blog:before {
content: "";
height: calc(100% + 6rem);
width: 100%;
position: absolute;
top: -12rem;
left: 0;
right: 0;
bottom: 0;
background: #ebeef0
}
}
@media (min-width:1200px) {
body.page-template-homepage .blog {
padding: 0 12rem 0 0
}
body.page-template-homepage .blog:before {
top: -33rem;
left: -12rem;
width: calc(100% + 12rem);
height: calc(100% + 21rem)
}
}
@media (min-width:1600px) {
body.page-template-homepage .blog {
padding-right: 16rem
}
body.page-template-homepage .blog:before {
left: -24rem;
width: calc(100% + 24rem)
}
}
@media (min-width:992px) {
body.page-template-homepage .blog .type-post {
display: -webkit-box;
display: flex;
flex-wrap: wrap
}
}
body.page-template-homepage .blog .cat-links {
display: none
}
body.page-template-homepage .blog .wrapper-content {
position: relative;
z-index: 10
}
@media (min-width:992px) {
body.page-template-homepage .blog .wrapper-content {
padding-left: 6rem;
-webkit-box-ordinal-group: 2;
order: 1
}
}
@media (min-width:1600px) {
body.page-template-homepage .blog .wrapper-content {
padding-left: 12rem
}
}
body.page-template-homepage .blog h2 {
font-size: 1.6rem;
display: block;
font-weight: 400;
line-height: 2.5rem;
margin-bottom: .5rem;
position: relative;
z-index: 10
}
@media (max-width:991px) {
body.page-template-homepage .blog h2 {
display: none
}
}
@media (min-width:992px) {
body.page-template-homepage .blog h2 {
padding-left: 6rem
}
}
@media (min-width:1600px) {
body.page-template-homepage .blog h2 {
padding-left: 12rem
}
}
body.page-template-homepage .blog h3 {
font-size: 2.8rem;
line-height: 3.4rem
}
@media (min-width:768px) {
body.page-template-homepage .blog h3 {
font-size: 3.2rem;
line-height: 4rem
}
}
@media (max-width:991px) {
body.page-template-homepage .blog .u-photo {
margin-bottom: 3rem
}
}
@media (min-width:992px) {
body.page-template-homepage .blog .u-photo {
margin-top: 6rem;
margin-bottom: 0;
-webkit-box-ordinal-group: 3;
order: 2;
height: 30rem
}
}
body.page-template-homepage .blog .u-photo img {
display: block
}
body.page-template-homepage .newsletter {
overflow: hidden
}
@media (max-width:767px) {
body.page-template-homepage .newsletter {
margin-top: 4rem
}
}
@media (min-width:768px) {
body.page-template-homepage .newsletter {
width: 45%
}
}
@media (min-width:992px) {
body.page-template-homepage .newsletter {
width: 40%
}
}
@media (max-width:767px) {
body.page-template-homepage .newsletter .wrapper-newsletter {
text-align: center;
padding: 0 2rem
}
}
@media (min-width:768px) {
body.page-template-homepage .newsletter .wrapper-newsletter {
padding: 4rem
}
}
@media (min-width:992px) {
body.page-template-homepage .newsletter .wrapper-newsletter {
padding: 0 8rem
}
}
@media (min-width:1200px) {
body.page-template-homepage .newsletter .wrapper-newsletter {
padding: 0 0 0 8rem
}
}
@media (min-width:1600px) {
body.page-template-homepage .newsletter .wrapper-newsletter {
padding: 0 0 0 12rem
}
}
body.page-template-homepage .newsletter .btn {
margin-top: 3rem
}
@media (max-width:767px) {
body.page-template-homepage .newsletter .btn {
margin-left: auto;
margin-right: auto
}
}
body.page-template-homepage .newsletter .pictoMoving.drone {
height: 20rem;
margin-left: 2rem;
margin-top: 6rem;
width: 100%
}
body.page-template-homepage .partners {
margin-top: 4rem
}
@media (min-width:768px) {
body.page-template-homepage .partners {
padding: 0 2rem
}
}
@media (min-width:992px) {
body.page-template-homepage .partners {
margin-top: 6rem;
padding: 0 4rem
}
}
@media (min-width:1200px) {
body.page-template-homepage .partners {
margin-top: 12rem;
padding: 0 8rem
}
}
@media (min-width:1600px) {
body.page-template-homepage .partners {
padding: 0 12rem
}
}
body.page-template-homepage .partners h2 {
margin-bottom: 1rem;
text-align: center
}
@media (max-width:767px) {
body.page-template-homepage .partners h2 {
padding: 0 2rem
}
}
@media (min-width:992px) {
body.page-template-homepage .partners h2 {
margin-bottom: 2rem
}
}
body.page-template-homepage .partners ul {
margin: 0;
padding: 0;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
flex-wrap: wrap
}
body.page-template-homepage .partners ul li {
margin: 0;
padding: 0;
list-style-type: none;
padding: 2rem 2rem 0;
-webkit-box-flex: 1;
flex-grow: 1
}
@media (min-width:992px) {
body.page-template-homepage .partners ul li {
padding: 4rem 4rem 0
}
}
body.page-template-homepage .partners ul li img {
display: block;
max-height: 7rem;
max-width: 100%;
height: auto;
width: auto;
margin: 0 auto
}
.market-template-default .intro {
padding: 0 2rem 4rem
}
@media (min-width:768px) {
.market-template-default .intro {
padding: 0 4rem 4rem;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center
}
}
@media (min-width:992px) {
.market-template-default .intro {
padding: 0 8rem 6rem
}
}
@media (min-width:1600px) {
.market-template-default .intro {
padding: 0 16rem 9rem
}
}
.market-template-default .intro .content {
width: 100%
}
@media (min-width:768px) {
.market-template-default .intro .content {
width: 65%;
padding: 0 8rem 0 4rem
}
}
@media (min-width:1600px) {
.market-template-default .intro .content {
padding: 0 16rem 0 20rem
}
}
@media (max-width:767px) {
.market-template-default .intro .picto {
display: none
}
}
@media (min-width:768px) {
.market-template-default .intro .picto {
width: 35%;
text-align: center
}
}
.market-template-default .intro .picto.road-shadow svg {
max-width: 22rem
}
.market-template-default .intro .picto svg {
max-width: 30rem
}
@media (min-width:768px) {
.market-template-default .the-markets .content {
padding: 0 2rem;
width: 50%
}
}
@media (min-width:992px) {
.market-template-default .the-markets .content {
width: 42%
}
}
@media (min-width:1200px) {
.market-template-default .the-markets .content {
padding: 0 4rem
}
}
@media (min-width:1600px) {
.market-template-default .the-markets .content {
padding: 0 6rem
}
}
.market-template-default .the-markets .content h3 {
font-size: 1.8rem;
line-height: 2.6rem;
margin: 3rem 0 1.5rem
}
.market-template-default .the-markets .content ul {
margin: 0;
padding: 0
}
.market-template-default .the-markets .content ul li {
margin: 0;
padding: 0;
list-style-type: none
}
.market-template-default .the-markets figure {
max-height: 20rem;
overflow: hidden
}
@media (min-width:768px) {
.market-template-default .the-markets figure {
max-height: 30rem
}
}
@media (min-width:1200px) {
.market-template-default .the-markets figure {
max-height: 40rem
}
}
.market-template-default .the-markets figure img {
-o-object-fit: cover;
object-fit: cover
}
@media (max-width:767px) {
.market-template-default .the-markets .container-video,
.market-template-default .the-markets figure {
margin-bottom: 2rem
}
}
@media (min-width:768px) {
.market-template-default .the-markets .container-video,
.market-template-default .the-markets figure {
padding: 0 2rem;
width: 50%
}
}
@media (min-width:992px) {
.market-template-default .the-markets .container-video,
.market-template-default .the-markets figure {
width: 58%
}
}
@media (min-width:1200px) {
.market-template-default .the-markets .container-video,
.market-template-default .the-markets figure {
padding: 0 4rem
}
}
@media (min-width:1600px) {
.market-template-default .the-markets .container-video,
.market-template-default .the-markets figure {
padding: 0 6rem
}
}
.market-template-default .the-markets .text-image,
.market-template-default .the-markets .text-video {
margin-bottom: 4rem;
padding: 0 2rem;
position: relative;
z-index: 10
}
@media (min-width:768px) {
.market-template-default .the-markets .text-image,
.market-template-default .the-markets .text-video {
padding: 0 4rem
}
}
@media (min-width:992px) {
.market-template-default .the-markets .text-image,
.market-template-default .the-markets .text-video {
margin-bottom: 6rem;
padding: 0 6rem
}
}
@media (min-width:1200px) {
.market-template-default .the-markets .text-image,
.market-template-default .the-markets .text-video {
padding: 0 4rem
}
}
@media (min-width:1600px) {
.market-template-default .the-markets .text-image,
.market-template-default .the-markets .text-video {
margin-bottom: 9rem;
padding: 0 10rem
}
}
@media (min-width:768px) {
.market-template-default .the-markets .text-image .wrapper,
.market-template-default .the-markets .text-video .wrapper {
display: -webkit-box;
display: flex;
-webkit-box-align: start;
align-items: flex-start
}
}
@media (min-width:1200px) {
.market-template-default .the-markets .text-image .wrapper,
.market-template-default .the-markets .text-video .wrapper {
-webkit-box-align: center;
align-items: center;
padding: 0 4rem 0 8rem
}
}
@media (min-width:1600px) {
.market-template-default .the-markets .text-image .wrapper,
.market-template-default .the-markets .text-video .wrapper {
padding: 0 8rem 0 12rem
}
}
@media (min-width:768px) {
.market-template-default .the-markets .text-image.first .container-video,
.market-template-default .the-markets .text-image.first figure,
.market-template-default .the-markets .text-image.last .container-video,
.market-template-default .the-markets .text-image.last figure,
.market-template-default .the-markets .text-video.first .container-video,
.market-template-default .the-markets .text-video.first figure,
.market-template-default .the-markets .text-video.last .container-video,
.market-template-default .the-markets .text-video.last figure {
-webkit-box-ordinal-group: 3;
order: 2
}
}
@media (min-width:768px) {
.market-template-default .the-markets .text-image.first .content,
.market-template-default .the-markets .text-image.last .content,
.market-template-default .the-markets .text-video.first .content,
.market-template-default .the-markets .text-video.last .content {
-webkit-box-ordinal-group: 2;
order: 1
}
}
.market-template-default .the-markets .text-image.first .wrapper,
.market-template-default .the-markets .text-image.last .wrapper,
.market-template-default .the-markets .text-video.first .wrapper,
.market-template-default .the-markets .text-video.last .wrapper {
padding-right: 0
}
.market-template-default .the-markets .text-image.first,
.market-template-default .the-markets .text-video.first {
color: #fff;
position: relative
}
.market-template-default .the-markets .text-image.first:before,
.market-template-default .the-markets .text-video.first:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #3a4146
}
@media (min-width:992px) {
.market-template-default .the-markets .text-image.first:before,
.market-template-default .the-markets .text-video.first:before {
bottom: -13rem;
left: 4rem;
height: calc(100% + 13rem);
width: calc(100% - 4rem)
}
}
@media (min-width:1200px) {
.market-template-default .the-markets .text-image.first:before,
.market-template-default .the-markets .text-video.first:before {
left: 8rem;
bottom: -15rem;
height: calc(100% + 15rem);
width: calc(100% - 8rem)
}
}
@media (min-width:1600px) {
.market-template-default .the-markets .text-image.first:before,
.market-template-default .the-markets .text-video.first:before {
left: 16rem;
bottom: -18rem;
height: calc(100% + 18rem);
width: calc(100% - 16rem)
}
}
@media (min-width:768px) {
.market-template-default .the-markets .text-image.first:after,
.market-template-default .the-markets .text-video.first:after {
content: "";
display: block;
position: absolute;
left: -10rem;
top: 10rem;
width: 100%;
height: 150%;
z-index: 1;
background: url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/xenomatix-cross.svg) 0 no-repeat;
opacity: .05
}
}
.market-template-default .the-markets .text-image.first .wrapper,
.market-template-default .the-markets .text-video.first .wrapper {
position: relative;
z-index: 2;
padding-top: 4rem
}
@media (max-width:991px) {
.market-template-default .the-markets .text-image.first .wrapper,
.market-template-default .the-markets .text-video.first .wrapper {
padding-bottom: 4rem
}
}
@media (min-width:992px) {
.market-template-default .the-markets .text-image.first .wrapper,
.market-template-default .the-markets .text-video.first .wrapper {
padding-top: 6rem;
padding-left: 4rem
}
}
@media (min-width:1200px) {
.market-template-default .the-markets .text-image.first .wrapper,
.market-template-default .the-markets .text-video.first .wrapper {
padding-top: 8rem;
padding-left: 8rem
}
}
@media (min-width:1600px) {
.market-template-default .the-markets .text-image.first .wrapper,
.market-template-default .the-markets .text-video.first .wrapper {
padding-left: 20rem
}
}
.market-template-default .the-markets .text-image.first .wrapper .content ul li a,
.market-template-default .the-markets .text-video.first .wrapper .content ul li a {
color: #fff
}
.market-template-default .the-markets .text-image.first .wrapper .content ul li a:hover,
.market-template-default .the-markets .text-video.first .wrapper .content ul li a:hover {
color: #009ddf
}
@media (min-width:992px) {
.market-template-default .the-markets .text-image.second .wrapper,
.market-template-default .the-markets .text-video.second .wrapper {
-webkit-box-align: end;
align-items: flex-end
}
}
@media (min-width:992px) {
.market-template-default .the-markets .text-image.second .wrapper .content,
.market-template-default .the-markets .text-video.second .wrapper .content {
padding-top: 12rem
}
}
@media (min-width:1600px) {
.market-template-default .the-markets .text-image.second .wrapper .content,
.market-template-default .the-markets .text-video.second .wrapper .content {
padding-top: 13rem
}
}
@media (min-width:992px) {
.market-template-default .the-markets .text-image.last,
.market-template-default .the-markets .text-video.last {
margin-bottom: 0;
padding-right: 0
}
}
@media (min-width:992px) {
.market-template-default .the-markets .text-image.last .wrapper,
.market-template-default .the-markets .text-video.last .wrapper {
padding-bottom: 4rem
}
}
@media (min-width:1200px) {
.market-template-default .the-markets .text-image.last .wrapper,
.market-template-default .the-markets .text-video.last .wrapper {
padding-bottom: 6rem
}
}
@media (min-width:1600px) {
.market-template-default .the-markets .text-image.last .wrapper,
.market-template-default .the-markets .text-video.last .wrapper {
padding-bottom: 9rem
}
}
@media (min-width:992px) {
.market-template-default .the-markets .text-image.last .wrapper .content,
.market-template-default .the-markets .text-video.last .wrapper .content {
padding-bottom: 4rem
}
}
.market-template-default .the-markets .text-image.last figure,
.market-template-default .the-markets .text-video.last figure {
padding-right: 0
}
@media (min-width:992px) {
.market-template-default .the-markets .text-image.last figure,
.market-template-default .the-markets .text-video.last figure {
margin-bottom: -4rem;
max-height: 50rem
}
}
@media (min-width:1200px) {
.market-template-default .the-markets .text-image.last figure,
.market-template-default .the-markets .text-video.last figure {
margin-bottom: -6rem
}
}
@media (min-width:1600px) {
.market-template-default .the-markets .text-image.last figure,
.market-template-default .the-markets .text-video.last figure {
margin-bottom: -9rem;
max-height: 70rem
}
}
.market-template-default .related {
padding-top: 4rem;
position: relative
}
@media (min-width:768px) {
.market-template-default .related {
padding: 4rem 4rem 0
}
}
@media (min-width:992px) {
.market-template-default .related {
padding: 6rem 0 0 6rem
}
}
@media (min-width:1200px) {
.market-template-default .related {
padding: 8rem 4rem 0 8rem
}
}
@media (min-width:1600px) {
.market-template-default .related {
padding: 8rem 8rem 0 12rem
}
}
.market-template-default .related ul {
margin: 0;
padding: 0
}
.market-template-default .related ul li {
margin: 0;
padding: 0;
list-style-type: none;
margin-bottom: 2rem;
padding-bottom: 2rem;
border-bottom: 1px solid #c4c6c7;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center
}
.market-template-default .related ul li:last-child {
margin-bottom: 0;
padding: 0;
border-bottom: 0
}
.market-template-default .related ul li a {
color: #0c0c0c
}
.market-template-default .related ul li a:hover {
color: #009ddf
}
.market-template-default .related ul li .content {
padding-left: 2rem;
width: 70%
}
@media (min-width:1200px) {
.market-template-default .related ul li .content {
padding-left: 4rem
}
}
.market-template-default .related ul li figure {
width: 30%
}
.market-template-default .related ul li figure img {
display: block;
max-height: 10rem;
max-width: 100%;
height: auto;
width: auto;
margin: 0 auto
}
.market-template-default .footer-markets {
position: relative;
z-index: 30;
padding: 0 2rem 2rem
}
@media (min-width:768px) {
.market-template-default .footer-markets {
padding: 0 4rem 4rem
}
}
@media (min-width:992px) {
.market-template-default .footer-markets {
padding: 0 8rem 6rem;
display: -webkit-box;
display: flex;
-webkit-box-align: start;
align-items: flex-start
}
}
@media (min-width:1600px) {
.market-template-default .footer-markets {
padding: 0 16rem 12rem
}
}
@media (min-width:992px) {
.market-template-default .footer-markets .contact {
width: 58%;
margin-top: -4rem
}
}
@media (min-width:1200px) {
.market-template-default .footer-markets .contact {
margin-top: -6rem
}
}
@media (min-width:1600px) {
.market-template-default .footer-markets .contact {
margin-top: -9rem
}
}
@media (min-width:992px) {
.market-template-default .footer-markets .related {
width: 42%
}
}
.page-template-about .description {
margin-bottom: 4rem
}
@media (min-width:992px) {
.page-template-about .description {
margin-bottom: 6rem;
display: -webkit-box;
display: flex;
-webkit-box-align: start;
align-items: flex-start
}
}
@media (min-width:1600px) {
.page-template-about .description {
margin-bottom: 9rem
}
}
.page-template-about .description .intro {
padding: 4rem 2rem
}
@media (min-width:768px) {
.page-template-about .description .intro {
padding: 4rem
}
}
@media (min-width:992px) {
.page-template-about .description .intro {
padding: 6rem 6rem 0;
margin-left: 6rem;
width: 50%
}
}
@media (min-width:1200px) {
.page-template-about .description .intro {
padding: 8rem 8rem 0;
width: 60%;
margin-left: 12rem
}
}
@media (min-width:1600px) {
.page-template-about .description .intro {
padding: 8rem 12rem 0;
margin-left: 24rem
}
}
.page-template-about .keyfigures {
background: #ebeef0;
position: relative;
z-index: 1;
padding: 4rem 2rem 1rem
}
@media (min-width:768px) {
.page-template-about .keyfigures {
padding: 4rem 4rem 1rem
}
}
@media (min-width:992px) {
.page-template-about .keyfigures {
padding: 6rem 6rem 3rem;
width: 50%
}
}
@media (min-width:1200px) {
.page-template-about .keyfigures {
padding: 8rem 8rem 2rem;
width: 40%;
margin-top: -6rem
}
}
.page-template-about .keyfigures ul {
margin: 0;
padding: 0;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center
}
.page-template-about .keyfigures ul li {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
width: calc(50% - 1.5rem);
margin: 0 3rem 3rem 0
}
.page-template-about .keyfigures ul li:nth-child(2n) {
margin-right: 0
}
@media (min-width:1200px) {
.page-template-about .keyfigures ul li {
margin: 0 6rem 6rem 0;
width: calc(50% - 3rem)
}
}
.page-template-about .keyfigures ul li p {
margin-top: 2rem;
text-transform: uppercase;
font-weight: 700;
line-height: 2.2rem
}
@media (min-width:992px) {
.page-template-about .keyfigures ul li p {
margin-top: 3rem
}
}
.page-template-about .keyfigures ul li .picto {
min-height: 6rem
}
.page-template-about .keyfigures ul li .picto svg {
display: block;
max-height: 6rem;
max-width: 7rem;
height: auto;
width: auto;
margin: 0 auto
}
.page-template-about .value {
padding: 0 2rem 4rem
}
@media (min-width:768px) {
.page-template-about .value {
padding: 0 4rem 4rem
}
}
@media (min-width:992px) {
.page-template-about .value {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
padding: 0 8rem 6rem
}
}
@media (min-width:1200px) {
.page-template-about .value {
padding: 0 12rem 6rem 8rem
}
}
@media (min-width:1600px) {
.page-template-about .value {
padding: 0 24rem 9rem 16rem
}
}
.page-template-about .value figure {
position: relative;
max-height: 30rem;
overflow: hidden
}
@media (max-width:991px) {
.page-template-about .value figure {
margin-bottom: 2rem
}
}
@media (min-width:992px) {
.page-template-about .value figure {
width: 58%
}
}
@media (min-width:1200px) {
.page-template-about .value figure {
max-height: 50rem
}
}
.page-template-about .value figure .picto {
position: absolute;
bottom: 0;
right: 0;
padding: 3rem;
background: #fff
}
.page-template-about .value figure .picto img {
display: block;
max-height: 8rem;
max-width: 100%;
height: auto;
width: auto;
margin: 0 auto
}
@media (min-width:992px) {
.page-template-about .value figure .picto img {
max-height: 12rem
}
}
@media (min-width:992px) {
.page-template-about .value .content {
padding-left: 4rem;
width: 42%
}
}
@media (min-width:1200px) {
.page-template-about .value .content {
padding-left: 8rem
}
}
@media (min-width:1600px) {
.page-template-about .value .content {
padding-left: 12rem
}
}
.page-template-about .mission {
background: #009ddf;
position: relative;
color: #fff;
margin-bottom: 4rem;
padding: 4rem 2rem
}
@media (min-width:768px) {
.page-template-about .mission {
padding: 4rem
}
}
@media (min-width:992px) {
.page-template-about .mission {
padding: 6rem;
margin-bottom: 6rem
}
}
@media (min-width:1200px) {
.page-template-about .mission {
padding: 8rem;
width: 65%;
margin-left: auto;
margin-right: auto
}
}
@media (min-width:1600px) {
.page-template-about .mission {
padding: 8rem 12rem;
margin-bottom: 9rem
}
}
.page-template-about .mission:before {
content: "";
display: block;
width: calc(100% - 3rem);
height: calc(100% - 2.5rem);
position: absolute;
left: 1.5rem;
bottom: 2.5rem;
background: url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/cross-pattern.png) 0 100% repeat-x;
background-size: 4rem;
opacity: .2
}
.page-template-about .leaders {
margin-bottom: 1rem;
padding: 0 2rem
}
@media (min-width:768px) {
.page-template-about .leaders {
padding: 0 4rem
}
}
@media (min-width:992px) {
.page-template-about .leaders {
margin-bottom: 3rem;
padding: 0 12rem
}
}
@media (min-width:1600px) {
.page-template-about .leaders {
margin-bottom: 6rem;
padding: 0 18rem
}
}
.page-template-about .leaders h2 {
text-align: center
}
@media (min-width:992px) {
.page-template-about .leaders h2 {
margin-bottom: 6rem
}
}
.page-template-about .leaders ul {
padding: 0;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
margin: 0 -3rem;
-webkit-box-pack: center;
justify-content: center
}
.page-template-about .leaders ul li {
margin: 0;
padding: 0;
list-style-type: none;
width: 50%;
-webkit-box-flex: 1;
flex-grow: 1;
padding: 0 3rem 3rem
}
@media (min-width:992px) {
.page-template-about .leaders ul li {
width: 20%
}
}
.page-template-about .leaders ul li .wrapper-img {
width: 10rem;
height: 10rem;
border-radius: 10rem;
overflow: hidden;
position: relative;
margin: 0 auto 1rem
}
@media (min-width:1200px) {
.page-template-about .leaders ul li .wrapper-img {
width: 15rem;
height: 15rem;
border-radius: 15rem
}
}
.page-template-about .leaders ul li .wrapper-img img {
display: block;
max-height: 10rem;
max-width: 100%;
height: auto;
width: auto;
margin: 0 auto
}
@media (min-width:1200px) {
.page-template-about .leaders ul li .wrapper-img img {
max-height: 15rem
}
}
.page-template-about .leaders ul li h3 {
text-align: center;
margin-bottom: 0;
line-height: .7
}
.page-template-about .leaders ul li h3 span {
font-size: 1.8rem;
text-transform: uppercase
}
.page-template-about .leaders ul li h3 .name {
font-weight: 400
}
.page-template-about .leaders ul li h3 .role {
margin-left: -.5rem
}
.page-template-about .investors {
margin-bottom: 4rem
}
@media (min-width:992px) {
.page-template-about .investors {
margin-bottom: 6rem;
display: -webkit-box;
display: flex;
flex-wrap: wrap
}
}
@media (min-width:1600px) {
.page-template-about .investors {
margin-bottom: 9rem
}
}
.page-template-about .investors .content {
padding: 0 2rem 4rem
}
@media (min-width:768px) {
.page-template-about .investors .content {
padding: 4rem
}
}
@media (min-width:992px) {
.page-template-about .investors .content {
padding: 6rem;
width: 56%
}
}
@media (min-width:1200px) {
.page-template-about .investors .content {
padding: 8rem
}
}
@media (min-width:1600px) {
.page-template-about .investors .content {
padding: 8rem 18rem
}
}
.page-template-about .investors .content ul {
padding: 0;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
flex-wrap: wrap;
margin: 0 -2rem
}
.page-template-about .investors .content ul li {
margin: 0;
padding: 0;
list-style-type: none
}
@media (min-width:992px) {
.page-template-about .investors .content ul {
margin: 0 -3rem
}
}
@media (min-width:1600px) {
.page-template-about .investors .content ul {
margin-top: 3rem
}
}
.page-template-about .investors .content ul li {
width: 50%;
padding: 3rem 2rem;
position: relative
}
@media (min-width:992px) {
.page-template-about .investors .content ul li {
padding: 3rem
}
}
.page-template-about .investors .content ul img {
display: block;
max-height: 8rem;
max-width: 100%;
height: auto;
width: auto;
margin: 0 auto
}
@media (min-width:992px) {
.page-template-about .extend {
width: 44%
}
}
.page-template-about .quote-item {
background: #ebeef0;
padding: 4rem 2rem;
position: relative;
z-index: 10
}
@media (max-width:991px) {
.page-template-about .quote-item {
display: none
}
}
@media (min-width:992px) {
.page-template-about .quote-item {
padding: 6rem 6rem 6rem 8rem
}
}
@media (min-width:1600px) {
.page-template-about .quote-item {
padding: 6rem 12rem
}
}
.page-template-about .quote-item blockquote {
margin: 0
}
.page-template-about .quote-item blockquote p {
font-size: 2rem
}
.page-template-about .awards h2 {
text-align: center
}
.page-template-about .awards ul {
margin: 0;
padding: 0;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
flex-wrap: wrap
}
.page-template-about .awards ul li {
margin: 0;
padding: 0;
list-style-type: none;
padding: 2rem 2rem 0;
-webkit-box-flex: 1;
flex-grow: 1
}
@media (min-width:992px) {
.page-template-about .awards ul li {
padding: 4rem 4rem 0
}
}
.page-template-about .awards ul li img {
display: block;
max-height: 8rem;
max-width: 100%;
height: auto;
width: auto;
margin: 0 auto
}
.lidar-template-default .entry-header {
position: relative
}
@media screen and (min-width:900px) {
.wrapper-newsletter.newsletter-lidar {
position: absolute;
}
.pictoMoving.drone.newsletter-drone {
padding-bottom: 4rem;
}
}
.wrapper-newsletter.newsletter-lidar {
max-width: 500px;
padding-top: 3rem;
}
.lidar-template-default .entry-header:before {
content: "";
display: block;
width: calc(100% - 3rem);
height: calc(100% - 2.5rem);
position: absolute;
left: 1.5rem;
bottom: 2.5rem;
background: url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/cross-pattern-black.png) 0 0 repeat-x;
background-size: 4rem;
opacity: .05
}
@media (max-width:767px) {
.lidar-template-default .entry-header {
padding: 4rem 2rem
}
}
@media (min-width:768px) {
.lidar-template-default .entry-header {
margin: 0 4rem 4rem;
padding-top: 4rem;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center
}
}
@media (min-width:992px) {
.lidar-template-default .entry-header {
margin: 0 16rem 8rem;
padding-top: 6rem
}
}
@media (min-width:1600px) {
.lidar-template-default .entry-header {
margin: 0 24rem 9rem;
padding-top: 9rem
}
}
@media (min-width:768px) {
.lidar-template-default .entry-header .content {
width: 50%;
padding-right: 4rem
}
}
@media (min-width:992px) {
.lidar-template-default .entry-header .content {
width: 58%
}
}
@media (min-width:1200px) {
.lidar-template-default .entry-header .content {
padding-right: 8rem
}
}
@media (min-width:1600px) {
.lidar-template-default .entry-header .content {
padding-right: 12rem
}
}
@media (max-width:767px) {
.lidar-template-default .entry-header figure {
margin-top: 2rem
}
}
@media (min-width:768px) {
.lidar-template-default .entry-header figure {
width: 50%
}
}
@media (min-width:992px) {
.lidar-template-default .entry-header figure {
width: 42%
}
}
.lidar-template-default .entry-header h1 {
margin-bottom: 0
}
.lidar-template-default .entry-header h2 {
font-size: 2rem;
font-weight: 400;
color: #009ddf
}
@media (min-width:992px) {
.lidar-template-default .section-tabs {
margin-bottom: 0
}
}
@media (min-width:992px) {
.lidar-template-default .section-tabs .tab-content-item {
padding: 6rem 0 0
}
}
.lidar-template-default .section-tabs .content-full-width {
padding: 0 2rem 2rem
}
@media (min-width:992px) {
.lidar-template-default .section-tabs .content-full-width {
padding: 0 8rem 9rem
}
}
@media (min-width:1200px) {
.lidar-template-default .section-tabs .content-full-width {
padding-bottom: 12rem
}
}
@media (min-width:1600px) {
.lidar-template-default .section-tabs .content-full-width {
padding: 0 12rem 12rem
}
}
@media (min-width:768px) {
.lidar-template-default .section-tabs .content-with-img {
display: -webkit-box;
display: flex
}
}
.lidar-template-default .section-tabs .content-with-img .content {
background: #ebeef0;
padding: 4rem 2rem
}
@media (min-width:768px) {
.lidar-template-default .section-tabs .content-with-img .content {
width: 50%;
padding: 4rem
}
}
@media (min-width:992px) {
.lidar-template-default .section-tabs .content-with-img .content {
width: 42%;
padding: 6rem 6rem 12rem
}
}
@media (min-width:1600px) {
.lidar-template-default .section-tabs .content-with-img .content {
padding: 8rem 8rem 14rem
}
}
.lidar-template-default .section-tabs .content-with-img .content h3 {
font-size: 2rem;
text-transform: uppercase
}
.lidar-template-default .section-tabs .content-with-img .content .btn {
margin-top: 1rem
}
.lidar-template-default .section-tabs .content-with-img figure {
overflow: hidden
}
@media (max-width:767px) {
.lidar-template-default .section-tabs .content-with-img figure {
height: 20rem
}
}
@media (min-width:768px) {
.lidar-template-default .section-tabs .content-with-img figure {
width: 50%
}
}
@media (min-width:992px) {
.lidar-template-default .section-tabs .content-with-img figure {
width: 58%
}
}
.lidar-template-default .contact {
margin: 0 2rem 4rem;
text-align: center
}
.lidar-template-default .contact .btn {
margin-left: auto;
margin-right: auto
}
.lidar-template-default .contact h2 span {
display: block;
font-weight: 400;
line-height: 2.5rem;
margin-bottom: .5rem
}
@media (min-width:768px) {
.lidar-template-default .contact {
margin: 0 4rem 4rem
}
}
@media (min-width:992px) {
.lidar-template-default .contact {
margin: -3rem 8rem 6rem
}
}
@media (min-width:1200px) {
.lidar-template-default .contact {
width: 50%;
margin: -6rem auto 6rem
}
}
@media (min-width:992px) {
.events-template-default .type-post figure.u-photo,
.jobs-template-default .type-post figure.u-photo,
.post-template-default .type-post figure.u-photo {
max-height: 40rem
}
}
@media (min-width:992px) {
.events-template-default .the-job,
.events-template-default .the-news,
.jobs-template-default .the-job,
.jobs-template-default .the-news,
.post-template-default .the-job,
.post-template-default .the-news {
display: -webkit-box;
display: flex;
-webkit-box-align: start;
align-items: flex-start
}
}
@media (min-width:1200px) {
.events-template-default .the-job,
.events-template-default .the-news,
.jobs-template-default .the-job,
.jobs-template-default .the-news,
.post-template-default .the-job,
.post-template-default .the-news {
margin-top: -6rem
}
}
@media (min-width:1600px) {
.events-template-default .the-job,
.events-template-default .the-news,
.jobs-template-default .the-job,
.jobs-template-default .the-news,
.post-template-default .the-job,
.post-template-default .the-news {
margin-top: -9rem
}
}
.events-template-default .sidebar,
.jobs-template-default .sidebar,
.post-template-default .sidebar {
z-index: 20
}
@media (max-width:991px) {
.events-template-default .sidebar,
.jobs-template-default .sidebar,
.post-template-default .sidebar {
margin: 4rem 2rem 0
}
}
@media (min-width:992px) {
.events-template-default .sidebar,
.jobs-template-default .sidebar,
.post-template-default .sidebar {
width: 25%
}
}
.events-template-default .sidebar .apply,
.events-template-default .sidebar .related-infos,
.events-template-default .sidebar .share,
.jobs-template-default .sidebar .apply,
.jobs-template-default .sidebar .related-infos,
.jobs-template-default .sidebar .share,
.post-template-default .sidebar .apply,
.post-template-default .sidebar .related-infos,
.post-template-default .sidebar .share {
padding: 4rem 2rem
}
@media (min-width:768px) {
.events-template-default .sidebar .apply,
.events-template-default .sidebar .related-infos,
.events-template-default .sidebar .share,
.jobs-template-default .sidebar .apply,
.jobs-template-default .sidebar .related-infos,
.jobs-template-default .sidebar .share,
.post-template-default .sidebar .apply,
.post-template-default .sidebar .related-infos,
.post-template-default .sidebar .share {
padding: 4rem
}
}
@media (min-width:992px) {
.events-template-default .sidebar .apply,
.events-template-default .sidebar .related-infos,
.events-template-default .sidebar .share,
.jobs-template-default .sidebar .apply,
.jobs-template-default .sidebar .related-infos,
.jobs-template-default .sidebar .share,
.post-template-default .sidebar .apply,
.post-template-default .sidebar .related-infos,
.post-template-default .sidebar .share {
-webkit-box-ordinal-group: 2;
order: 1
}
}
@media (min-width:1200px) {
.events-template-default .sidebar .apply,
.events-template-default .sidebar .related-infos,
.events-template-default .sidebar .share,
.jobs-template-default .sidebar .apply,
.jobs-template-default .sidebar .related-infos,
.jobs-template-default .sidebar .share,
.post-template-default .sidebar .apply,
.post-template-default .sidebar .related-infos,
.post-template-default .sidebar .share {
padding: 6rem 6rem 6rem 8rem
}
}
@media (min-width:1600px) {
.events-template-default .sidebar .apply,
.events-template-default .sidebar .related-infos,
.events-template-default .sidebar .share,
.jobs-template-default .sidebar .apply,
.jobs-template-default .sidebar .related-infos,
.jobs-template-default .sidebar .share,
.post-template-default .sidebar .apply,
.post-template-default .sidebar .related-infos,
.post-template-default .sidebar .share {
padding: 8rem
}
}
.events-template-default .sidebar .share,
.jobs-template-default .sidebar .share,
.post-template-default .sidebar .share {
background: #3a4146;
color: #fff
}
.events-template-default .sidebar .share h3,
.jobs-template-default .sidebar .share h3,
.post-template-default .sidebar .share h3 {
font-size: 2rem
}
.events-template-default .sidebar .related-infos,
.jobs-template-default .sidebar .related-infos,
.post-template-default .sidebar .related-infos {
background: #ebeef0
}
@media (max-width:991px) {
.events-template-default .sidebar .related-infos,
.jobs-template-default .sidebar .related-infos,
.post-template-default .sidebar .related-infos {
display: none
}
}
.events-template-default .sidebar .related-infos h3,
.jobs-template-default .sidebar .related-infos h3,
.post-template-default .sidebar .related-infos h3 {
font-size: 2rem
}
.events-template-default .sidebar .related-infos ul,
.jobs-template-default .sidebar .related-infos ul,
.post-template-default .sidebar .related-infos ul {
padding-top: 0;
padding-bottom: 0
}
.events-template-default .sidebar .apply,
.jobs-template-default .sidebar .apply,
.post-template-default .sidebar .apply {
background: #009ddf;
position: relative;
color: #fff
}
@media (max-width:991px) {
.events-template-default .sidebar .apply,
.jobs-template-default .sidebar .apply,
.post-template-default .sidebar .apply {
text-align: center;
display: none
}
.events-template-default .sidebar .apply .btn,
.jobs-template-default .sidebar .apply .btn,
.post-template-default .sidebar .apply .btn {
margin: 0 auto
}
}
.events-template-default .sidebar .apply:before,
.jobs-template-default .sidebar .apply:before,
.post-template-default .sidebar .apply:before {
content: "";
display: block;
width: calc(100% - 3rem);
height: calc(100% - 2.5rem);
position: absolute;
left: 1.5rem;
bottom: 2.5rem;
background: url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/cross-pattern.png) 0 100% repeat-x;
background-size: 4rem;
opacity: .2
}
@media (min-width:992px) {
.events-template-default .sidebar .apply h2,
.jobs-template-default .sidebar .apply h2,
.post-template-default .sidebar .apply h2 {
font-size: 3rem;
line-height: 3.6rem
}
}
.events-template-default .sidebar .all-blog,
.events-template-default .sidebar .all-jobs,
.jobs-template-default .sidebar .all-blog,
.jobs-template-default .sidebar .all-jobs,
.post-template-default .sidebar .all-blog,
.post-template-default .sidebar .all-jobs {
padding-top: 4rem
}
@media (min-width:992px) {
.events-template-default .sidebar .all-blog,
.events-template-default .sidebar .all-jobs,
.jobs-template-default .sidebar .all-blog,
.jobs-template-default .sidebar .all-jobs,
.post-template-default .sidebar .all-blog,
.post-template-default .sidebar .all-jobs {
padding: 4rem
}
}
@media (min-width:1200px) {
.events-template-default .sidebar .all-blog,
.events-template-default .sidebar .all-jobs,
.jobs-template-default .sidebar .all-blog,
.jobs-template-default .sidebar .all-jobs,
.post-template-default .sidebar .all-blog,
.post-template-default .sidebar .all-jobs {
padding: 6rem 6rem 6rem 8rem
}
}
@media (min-width:1600px) {
.events-template-default .sidebar .all-blog,
.events-template-default .sidebar .all-jobs,
.jobs-template-default .sidebar .all-blog,
.jobs-template-default .sidebar .all-jobs,
.post-template-default .sidebar .all-blog,
.post-template-default .sidebar .all-jobs {
padding: 6rem 8rem
}
}
.events-template-default .sidebar .all-blog a.readmore,
.events-template-default .sidebar .all-jobs a.readmore,
.jobs-template-default .sidebar .all-blog a.readmore,
.jobs-template-default .sidebar .all-jobs a.readmore,
.post-template-default .sidebar .all-blog a.readmore,
.post-template-default .sidebar .all-jobs a.readmore {
margin-top: 0
}
.events-template-default .sidebar .all-blog a.readmore:after,
.events-template-default .sidebar .all-jobs a.readmore:after,
.jobs-template-default .sidebar .all-blog a.readmore:after,
.jobs-template-default .sidebar .all-jobs a.readmore:after,
.post-template-default .sidebar .all-blog a.readmore:after,
.post-template-default .sidebar .all-jobs a.readmore:after {
-webkit-transform: scaleX(-1) translateY(-65%);
transform: scaleX(-1) translateY(-65%);
left: 0
}
.events-template-default .sidebar .all-blog a.readmore:before,
.events-template-default .sidebar .all-jobs a.readmore:before,
.jobs-template-default .sidebar .all-blog a.readmore:before,
.jobs-template-default .sidebar .all-jobs a.readmore:before,
.post-template-default .sidebar .all-blog a.readmore:before,
.post-template-default .sidebar .all-jobs a.readmore:before {
left: .4rem
}
@media (min-width:992px) {
.events-template-default .sidebar .all-blog a.readmore:hover:before,
.events-template-default .sidebar .all-jobs a.readmore:hover:before,
.jobs-template-default .sidebar .all-blog a.readmore:hover:before,
.jobs-template-default .sidebar .all-jobs a.readmore:hover:before,
.post-template-default .sidebar .all-blog a.readmore:hover:before,
.post-template-default .sidebar .all-jobs a.readmore:hover:before {
left: .7rem
}
.events-template-default .sidebar .all-blog a.readmore:hover:after,
.events-template-default .sidebar .all-jobs a.readmore:hover:after,
.jobs-template-default .sidebar .all-blog a.readmore:hover:after,
.jobs-template-default .sidebar .all-jobs a.readmore:hover:after,
.post-template-default .sidebar .all-blog a.readmore:hover:after,
.post-template-default .sidebar .all-jobs a.readmore:hover:after {
left: .2rem
}
}
.events-template-default .wrapper-content,
.jobs-template-default .wrapper-content,
.post-template-default .wrapper-content {
background: #fff;
padding: 4rem 2rem 0;
position: relative;
z-index: 10
}
@media (min-width:768px) {
.events-template-default .wrapper-content,
.jobs-template-default .wrapper-content,
.post-template-default .wrapper-content {
padding: 4rem 4rem 0
}
}
@media (min-width:992px) {
.events-template-default .wrapper-content,
.jobs-template-default .wrapper-content,
.post-template-default .wrapper-content {
padding: 6rem 6rem 0;
-webkit-box-ordinal-group: 3;
order: 2
}
}
@media (min-width:1200px) {
.events-template-default .wrapper-content,
.jobs-template-default .wrapper-content,
.post-template-default .wrapper-content {
width: 68%;
padding: 8rem 12rem 0;
margin: -6rem 0 0 -6rem
}
}
@media (min-width:1600px) {
.events-template-default .wrapper-content,
.jobs-template-default .wrapper-content,
.post-template-default .wrapper-content {
padding: 12rem 24rem 0;
margin: -12rem 0 0 -12rem
}
}
.events-template-default .wrapper-content h1,
.jobs-template-default .wrapper-content h1,
.post-template-default .wrapper-content h1 {
margin-bottom: 0;
font-size: 3.8rem;
line-height: 4.4rem
}
.events-template-default .wrapper-content h1 a,
.jobs-template-default .wrapper-content h1 a,
.post-template-default .wrapper-content h1 a {
color: #0c0c0c
}
.events-template-default .wrapper-content h2,
.jobs-template-default .wrapper-content h2,
.post-template-default .wrapper-content h2 {
font-size: 2rem;
color: #009ddf;
font-weight: 400
}
.events-template-default .wrapper-content .event-infos,
.events-template-default .wrapper-content time,
.jobs-template-default .wrapper-content .event-infos,
.jobs-template-default .wrapper-content time,
.post-template-default .wrapper-content .event-infos,
.post-template-default .wrapper-content time {
color: #009ddf;
font-size: 1.8rem
}
.events-template-default .wrapper-content .content,
.jobs-template-default .wrapper-content .content,
.post-template-default .wrapper-content .content {
margin-top: 2rem
}
@media (min-width:1200px) {
.events-template-default .wrapper-content .content,
.jobs-template-default .wrapper-content .content,
.post-template-default .wrapper-content .content {
margin-top: 4rem
}
}
.events-template-default .wrapper-content .job-description,
.jobs-template-default .wrapper-content .job-description,
.post-template-default .wrapper-content .job-description {
margin-bottom: 2rem
}
@media (min-width:992px) {
.events-template-default .wrapper-content .job-description,
.jobs-template-default .wrapper-content .job-description,
.post-template-default .wrapper-content .job-description {
margin-bottom: 6rem
}
}
.events-template-default .wrapper-content .btn,
.events-template-default .wrapper-content .readmore,
.jobs-template-default .wrapper-content .btn,
.jobs-template-default .wrapper-content .readmore,
.post-template-default .wrapper-content .btn,
.post-template-default .wrapper-content .readmore {
margin-top: 3rem
}
.post-type-archive-jobs .type-jobs > .wrapper-content {
margin-top: 4rem
}
@media (min-width:992px) {
.post-type-archive-jobs .type-jobs > .wrapper-content {
margin-top: 6rem
}
}
@media (min-width:1600px) {
.post-type-archive-jobs .type-jobs > .wrapper-content {
margin-top: 9rem
}
}
.post-type-archive-jobs .type-jobs > .wrapper-content h2 {
text-align: center
}
@media (min-width:992px) {
.post-type-archive-jobs .type-jobs > .wrapper-content h2 {
margin-bottom: 4rem
}
}
@media (max-width:767px) {
.post-type-archive-jobs .the-jobs {
margin: 4rem 2rem 1rem
}
}
@media (min-width:768px) {
.post-type-archive-jobs .the-jobs {
margin: 4rem 4rem 1rem
}
}
@media (min-width:992px) {
.post-type-archive-jobs .the-jobs {
margin: 0 6rem
}
}
@media (min-width:1200px) {
.post-type-archive-jobs .the-jobs {
padding: 0 2rem
}
}
@media (min-width:1600px) {
.post-type-archive-jobs .the-jobs {
margin: 0 24rem
}
}
.post-type-archive-jobs .sub-content {
padding-bottom: 4rem
}
@media (min-width:992px) {
.post-type-archive-jobs .sub-content {
display: -webkit-box;
display: flex;
-webkit-box-align: start;
align-items: flex-start;
padding: 0 0 6rem 6rem
}
}
@media (min-width:1200px) {
.post-type-archive-jobs .sub-content {
padding: 0 0 6rem 8rem
}
}
@media (min-width:1600px) {
.post-type-archive-jobs .sub-content {
padding: 0 0 9rem 16rem
}
}
.post-type-archive-jobs .why {
color: #fff;
position: relative;
padding: 4rem 2rem
}
@media (min-width:768px) {
.post-type-archive-jobs .why {
padding: 4rem
}
}
@media (min-width:992px) {
.post-type-archive-jobs .why {
-webkit-box-ordinal-group: 3;
order: 2;
width: 62%;
padding: 3rem 6rem 6rem
}
}
@media (min-width:1200px) {
.post-type-archive-jobs .why {
padding: 9rem 12rem 12rem
}
}
@media (min-width:1600px) {
.post-type-archive-jobs .why {
padding: 9rem 24rem 12rem
}
}
.post-type-archive-jobs .why:before {
content: "";
background: #3a4146;
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0
}
@media (min-width:992px) {
.post-type-archive-jobs .why:before {
top: -6rem;
left: -6rem;
height: calc(100% + 6rem);
width: calc(100% + 6rem)
}
}
@media (min-width:1200px) {
.post-type-archive-jobs .why:before {
top: -11rem;
left: -24rem;
height: calc(100% + 11rem);
width: calc(100% + 24rem)
}
}
.post-type-archive-jobs .why .content {
position: relative;
z-index: 10
}
.post-type-archive-jobs .why h3 {
color: #fff;
position: relative
}
.post-type-archive-jobs .quote {
color: #fff;
background: #009ddf;
padding: 4rem 2rem;
position: relative;
margin-bottom: 3rem
}
@media (min-width:768px) {
.post-type-archive-jobs .quote {
padding: 4rem
}
}
@media (min-width:992px) {
.post-type-archive-jobs .quote {
-webkit-box-ordinal-group: 2;
order: 1;
width: 38%;
padding: 6rem;
margin: 3rem 0 4rem
}
}
@media (min-width:1200px) {
.post-type-archive-jobs .quote {
padding: 8rem;
margin: 9rem 0 4rem
}
}
.post-type-archive-jobs .quote:before {
content: "";
display: block;
width: calc(100% - 3rem);
height: calc(100% - 2.5rem);
position: absolute;
left: 1.5rem;
bottom: 2.5rem;
background: url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/cross-pattern.png) 0 100% repeat-x;
background-size: 4rem;
opacity: .2
}
.post-type-archive-jobs .quote blockquote p {
font-size: 2rem
}
.post-type-archive-jobs .quote blockquote:before {
color: #fff
}
.post-type-archive-jobs .quote .owl-dots {
bottom: -3rem
}
@media (min-width:992px) {
.post-type-archive-jobs .quote .owl-dots {
right: auto;
bottom: -4rem
}
}
.post-type-archive-jobs .alljobs {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
margin: 0 -1.5rem;
padding: 2rem 0 0;
position: relative;
z-index: 10
}
.post-type-archive-jobs .alljobs li {
margin: 0;
padding: 0;
list-style-type: none;
margin-bottom: 3rem;
padding: 0 1.5rem;
width: 50%
}
@media (min-width:992px) {
.post-type-archive-jobs .alljobs li {
width: 25%
}
}
@media (min-width:1200px) {
.post-type-archive-jobs .alljobs li {
width: 20%
}
}
.post-type-archive-jobs .alljobs li.spontaneous a {
background: #eabc00;
color: #fff;
text-align: center;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
padding-bottom: 3rem
}
.post-type-archive-jobs .alljobs li.spontaneous a:hover {
background: #ffce05
}
.post-type-archive-jobs .alljobs li.spontaneous a:hover h3 {
color: #fff
}
.post-type-archive-jobs .alljobs li.spontaneous a:after,
.post-type-archive-jobs .alljobs li.spontaneous a:before {
display: none
}
.post-type-archive-jobs .alljobs li.spontaneous a h3 {
color: #fff;
margin-bottom: 0
}
.post-type-archive-jobs .alljobs li a {
background: #ebeef0;
display: block;
padding: 2rem 2rem 4rem;
position: relative;
height: 100%
}
@media (min-width:992px) {
.post-type-archive-jobs .alljobs li a {
padding: 3rem 2rem 4.5rem
}
}
.post-type-archive-jobs .alljobs li a:before {
right: 3rem;
width: 1rem;
height: 1rem;
background: #009ddf
}
.post-type-archive-jobs .alljobs li a:after,
.post-type-archive-jobs .alljobs li a:before {
content: "";
display: block;
position: absolute;
bottom: 3rem;
-webkit-transition: all .15s cubic-bezier(.45, .25, .6, .95);
transition: all .15s cubic-bezier(.45, .25, .6, .95)
}
.post-type-archive-jobs .alljobs li a:after {
right: 2.5rem;
width: 0;
height: 0;
border-color: transparent transparent transparent #009ddf;
border-style: solid;
border-width: 5px 0 5px 5px
}
.post-type-archive-jobs .alljobs li a:hover:before {
right: 2.5rem
}
.post-type-archive-jobs .alljobs li a:hover:after {
right: 2rem
}
.post-type-archive-jobs .alljobs li a:hover h3 {
color: #009ddf
}
.post-type-archive-jobs .alljobs li h3 {
color: #0c0c0c;
font-size: 1.8rem;
line-height: 2.6rem;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
.post-type-archive-jobs .alljobs li span {
color: #0c0c0c
}
.post-type-archive-jobs .our-people {
margin-bottom: 4rem;
padding: 0 2rem
}
@media (min-width:768px) {
.post-type-archive-jobs .our-people {
padding: 0 4rem
}
}
@media (min-width:992px) {
.post-type-archive-jobs .our-people {
margin-bottom: 6rem;
padding: 0 8rem
}
}
@media (min-width:1200px) {
.post-type-archive-jobs .our-people {
width: 80%;
margin-left: auto;
margin-right: auto
}
}
@media (min-width:1600px) {
.post-type-archive-jobs .our-people {
margin-bottom: 9rem;
padding: 0 16rem
}
}
@media (min-width:992px) {
.post-type-archive-jobs .our-people .content {
display: -webkit-box;
display: flex
}
}
@media (min-width:992px) {
.post-type-archive-jobs .our-people .content h3 {
width: 35%;
padding-right: 3rem
}
}
@media (min-width:1200px) {
.post-type-archive-jobs .our-people .content h3 {
padding-right: 6rem
}
}
@media (min-width:1600px) {
.post-type-archive-jobs .our-people .content h3 {
padding-right: 12rem
}
}
@media (min-width:992px) {
.post-type-archive-jobs .our-people .content .txt {
width: 65%
}
}
.post-type-archive-jobs .our-people .video {
margin-top: 4rem
}
@media (min-width:992px) {
.post-type-archive-jobs .our-people .video {
margin-top: 6rem;
margin-left: auto;
width: 65%
}
}
@media (min-width:1600px) {
.post-type-archive-jobs .our-people .video {
margin-top: 9rem
}
}
.blog .site-main > .wrapper-content {
padding: 0 2rem
}
@media (min-width:768px) {
.blog .site-main > .wrapper-content {
padding: 0 4rem
}
}
@media (min-width:992px) {
.blog .site-main > .wrapper-content {
padding: 0 8rem
}
}
@media (min-width:1600px) {
.blog .site-main > .wrapper-content {
padding: 0 16rem
}
}
.blog .the-events > h2,
.blog .the-posts > h2 {
text-align: center
}
@media (min-width:992px) {
.blog .the-events > h2,
.blog .the-posts > h2 {
margin-bottom: 4rem
}
}
.blog .the-events ul,
.blog .the-posts ul {
margin: 0;
padding: 0
}
.blog .the-events ul li,
.blog .the-posts ul li {
margin: 0;
padding: 0;
list-style-type: none
}
@media (min-width:768px) {
.blog .the-events ul,
.blog .the-posts ul {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
margin: 0 -3rem
}
}
.blog .the-events ul li,
.blog .the-posts ul li {
padding-bottom: 2rem
}
@media (min-width:768px) {
.blog .the-events ul li,
.blog .the-posts ul li {
width: 50%;
padding: 0 3rem 3rem
}
}
@media (min-width:992px) {
.blog .the-events ul li,
.blog .the-posts ul li {
width: 33.333333%;
padding: 0 3rem 6rem
}
}
.blog .the-posts .cat-links {
display: block;
margin-bottom: 1rem;
color: #009ddf
}
.blog .the-events {
margin-top: 2rem
}
@media (min-width:768px) {
.blog .the-events {
margin-top: 1rem
}
}
@media (min-width:992px) {
.blog .the-events {
margin-top: 3rem
}
}
.blog .the-events .event-infos {
color: #009ddf
}
.blog .side-content {
margin-top: 2rem
}
@media (max-width:991px) {
.blog .side-content {
padding: 0 4rem
}
}
@media (max-width:767px) {
.blog .side-content {
padding: 0 2rem
}
}
@media (min-width:768px) {
.blog .side-content {
display: -webkit-box;
display: flex;
-webkit-box-align: start;
align-items: flex-start;
margin-top: 1rem
}
}
@media (min-width:992px) {
.blog .side-content {
margin: 3rem auto 0;
width: 80%
}
}
@media (min-width:1200px) {
.blog .side-content {
width: 62%
}
}
.blog .side-content .newsletter,
.blog .side-content .social {
padding: 4rem 2rem
}
@media (min-width:768px) {
.blog .side-content .newsletter,
.blog .side-content .social {
padding: 4rem;
width: 50%
}
}
@media (min-width:992px) {
.blog .side-content .newsletter,
.blog .side-content .social {
padding: 6rem
}
}
@media (min-width:1200px) {
.blog .side-content .newsletter,
.blog .side-content .social {
padding: 8rem
}
}
@media (min-width:1600px) {
.blog .side-content .newsletter,
.blog .side-content .social {
padding: 8rem 12rem
}
}
.blog .side-content .social {
background: #009ddf;
color: #fff;
position: relative
}
.blog .side-content .social:before {
content: "";
display: block;
width: calc(100% - 3rem);
height: calc(100% - 2.5rem);
position: absolute;
left: 1.5rem;
bottom: 2.5rem;
background: url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/cross-pattern.png) 0 100% repeat-x;
background-size: 4rem;
opacity: .2
}
.blog .side-content .social ul {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
margin: 0;
padding: 0
}
.blog .side-content .social ul li {
margin: 0;
padding: 0;
list-style-type: none
}
@media (min-width:768px) {
.blog .side-content .social ul {
margin-top: 3rem
}
}
.blog .side-content .social ul li {
margin-right: 2rem
}
.blog .side-content .social ul li:last-child {
margin-right: 0
}
.blog .side-content .social ul li a {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
position: relative;
display: block
}
.blog .side-content .social ul li a:before {
font-family: icomoon, Helvetica, Arial, sans-serif;
font-size: 1.6rem;
line-height: 1;
position: relative;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
font-size: 1.4rem;
display: block;
color: #fff;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
.blog .side-content .social ul li a:hover.linkedin:before {
color: #007ab9
}
.blog .side-content .social ul li a:hover.twitter:before {
color: #55acee
}
.blog .side-content .social ul li a:hover.youtube:before {
color: #cd201f
}
.blog .side-content .social ul li a.linkedin:before {
content: "l"
}
.blog .side-content .social ul li a.twitter:before {
content: "t";
font-size: 1.3rem
}
.blog .side-content .social ul li a.youtube:before {
content: "y";
font-size: 1.3rem
}
@media (max-width:767px) {
.blog .side-content .newsletter {
padding-bottom: 0
}
}
.blog .side-content .newsletter .btn {
margin-top: 3rem
}
.category-news h3,
.type-events h3,
.type-post h3 {
font-size: 2.8rem;
line-height: 3.4rem;
margin-bottom: .5rem
}
.category-news h3 a,
.type-events h3 a,
.type-post h3 a {
color: #0c0c0c
}
.category-news .content,
.type-events .content,
.type-post .content {
margin-top: 2rem
}
.category-news .readmore,
.type-events .readmore,
.type-post .readmore {
margin-top: 3rem
}
.category-news figure.u-photo,
.type-events figure.u-photo,
.type-post figure.u-photo {
max-height: 20rem;
width: 100%;
overflow: hidden;
position: relative;
margin-bottom: 3rem
}
.category-news figure.u-photo img,
.type-events figure.u-photo img,
.type-post figure.u-photo img {
display: block
}
.category-news figure.u-photo {
margin-bottom: 2rem
}
.events time {
color: #009ddf
}
.post-type-archive-solutions .wrapper-content {
margin-top: 4rem
}
@media (min-width:992px) {
.post-type-archive-solutions .wrapper-content {
margin-top: 6rem
}
}
@media (min-width:1600px) {
.post-type-archive-solutions .wrapper-content {
margin-top: 9rem
}
}
.post-type-archive-solutions .wrapper-content h2 {
text-align: center
}
@media (min-width:992px) {
.post-type-archive-solutions .wrapper-content h2 {
margin-bottom: 4rem
}
}
.post-type-archive-solutions .side-content {
text-align: center
}
.post-type-archive-solutions .side-content .btn {
margin-left: auto;
margin-right: auto
}
.single-solutions .side-content {
text-align: center
}
@media (max-width:991px) {
.single-solutions .side-content {
padding: 0 4rem
}
}
@media (max-width:767px) {
.single-solutions .side-content {
padding: 0 2rem
}
}
@media (min-width:992px) {
.single-solutions .side-content {
margin: 0 auto;
width: 80%
}
}
@media (min-width:1200px) {
.single-solutions .side-content {
width: 62%
}
}
.single-solutions .side-content .btn {
margin-left: auto;
margin-right: auto
}
.error404 {
height: 100vh;
background: transparent url(//xenomatix.beweb.studio/wp-content/themes/gblmaster/img/error.jpg) 50% no-repeat;
background-size: cover
}
.error404:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background: hsla(0, 0%, 100%, .9)
}
.error404 footer {
display: none
}
.error404 .not-found {
padding: 12rem 2rem 2rem
}
@media (min-width:768px) {
.error404 .not-found {
padding: 12rem 4rem 2rem
}
}
@media (min-width:992px) {
.error404 .not-found {
padding: 6rem 8rem 6rem 16rem;
position: fixed;
top: 50%;
-webkit-transform: translateY(-40%);
transform: translateY(-40%)
}
}
@media (min-width:1200px) {
.error404 .not-found {
max-width: 70%
}
}
@media (min-width:1600px) {
.error404 .not-found {
padding: 6rem 16rem 6rem 24rem
}
}
.error404 .not-found h1 {
margin-bottom: 2rem;
font-size: 4rem;
line-height: 4.4rem
}
@media (min-width:768px) {
.error404 .not-found h1 {
font-size: 5rem;
line-height: 5.6rem
}
}
@media (min-width:992px) {
.error404 .not-found h1 {
font-size: 6rem;
line-height: 6rem
}
}
.error404 .not-found h1 a {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
display: block;
width: 100%;
height: 100%
}
.error404 .not-found h2 {
margin-bottom: 2rem
}
.error404 .not-found h2 span {
font-weight: 700
}
.error404 .not-found .btn {
margin-top: 3rem
}
@media (min-width:768px) {
.page-template-video #main .youtube_channel,
.page-template-webinars #main .youtube_channel > div {
display: -webkit-box;
display: flex;
flex-wrap: wrap
}
}
.page-template-video #main .youtube_channel > div,
.page-template-webinars #main .youtube_channel > div {
padding: 0 0 3rem
}
@media (min-width:768px) {
.page-template-video #main .youtube_channel > div,
.page-template-webinars #main .youtube_channel > div {
width: 50% !important;
padding: 0 3rem 3rem
}
}
@media (min-width:992px) {
.page-template-video #main .youtube_channel > div,
.page-template-webinars #main .youtube_channel > div {
width: 33.333333% !important;
padding: 0 3rem 6rem
}
}
.page-template-video #main .youtube_channel .ytc_title_below,
.page-template-webinars #main .youtube_channel .ytc_title_below {
color: #0c0c0c;
text-align: center;
margin: 1.5rem 0 0;
font-size: 2rem;
font-weight: 700
}
.page-template-video #main .channel-link,
.page-template-webinars #main .channel-link {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center
}
.page-template-page-partners .site-main .wrapper-content {
padding: 0 2rem
}
@media (min-width:768px) {
.page-template-page-partners .site-main .wrapper-content {
padding: 0 4rem
}
}
@media (min-width:992px) {
.page-template-page-partners .site-main .wrapper-content {
padding: 0 8rem
}
}
@media (min-width:1600px) {
.page-template-page-partners .site-main .wrapper-content {
padding: 0 16rem
}
}
.page-template-page-partners .section-multiplecol.archive-partners {
padding: 0;
margin: 0 0 4rem
}
@media (min-width:992px) {
.page-template-page-partners .section-multiplecol.archive-partners {
margin-bottom: 6rem
}
}
@media (min-width:1600px) {
.page-template-page-partners .section-multiplecol.archive-partners {
margin-bottom: 9rem
}
}
.page-template-page-partners .section-multiplecol.archive-partners .readmore {
margin-top: 3rem
}
@media (min-width:768px) {
.page-template-page-partners aside {
display: -webkit-box;
display: flex;
flex-wrap: wrap
}
}
@media (min-width:768px) {
.page-template-page-partners .blog {
padding: 0 4rem 0 0;
width: 56%
}
}
@media (min-width:992px) {
.page-template-page-partners .blog {
padding: 0 6rem 0 0
}
}
@media (min-width:1200px) {
.page-template-page-partners .blog {
padding: 0 8rem 0 0
}
.page-template-page-partners .blog .label,
.page-template-page-partners .blog .wrapper-content {
padding-left: 12rem
}
.page-template-page-partners .blog .category-news {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column
}
.page-template-page-partners .blog .category-news .wrapper-content {
-webkit-box-ordinal-group: 2;
order: 1;
margin-bottom: 3rem
}
.page-template-page-partners .blog .category-news .u-photo {
-webkit-box-ordinal-group: 3;
order: 2
}
}
@media (min-width:1600px) {
.page-template-page-partners .blog {
padding: 0 12rem 0 8rem
}
}
.page-template-page-partners .blog .label {
margin-bottom: 1.5rem
}
@media (min-width:768px) {
.page-template-page-partners .quotes-contact {
width: 44%
}
}
.page-template-page-partners .blog ul {
margin: 0;
padding: 0
}
.page-template-page-partners .blog ul li {
margin: 0;
padding: 0;
list-style-type: none
}
.page-template-page-partners .quote-item {
background: #ebeef0;
padding: 4rem 2rem;
position: relative;
z-index: 10
}
@media (max-width:991px) {
.page-template-page-partners .quote-item {
display: none
}
}
@media (min-width:992px) {
.page-template-page-partners .quote-item {
padding: 6rem 6rem 6rem 8rem
}
}
@media (min-width:1600px) {
.page-template-page-partners .quote-item {
padding: 6rem 12rem
}
}
.page-template-page-partners .quote-item blockquote {
margin: 0
}
.page-template-page-partners .quote-item blockquote p {
font-size: 2rem
}
body.logged-in.has-sticky-menu #masthead .header-container {
position: relative;
top: 4.6rem
}
@media (min-width:783px) {
body.logged-in.has-sticky-menu #masthead .header-container {
top: 4.2rem
}
}
body.logged-in.sticky-menu #masthead .header-container {
position: relative;
top: 4.6rem
}
@media (min-width:783px) {
body.logged-in.sticky-menu #masthead .header-container {
top: 3.2rem
}
}
[id^=modal_cf7_shortcode_] .flex {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between
}
[id^=modal_cf7_shortcode_] .flex .col {
width: 48%
}
[id^=modal_cf7_shortcode_] textarea {
height: 20px
}
.showAfterVideoEnd {
display: none
}
@media print {
*,
:after,
:before {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important
}
a,
a:visited {
text-decoration: underline
}
a[href]:after {
content: " ("attr(href) ")"
}
abbr[title]:after {
content: " ("attr(title) ")"
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ""
}
pre {
white-space: pre-wrap !important
}
blockquote,
pre {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img,
tr {
page-break-inside: avoid
}
h2,
h3,
p {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
#footer-main,
#header-main,
.embed-container,
audio,
video {
display: none !important
}
} .mcnPageBannerContainer {
display: none !important;
}
section.lidar-xavia {
padding-bottom: 30px;
display: flex;
justify-content: center;
}
.lidar-xavia iframe {
box-shadow: 3px 6px 3px lightgray;
}
section.lidar-xavia {
text-transform: uppercase;
} .video-wrapper iframe {
width: 100%;
height: 100%;
border: 0;
}
.slide-content {
position: absolute;
bottom: 2rem;
left: 2rem;
color: #fff;
}@keyframes rotate-forever{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spinner-loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.pum-container,.pum-content,.pum-content+.pum-close,.pum-content+.pum-close:active,.pum-content+.pum-close:focus,.pum-content+.pum-close:hover,.pum-overlay,.pum-title{background:0 0;border:none;bottom:auto;clear:none;cursor:default;float:none;font-family:inherit;font-size:medium;font-style:normal;font-weight:400;height:auto;left:auto;letter-spacing:normal;line-height:normal;max-height:none;max-width:none;min-height:0;min-width:0;overflow:visible;position:static;right:auto;text-align:left;text-decoration:none;text-indent:0;text-transform:none;top:auto;visibility:visible;white-space:normal;width:auto;z-index:auto}.pum-container .pum-content+.pum-close>span,.pum-content,.pum-title{position:relative;z-index:1}.pum-overlay,html.pum-open.pum-open-overlay-disabled.pum-open-fixed .pum-container,html.pum-open.pum-open-overlay.pum-open-fixed .pum-container{position:fixed}.pum-overlay{height:100%;width:100%;top:0;left:0;right:0;bottom:0;z-index:1999999999;overflow:initial;display:none;transition:.15s ease-in-out}.pum-overlay.pum-form-submission-detected,.pum-overlay.pum-preview{display:block}.pum-overlay,.pum-overlay *,.pum-overlay :after,.pum-overlay :before,.pum-overlay:after,.pum-overlay:before{box-sizing:border-box}.pum-container{top:100px;position:absolute;margin-bottom:3em;z-index:1999999999}.pum-container.pum-responsive{left:50%;margin-left:-47.5%;width:95%;height:auto;overflow:visible}.pum-container.pum-responsive img{max-width:100%;height:auto}@media only screen and (min-width:1024px){.pum-container.pum-responsive.pum-responsive-nano{margin-left:-5%;width:10%}.pum-container.pum-responsive.pum-responsive-micro{margin-left:-10%;width:20%}.pum-container.pum-responsive.pum-responsive-tiny{margin-left:-15%;width:30%}.pum-container.pum-responsive.pum-responsive-small{margin-left:-20%;width:40%}.pum-container.pum-responsive.pum-responsive-medium{margin-left:-30%;width:60%}.pum-container.pum-responsive.pum-responsive-normal{margin-left:-30%;width:70%}.pum-container.pum-responsive.pum-responsive-large{margin-left:-35%;width:80%}.pum-container.pum-responsive.pum-responsive-xlarge{margin-left:-47.5%;width:95%}.pum-container.pum-responsive.pum-position-fixed{position:fixed}}@media only screen and (max-width:1024px){.pum-container.pum-responsive.pum-position-fixed{position:absolute}}.pum-container.custom-position{left:auto;top:auto;margin-left:inherit}.pum-container .pum-title{margin-bottom:.5em}.pum-container .pum-content>:last-child,.pum-form__message:last-child{margin-bottom:0}.pum-container .pum-content:focus{outline:0}.pum-container .pum-content>:first-child{margin-top:0}.pum-container .pum-content+.pum-close{text-decoration:none;text-align:center;line-height:1;position:absolute;cursor:pointer;min-width:1em;z-index:2;background-color:transparent}.pum-container.pum-scrollable .pum-content{overflow:auto;overflow-y:scroll;max-height:95%}.pum-overlay.pum-overlay-disabled{visibility:hidden}.pum-overlay.pum-overlay-disabled::-webkit-scrollbar{display:block}.pum-overlay.pum-overlay-disabled .pum-container{visibility:visible}.popmake-close,.pum-overlay.pum-click-to-close{cursor:pointer}html.pum-open.pum-open-overlay,html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay{overflow:hidden}html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]){padding-right:15px}html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active{overflow-y:scroll;-webkit-overflow-scrolling:touch}html.pum-open.pum-open-overlay-disabled.pum-open-scrollable .pum-overlay.pum-active{position:static;height:auto;width:auto}.pum-form{margin:0 auto 16px}.pum-form__field{margin-bottom:1em}.pum-form__field label{font-weight:700}.pum-form__field input[type=date],.pum-form__field select{margin:0 auto;font-size:18px;line-height:26px;text-align:center;padding:3px;vertical-align:middle}.pum-form__field select{padding:5px 3px}.pum-form__loader{font-size:2em;animation-duration:.75s;animation-iteration-count:infinite;animation-name:rotate-forever;animation-timing-function:linear;height:.75em;width:.75em;border:.25em solid rgba(0,0,0,.5);border-right-color:transparent;border-radius:50%;display:inline-block}.pum-form__submit{position:relative}.pum-form__submit .pum-form__loader{margin-left:.5em;border:.25em solid rgba(255,255,255,.5);border-right-color:transparent}.pum-form__messages{display:none;border:1px solid rgba(0,0,0,.25);margin-bottom:.5em;padding:1em;position:relative}.pum-form__message{margin-bottom:.5em}.pum-form__message--error{color:red!important;border-color:red}.pum-form__message--success{color:green!important;border-color:green}.pum-form--loading,.pum-sub-form .pum-sub-form-loading{opacity:.5}.pum-alignment-left,.pum-form--alignment-left{text-align:left}.pum-alignment-center{text-align:center}.pum-alignment-right{text-align:right}.pum-form--alignment-center{text-align:center}.pum-form--alignment-right{text-align:right}.pum-form--layout-standard .pum-form__field>label{margin-bottom:.25em;display:block}.pum-form--layout-inline .pum-form__field{display:inline-block}.pum-form--layout-block .pum-form__field,.pum-form--layout-block button,.pum-form--layout-block div,.pum-form--layout-block input{display:block;width:100%}.pum-form--style-default label{font-size:14px;font-weight:700}.pum-form--style-default input[type=email],.pum-form--style-default input[type=text]{background-color:#f8f7f7;margin-bottom:5px;font-size:14px;padding:10px 8px}.pum-form--style-default button{font-size:18px;margin:10px 0 0;padding:10px 5px;cursor:pointer}.pum-sub-form p.pum-newsletter-error-msg{margin:0}.pum-sub-form .spinner-loader{right:50%;position:absolute;bottom:40%}.pum-sub-form .spinner-loader:not(:required){animation:1.5s linear infinite spinner-loader;border-radius:.5em;box-shadow:rgba(0,0,51,.3) 1.5em 0 0 0,rgba(0,0,51,.3) 1.1em 1.1em 0 0,rgba(0,0,51,.3) 0 1.5em 0 0,rgba(0,0,51,.3) -1.1em 1.1em 0 0,rgba(0,0,51,.3) -1.5em 0 0 0,rgba(0,0,51,.3) -1.1em -1.1em 0 0,rgba(0,0,51,.3) 0 -1.5em 0 0,rgba(0,0,51,.3) 1.1em -1.1em 0 0;display:inline-block;font-size:10px;width:1em;height:1em;margin:1.5em;overflow:hidden;text-indent:100%}.pum-form__field--consent{text-align:left}.pum-form__field--consent.pum-form__field--checkbox label,.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label{display:inline-block;vertical-align:middle}.pum-form__field--consent.pum-form__field--checkbox label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label+label{margin-left:1em}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--stacked label{display:block;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--stacked label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-container iframe.formidable{width:100%;overflow:visible}.flatpickr-calendar.open,.pika-single,body div#ui-datepicker-div[style]{z-index:9999999999!important}