@import  'webfonts/museo_500/stylesheet.css';
@import  'webfonts/museo_700/stylesheet.css';

/*
Theme Name:     
Theme URI: 		
Description: 	
Version: 		2.0
Author: 		rfi
Author URI: 	http://rfidevnet.com
Notes: Needs to be scrubbed and divided. 
		
*/
/*===============================================*/
/*/ ***Powered by: ROCKET FARM INTERACTIVE***  /*/
/*=============================================*/
/*
===========================
CONTENTS:
	01 Defaults

===========================
*/
/*
===========================
COLOUR PALETTE:
	Red:
===========================
*/
/*
=============================================
01 Defaults
============================================= 
*/

	hr {
		margin-top: 5px;
		margin-bottom: 5px;
		border: 0;
		border-top: 1px solid #000;
		}
	body {
		background: #000;
	}
	
	a {cursor:pointer;}
	
	.h1-welcome {
		font-size: 65px;
		color: #fff;
	}
	
	.h2-welcome {
		font-size: 38px;
		color: #fff;
		font-style: italic;
	}
	
	.h2-common {
		font-family: Pacifico, cursive;
		font-size: 28px;
		color: #000;
		font-style: italic;
	}
	
	.h4-common {
		font-size: 18px;
		color: #000;
		font-style: italic;
	}
	
	.h1-header {
		font-family: Pacifico, cursive;
		font-size: 58px;
		color: #ed1c24;
		margin-top: -15px;
	}
	
	.h1-services {
		font-family: Pacifico, cursive;
		font-size: 38px;
		color: #000;
	}
	
	.p-welcome {
		font-size: 18px;
		color: #fff;
		margin-bottom: 25px;
	}
	
	.welcomeBG {
		background-image: url(../img/home_slide.jpg);
		background-position: 50% 50%;
		background-size: cover;
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		height:110%;
		z-index: -9999999;
		postion: absolute;
		box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
	}
	.spacers {
		 margin-top: 100px;
	}
	.welcome {
		height: 700px;
		margin-top: 100px;
	}
	
	.spacer {
		width: 100px;
		height: 2px;
		background: #fff;
		margin: auto;
		margin-bottom: 25px;
	}
	
	.services-back-link {
		color: #ed1c24;
		font-weight: bold;
		text-decoration: underline;
	}
	
	.btn {
		border-radius: 4;
		-webkit-border-radius: 4;
	}
	
	.btn-outline-white {
		border: 2px solid #fff;
		background: none;
		-webkit-transition: all .2s ease-out;
		-moz-transition: all .2s ease-out;
		-o-transition: all .2s ease-out;
		transition: all .2s ease-out;
	}
	
	.btnmore {
		color: #fff;
		font-size: 14px !important;
		text-transform: uppercase !important;
		line-height: 24px !important;
	}
	
.btn-primary {
  color: #ffffff;
  background-color: #ed1c24;
  border-color: #b6010a;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #9c171d;
  border-color: #7e1217;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}



.btn-grey {
  color: #ffffff;
  background-color: #404041;
  border-color: #b6010a;
}

.btn-grey:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #202020;
  border-color: #b6010a;
}

.btn-grey:active,
.btn-grey.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}


.form-control:focus {
  border-color: #ff0000;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(180, 0, 0, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(180, 0, 0, 0.6);
}

