body {

  font-family: Arial, sans-serif;

  /*overflow: hidden;*/

}



#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; 

	margin:auto; 

	min-width:50%;

	min-height:50%;

}


/*h1 {

  text-align: center;

  font-family: Tahoma, Arial, sans-serif;

  color: #333;

  margin: 40px 0;

}



a {

  font-size: 1em;

  font-family: Tahoma, Arial, sans-serif;

  text-decoration: none;

  color: #333;

}



a:hover {

  text-decoration: underline;

}*/



.centered {

  position: fixed;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



.box {

  position: fixed;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 65%;

  margin: 0 auto ;

  background: rgba(255,255,255,0.99);

  padding: 45px 0px;

  background-clip: padding-box;

  text-align: center;

  box-shadow: 8px 8px 30px #000;

}



.linkbox {

  font-size: 1em;

  width: 100%;

  padding: 10px;

  color: #333;

  text-decoration: none;

  cursor: pointer;

  transition: all 0.5s ease-out;

}

.linkbox:hover {

  background: #CCC;

}



.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 {

  margin: 70px auto;

  padding: 20px;

  background: #fff;

  border-radius: 5px;

  width: 30%;

  position: relative;

  transition: all 5s ease-in-out;

}



.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: bold;

  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:0px;

    -moz-border-radius:0px;

    -webkit-border-radius:0px;

	padding: 10px;

	margin-top: 10px;

	color: #408cb3 !important;

	font-size: 15px; 

	width: 85%;

}

#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: 0px;

	border-radius:0px;

    -moz-border-radius:0px;

    -webkit-border-radius:0px;

	background-color: #408cb3;

	color: #FFF;

	padding: 10px;

	margin-top: 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: 0px;

	border-radius:1px;

    -moz-border-radius:1px;

    -webkit-border-radius:1px;

	background-color: FFF;

	color: #666;

	padding: 5px;

	margin-top: 10px;

}

#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 { /* Chrome, Firefox, Opera, Safari 10.1+ */

  color: #408cb3;

  opacity: 1; /* Firefox */

}



:-ms-input-placeholder { /* Internet Explorer 10-11 */

  color: #408cb3;

}



::-ms-input-placeholder { /* Microsoft Edge */

  color: #408cb3;

}



.fade-in {

  animation: fadeIn ease .8s;

  -webkit-animation: fadeIn ease .8s;

  -moz-animation: fadeIn ease .8s;

  -o-animation: fadeIn ease .8s;

  -ms-animation: fadeIn ease .8s;

}

@keyframes fadeIn {

  0% {

    opacity:0;

  }

  100% {

    opacity:1;

  }

}



@-moz-keyframes fadeIn {

  0% {

    opacity:0;

  }

  100% {

    opacity:1;

  }

}



@-webkit-keyframes fadeIn {

  0% {

    opacity:0;

  }

  100% {

    opacity:1;

  }

}



@-o-keyframes fadeIn {

  0% {

    opacity:0;

  }

  100% {

    opacity:1;

  }

}



@-ms-keyframes fadeIn {

  0% {

    opacity:0;

  }

  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;

}

@keyframes fadeIn {

  0% {

    opacity:0;

  }

  100% {

    opacity:1;

  }

}



@-moz-keyframes fadeIn {

  0% {

    opacity:0;

  }

  100% {

    opacity:1;

  }

}



@-webkit-keyframes fadeIn {

  0% {

    opacity:0;

  }

  100% {

    opacity:1;

  }

}



@-o-keyframes fadeIn {

  0% {

    opacity:0;

  }

  100% {

    opacity:1;

  }

}



@-ms-keyframes fadeIn {

  0% {

    opacity:0;

  }

  100% {

    opacity:1;

}

}



.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;

}

@keyframes fadeIn {

  0% {

    opacity:0;

  }

  100% {

    opacity:1;

  }

}



@-moz-keyframes fadeIn {

  0% {

    opacity:0;

  }

  100% {

    opacity:1;

  }

}



@-webkit-keyframes fadeIn {

  0% {

    opacity:0;

  }

  100% {

    opacity:1;

  }

}



@-o-keyframes fadeIn {

  0% {

    opacity:0;

  }

  100% {

    opacity:1;

  }

}



@-ms-keyframes fadeIn {

  0% {

    opacity:0;

  }

  100% {

    opacity:1;

}

}



@media screen and (max-width: 700px){

  body {

	 overflow: visible;

  }



  .box{

	transform: none;  

	position: static;  

    width: 70%;

  }

  .popup{

    width: 70%;

  }

  

}