@charset "utf8";
@import "bootstrap.min.css";
@import "grayscale.min.css";
@import "font.Lora.css";/* https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic */
@import "font.Montserrat.css";/* https://fonts.googleapis.com/css?family=Montserrat:400,700 */
@import "font-awesome.min.css";
@import "fontello.css";
@import "animate.css";


body {
  padding-top: 50px;
  height: 100%;
  overflow-x:hidden;
}
#container {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
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%);
background-size: cover;
transition: 1s opacity;
}
.progress {background: rgba(245, 245, 245, 1); border: 0px solid rgba(245, 245, 245, 1); border-radius: 25px; height: 12px;}
.progress-bar-red {background: rgba(255, 0, 0, 0.64);}
.progress-bar-blue {background: rgba(255, 217, 0, 0.64);}
.background-trans {background-color: rgba(0, 0, 0, 0.3);}
.service-icon{display:inline-block;margin-top:10px;font-size:60px;vertical-align: middle;display: table-cell;}
#phone{display: none;}

@font-face {
font-family: paco;
src: url(../fonts/toxicpowers.ttf);
}
.header {font-family: paco; font-size: 48px; }