/*
	
	.page-background {
		background: url(../img/page_background.jpg);
		background-size: cover;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: -9999999.99;
		
	}
	
	*/
	
	.page-background {
		background: #f5f5f5;
		z-index: -1.99;
		
	}
	
	.page-shadow {
		box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
	}
	
	.page-bottom {
		background: url(../img/page_bottom_alt.png);
		background-position: 50% 100%;
		background-repeat: repeat-x;
		color: #FFF;
		height: 380px;
		padding: 5px 0 0;
		margin-top: -20px;
		z-index: 1;
		position: relative;
	}
	
	.page-top {
		background: url(../img/contact/contact_top.png);
		background-position: 50% 0%;
		background-repeat: repeat-x;
		color: #FFF;
		height: 200px;
		padding: 5px 0 0;
		margin-top: -20px;
		z-index: 1;
		position: relative;
	}
	
	.page-top-back {
		background: url(../img/white_top_clouds.png);
		background-position: 50% 0%;
		background-repeat: repeat-x;
		color: #FFF;
		height: 325px;
		padding: 5px 0 0;
		margin-top: -20px;
		z-index: -999.99;
		position: relative;
		
	}
	
	.contact-page-bottom {
		background: url(../img/contact/contact_bottom.png);
		background-position: 50% 100%;
		background-repeat: repeat-x;
		color: #FFF;
		height: 180px;
		padding: 5px 0 0;
		margin-top: -20px;
	}
	
	.section-header {
		height: 120px;
		margin-top: 20px;
	}
	
	h3.header-copy {
		margin: 0;
		font-size: 24px;
	}
	
	.header-full-border {
		background: url(../img/header_border_full.png) no-repeat;
		background-size: 100%;
		background-position: 50% 100%;
		height: 200px;
		z-index: 2;
		margin-top: -150px;
	}
	
	.sticky-navigation.stuck {
		position: fixed;
		top: 0;
		box-shadow: 0 2px 4px rgba(0,0,0,.2);
		width: 100%;
		z-index: 110;
	}
	
	ul.portfolio { list-style-type: none; padding:0; margin:0; }
	
	
	#slide-2 .bcg {
    background: none;
    background-color: #010101;
    height: 310px;
    text-align: center
}



	.list-services {
	  padding-left: 0;
	  list-style: none;
	}
	
	.list-services > li {
	  display: inline-block;
	  padding-right: 30px;
	  padding-left: 30px;
	  margin-top: 10px;
	}
	
	.list-services > li:first-child {
	  padding-left: 30;
	}
	
	
	.contact-bg {
		background: #f5f5f5;
	}
	
	.slide-background {
		background: #f5f5f5;
		z-index: -99;
	
	}
	


	
	/*---- Navigation ------ */
	.navbar {
		background: #fff;
		border-bottom: 2px solid #ed1c24;
	}
	
	.nav a {
		position: relative;
		display: block;
		padding: 10px 15px;
		color: #000;
		margin-top: 10px;
	}
	
	.nav a:hover,.nav a:focus {
		text-decoration: none;
		color: #ed1c24;
		/*background: url(../img/header_border_full.png) no-repeat;*/
	}
	
	.nav .active {
		text-decoration: none;
		color: #0F6;
	}
	
	.panel-title a {
		color: #fff;
	}
	
	.panel-title a:hover,.panel-title a:focus
	.panel-title a:active {
		text-decoration: none;
		color: #ed1c24;
	}
	


	.preloader {
	    position:fixed;
	    top:0;
	    left:0;
	    right:0;
	    bottom:0;
	    background-color:#fff; 
	    z-index:99; 
	}
	
	.status {
	    width:250px;
	    height:250px;
	    position:absolute;
	    left:50%; /* centers the loading animation horizontally one the screen */
	    top:50%; /* centers the loading animation vertically one the screen */
	    background-image:url(/assets/img/loading.gif); /* path to your loading animation */
	    background-repeat:no-repeat;
	    background-position:center;
	    margin:-100px 0 0 -100px; /* is width and height divided by two */
	}
	
	
.buttons-holder #design {
    color: transparent;
    cursor: pointer;
    height: 170px;
    width: 170px;
    padding:10px; 
    background-color: #f5f5f5;
    background-image: url("/assets/img/services/design_inactive.png");
    background-repeat: no-repeat; 
    border:none;
}

.buttons-holder #design:hover,
.buttons-holder #design:active,
.buttons-holder #design:focus,
.buttons-holder #design.active{
    background-image: url("/assets/img/services/design_active.png");
    border-style:none;
    outline:none;
    
}

.buttons-holder #develop {
    color: transparent;
    cursor: pointer;
    height: 170px;
    width: 170px;
    padding:10px; 
    background-color: #f5f5f5;
    background-image: url("/assets/img/services/develop_inactive.png");
    background-repeat: no-repeat; 
    border:none;
}

.buttons-holder #develop:hover ,
.buttons-holder #develop:active,
.buttons-holder #develop:focus,
.buttons-holder #develop.active{
    background-image: url("/assets/img/services/develop_active.png");
    border-style:none;
    outline:none;
    
}

