/* =========================================================
	GENERAL
==========================================================*/
html, body{
	height: 100%;
	width: 100%;
}
body {
	padding-top: 50px;
	overflow-x:hidden;
/*	background-image: url('../img/bg-top.jpg');
	background-size			: cover;
	-webkit-background-size	: cover;
	-moz-background-size	: cover;
	-ms-background-size		: cover;
	-o-background-size		: cover;
	-webkit-background-position:center fixed ;
	-moz-background-position:center fixed ;
	-ms-background-position:center fixed ;
	-o-background-position:center fixed ;
	background-position:center fixed ;
	background-repeat: no-repeat;*/
}

@font-face {
    font-family: 'AgencyFBRegular';
    src: url('fonts/agencyr.eot');
    src: local('☺'), 
    	 url('fonts/agencyr.eot') format('embedded-opentype'),
         url('fonts/agencyr.woff') format('woff'),
         url('fonts/agencyr.ttf') format('truetype'),
         url('fonts/agencyr.svg#AgencyFBRegular') format('svg');
         font-weight: normal;
		 font-style: normal; 

}



@font-face {
    font-family: 'AlternateGothic2BTRegular';
    src: url('fonts/altgot2n_0.eot');
    src: local('☺'), 
    	 url('fonts/altgot2n_0.eot') format('embedded-opentype'),
         url('fonts/altgot2n_0.woff') format('woff'),
         url('fonts/altgot2n_0.ttf') format('truetype'),
         url('fonts/altgot2n_0.svg#AlternateGothic2BTRegular') format('svg');
         font-weight: normal;
		 font-style: normal;         
}



@font-face {
    font-family: 'AgencyFBBold';
    src: url('fonts/agencyb.eot');
    src: local('☺'), 
    	 url('fonts/agencyb.eot') format('embedded-opentype'),
         url('fonts/agencyb.woff') format('woff'),
         url('fonts/agencyb.ttf') format('truetype'),
         url('fonts/agencyb.svg#AgencyFBBold') format('svg');
         font-weight: normal;
		 font-style: normal;
}

.img-responsive {
    margin: 0 auto;
}

div.responsive { width: auto; height: auto }


/* =========================================================
	BACKGROUND
==========================================================*/
#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

/* =========================================================
	TOP
==========================================================*/
.top { 
	background:#353535;
}

.top ul li {
	color: white;
	font-family: 'AgencyFBRegular';
	font-size: 20px;
}

.navbar-brand {
	font-family: 'AgencyFBRegular';
	color: white;
	font-size: 20px;
}

.navbar-nav {
	text-transform: uppercase;
}

#logo_min {
	position: absolute;
	top: 2px;
	margin-left: 30px;
	display: none;
}


/* =========================================================
	BOTTOM
==========================================================*/
.bottom{
	height:150px; 
	background:#353535;
	color: white;
	font-family: 'AlternateGothic2BTRegular';
	font-size: 20px;
}

/* =========================================================
	HOME
==========================================================*/

#home {
	background: url(../img/bg-top.jpg) 50% 0 fixed; 
	height: 70%; 
	margin: 0 auto; 
    width: 100%; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
    padding: 100px 0;
}

#logo {
/*	background: url(../img/kinetiq.png); 
	background-position: center;
	background-repeat: no-repeat;*/
	width: 100%;
	height: 100%;
	max-width: 1600px;
}

/* =========================================================
	ABOUT
==========================================================*/

#about-icon {
	margin-top: 7%;
	margin-bottom: 20px;
}

#about {
	background-color: #ed2226;
	height: auto;
	padding-bottom: 30px;
	position: relative !important;
}

.line-about {
	border-bottom: thin solid #f69193;
	margin-top: 1%;
}

#about p{
	color:white;
	
	font-size: 24px;
	font-family: 'AgencyFBRegular';
}

#arrow_circle {
	background-image: url('../img/arrow_red_circle.png');
	width: 56px;
	height: 31px;
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left:  -28px;
}

#arrow_triangle {
	background-image: url('../img/arrow_red_triangle.png');
	width: 79px;
	height: 26px;
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 1;
	margin-left:  -40px;
}


/* =========================================================
	SERVICE
==========================================================*/
.service-title{
	margin-top: 10%;
}



#service {
	background: url(../img/bg-texture.jpg) 50% 0 fixed; 
	background-repeat: repeat;
	height: auto; 
	margin: 0 auto; 
    width: 100%; 
    position: relative; 
    padding: 100px 0;
}


#service p{
	color: #ed2226;
	max-width: 1024px;
	margin: 0 auto;
	margin-top:30px;
	margin-bottom:30px;
	text-transform: uppercase;
	font-size: 24px;
	font-family: 'AgencyFBRegular';
}

#service h4 small{
	color: black;
}

.line-service {
	border-bottom: thin solid #ed2226;
	margin-top: 1%;
}

.list-service{
	position: relative !important;
	width: 85%;
	margin: 0 auto;
}

.btn_next {
	position:absolute; left:100%; top:50%; margin-top:-30px;
	width: 38px;
	height: 39px;
	background-image: url(../img/next.png);
	background-position: center;
	background-size: cover;	
	cursor: pointer;
	margin-left: 5px;
}
.btn_next:hover{
	background-image: url(../img/next_hover.png);
}

.btn_prev {
	position:absolute; right:100%; top:50%; margin-top:-30px;
	width: 38px;
	height: 39px;
	background-image: url(../img/prev.png);
	background-position: center;
	background-size: cover;
	cursor: pointer;
	margin-right: 5px;
}

.btn_prev:hover{
	background-image: url(../img/prev_hover.png);
}

#option_service {
	margin-left: 0px;
	margin-right: 0px;
}

#option_service h4{
	text-transform: uppercase;
}






/* =========================================================
	SHOWCASE
==========================================================*/
#showcase {
	background: url(../img/bg-showcase.jpg) 50% 0 fixed; 
	height: auto; 
	margin: 0 auto; 
    width: 100%; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
    padding: 100px 0;
}

.info_project{
	color: #efefef;
	font-family: Arial, Helvetica, sans-serif;
}
.info_project div{
	padding-left: 10px;
	background-color: #2a2a2a;
	text-align: left;
	padding: 8px;
}
.info_project h3{
	margin-top: 0px;	
	color:red;
}
.info_project p{
	text-align:justify; 
}
.info_project a{
	margin-top: -5px;
	text-transform: uppercase;
	font-size: 12px;
}


/* pager */
.pager span {
	font-size: 40px;
	color:#727271;
}

.pager span.cycle-pager-active { color: white;}
.pager > * { cursor: pointer;}

.arrow{
	margin-bottom: 20px;
}
#arrow-prev, #arrow-next{
	display: inline-block;
	width: 50px;
	height: 30px;
	margin: 2px;
	cursor: pointer;
}


/* =========================================================
	CONTACT
==========================================================*/
#contact {
	background: url(../img/bg-contact.jpg) 50% 0 fixed; 
	height: auto; 
	margin: 0 auto; 
    width: 100%; 
    position: relative; 
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
    padding: 100px 0;
}

#contact address, a  {
	color: white;
}