/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: 'Circe-Bold';
  src: url('./fonts/CIRCEBOLD.eot'); /* IE9 Compat Modes */
  src: url('./fonts/CIRCEBOLD.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./fonts/CIRCEBOLD.woff2') format('woff2'), /* Modern Browsers */
    url('./fonts/CIRCEBOLD.woff') format('woff'), /* Modern Browsers */
    url('./fonts/CIRCEBOLD.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./fonts/CIRCEBOLD.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
  font-style: normal;
}
body{
  font-family: 'Circe-Bold';
  margin:0px !important;
  padding:0px !important;
  color:#fff;
  -webkit-font-smoothing: antialiased;
}
.container{
  height: 100vh;
    z-index: 3;
    position: relative;
}
.mob_bg{
	display:none;
}
.mobile_bg{
	background-size: cover !important;
	background-position-x: 50% !important;
	position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    z-index: 1;
	opacity:0;
}
.mobile_bg.active{
	opacity:1;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;  
    -o-transition: all 1s ease; 
    transition: all 1s ease;  
}
.mobile_bg:nth-child(1){
	background: url(blacky_blur_1200x800.jpeg)no-repeat;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;  
    -o-transition: all 1s ease; 
    transition: all 1s ease;  
}
.mobile_bg:nth-child(2){
	background: url(blacky_girl_1200x800.jpeg)no-repeat;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;  
    -o-transition: all 1s ease; 
    transition: all 1s ease;  
}
.mobile_bg:nth-child(3){
	background: url(blacky_street_1200x800.jpeg)no-repeat;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;  
    -o-transition: all 1s ease; 
    transition: all 1s ease;  
}
.mobile{
  
  background-size: cover;
  background-position-x: 50%;
}
.progress{
	width:0px;
	position: absolute;
    top: 0px;
    left: 0px;
    height: 10px;
    background: #fff;
    z-index: 3;

}
.sheet{
  display: table;
  width: 100%;
  height: 100%;
}
#video{
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
  z-index:2;
}
.logo{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  position:relative;
}
.inline{
  display: inline-block;
  padding-right: 30px;
  padding-left: 30px;
}
.phone{
  color: #fff !important;
  text-decoration: none !important;
  font-family: 'Circe-Bold';
}
.email{
  color: #fff !important;
  font-family: 'Circe-Bold';
}
.logo{
  -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.foo{
  position: absolute;
  margin-top: 100px;
  left: 0;
  right: 0;
}
.item-193{
    position: absolute;
    left: -15px;
}