.buttons-holder #deploy {
    color: transparent;
    cursor: pointer;
    height: 170px;
    width: 170px;
    padding:10px; 
    background-color: #f5f5f5;
    background-image: url("/assets/img/services/deploy_inactive.png");
    background-repeat: no-repeat; 
    border:none;
    
}

.buttons-holder #deploy:hover ,
.buttons-holder #deploy:active,
.buttons-holder #deploy:focus,
.buttons-holder #deploy.active{
    background-image: url("/assets/img/services/deploy_active.png");
    border-style:none;
    outline:none;
    
}

.buttons-holder #grow {
    color: transparent;
    cursor: pointer;
    height: 170px;
    width: 170px;
    padding:10px; 
    background-color: #f5f5f5;
    background-image: url("/assets/img/services/grow_inactive.png");
    background-repeat: no-repeat; 
    border:none;
}

.buttons-holder #grow:hover ,
.buttons-holder #grow:active,
.buttons-holder #grow:focus,
.buttons-holder #grow.active{
    background-image: url("/assets/img/services/grow_active.png");
    border-style:none;
    outline:none;
    
}
	
	
/* PARALLAX PROPERTY */
.text {
	position:fixed;
	top:50%;
	left:0;
	background:#000;
	color:#FFF;
	z-index:1000;
}
.chicken-wrapper {
	position:relative;
	margin:0 auto;
	max-width:1500px;
	width:100%;
}
.chicken {
	position:absolute;
	z-index:71;
	transform:matrix(1, 0, 0, 1, 100, 300);
	-ms-transform:matrix(1, 0, 0, 1, 100, 300);
    -webkit-transform:matrix(1, 0, 0, 1, 100, 300);
	max-width:280px;
}	
.bottomcloud {
	position:absolute;
	z-index:70;
	transform:matrix(1, 0, 0, 1, 0, 270);
	-ms-transform:matrix(1, 0, 0, 1, 0, 270);
    -webkit-transform:matrix(1, 0, 0, 1, 0, 270);
	max-width:500px;
}	

.abovecloud {
	position:absolute;
	z-index:72;
	transform:matrix(1, 0, 0, 1, 200, 485);
	-ms-transform:matrix(1, 0, 0, 1, 200, 485);
    -webkit-transform:matrix(1, 0, 0, 1, 200, 485);
	max-width:180px;
}
#about {
	overflow:hidden;
	width:100%;
}
.cloud-section2 {
	position:absolute;
	z-index:69;
	transform:matrix(1, 0, 0, 1, 200, 0);
}
.chicken2 { display:none; }

