@charset "UTF-8";
/*------------------------------------------------------------------
	Base: Media queries / breakpoints definition
------------------------------------------------------------------*/
/*------------------------------------------------------------------
	Custom Theme styling
------------------------------------------------------------------*/
/*------------------------------------------------------------------
	Variables styling
------------------------------------------------------------------*/
/*----------------------------------------------------------
	Base space variables
----------------------------------------------------------*/
/*** Base ***/
/*** Pinch Spaces ***/
/*** InnerSpace ***/
/*** Headings Spaces ***/
/*** Content Spaces ***/
/*** Button Spaces ***/
/*** Gap Spaces ***/
/*** Header Spaces ***/
/*** Footer Spaces ***/
/*----------------------------------------------------------
	Color variables
----------------------------------------------------------*/
/*** Primary color / First color ***/
/*** Secondary color / Second color ***/
/*** Tertiary color / Third color ***/
/*** Quaternary color / Fourth color ***/
/*** Invert color ***/
/*** Red color ***/
/*** Blue color ***/
/*** Amber color ***/
/*** Shades ***/
/*** Text color ***/
/*** Black & White ***/
/*----------------------------------------------------------
	Clickable styling variables
----------------------------------------------------------*/
/*** Change the contrast value ***/
/*** Change the color for the clickable text ***/
/*** Change the hover color for the clickable text ***/
/*------------------------------------------------------
	Specific UL's [ Social Share, Catgories ]
------------------------------------------------------*/
/*------------------------------------------------------
	Forms
------------------------------------------------------*/
/*----------------------------------------------------------
	Font styling variables
----------------------------------------------------------*/
/*** Headings ***/
/*** Body text ***/
/*** BLockquote Text ***/
/*----------------------------------------------------------
	Header variables
----------------------------------------------------------*/
/***  ***/
/*** Gradient color ***/
/*------------------------------------------------------
	Navigation
------------------------------------------------------*/
/*----------------------------------------------------------
	Specific styling variables
----------------------------------------------------------*/
/*** Border Radius ***/
/*** Border Radius ***/
/*** Border Outline ***/
/*------------------------------------------------------
	Slick slider
------------------------------------------------------*/
/*------------------------------------------------------------------
	Base: Mixins
------------------------------------------------------------------*/
/*------------------------------------------------------------------
	SCSS mixins
------------------------------------------------------------------*/
/*** Base mixins ***/
/***
 * The rem font-size unit is similar to em, only instead of cascading it's always relative to the root (html) element (more information).
 * This has pretty good modern browser support, it's just IE 8 and down we need to provide px fallbacks for.
***/
/*** Extended mixins ***/
/*------------------------------------------------------------------
	Icon fonts
------------------------------------------------------------------*/
/*------------------------------------------------------------------
	Default colors
------------------------------------------------------------------*/
/*------------------------------------------------------------------
	Overall colors
------------------------------------------------------------------*/
/*------------------------------------------------------------------
	Text color
------------------------------------------------------------------*/
/*------------------------------------------------------------------
	Last link button & icon
------------------------------------------------------------------*/
/*------------------------------------------------------------------
	Custom Theme styling
------------------------------------------------------------------*/
/*------------------------------------------------------------------
	Custom Theme styling
------------------------------------------------------------------*/
/*------------------------------------------------------------------
	Custom Theme styling
------------------------------------------------------------------*/
/*------------------------------------------------------------------
	Slick Slider styling
------------------------------------------------------------------*/
/*** Slick slider: Default styling ***/
.slick-loading .slick-list {
  background: #ffffff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/*** Slick slider: Flexable styling ***/
.fxb_slider .fxb_slider-inner .slick-list {
  z-index: 998; }

@media (min-width: 1081px) {
  .fxb_slider .fxb_slider-inner:before {
    position: absolute;
    right: 0px;
    bottom: 65px;
    content: '';
    width: 143px;
    height: 142px;
    background: url("client/images/slider-xlab-logo-corner-white.svg");
    z-index: 999;
    opacity: 0.32; }
  .fxb_slider .fxb_slider-inner:after {
    position: absolute;
    right: -85px;
    bottom: -21px;
    content: '';
    width: 228px;
    height: 228px;
    background: url("client/images/slider-xlab-logo-full-color.svg");
    z-index: 1; } }

.slick-dots {
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem; }
  .slick-dots li button:before {
    font-size: 64px;
    font-size: 4rem;
    color: #efb350;
    opacity: 1; }
  .slick-dots li.slick-active button:before {
    color: #dd5c44;
    opacity: 1; }

/*------------------------------------------------------------------
	Reference styling
------------------------------------------------------------------*/
.fxb_references .fxb_wrapper > .wpb_content_element {
  display: inline-block; }

.fxb_reference {
  float: left;
  /*@include media(">tablet_l", "<=desktop_s") {
		max-height: 72px;
	}*/ }
  .fxb_reference .wpb_content_element {
    margin-bottom: 0.75rem !important; }
  .fxb_reference .vc_column-inner {
    padding-top: 0px;
    padding-top: 0rem;
    padding-right: 0px;
    padding-right: 0rem;
    padding-bottom: 0px;
    padding-bottom: 0rem;
    padding-left: 0px;
    padding-left: 0rem; }
  .fxb_reference .fxb_reference-inner {
    background: white; }
    @media (min-width: 1280px) {
      .fxb_reference .fxb_reference-inner {
        padding-top: 0px;
        padding-top: 0rem;
        padding-right: 36px;
        padding-right: 2.25rem;
        padding-bottom: 0px;
        padding-bottom: 0rem;
        padding-left: 36px;
        padding-left: 2.25rem; } }

@media (min-width: 1081px) and (max-width: 1280px) {
  .fxb_reference .fxb_reference-inner {
    padding-top: 0px;
    padding-top: 0rem;
    padding-right: 28px;
    padding-right: 1.75rem;
    padding-bottom: 0px;
    padding-bottom: 0rem;
    padding-left: 28px;
    padding-left: 1.75rem; } }

@media (min-width: 415px) and (max-width: 1080px) {
  .fxb_reference .fxb_reference-inner {
    padding-top: 0px;
    padding-top: 0rem;
    padding-right: 16px;
    padding-right: 1rem;
    padding-bottom: 0px;
    padding-bottom: 0rem;
    padding-left: 16px;
    padding-left: 1rem; } }
    @media (max-width: 414px) {
      .fxb_reference .fxb_reference-inner {
        padding-top: 0px;
        padding-top: 0rem;
        padding-right: 12px;
        padding-right: 0.75rem;
        padding-bottom: 0px;
        padding-bottom: 0rem;
        padding-left: 12px;
        padding-left: 0.75rem; } }

@media (min-width: 641px) and (max-width: 768px) {
  .fxb_reference.vc_col-sm-2 {
    width: 33.3%; } }
  @media (max-width: 640px) {
    .fxb_reference.vc_col-sm-2 {
      width: 50%; } }
  @media (min-width: 1280px) {
    .fxb_reference.vc_col-sm-2 .fxb_reference-inner .vc_single_image-wrapper {
      height: 120px; } }

@media (min-width: 1081px) and (max-width: 1280px) {
  .fxb_reference.vc_col-sm-2 .fxb_reference-inner .vc_single_image-wrapper {
    height: 84px; } }

@media (min-width: 415px) and (max-width: 1080px) {
  .fxb_reference.vc_col-sm-2 .fxb_reference-inner .vc_single_image-wrapper {
    height: 68px; } }
  @media (max-width: 414px) {
    .fxb_reference.vc_col-sm-2 .fxb_reference-inner .vc_single_image-wrapper {
      height: 68px; } }
  @media (min-width: 1280px) {
    .fxb_reference.vc_col-sm-2 .fxb_reference-inner .vc_single_image-wrapper a img {
      max-height: 108px; } }

@media (min-width: 1081px) and (max-width: 1280px) {
  .fxb_reference.vc_col-sm-2 .fxb_reference-inner .vc_single_image-wrapper a img {
    max-height: 72px; } }

@media (min-width: 415px) and (max-width: 1080px) {
  .fxb_reference.vc_col-sm-2 .fxb_reference-inner .vc_single_image-wrapper a img {
    max-height: 56px; } }
  @media (max-width: 414px) {
    .fxb_reference.vc_col-sm-2 .fxb_reference-inner .vc_single_image-wrapper a img {
      max-height: 56px; } }

@media (min-width: 641px) and (max-width: 768px) {
  .fxb_reference.vc_col-sm-3 {
    width: 33.3%; } }
  @media (max-width: 640px) {
    .fxb_reference.vc_col-sm-3 {
      width: 50%; } }
  @media (min-width: 1280px) {
    .fxb_reference.vc_col-sm-3 .fxb_reference-inner .vc_single_image-wrapper {
      height: 144px; } }

@media (min-width: 1081px) and (max-width: 1280px) {
  .fxb_reference.vc_col-sm-3 .fxb_reference-inner .vc_single_image-wrapper {
    height: 120px; } }

@media (min-width: 415px) and (max-width: 1080px) {
  .fxb_reference.vc_col-sm-3 .fxb_reference-inner .vc_single_image-wrapper {
    height: 84px; } }
  @media (max-width: 414px) {
    .fxb_reference.vc_col-sm-3 .fxb_reference-inner .vc_single_image-wrapper {
      height: 68px; } }
  @media (min-width: 1280px) {
    .fxb_reference.vc_col-sm-3 .fxb_reference-inner .vc_single_image-wrapper a img {
      max-height: 128px; } }

@media (min-width: 1081px) and (max-width: 1280px) {
  .fxb_reference.vc_col-sm-3 .fxb_reference-inner .vc_single_image-wrapper a img {
    max-height: 108px; } }

@media (min-width: 415px) and (max-width: 1080px) {
  .fxb_reference.vc_col-sm-3 .fxb_reference-inner .vc_single_image-wrapper a img {
    max-height: 72px; } }
  @media (max-width: 414px) {
    .fxb_reference.vc_col-sm-3 .fxb_reference-inner .vc_single_image-wrapper a img {
      max-height: 56px; } }

/*------------------------------------------------------------------
	Custom Theme styling
------------------------------------------------------------------*/
/*------------------------------------------------------------------
	Custom Theme styling
------------------------------------------------------------------*/
.shape-top {
  background-image: url("assets/images/shape-top.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  width: 100%;
  padding-top: 5.84%; }

.fxb_shape-wrapper {
  position: absolute;
  /*&.fxb_diagonal-horizontal-up,
	&.fxb_diagonal-horizontal-down*/
  /*&.fxb_diagonal-vertical-up,
	&.fxb_diagonal-vertical-down*/ }
  .fxb_shape-wrapper.fxb_horizontal-top-one, .fxb_shape-wrapper.fxb_horizontal-top-two {
    height: 88px;
    top: -80px;
    left: 0;
    width: 100%;
    overflow: hidden; }

@media (min-width: 476px) and (max-width: 1080px) {
  .fxb_shape-wrapper.fxb_horizontal-top-one, .fxb_shape-wrapper.fxb_horizontal-top-two {
    height: 92px;
    top: -72px; } }

@media (min-width: 321px) and (max-width: 475px) {
  .fxb_shape-wrapper.fxb_horizontal-top-one, .fxb_shape-wrapper.fxb_horizontal-top-two {
    height: 64px;
    top: -56px; } }
    @media (max-width: 320px) {
      .fxb_shape-wrapper.fxb_horizontal-top-one, .fxb_shape-wrapper.fxb_horizontal-top-two {
        height: 48px;
        top: -40px; } }
  .fxb_shape-wrapper.fxb_vertical-right-one, .fxb_shape-wrapper.fxb_vertical-right-two {
    height: 100%;
    width: 80px;
    right: 0; }

@media (min-width: 476px) and (max-width: 1080px) {
  .fxb_shape-wrapper.fxb_vertical-right-one, .fxb_shape-wrapper.fxb_vertical-right-two {
    width: 56px; } }
    @media (max-width: 475px) {
      .fxb_shape-wrapper.fxb_vertical-right-one, .fxb_shape-wrapper.fxb_vertical-right-two {
        display: none; } }
  .fxb_shape-wrapper.intro-shape {
    height: 100%; }
    @media (min-width: 1081px) {
      .fxb_shape-wrapper.intro-shape {
        width: 2560px;
        right: calc(57.5%); } }
    @media (max-width: 1080px) {
      .fxb_shape-wrapper.intro-shape {
        display: none; } }
  .fxb_shape-wrapper svg {
    position: relative;
    height: 100%; }
    .fxb_shape-wrapper svg .bg-white {
      fill: #ffffff; }
    .fxb_shape-wrapper svg .bg-pri-base {
      fill: #EFB350; }
    .fxb_shape-wrapper svg .bg-sec-base {
      fill: #DD5C44; }
    .fxb_shape-wrapper svg .bg-third-base {
      fill: #EC1582; }
    .fxb_shape-wrapper svg .bg-fourth-base {
      fill: #70C389; }

/*------------------------------------------------------------------
	Custom Theme styling
------------------------------------------------------------------*/
.fxb_logo .fxb_logo-white {
  display: none; }

/*
.vc_row {
	
	.fxb_row-inner {
		
		.wpb_column {
			
			.wpb_wrapper {
				
				.vc_row {
					
					&:not(:last-child) {
						@include padding(bottom 1.0);
						
						@include media(">desktop_s", "<=desktop_m") {
							@include padding(bottom 0.75);
						}
						
						@include media(">tablet_l", "<=desktop_s") {
							@include padding(bottom 0.5);
						}
						
						@include media("<=tablet_l") {
							@include padding(bottom 0.25);
						}
					}	
				}
			}
		}
	}
}
*/
/*.vc_row {

	.fxb_row-inner {
	
		> .wpb_wrapper {
		
			.vc_row {
				
				> .wpb_column {
					
					&:last-child {
						
						.vc_column-inner {
							
							.wpb_wrapper {
								
								.wpb_content_element {
									@include margin(bottom 0);
								}
							}
						}
					}
				}
			}
		}
	}
}*/
.bg-logo-white {
  background-image: url("client/images/bg-xlab-logo-transparent-white-large.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain; }

.bg-logo-color {
  background-image: url("client/images/bg-xlab-logo-transparent-color-large.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain; }

.fxb_front-page main article .vc_row:first-child {
  background-position: center center;
  background-size: cover; }

.fxb_nav-list.fxb_nav-text-color.fxb_nav-default ul li.btn-login a {
  background-color: white;
  border-color: #ec1582 !important;
  border-style: solid;
  border-width: 2px;
  color: #ec1582 !important; }

.fxb_nav-list.fxb_nav-text-color.fxb_nav-default ul li.btn-login:hover a {
  background-color: #ec1582;
  color: white !important; }

main .text-light h1, main .text-light h2, main .text-light h3 {
  color: #ffffff; }

/*[class*="vc_col-sm-"] {
	
	.wpb_single_image {
		
		.vc_single_image-wrapper {
			
			@include media(">phablet", "<tablet_s") {
				@include margin(right 3 left 3);	
			}
			
			@include media("<=phablet") {
				@include margin(right 1.5 left 1.5);
			}
		}
	}
}*/