body {
font-family:Arial, sans-serif;
}

#bg {
position:fixed;
top:-50%;
left:-50%;
width:200%;
height:200%;
z-index:-999;
}

#bg img {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
min-width:50%;
min-height:50%;
margin:auto;
}
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

h1 {
    font-size: 1.17em;
}
h2 {
    font-size: .9em;
}
h3 {
    font-size: .9em;
}	

.centered {
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

.box {
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:65%;
background:rgba(255,255,255,0.99);
background-clip:padding-box;
text-align:center;
box-shadow:8px 8px 30px #000;
overflow:hidden;
margin:0 auto;
padding-top:45px;
}

.linkbox {
font-size:1em;
width:100%;
color:#333;
text-decoration:none;
cursor:pointer;
transition:all .5s ease-out;
padding:10px;
}

.linkbox:hover {
background:#CCC;
}
.button {
	border: 0px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background-color: #408cb3;
    color: #FFF;
    padding: 10px;
    cursor: pointer;
}
.button:hover {
    background-color: #768e9d;
  transition: .3s ease;
}
.pointer:hover {
  color: #5c5edc !important;
  text-decoration: none;	
  cursor: pointer; 
  text-shadow: 0px 0px 10px #aaa;
  transition: .7s ease-out;
/*  background: rgba(255,255,255,0.70);
  padding: 30% */
}
.overlay {
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background:rgba(0,0,0,0.7);
transition:opacity 500ms;
visibility:hidden;
opacity:0;
}

.overlay:target {
visibility:visible;
opacity:1;
}

.popup {
background:#fff;
border-radius:5px;
width:30%;
position:relative;
transition:all 5s ease-in-out;
margin:70px auto;
padding:20px;
}

.popup h2 {
margin-top:0;
color:#333;
font-family:Tahoma, Arial, sans-serif;
}

.popup .close {
position:absolute;
top:20px;
right:30px;
transition:all 200ms;
font-size:30px;
font-weight:700;
text-decoration:none;
color:#333;
}

.popup .close:hover {
color:#CCC;
}

.popup .content {
max-height:30%;
overflow:auto;
}

#textarea {
border:1px solid #408cb3;
outline:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
margin-top:10px;
color:#408cb3!important;
font-size:15px;
width:85%;
padding:10px;
}

#textarea:focus {
border:1px solid #CCC;
box-shadow:0 0 8px #5c5edc;
-moz-box-shadow:0 0 2px #5c5edc;
-webkit-box-shadow:0 0 2px #5c5edc;
}

textarea {
font-family:Arial, sans-serif;
color:#408cb3;
font-size:15px;
}

#contact-submit {
border:0;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
background-color:#408cb3;
color:#FFF;
margin-top:10px;
padding:10px;
}

#contact-submit:hover {
box-shadow:0 0 8px #5c5edc;
-moz-box-shadow:0 0 2px #5c5edc;
-webkit-box-shadow:0 0 2px #5c5edc;
}

#back_button {
border:0;
border-radius:1px;
-moz-border-radius:1px;
-webkit-border-radius:1px;
background-color:FFF;
color:#666;
margin-top:10px;
padding:5px;
}

#back_button:hover {
box-shadow:0 0 8px #666;
-moz-box-shadow:0 0 2px #666;
-webkit-box-shadow:0 0 2px #666;
-webkit-animation:flash .5s;
animation:flash .5s;
}

::placeholder {
color:#408cb3;
opacity:1;
}

100% {
opacity:1;
}

.fade-in-l {
animation:fadeIn ease 1.8s;
-webkit-animation:fadeIn ease 1.8s;
-moz-animation:fadeIn ease 1.8s;
-o-animation:fadeIn ease 1.8s;
-ms-animation:fadeIn ease 1.8s;
}

:-ms-input-placeholder,::-ms-input-placeholder {
color:#408cb3;
}

.fade-in,.fade-in-m {
animation:fadeIn ease .8s;
-webkit-animation:fadeIn ease .8s;
-moz-animation:fadeIn ease .8s;
-o-animation:fadeIn ease .8s;
-ms-animation:fadeIn ease .8s;
}

@media screen and (max-width: 700px){
  body {
	 overflow: visible;
  }
  .box{
	transform: none;  
	position: static;  
    width: 90%;
  }
    #myVideo {
    display: none;
}
  .popup{
    width: 70%;
  }
  
}