@charset "utf-8";
/* CSS Document */

/* font */

@font-face {
  font-family: 'RobotoCondensed-Bold';
  src: url('fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'RobotoCondensed-Regular';
  src: url('fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf') format('truetype'); 
}

@font-face {
  font-family: 'OpenSans-Bold';
  src: url('fonts/Open_Sans/OpenSans-Bold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-BoldItalic';
  src:url('fonts/Open_Sans/OpenSans-BoldItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-ExtraBold';
  src: url('fonts/Open_Sans/OpenSans-ExtraBold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-ExtraBoldItalic';
  src: url('fonts/Open_Sans/OpenSans-ExtraBoldItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-Italic';
  src: url('fonts/Open_Sans/OpenSans-Italic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-Light';
  src: url('fonts/Open_Sans/OpenSans-Light.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-LightItalic';
  src: url('fonts/Open_Sans/OpenSans-LightItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-Regular';
  src: url('fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-Semibold';
  src: url('fonts/Open_Sans/OpenSans-Semibold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-SemiboldItalic';
  src: url('fonts/Open_Sans/OpenSans-SemiboldItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-ThinItalic';
  src: url('fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Thin';
  src: url('fonts/Roboto/Roboto-Thin.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('fonts/Roboto/Roboto-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-MediumItalic';
  src: url('fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Medium';
  src: url('fonts/Roboto/Roboto-Medium.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-LightItalic';
  src: url('fonts/Roboto/Roboto-LightItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Light';
  src: url('fonts/Roboto/Roboto-Light.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Italic';
  src: url('fonts/Roboto/Roboto-Italic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-BoldItalic';
  src: url('fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Bold';
  src: url('fonts/Roboto/Roboto-Bold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-BlackItalic';
  src: url('fonts/Roboto/Roboto-BlackItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Black';
  src: url('fonts/Roboto/Roboto-Black.ttf') format('truetype'); 
}


@font-face {
  font-family: 'Raleway-Black';
  src: url('fonts/raleway/Raleway-Black.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Bold';
  src: url('fonts/raleway/Raleway-Bold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-ExtraBold';
  src: url('fonts/raleway/Raleway-ExtraBold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-ExtraLight';
  src: url('fonts/raleway/Raleway-ExtraLight.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Light';
  src: url('fonts/raleway/Raleway-Light.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Medium';
  src: url('fonts/raleway/Raleway-Medium.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Regular';
  src: url('fonts/raleway/Raleway-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-SemiBold';
  src: url('fonts/raleway/Raleway-SemiBold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Thin';
  src: url('fonts/raleway/Raleway-Thin.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Qinfo';
  src: url('fonts/Qinfo/ACQuinfo.ttf') format('truetype'); 
}


@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), 
  url('fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), 
  url('fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), 
  url('fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), 
  url('fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}



html,
body {
	margin:0;
	padding:0;
	height:100%;
}
#wrappers {
	min-height:100%;
	position:relative;
}
#content {
	margin: 0px;
	padding-top: 0px;
	position:relative;
}


@keyframes zoom1 {
	0% {
	opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
	}
	50% {
		opacity: 1;
	}
}
@keyframes float1 {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}
.p1an{
	 -moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	-webkit-animation: zoom1 1.5s ease-in-out;
	animation: zoom1 1.5s ease-in-out;
	z-index:3000;
}

.p1an2{
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	transform: translatey(0px);
	-webkit-animation: float1 4s ease-in-out infinite;
	animation: float1 4s ease-in-out infinite;
	z-index:3000;
}
.p1an3{
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	transform: translatey(0px);
	-webkit-animation: float1 4s ease-in-out infinite;
	animation: float1 4s ease-in-out infinite;
	z-index:3000;
}
@keyframes zoom2 {
	0% {
	opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
	}
	100% {
		opacity: 1;
	}
}

.p1an img, .p1an2 img, .p1an3 img{
	 width:100%;
	 height:auto;
}

/* header */
.header {
	z-index: 11000;
	width: 100%;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	#background-color:#231f20;
}
.header .header_tools{

}
.header .header_tools #social{
	display:inline-block;
	width:49%;
}
.header .header_tools #social a{
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	color:#999;
	display:inline-block;
	padding:10px 10px;
}
.header .header_tools #social a:hover{
	color:#fff;
}

/* header */


 h1{
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	font-family: 'Qinfo', sans-serif;
	font-weight:normal;
	color:#231f20;
	line-height:normal;
}

/* footer */
#footer {
	width: 100%;
	bottom: 0;
	#background-color: #231f20;		
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

/* footer */


@media all and (min-width: 1400px) {
#content {
	padding-bottom: 50px;
}
.p1an{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:300px;
	width:300px;
	margin:auto;
}

.p1an2{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:418px;
	width:300px;
	margin:auto;
}
.p1an3{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:300px;
	width:300px;
	margin:auto;
}

/* header */
.header {
	position:relative;
	height: 50px;
}
.header .header_tools{
	position:absolute;
	top:10%;
	right:2%;
	width:25%;
	text-align:right;
	#border:solid;
}
.header .header_tools #social a{
	font-size:1.1em;
}
/* header */
h1{
	position:fixed;
	left:0;
	right:0;
	bottom:15%;
	width:100%;
	margin:auto;
	font-size:5em;
	text-align:center;
	letter-spacing: 2px;
}
/* footer */
#footer {
	position: absolute;
	height: 50px;
}
/* footer */

}



@media all and (min-width: 1200px) and (max-width: 1399px){
#content {
	padding-bottom: 50px;
}
.p1an{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:300px;
	width:300px;
	margin:auto;
}

.p1an2{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:300px;
	width:300px;
	margin:auto;
}
.p1an3{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:300px;
	width:300px;
	margin:auto;
}

/* header */
.header {
	position:relative;
	height: 50px;
}
.header .header_tools{
	position:absolute;
	top:10%;
	right:2%;
	width:25%;
	text-align:right;
	#border:solid;
}
.header .header_tools #social a{
	font-size:1.1em;
}
/* header */
h1{
	position:fixed;
	left:0;
	right:0;
	bottom:15%;
	width:100%;
	margin:auto;
	font-size:5em;
	text-align:center;
	letter-spacing: 2px;
}
/* footer */
#footer {
	position: absolute;
	height: 50px;
}
/* footer */

}



@media all and (min-width: 1024px) and (max-width: 1199px){
#content {
	padding-bottom: 50px;
}
.p1an{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:300px;
	width:300px;
	margin:auto;
}

.p1an2{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:300px;
	width:300px;
	margin:auto;
}
.p1an3{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:300px;
	width:300px;
	margin:auto;
}

/* header */
.header {
	position:relative;
	height: 50px;
}
.header .header_tools{
	position:absolute;
	top:10%;
	right:2%;
	width:25%;
	text-align:right;
	#border:solid;
}
.header .header_tools #social a{
	font-size:1.1em;
}
/* header */
h1{
	position:fixed;
	left:0;
	right:0;
	bottom:15%;
	width:100%;
	margin:auto;
	font-size:4em;
	text-align:center;
	letter-spacing: 2px;
}
/* footer */
#footer {
	position: absolute;
	height: 50px;
}
/* footer */

}



@media all and (min-width: 900px) and (max-width: 1023px){
#content {
	padding-bottom: 50px;
}
.p1an{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:250px;
	width:250px;
	margin:auto;
}

.p1an2{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:250px;
	width:250px;
	margin:auto;
}
.p1an3{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:250px;
	width:250px;
	margin:auto;
}

/* header */
.header {
	position:relative;
	height: 50px;
}
.header .header_tools{
	position:absolute;
	top:10%;
	right:2%;
	width:25%;
	text-align:right;
	#border:solid;
}
.header .header_tools #social a{
	font-size:1.1em;
}
/* header */
h1{
	position:fixed;
	left:0;
	right:0;
	bottom:15%;
	width:100%;
	margin:auto;
	font-size:4em;
	text-align:center;
	letter-spacing: 2px;
}
/* footer */
#footer {
	position: absolute;
	height: 50px;
}
/* footer */

}



@media all and (min-width: 768px) and (max-width: 899px){
#content {
	padding-bottom: 50px;
}
.p1an{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:250px;
	width:250px;
	margin:auto;
}

.p1an2{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:250px;
	width:250px;
	margin:auto;
}
.p1an3{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:250px;
	width:250px;
	margin:auto;
}

/* header */
.header {
	position:relative;
	height: 50px;
}
.header .header_tools{
	position:absolute;
	top:10%;
	right:2%;
	width:25%;
	text-align:right;
	#border:solid;
}
.header .header_tools #social a{
	font-size:1.1em;
}
/* header */
h1{
	position:fixed;
	left:0;
	right:0;
	bottom:15%;
	width:100%;
	margin:auto;
	font-size:4em;
	text-align:center;
	letter-spacing: 2px;
}
/* footer */
#footer {
	position: absolute;
	height: 50px;
}
/* footer */

}



@media all and (min-width: 600px) and (max-width: 767px){
#content {
	padding-bottom: 50px;
}
.p1an{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:250px;
	width:250px;
	margin:auto;
}

.p1an2{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:250px;
	width:250px;
	margin:auto;
}
.p1an3{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:250px;
	width:250px;
	margin:auto;
}

/* header */
.header {
	position:relative;
	height: 50px;
}
.header .header_tools{
	position:absolute;
	top:10%;
	right:2%;
	width:25%;
	text-align:right;
	#border:solid;
}
.header .header_tools #social a{
	font-size:1.1em;
}
/* header */
h1{
	position:fixed;
	left:0;
	right:0;
	bottom:15%;
	width:100%;
	margin:auto;
	font-size:3em;
	text-align:center;
	letter-spacing: 2px;
}
/* footer */
#footer {
	position: absolute;
	height: 50px;
}
/* footer */
}




@media all and (min-width: 450px) and (max-width: 599px){
#content {
	padding-bottom: 50px;
}
.p1an{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:250px;
	width:250px;
	margin:auto;
}

.p1an2{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:250px;
	width:250px;
	margin:auto;
}
.p1an3{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:250px;
	width:250px;
	margin:auto;
}

/* header */
.header {
	position:relative;
	height: 50px;
}
.header .header_tools{
	position:absolute;
	top:10%;
	right:2%;
	width:31%;
	text-align:right;
	#border:solid;
}
.header .header_tools #social a{
	font-size:1em;
}
/* header */
h1{
	position:fixed;
	left:0;
	right:0;
	bottom:15%;
	width:100%;
	margin:auto;
	font-size:2.5em;
	text-align:center;
	letter-spacing: 2px;
}
/* footer */
#footer {
	position: absolute;
	height: 50px;
}
/* footer */

}


@media all and (max-width: 449px){
#content {
	padding-bottom: 50px;
}
.p1an{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:200px;
	width:200px;
	margin:auto;
}

.p1an2{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:200px;
	width:200px;
	margin:auto;
}
.p1an3{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:200px;
	width:200px;
	margin:auto;
}

/* header */
.header {
	position:relative;
	height: 50px;
}
.header .header_tools{
	position:absolute;
	top:10%;
	right:2%;
	width:44%;
	text-align:right;
	#border:solid;
}
.header .header_tools #social a{
	font-size:1em;
}
/* header */
h1{
	position:fixed;
	left:0;
	right:0;
	bottom:15%;
	width:100%;
	margin:auto;
	font-size:2em;
	text-align:center;
	letter-spacing: 2px;
}
/* footer */
#footer {
	position: absolute;
	height: 50px;
}
/* footer */

}
@media all and (max-height: 600px){
	.p1an{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:150px;
	width:150px;
	margin:auto;
}

.p1an2{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:150px;
	width:150px;
	margin:auto;
}
.p1an3{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:150px;
	width:150px;
	margin:auto;
}
}