/*! formstone v0.8.35 [background.css] 2015-12-28 | MIT License | formstone.it */

/**
	 * @class
	 * @name .fs-background-element
	 * @type element
	 * @description Target elmement
	 */
/**
	 * @class
	 * @name .fs-background
	 * @type element
	 * @description Base widget class
	 */
.fs-background {
    overflow: hidden;
    position: relative;
    /**
           * @class
           * @name .fs-background-container
           * @type element
           * @description Container element
           */
    /**
           * @class
           * @name .fs-background-media
           * @type element
           * @description Media element
           */
    /**
           * @class
           * @name .fs-background-media.fs-background-animated
           * @type modifier
           * @description Indicates animated state
           */
    /**
           * @class
           * @name .fs-background-media.fs-background-navtive
           * @type modifier
           * @description Indicates native support
           */
    /**
           * @class
           * @name .fs-background-media.fs-background-fixed
           * @type modifier
           * @description Indicates fixed positioning
           */
    /**
           * @class
           * @name .fs-background-embed
           * @type element
           * @description Embed/iFrame element
           */
    /**
           * @class
           * @name .fs-background-embed.fs-background-embed-ready
           * @type modifier
           * @description Indicates ready state
           */
}
.fs-background,
.fs-background-container,
.fs-background-media {
    -webkit-transition: none;
    transition: none;
}
.fs-background-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    overflow: hidden;
}
.fs-background-media {
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: 0;
}
.fs-background-media.fs-background-animated {
    -webkit-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}
.fs-background-media img,
.fs-background-media video,
.fs-background-media iframe {
    width: 100%;
    height: 100%;
    display: block;
    -webkit-user-drag: none;
}
.fs-background-media.fs-background-native,
.fs-background-media.fs-background-fixed {
    width: 100%;
    height: 100%;
}
.fs-background-media.fs-background-native img,
.fs-background-media.fs-background-fixed img {
    display: none;
}
.fs-background-media.fs-background-native {
    background-position: center;
    background-size: cover;
}
.fs-background-media.fs-background-fixed {
    background-position: center;
    background-attachment: fixed;
}
.fs-background-embed.fs-background-ready:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: '';
}
.fs-background-embed.fs-background-ready iframe {
    z-index: 0;
}