/*

Theme Name: bluebird corporate theme

Theme URL: https://bluebird.ac/

Description: bluebird - human resources, events and adventure

Author: J/M

Version: 1.1.0

*/

@charset "UTF-8";
/* CSS Document */
@import url('css/fonts.css');
@import url('css/grid.css');
@import url('css/header.css');
@import url('css/moduls.css');
@import url('css/icon.css');
@import url('css/colors.css');
@import url('css/landingpage_addon.css');
@import url('css/flickity.css');

/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */

/* STANDARTS */

/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


video {
	position: absolute;
	z-index: 0;
  /* Make video to at least 100% wide and tall */
  	min-width: 100%; 
  	min-height: 100%;
	max-height: 37.5vw;
  
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
	width: auto;
	height: auto;
	object-fit: cover;
  	/* Center the video */
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%,-50%);
}


.center{
	
  display: flex;
  align-items: center;
  justify-content: center;
}
.centerV{
	
  display: flex;
  align-items: center;
}

a {
    width: auto;
    text-shadow: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    text-decoration: none;
	
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
	
	opacity: 1;
}
.ContTxt a{
	color: #24C700 !important;
}

.ContTxt ul{
	list-style-type: square;
	list-style-position: inside;
	padding-top: 1vw;
	padding-bottom: 1vw;
}

.ContTxt ul li {
	 list-style-type: square;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
	padding-top: 0.3vw;
	padding-bottom: 0.3vw;
}

.ContTxt ul li::before {
}
a:hover {
    text-shadow: none;
    box-shadow: none;
    border-radius: none;
    border: none;
	
	opacity: 0.6;

}

a:active {
	
	opacity: 0.4;
}



/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */

/* Img & Video Sizer */

/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */


img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    display: block;
    position: 50% 50%;
}

/* videos */

.elastic-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

.elastic-video iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    z-index: 4;
}


/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */

/* Body Elements */

/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */


body,
html {
    width: 100vw;
    height: 100%;
    padding: 0;
    margin: 0;
}


/* ===================================================================================================================== */


section {
	position: relative;
    width:calc(100% - 0px);
	margin-right: auto;
	margin-left: auto;
    height: auto;

}


/* ===================================================================================================================== */


#wrapper {
	position: relative;
	width: 80vw;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

#MainContent{
	position: relative;
	width: 100%;
	height: auto;
}
#PageHeader{
	position: absolute;
	overflow: hidden;
	z-index: 1;
	width: 100%;
	height: 37.5vw;
}
#PageContent{
	position: relative;
	z-index: 4;
	width: 100%;
	height: auto;
	padding-top: 25vw;
}

#PageKontakt{
	position: relative;
	z-index: 4;
	width: 100%;
	height: auto;
}

/* ===================================================================================================================== */



/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */

/* Footer */

/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */


footer{
	position: relative;
	
	z-index: 4;
	width: 100%;
	height: auto;
}

/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */

/* ----- */
@media screen and (max-width: 956px) {
video {
	position: absolute;
	z-index: 0;
  /* Make video to at least 100% wide and tall */
  	min-width: 100%; 
  	min-height: 100%;
	max-height: 75vw; 
  
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
	width: auto;
	height: auto;
	object-fit: cover !important;
  	/* Center the video */
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%,-50%);
}
	
#PageHeader{
	height: 75vw;
}
	
#PageContent{
	padding-top: 56.25vw;
}

/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
	
}
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */

@media screen and (max-width: 568px) {
	
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
video {
	position: absolute;
	z-index: 0;
  /* Make video to at least 100% wide and tall */
  	min-width: 100%; 
  	min-height: 100%;
	max-height: 100vw; 
  
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
	width: auto;
	height: auto;
	object-fit: cover !important;
  	/* Center the video */
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%,-50%);
}
/* Body Elements */

/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
#PageHeader{
	height: 100vw;
}
	
#PageContent{
	padding-top: 93.75vw;
}

	
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */

}