/*

	TODO, _build\styles\less\mixins.less

*/
/*
$white:    #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #6c757d !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$black:    #000 !default;
/*

/*
$blue:    #0B486B !default;
$indigo:  #6610f2 !default;
$purple:  #BD1550 !default;
$pink:    #FE4365 !default;
$red:     #dc3545 !default;
$orange:  #E97F02 !default;
$yellow:  #F8CA00 !default;
$green:   #8A9B0F !default;
$teal:    #83AF9B !default;
$cyan:    #00A0B0 !default;
/*

/*

$primary:       $green !default;
$secondary:     $purple !default;
$success:       $green !default;
$info:          $cyan !default;
$warning:       $yellow !default;
$danger:        $red !default;
$light:         $gray-100 !default;
$dark:          $gray-800 !default;

*/
/*

$theme-colors: map-merge((
  "blue":    $blue,
  "indigo":  $indigo,
  "purple":    $purple,
  "pink":       $pink,
  "red":    $red,
  "orange":     $orange,
  "yellow":      $yellow,
  "green":       $green,
  "teal":       $teal,
  "cyan":       $cyan
), $theme-colors); 

*/
/*
$nav-link-padding-y:
$nav-link-padding-x:
*/
/*
	Custom variables for bootclean theme version 9
	
	Variables also used under [project]/_build/sass/customs/theme/...
*/
/*

	This variables are used globaly

*/
/*

	And this variables are used over bootclean/sass/core/ folder
	IF not used, defaults will be used, see each file for defaults

*/
/* _body-loader.scss */
/* _navbar.scss */
/* cubic-bezier */
/* CORE */
[data-inview-me='transition'] {
  transition: 1s all ease; }
  @media (prefers-reduced-motion: reduce) {
    [data-inview-me='transition'] {
      transition: none; } }

.inview-me-load {
  display: inline-block;
  position: relative; }
  .inview-me-load.loading .inview-me-loader {
    z-index: 10; }
  .inview-me-load.loading .inview-me-load-element {
    opacity: 0; }
  .inview-me-load.loading .inview-me-load-holder {
    opacity: 0; }
  .inview-me-load .inview-me-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -30px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    z-index: -1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-image: url("data:image/svg+xml,%3C!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --%3E%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='8.042%25' y1='0%25' x2='65.682%25' y2='23.865%25' id='a'%3E%3Cstop stop-color='%23ffffff' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23ffffff' stop-opacity='.631' offset='63.146%25'/%3E%3Cstop stop-color='%23ffffff' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)'%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18' id='Oval-2' stroke='url(%23a)' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/path%3E%3Ccircle fill='%23ffffff' cx='36' cy='18' r='1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); }
  .inview-me-load .inview-me-load-holder {
    display: inline-block;
    position: relative;
    z-index: 6;
    opacity: 1;
    transition: 1s ease all; }
  .inview-me-load .inview-me-load-original {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0; }
  .inview-me-load .inview-me-load-element {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    opacity: 1;
    transition: 1s ease all; }
    .inview-me-load .inview-me-load-element.cloned {
      position: relative;
      z-index: 6;
      top: inherit;
      left: inherit; }

.embed-responsive.inview-me-load {
  display: block; }
  .embed-responsive.inview-me-load [data-inview-me="lazybackground"] {
  /*
transition:none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
*/ }
    .embed-responsive.inview-me-load [data-inview-me="lazybackground"].cloned {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 6; }

.inview-me-background-holder {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1; }

[data-inview-me="ajaxload"] .inview-me-load, [data-inview-me="ajaxload"] .inview-me-load .inview-me-load-holder,
[data-inview-me="ajaxload"] .inview-me-load .inview-me-load-original,
[data-inview-me="ajaxload"] .inview-me-load .inview-me-load-element {
  display: block; }
[data-inview-me="ajaxload"] .inview-me-load .inview-me-load-holder {
  min-height: 60px; }

/*# sourceMappingURL=inview-me.css.map */