.clouds {
	width:100%;
	background:#c31c24;
	position:relative;
	overflow:hidden;
	height:550px;
}
.wrapper-clouds {
	max-width:1400px;
	width:100%;
	margin:0 auto;
	position:relative;
}
.cloudsix {
	transform:matrix(1,0,0,1,620, 75);
	-ms-transform:matrix(1,0,0,1,620, 75);
    -webkit-transform:matrix(1,0,0,1,620, 75);
	width:120px;
	position:absolute;
	top:0; left:0;
	z-index:2;	
}
.cloudfive {
	transform:matrix(1,0,0,1,500, 90);
	-ms-transform:matrix(1,0,0,1,500, 90);
    -webkit-transform:matrix(1,0,0,1,500, 90);
	width:800px;
	position:absolute;
	top:0; left:0;
	z-index:2;	
}
.cloudfour {
	transform:matrix(1,0,0,1,200, 60);
	-ms-transform:matrix(1,0,0,1,200, 60);
    -webkit-transform:matrix(1,0,0,1,200, 60);
	position:absolute;
	top:0; left:0;
	z-index:2;	
}
.cloudthree {
	transform:matrix(1,0,0,1,350, 390);
	-ms-transform:matrix(1,0,0,1,350, 390);
    -webkit-transform:matrix(1,0,0,1,350, 390);
	position:absolute;
	top:0; left:0;
	z-index:2;	
}
.cloudtwo {
	transform:matrix(1,0,0,1,1050, 330);
	-ms-transform:matrix(1,0,0,1,1050, 330);
    -webkit-transform:matrix(1,0,0,1,1050, 330);
	position:absolute;
	top:0; left:0;
	z-index:2;	
}
.cloudone {
	transform:matrix(1,0,0,1,-220, 270);
	-ms-transform:matrix(1,0,0,1,-220, 270);
    -webkit-transform:matrix(1,0,0,1,-220, 270);
	position:absolute;
	top:0; left:0;
	z-index:2;	
}
.cloudres {
	display:none;
}
.sayhi {
	transform:matrix(0,0,0,0,50,0);
	-ms-transform:matrix(0,0,0,0,50,0);
    -webkit-transform:matrix(0,0,0,0,50,0);
}
#services-tabs {
	position:relative;
	transform:matrix(1,0,0,1,0,120);
	-ms-transform:matrix(1,0,0,1,0,120);
    -webkit-transform:matrix(1,0,0,1,0,120);
	opacity:0;
}
#services-tabs li {
	position:relative;
}
#services-tabs li a img.active {
	position:absolute;
	top:0;
	opacity:0;
}
#services-tabs .h1-services {
	opacity:0;
}
.hr-services {
	width:100%;
	height:44px;
}
.hr-services img {
	position:relative;
	transform:matrix(0, 0, 0, 1, 0, 0);
	-ms-transform:matrix(0, 0, 0, 1, 0, 0);
    -webkit-transform:matrix(0, 0, 0, 1, 0, 0);
	max-width:none;
}
.portfolio-cloud-wrapper {
	width:100%;
	height:400px;
	position:absolute;
	overflow:hidden;
	z-index:1;
	transform:translateY(200px);
}
.portfoliocloud {
	position:absolute;
	transform:matrix(1,0,0,1,-500,100);
	-ms-transform:matrix(1,0,0,1,-500,100);
    -webkit-transform:matrix(1,0,0,1,-500,100);
}
.portfoliocloud2 {
	position:absolute;
	transform:matrix(1,0,0,1,1300,0);
	-ms-transform:matrix(1,0,0,1,1300,0);
    -webkit-transform:matrix(1,0,0,1,1300,0);
}
#portfolio .container {
	position:relative;
	z-index:2;
}

@media (max-width: 1200px) {
.wrapper {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:scroll;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}
.hr-services img {
	max-width:100%;
}
#services-tabs,#services-tabs .h1-services {
	opacity:1;
	transform:none;
	-ms-transform:none;
    -webkit-transform:none;
}
.hr-services img {
	transform:none;
	-ms-transform:none;
    -webkit-transform:none;
	max-width:100%;
}
.cloud-section2 {
	position:relative;
	margin:0 auto;
	transform:none;
	-ms-transform:none;
    -webkit-transform:none;
}
.welcomeBG {
	position:absolute;
	min-height:800px;
}
.spacers {
	margin-top:0;
}
}
@media (max-width:1000px) {
.chicken {
	position:absolute;
	z-index:-1;
	transform:none;
	-ms-transform:none;
    -webkit-transform:none;
	left:30%;
	top:420px;
	width:34%;
}	

.bottomcloud {
	position:absolute;
	z-index:-3;
	transform:none;
	-ms-transform:none;
    -webkit-transform:none;
	width:70%;
	left:15%;
	top:370px;
}	
.abovecloud {
	position:absolute;
	z-index:-2;
	transform:none;
	-ms-transform:none;
    -webkit-transform:none;
	width:30%;
	left:50%;
	top:570px;
}
.chicken2 {
	position:absolute;
	width:40%;
	left:33%;
	display:block;
	top:40px;
	z-index:70;
}
.portfolio-cloud-wrapper {
	display:none;
}
.clouds {
	height:auto;
	padding:0 0 15px 0;
}
.wrapper-clouds {
	display:none;
}
.cloudres {
	display:block;
	max-width:100%;
}
.sayhi {
	opacity:1;
	transform:none;
	-ms-transform:none;
    -webkit-transform:none;
}
}
@media (max-width: 550px) {
.chicken {
	top:570px;
}
.bottomcloud {
	top:560px;
}
.abovecloud {
	top:630px;
}
}