/* ----------------------------------------------------------- */
/*                         BASICS                              */
/* ----------------------------------------------------------- */


.hidden{
 display: none;	
}

.float-left{
	float: left;
}

img.float-left{
	float: left;
	margin-right: 10px;
}

.float-right{
	float: right;
}

.center{
	text-align: center;
}

.italic{
	font-style: italic;
}

.separator{
  height: 2px;
  border-top: 0px dotted #fff;
  border-style:dashed;
}

.circle-wrap {
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
}

.border.large{
  border: 10px solid #fff;	
}

.inner-border{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  border:10px solid #e8065c;
}

.mobile .inner-border{
 border:none;	
}

img.circle-wrap.inner-border{
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

img.circle-wrap.inner-border:hover{
	border-width: 0px;
}

.boxsizing{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;	
}

.boxsizing img{
  display:block;
}

.alignleft{
 text-align: left;
}

.preloader {
    position: relative;
    width: 32px;
    height: 32px;
    margin: 0;
	background: url(../images/icons/preloader.gif) no-repeat center center;
	margin:0 auto;
}

.preloader.main {
	position: fixed;
	width: 50px;
    height: 50px;
	-webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
	background: #000 url(../images/icons/preloader_dark.gif) no-repeat center center;
	top: 20px;
	right: 20px;
	z-index: 999999;
}

.mail{
  display: block;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -24px;
  margin-top: -98px;
	background: url(../images/icons/mail.png) no-repeat center center;
	pointer-events: none;
	opacity: 0;
	filter: alpha(opacity=0);
	  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.ie .mail{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icons/mail.png', sizingMethod='scale');
background:none !important;
}

img.circle-wrap.inner-border:hover + .mail{
	opacity: 1;
	filter: alpha(opacity=100);
	margin-top: -78px;
}

.onefifth img.circle-wrap.inner-border:hover + .mail{
	margin-top: -72px;
}


.mobile .scaleframe{
 display: none;	
}

.shape,
.shapeTop{
    width:100%;
    margin:0 auto;
    position: absolute;
	z-index:9999;
	-moz-transform: scale(.9999);
}
.shape .bottom {
    height:0;
    border-width:0 0 50px 2000px;
    border-style:solid;
    border-color:#fff transparent transparent #fff;
	  transform:rotateY(180deg);
-ms-transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
}
.shape .top {
    height: 50px;
    background-color:#fff;
}

.shapeTop .top {
    height:0;
    border-width:0 0 50px 2000px;
    border-style:solid;
    border-color:transparent #fff #fff transparent;
	margin-top: -100px;
}
.shapeTop .bottom {
    height: 50px;
    background-color:#fff;
}

.white{
   color: #fff;	
}

.highlightBg{
  padding: 0 5px;
  font-weight: 700;
}



.hovercolor img{ 
    filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
	-moz-filter: grayscale(100%);
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.hovercolor:hover img{ 
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}


.hoveralpha{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


.hoveralpha:hover{
	opacity: .5;
	filter: alpha(opacity=50);
}


.badge{
	
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
	width: 75px;
	height: 75px;
	position: absolute;
	background-color: #e8065c;
    top:-20px;
    left:75px;
    font-size: 20px;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    padding-top: 28px;
      box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;	
	
}



/* ----------------------------------------------------------- */
/*                       TIPSY TOOLTIP                         */
/* ----------------------------------------------------------- */


.tipsy {
    padding: 5px;
    font-size: 12px;
    position: absolute;
    z-index: 100000;
}

.tipsy-inner {
    padding: 2px 6px 3px 6px;
    color: white;
    max-width: 200px;
    text-align: center;
}

.tipsy-arrow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
	border-top: 6px solid #fff;
}


.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -6px;
    background-position: bottom left;
}


/* ----------------------------------------------------------- */
/*                   MAILCHIMP NEWSLETTER                      */
/* ----------------------------------------------------------- */
.mailchimp .separator{
 width: 306px;
 margin-left: auto;
 margin-right: auto;
 display: block;
}


.mailchimp{
 text-align: center;
 position: relative;
  margin:0 auto;
}

.mailchimp p{
  margin-bottom:0;
}

.mailchimp input[type="text"]{
 margin:0 auto;
 background: transparent;
 font-size: 20px;
 line-height: 30px;
 text-align: center;
 width: 306px;
 font-family: 'Droid Sans', sans-serif;
}



/* ----------------------------------------------------------- */
/*                   MAILCHIMP1 NEWSLETTER                      */
/* ----------------------------------------------------------- */
.mailchimp1 .separator{
 width: 306px;
 margin-left: auto;
 margin-right: auto;
 display: block;
}


.mailchimp1{
 text-align: center;
 position: relative;
  margin:0 auto;
}

.mailchimp1 p{
  margin-bottom:0;
}

.mailchimp1 input[type="text"]{
 margin:0 auto;
 background: transparent;
 font-size: 20px;
 line-height: 30px;
 text-align: center;
 width: 306px;
 font-family: 'Droid Sans', sans-serif;
}


}

/* ----------------------------------------------------------- */
/*                    SECTION HEADERS                          */
/* ----------------------------------------------------------- */

/*section header*/
.sectionHeader{
 text-align: left;
 margin-top: 75px;
}

.sectionHeader.inner{
 margin-top: 40px;
}

.sectionHeader.nomenu{
 margin-top: 30px;
}

.sectionHeader.alignleft{
 text-align: left;
}

.sectionHeader p{
 font-size: 20px;
 margin: 0 auto;
 margin-bottom: 20px;
 line-height: 1.5em;
}

.sectionHeader.alignleft p{
 margin: 0;
}


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 999px) {

}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

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

	.sectionHeader p{
	  font-size: 16px;
	}

	
	.sectionHeader h1{
	  font-size: 50px;
	}

}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	.sectionHeader p{
	  font-size: 16px;
	}
	
	.sectionHeader h1{
	  font-size: 60px;
	}

}


/* ----------------------------------------------------------- */
/*                    SECTION FOOTERS                          */
/* ----------------------------------------------------------- */

.wrapper.footer{

  width: 100%;
  position: relative;
  float: left;
  overflow: hidden;
  background: none;
  
  	background: rgba(0,0,0,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CC000000', endColorstr='#CC000000');
}



.wrapper.footer .footerPattern{
	width: 100%;
	height: 100%;
	position: absolute;
}


.wrapper.footer,
.wrapper.footer h1,
.wrapper.footer h2,
.wrapper.footer h3,
.wrapper.footer h4,
.wrapper.footer h5,
.wrapper.footer p{
 color:#fff; 
}

.wrapper.footer h2.alt{
 line-height: 50px;
}

.wrapper.footer h6{
 margin-bottom: 20px;
}


.wrapper footer.small{
 padding: 13px 0 10px 0;
 height: auto;
}

.wrapper footer.small p{
 margin-bottom:0;
}

/*SECTION FOOTER QUOTES*/


.wrapper.footer.quote h2.alt{
 padding-top: 30px;	
}

.wrapper.footer.quote p{
 font-size: 32px;
 line-height: 1.4em;
 margin-top: 250px;
}

.wrapper.footer.quote .speech{
  width: 58px;
  height: 45px;
  margin: 0 auto;
  margin-bottom: 20px;
  background: url('../images/icons/quote.png') no-repeat;
}


/*SECTION FOOTER NEWSLETTER*/

.wrapper.footer.newsletter p{
 font-size: 32px;
 line-height: 1.4em;
  margin-top: 188px;
}




/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 999px) {
	

}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	.wrapper.footer{
	 	
	}
	.wrapper.footer h2.alt{
	 font-size: 26px;
	  line-height: 40px;
	}
	
	.wrapper.footer.quote article,
  .wrapper.footer.quote p{
	   margin-top: 60px;	
	}
	
	.wrapper.footer p,
	.wrapper.footer.quote p,
	.wrapper.footer.testimonial .carousel p,
	.wrapper.footer.newsletter header p{

	}

}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	

}





/* ----------------------------------------------------------- */
/*                      SOCIAL ICONS                           */
/* ----------------------------------------------------------- */
.socialIcons{
	position: relative;
	display: inline-block;
	margin: 0 auto;
	z-index:2;
}

.socialIcons li{
	position: relative;
	display: inline;
	list-style: none;
	text-indent: -9999px;
	float: left;
	width: 30px;
	height: 30px;
	overflow: hidden;
	margin-right: 5px;
    margin-bottom: 5px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


.socialIcons li.last{
	margin-right: 0;
}

.socialIcons li a{
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 30px;
	width: 30px;
}



/*Light icons*/
.badoo {background: url('../images/icons/social/dark/badoo.png') no-repeat;}
.bebo {background: url('../images/icons/social/dark/bebo.png') no-repeat;}
.blogger {background: url('../images/icons/social/dark/blogger.png') no-repeat;}
.delicious {background: url('../images/icons/social/dark/delicious.png') no-repeat;}
.deviant_art {background: url('../images/icons/social/dark/deviant_art.png') no-repeat;}
.digg {background: url('../images/icons/social/dark/digg.png') no-repeat;}
.dribble {background: url('../images/icons/social/dark/dribble.png') no-repeat;}
.email {background: url('../images/icons/social/dark/email.png') no-repeat;}
.facebook {background: url('../images/icons/social/dark/facebook.png') no-repeat;}
.flickr {background: url('../images/icons/social/dark/flickr.png') no-repeat;}
.friendfeed {background: url('../images/icons/social/dark/friendfeed.png') no-repeat;}
.gmail {background: url('../images/icons/social/dark/gmail.png') no-repeat;}
.google_plus {background: url('../images/icons/social/dark/google_plus.png') no-repeat;}
.last_fm {background: url('../images/icons/social/dark/last_fm.png') no-repeat;}
.linkedin {background: url('../images/icons/social/dark/linkedin.png') no-repeat;}
.my_space {background: url('../images/icons/social/dark/my_space.png') no-repeat;}
.newsvine {background: url('../images/icons/social/dark/newsvine.png') no-repeat;}
.picasa {background: url('../images/icons/social/dark/picasa.png') no-repeat;}
.pinterest {background: url('../images/icons/social/dark/pinterest.png') no-repeat;}
.reddit {background: url('../images/icons/social/dark/reddit.png') no-repeat;}
.rss {background: url('../images/icons/social/dark/rss.png') no-repeat;}
.skype {background: url('../images/icons/social/dark/skype.png') no-repeat;}
.stumble_upon {background: url('../images/icons/social/dark/stumble_upon.png') no-repeat;}
.technorati {background: url('../images/icons/social/dark/technorati.png') no-repeat;}
.tumblr {background: url('../images/icons/social/dark/tumblr.png') no-repeat;}
.twitter {background: url('../images/icons/social/dark/twitter.png') no-repeat;}
.vimeo {background: url('../images/icons/social/dark/vimeo.png') no-repeat;}
.yahoo_mail {background: url('../images/icons/social/dark/yahoo_mail.png') no-repeat;}
.yelp {background: url('../images/icons/social/dark/yelp.png') no-repeat;}
.you_tube {background: url('../images/icons/social/dark/you_tube.png') no-repeat;}




/* #add this share
================================================== */

.addthis_toolbox_share a span{
 visibility: hidden;
}

.at300b:hover {
    opacity: 1;
}

.at300b,.at300b img{
display:none;
 background: none;
}

.addthis_button_linkedin{
 display:none;
 background: none;
}




/* ----------------------------------------------------------- */
/*                        HOME PAGE                            */
/* ----------------------------------------------------------- */
body, html{
 height: 100%;

}

section{
 position: relative;

}


html {
    background: #000 url('../images/home/micro_carbon.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
	
}


html.mobile {
    background-attachment: scroll !important;
}

.videoBg {
	position: fixed;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
}

.mobile .videoBg,
.mobile video{
	display:none;
}


.logo{
  width: 300px;
  height: 133px;
  position: fixed;
 left: 50%;
}


#home {
    position: relative;
    height: 100%;
	background: url(../images/tiles/grid1.png) repeat;
}

/*
.ie8 #home {
	background: #000 url(../images/home/1.jpg) no-repeat center center fixed;
    background-attachment: fixed !important;
}

.mobile #home,
.mobile .bgImage{
	background: #000 url(../images/home/1.jpg) no-repeat center center fixed;
    background-attachment: scroll !important;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
*/


.txtfx{
	color: #fff;
	font-size: 36px;
	line-height: 36px;
	position: fixed;
  left:0;
  top: 100px;
  margin-left: 20px;
  margin-top: 20px;
  float: left;

}

.footer .txtfx{
	position: absolute;
	left: 50%;
    top: 170px;
	font-size: 60px;
	line-height: 60px;
}

.ekoSlider{
 position: fixed;
 top: 50%;
 left: 50%;
 margin-left: -500px;
 margin-top: -200px;

}


.ekoSlider .left{
  height: 1000px;
}

.ekoSlider a.mobile{
  display: none;
  }
  
.ekoSlider .prev,
.ekoSlider .next{
	
	position: fixed;
	cursor: pointer;
	width: 50px;
	height: 50px;
	top: 50%;
	margin-top: -50px;
	overflow: hidden;
	margin-right: 5px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;

	
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;

	
}

.ekoSlider .prev{
	background: #fff url('../images/icons/previous.png') no-repeat center center;
	left: -50px;
}
.ekoSlider .next {
    background: #fff url('../images/icons/next.png') no-repeat center center;
	right: -50px;
}

.ekoSlider .prev.animate {
	background: #fff url('../images/icons/previous.png') no-repeat center center;
	left: 20px;
}
.ekoSlider .next.animate {
    background: #fff url('../images/icons/next.png') no-repeat center center;
	right: 20px;
}

.ekoSlider h1{
	   font-size: 60px; 
	   line-height: 70px;
	}

.ekoSlider h1,
.ekoSlider p{
	 color: #fff;
}

.ekoSlider p{
	 font-size: 18px;
	 line-height: 24px;
}


	/* Tablet Portrait size to standard 960 (devices and browsers) */
	
@media only screen and (max-width: 1050px) {


	
	.ekoSlider .prev,
	.ekoSlider .next{
		top:auto;
		bottom: 70px;

	}



}



@media only screen and (min-width: 768px) and (max-width: 999px) {

	.ekoSlider{
	   margin-left: -384px;
	}
	
	.ekoSlider h1{
	   font-size: 50px; 
	   line-height: 60px;
	}
	


}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

    .ekoSlider{
	   margin-left: -150px;
	}
	
	.ekoSlider h1,
	.ekoSlider p {
	   display: none;	
	}
	
	.ekoSlider .prev,
	.ekoSlider .next{
		display: none;

	}
  
}


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

    .ekoSlider ul{
	   display:none;
	}
    #home{
     
    }
    .ekoSlider a.mobile{
	   display:inline-block;
    top: 160px;
    left: 50%;
    position: absolute;
    margin-left: -50px;
	}
	
	
  
}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.ekoSlider{
	   margin-left: -210px;
	}

}




/* ----------------------------------------------------------- */
/*                           MENU                              */
/* ----------------------------------------------------------- */
.mainnav form {
    display: none;
    margin: 0;
}

.mainnav form select {
    padding: 5px 10px 5px 10px;
    margin-top: 3px;
    margin-bottom: 5px;
}

.mainnav {
	position: relative;
	background: rgba(0,0,0,0.8);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CC000000', endColorstr='#CC000000');
	width: 100%;
	z-index:10000;
	padding-top: 12px;
	padding-bottom: 8px;
	margin-top: 0px;
	box-sizing:border-box;
	text-align: center;

}


.mainnav .menu{
  position: relative;
  margin:0;
  margin-left: 0px;

}
.mainnav .menu li{
  display: inline;
  font-size: 24px;
  line-height: 24px;
  margin-left: 10px;
  font-family: 'Oswald', sans-serif;
}
.mainnav .menu li:first-child{
  margin-left: 0;
}

.mainnav .menu a, .mainnav .menu a:visited{
 color: #fff;	
}
.mainnav .menu a:hover, .mainnav .menu a.selected { 
 text-decoration: none;
}

.mainnav .socialIcons{
 position: absolute;
 right:14px;
 top:10px;
}

/*
.ie8 #home{
 min-width: 1000px;
}
*/
@media only screen and (max-width: 767px) {
	
    .mainnav ul {
        display: none;
    }
	
	.mainnav {
		text-align: center;
	}

    .mainnav form {
        display: inline-block;
    };
}





/* ----------------------------------------------------------- */
/*                     PORTFOLIO PAGE                          */
/* ----------------------------------------------------------- */
#portfolio figure, figure.hoverdir{
  cursor:pointer;
  overflow: hidden;
  display: block;
}

#portfolio figure img, figure.hoverdir img{
 position: relative;
 float: left;
 display: block;
}

#portfolio figcaption, .hoverdir figcaption{
 position: absolute;
 float: left;
 color: #fff;
 background: rgba(232, 6, 92, .8);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CCe8065c', endColorstr='#CCe8065c');
 font-family: 'Oswald', sans-serif;
 font-size: 20px;
 line-height: 20px;
 text-align: center;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  display:none;

}

/*
#portfolio figure:hover > figcaption{
	opacity:1;
}
*/


.portfolioSingle{
  position: relative;
  float: left;

}

.portfolioSingle nav{
 height: 30px;
  position: absolute;
  display:block;
  right:20px;
  bottom:30px;
}

.portfolioSingle nav .prev,
.portfolioSingle nav .next,
.portfolioSingle nav .close,
.portfolioSingle nav .link{
	
	position: relative;
	display: inline;
	float: left;
	cursor: pointer;
	width: 30px;
	height: 30px;
	overflow: hidden;
	margin-right: 5px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
}

.portfolioSingle nav .prev {background: url('../images/icons/previous.png') no-repeat;}
.portfolioSingle nav .next {background: url('../images/icons/next.png') no-repeat;}
.portfolioSingle nav .close {background: url('../images/icons/close.png') no-repeat;}
.portfolioSingle nav .link {background: url('../images/icons/link.png') no-repeat;}



/*  #Mobile
================================================== */

@media only screen and (max-width: 767px) {
	
	.portfolioSingle nav{
	bottom:0;
	right:0;
	}

}

/* ----------------------------------------------------------- */
/*                      APP SHOWCASE                           */
/* ----------------------------------------------------------- */
/*
.ipad{
  position: relative;
  margin-top: -50px;
}
    
.ipad img{
    position: absolute;
    float: left;
    top:55px;
	pointer-events: none;
}

.ipad iframe{
  padding: 142px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
*/
.ac-wrapper {
	width: 100%;
	position: relative;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 25%;
	-moz-perspective-origin: 50% 25%;
	perspective-origin: 50% 25%;
	  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;

}

.ac-wrapper h3 {
	top: 50px;
	width: 50%;
	position: absolute;
	font-weight: 300;
	font-size: 36px;
	text-align: right;
	padding: 0 180px 0 50px;
	  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

.ac-wrapper h3 span {
	display: block;
	font-size: 20px;
	line-height: 32px;
  margin-top: 10px;
}

.ac-wrapper .googleStore,
.ac-wrapper .appStore {
	top: 200px;
	position: absolute;
	  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  float: right;
  left:180px;
}
        
.ac-wrapper .appStore {
	top:250px;
}

.ac-device {
	background: url(../images/apps/iPhone.png) no-repeat;
	width: 314px;
	height: 614px;
	margin: 0 auto;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.ac-device a {
	width: 270px;
	height: 404px;

	display: inline-block;
	position: relative;
	overflow: hidden;
	margin: 106px 0 0 24px;
}

.ac-device a img {
	display: block;
	position: absolute;
}

.ac-device h4 {
	position: absolute;
	font-size: 2.5em;
	left: 100%;
	width: 100%;
	bottom: 150px;
	margin-left: 20px;
	font: 16px/26px 'Droid Sans', Arial, sans-serif;
	color: #888;
}

.ac-device nav {
	position: absolute;
	bottom: 104px;
	left: 100%;
	margin-left: 20px;
	width: 100%;
}

.ac-device nav span {
	display: block;
	cursor: pointer;

	float: left;

	width: 40px;
	height: 40px;
	overflow: hidden;
	margin-right: 5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.ac-device nav span.prev{
	background: #fff url('../images/icons/previous.png') no-repeat center center;

}
.ac-device nav span.next {
    background: #fff url('../images/icons/next.png') no-repeat center center;

}


.ac-grid {
	position: absolute;
	width: 620px;
	left: 50%;
	margin-left: -310px;
	height: 100%;
	z-index: 1000;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	pointer-events: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translateZ(-350px);
	-moz-transform: translateZ(-350px);
	transform: translateZ(-350px);
}

.ac-grid a {
	width: 145px;
	display: block;
	position: relative;
	float: left;
	margin: 10px 5px;
	cursor: pointer;
}

.ac-grid a img {
	display: block;
	width: 100%;
}

.ac-grid a span {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	padding: 3em 1em 0;
	z-index: 100;
	color: #fff;
	background: rgba(0,0,0,0.7);
	font-weight: 700;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	transform: translateY(-5px);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
  
    box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

.ac-grid a:hover span {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}

.ac-wrapper.ac-gridview .ac-device {
	-webkit-transform: translateZ(-350px);
	-moz-transform: translateZ(-350px);
	transform: translateZ(-350px);
	opacity: .6;
}

.ac-wrapper.ac-gridview .ac-grid {
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
	transform: translateZ(0px);
	opacity: 1;
	filter: alpha(opacity=100);
	pointer-events: auto;
}


@media only screen and (min-width: 768px) and (max-width: 999px) {
	.ac-wrapper { 
		font-size: 60%; 
		width: 100%; 
		padding: 0 20px;
	}

	.ac-device {
		margin: 0;
		width: 100%;
	}

	.ac-device h4 { 
		width: 50%;
		left: 312px;
	}

	.ac-wrapper h3 { 
		left: 328px; 
		padding: 0; 
		text-align: left; 
		margin-left: 30px;
	}

	.ac-device nav {
		left: 312px;
		font-size: 2em;
	}

.ac-wrapper .googleStore,
.ac-wrapper .appStore {

  left:360px;
}
}

@media only screen and (max-width: 767px) {
	.ac-wrapper {
		padding: 0;
      padding-bottom: 150px;
	}

	.ac-wrapper h3 { 
		width: 100%;
		text-align: center;
		margin: 0 0 1em;
		top: 0;
		left: auto;
		position: relative;
  padding:0;
	}
	
	.ac-wrapper h3 span{
        width: 270px;

      }

	.ac-device {
		margin: 0 auto;
  padding:0;
		width: 314px;
  margin-left: -20px;
	}

	.ac-device h4 {
		position: relative;
		margin: 0;
		left: auto;
		top: 70px;
		width: 100%;
		padding-top: 100px;
		display: block;
		text-align: center;
	}

	.ac-device nav {
		position: relative;
		padding-top: 20px;
		text-align: center;
		bottom: 60px;
		margin: 0;
		left: 116px;
	}

.ac-wrapper .googleStore,
.ac-wrapper .appStore {

  left:148px;
  top: 880px;
}

.ac-wrapper .googleStore {

  left:0px;
}
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
	.ac-wrapper {
		padding: 0 20px 100px;
     padding-bottom: 150px;
	}

	.ac-wrapper h3 { 
		width: 100%;
		text-align: center;
		margin: 0 0 1em;
		top: 0;
		left: auto;
		position: relative;
	}
	
	.ac-wrapper h3 span{
        width: 350px;
      }

	.ac-device {
		margin: 0 auto;
		width: 314px;
	}

	.ac-device h4 {
		position: relative;
		margin: 0;
		left: auto;
		top: 70px;
		width: 100%;
		padding-top: 100px;
		display: block;
		text-align: center;
	}

	.ac-device nav {
		position: relative;
		padding-top: 20px;
		text-align: center;
		bottom: 60px;
		margin: 0;
		left: 116px;
	}

.ac-wrapper .googleStore,
.ac-wrapper .appStore {

  left:214px;
  top: 880px;
}

.ac-wrapper .googleStore {

  left:60px;
}
}




/* ----------------------------------------------------------- */
/*                      CONTACT PAGE                           */
/* ----------------------------------------------------------- */


/* contact form */

.contactForm{

}

.contactForm hr {
    color: inherit;
    height: 0;
    margin: 6px 0 6px 0;
    padding: 0;
}

.quote span.black{
 display: inline-block;
  margin-bottom: 8px;
}



/* Form style */

.contactForm p.info{
  display: inline;
}

.contactForm label {
    display: inline-block;
    float: left;
    height: 26px;
    width: 155px;

}

.contactForm label input{
    display: inline-block;
    float: left;
    height: 18px;
}

.contactForm input, select {
    width: 215px;
    margin: 0;
	padding: 7px 4px 7px 4px;
    margin-bottom: 10px;
}


.contactForm select {
	width: 225px;
}

.contactForm textarea{
 width: 100%;
 margin-bottom: 5px;
 box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}

.contactForm input[type="text"], .contactForm textarea {
    border:1px solid #aaa;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}




.contactForm input.submit {
	margin-top: 5px;
    float: right;
	line-height: 14px;
    font-weight: normal;
    width: auto;
	padding: 18px;
    cursor: pointer;
    border: 0px solid #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

}

@-moz-document url-prefix() {
   .contactForm input.submit {
	  padding:11px;
	}
}



.contactForm input[type="submit"][disabled] {
    background: #888;
    cursor: default;
}

.contactForm fieldset {
}

.contactForm label.radio {
    display: block;
    width: 100%;
	margin: 0px 0 0px 0;

}


.contactForm #verifyImage{
  width: auto;
  margin: -5px 20px 0 0px;
  float: left;
}

.contactForm #verifyImage img{
 border:none;
}

.contactForm #verify{
  width: auto;
  margin: -5px 20px 0 0;
 float: left;
}
.contactForm p{
  margin-bottom: 8px;
}
.verifyText{
  margin-top: 3px;
  margin-bottom:40px;
}


.contactForm span.required {
    font-size: 13px;
} /* Select the colour of the * if the field is required. */

#message {
    margin-bottom: 5px;
    padding: 0;

}

.error_message {
    display: block;
    line-height: 22px;
    border: none;
    background: none;
    padding: 0;
    color: #000;
    margin-bottom: 20px;
}



ul.error_messages {
    margin: 0 0 0 0px;
    padding: 0;
}

ul.error_messages li {
   
    line-height: 22px;

}

.loader {
    padding: 0 10px;
}

.contactForm #success_page {
    display: block;
    line-height: 22px;
    border: 1px solid #6dd900;
    background: #c8f7a8 url(../images/icons/success.png) no-repeat 15px 12px;
    padding: 14px 15px;
    padding-left: 55px;
    color: #000;
}


input[type="checkbox"] {
    width: 20px !important;
    margin: 4px 0 0;
    margin-top: 1px \9;
    float: left;
    *margin-top: 0;
    line-height: normal;
    cursor: pointer;
}

input[type="radio"] {
    width: 20px !important;
}


.error_message h2{
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	line-height: 24px;
	color: #f00;
}

.contactForm #success_page h2{
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	line-height: 24px;
    color: #00b200;	
}

.contactForm #success_page {
    display: block;
    line-height: 22px;
    border: none;
    background: none;
    padding: 0;
    color: #000;
}




/* #Media Queries - Responsive
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 999px) {
	
}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 999px) {



}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {


  
    .contactForm #verifyImage{
  margin: 0px 10px 0 0px;
    
}

.contactForm #verify{
  margin: 0px 0px 0 0;
}

.verifyText{
  margin-top: 4px;
}
  
.twelve.columns .contactForm #verifyImage{
  margin: 0px 0px 10px 0px;   
}
  
}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	

  
  .contactForm #verifyImage{
  margin: 5px 10px 0 0px;
}

.contactForm #verify{
  margin: 5px 10px 0 0;
}

.verifyText{
  margin-top: 5px;
}
  
  .twelve.columns .contactForm #verifyImage{
  margin: 5px 10px 0 0px;  
}

}	
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}



/* ----------------------------------------------------------- */
/*                         progressbars                              */
/* ----------------------------------------------------------- */

.progressbars .under, .progressbars .over{
  position: absolute;
  display: block;
  height: 20px;
}

.progressbars .under{
  width: 100%;
}

.progressbars .over{
  width: 0;
}

.progressbars ul{
 margin-top: -3px;
}

.progressbars li{
 margin-bottom: 40px;
}

.progressbars h5 {
	font-family: 'Droid Sans', sans-serif; font-weight: 700;
	font-size: 13px;
	 line-height: 15px;
     margin-bottom: 8px;

}


/* ----------------------------------------------------------- */
/*                        CAROUSEL                             */
/* ----------------------------------------------------------- */
.carousel{
  text-align: center;
}
.carousel ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	float: left;
}

.carousel ul li{
	display: block;
	float: left;
}


.carousel img { 
	max-width: 100%;
}


.carouselNav{
	top: 100px;
}

.carouselNav a {
    position: absolute;
  z-index:1;
   float: left;
    height: 42px;
    width: 25px;
    opacity: .6;
	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	cursor: pointer;
}

.carouselNav .prev {
    background: url('../images/supersized/back.png');
    left: 20px;
}

.carouselNav .next {
    background: url('../images/supersized/forward.png');
  right: 20px;
}


.carouselNav a:hover {
   opacity: 1; 
}



/* ----------------------------------------------------------- */
/*                     CALL TO ACTION                          */
/* ----------------------------------------------------------- */

.actionBox{
  position: relative;
  display: block;
  padding: 10px 2px 13px 20px;
  border-left: 10px solid #eee;
  clear: both;
}

.actionBox h5{
line-height: 24px;
}

.actionBox p{
  margin:0 !important;
  
}

.actionBox a{
  float: right;
  position: relative;
  margin-left: 20px;
  margin-top: 8px;
  margin-right: 15px;
}

.onefourth .actionBox a{
  float: left;
  margin-left: 15px;
  margin-bottom: 10px;
}

.onefifth .actionBox a{
  float: left;
  margin-left: -5px;
  margin-bottom: 10px;
}


/* #Media Queries - Responsive
================================================== */


	/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 999px) {
	
	.onefourth .actionBox a{
	  float: left;
    padding: 20px;
	  margin-left: 0px;
	  margin-bottom: 10px;
	}
	
	.onefifth .actionBox a{
	  float: left;
    padding: 20px;
	  margin-left: 0px;
	  margin-bottom: 10px;
	}

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	.onefourth .actionBox a{
	  float: right;

	}
	
	.onefifth .actionBox a{
	  float: right;

	}
  


}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {


	
	
}




/* ----------------------------------------------------------- */
/*                      TESTIMONIALS                           */
/* ----------------------------------------------------------- */

.cbp-qtrotator {
	position: relative;
}

.cbp-qtrotator .cbp-qtcontent {
	position: absolute;
	border-bottom: 1px dashed #ccc;
	padding: 0 0 20px 0;
	top: 0;
	z-index: 0;
	opacity: 0;
	width: 100%;
}

.no-js .cbp-qtrotator .cbp-qtcontent {
	border-bottom: none;
}

.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,
.no-js .cbp-qtrotator .cbp-qtcontent {
	position: relative; 
	z-index: 100;
	pointer-events: auto;
	opacity: 1;
}

.cbp-qtrotator .cbp-qtcontent:before,
.cbp-qtrotator .cbp-qtcontent:after {
	content: " ";
	display: table;
}

.cbp-qtrotator .cbp-qtcontent:after {
	clear: both;
}

.cbp-qtprogress {
	position: absolute;
	background: #e8065c;
	height: 1px;
	width: 0%;
	bottom: 0;
	z-index: 1000;
}

.cbp-qtrotator blockquote {
	margin: 0;
	padding: 0;
}

.cbp-qtrotator blockquote p {
	font-style: italic;
	font-size: 15px;
	padding-top: 10px;
}

.cbp-qtrotator blockquote footer {
    font-size: 15px;
	font-weight: 700;
}

.cbp-qtrotator blockquote footer:before {
}

.cbp-qtrotator .cbp-qtcontent img {
	float: left;
	margin-right: 15px;
}

/* Example for media query */
@media only screen and (max-width: 767px) { 

	.cbp-qtrotator {
		font-size: 70%;
	}

	.cbp-qtrotator img {
		width: 80px;
	}

}


/* ----------------------------------------------------------- */
/*                     PROJECT PAGE                            */
/* ----------------------------------------------------------- */

.va-container{
	position:relative;
}
.va-wrapper{
	width:960px;
	height:100%;
	position:relative;
	overflow:hidden;
	background:#000;
}
.va-slice{
	cursor:pointer;
	position:absolute;
	width:100%;
	left:0px;
	overflow:hidden;
}
.va-slice-1{
	background:#000 url(../images/projects/1.jpg) no-repeat center center;
}
.va-slice-2{
	background:#000 url(../images/projects/2.jpg) no-repeat center center;
}
.va-slice-3{
	background:#000 url(../images/projects/3.jpg) no-repeat center center;
}
.va-slice-4{
	background:#000 url(../images/projects/4.jpg) no-repeat center center;
}
.va-slice-5{
	background:#000 url(../images/projects/5.jpg) no-repeat center center;
}
.va-slice-6{
	background:#000 url(../images/projects/6.jpg) no-repeat center center;
}
.va-slice-7{
	background:#000 url(../images/projects/7.jpg) no-repeat center center;
}

.va-title{
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	font-size:60px;
	margin-left:20px;
	color:#fff;
}
.va-content{
	display:none;
	margin-left:25px;
}
.va-slice p{
	font-size: 22px;
	font-style: italic;
}
.va-slice ul{
	margin-top:20px;
}
.va-slice ul li{
	float:left;
	margin:0px 2px;
}
.va-slice ul li a{
	color:#000;
	background:#eede2f;
	padding:3px 6px;
	font-size:14px;
	text-transform:uppercase;
}
.va-slice ul li a:hover{
	background:#000;
	color:#fff;
	text-shadow:none;
}
.va-nav span{
	width:30px;
	height:30px;
	background:transparent url(../images/icons/up.png) no-repeat center center;
	position:absolute;
	top:-35px;
	left:50%;
	margin-left:-20px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	display:none;
	z-index:100;
}
.va-nav span.va-nav-next{
	background-image:url(../images/icons/down.png);
	top:auto;
	bottom:-35px;
}
.va-nav span:hover{
	opacity:1.0;
}



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 999px) {
		

        .va-wrapper                                        { width: 728px;}

		
		}


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

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

		.va-wrapper                                {  width: 270px;}
		

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		
        .va-wrapper                                 { width: 390px;}
		
    }




/* ----------------------------------------------------------- */
/*                        NEWS PAGE                            */
/* ----------------------------------------------------------- */
.news{
	position: relative;
}

.news .button{
	margin-right:0;
}

/*
.news .meta{
	border-right: 1px dashed #ccc;
}
*/

.news .excerpt h3{
   margin-bottom: 10px;
   line-height: 42px;
}

.news .excerpt:before {
	content: '';
	position: absolute;
	width: 2px;
	height: 100%;
	top: 0;
	left: -20px;
	border-left: 1px dashed #ccc;
}
  
.news .date{
	font-family: 'Oswald', sans-serif;
  font-size: 62px; 
  line-height: 62px;
  margin-bottom: 15px;

        
}
      
.news .date span{
  font-size: 20px; 
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: -5px;

        
}
          
.news .author,
.news .category{

 line-height: 24px;
        
}

.news .author span,
.news .category span{
 font-weight: 700;

        
}

.news p {
 margin-bottom: 20px;	
}


/* #Media Queries - Responsive
================================================== */

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 999px) {
	
	.news .date span{
      position: absolute;
        left:0;
        top: 80px;
			
	}
      
  .news .author{

   margin-top: 50px;
        
}
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	.news .excerpt:before {
		border: none;
	}
	
	.news .meta{
	   margin-bottom: 20px;
	}

	.news .meta:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 2px;
		bottom: -10px;
		left: 0px;
		border-bottom: 1px dashed #ccc;
	}

}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {



}
  



/* ----------------------------------------------------------- */
/*                           TABS                              */
/* ----------------------------------------------------------- */

.ui-tabs {
    zoom: 1;
}

.ui-tabs ul{

}

.ui-tabs .ui-tabs-nav {
    list-style: none;
    position: relative;
    overflow: hidden;
    z-index: 1000;
	margin-bottom: 2px;
}

.ui-tabs .ui-tabs-nav li {
    position: relative;
    float: left;

  
  -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.ui-tabs .ui-tabs-nav li:last-child {
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    text-decoration: none;
    padding: 9px 20px;
	padding-bottom: 11px;
    color: #fff;
	font-family: 'Droid Sans', sans-serif; font-weight: 700;
	font-size: 13px;
  -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}



.ui-tabs .ui-tabs-nav 
li.ui-tabs-selected {
}


.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    position: relative;
    height: auto !important;
    padding: 16px 20px;
	padding-bottom: 10px;
  
}

.ui-tabs .ui-tabs-panel p {
  margin-bottom: 10px;
  display: inline-block;
}

.ui-tabs .ui-tabs-panel p.row {
  margin-bottom: 20px;
}

.ui-tabs .ui-tabs-panel a {

}

.ui-tabs .ui-tabs-panel a:hover {

}


.ui-tabs .ui-tabs-panel p img {
  float: left;
  margin-right: 10px;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}


/* ----------------------------------------------------------- */
/*                       TEAM MEMBER                           */
/* ----------------------------------------------------------- */

.teamMember{
	position: relative;
}

.teamMember h5{
 line-height: 20px;	
   margin-left: 2px;
}

.teamMember img{
  margin-bottom: 20px;
  float: left;
  margin-right: 15px;
}

.teamMember p{
  margin:0;

}

.teamMember .socialIcons, .teamMember ul.socialIcons{
   margin-top: 9px;
}

.teamMember small{
  margin-bottom: 5px;
}


.one .teamMember { width: 960px;}
.onehalf .teamMember{ width: 470px;}
.onethird .teamMember { width: 306px;}
.twothird .teamMember { width: 633px;}
.onefourth .teamMember { width: 225px;}
.threefourth .teamMember { width: 715px;}
.onefifth .teamMember { width: 176px;}
.twofifth .teamMember { width: 372px;}
.threefifth .teamMember { width: 568px;}
.fourfifth .teamMember  { width: 764px;}



/* #Media Queries - Responsive
================================================== */


	/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 999px) {

	.one .teamMember { width: 728px;}
	.onehalf .teamMember{ width: 354px;}
	.onethird .teamMember { width: 228px;}
	.twothird .teamMember { width: 478px;}
	.onefourth .teamMember { width: 167px;}
	.threefourth .teamMember { width: 541px;}
	.onefifth .teamMember { width: 128px;}
	.twofifth .teamMember { width: 278px;}
	.threefifth .teamMember { width: 428px;}
	.fourfifth .teamMember  { width: 580px;}

	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	
	.one .teamMember { width: 270px;}
	.onehalf .teamMember{ width: 270px;}
	.onethird .teamMember { width: 270px;}
	.twothird .teamMember { width: 270px;}
	.onefourth .teamMember { width: 270px;}
	.threefourth .teamMember { width: 270px;}
	.onefifth .teamMember { width: 270px;}
	.twofifth .teamMember { width: 270px;}
	.threefifth .teamMember { width: 270px;}
	.fourfifth .teamMember  { width: 270px;}
	
	.teamMember img{
	   margin-bottom: 10px;	
	}
	

}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	
	.one .teamMember { width: 390px;}
	.onehalf .teamMember{ width: 390px;}
	.onethird .teamMember { width: 390px;}
	.twothird .teamMember { width: 390px;}
	.onefourth .teamMember { width: 390px;}
	.threefourth .teamMember { width: 390px;}
	.onefifth .teamMember { width: 390px;}
	.twofifth .teamMember { width: 390px;}
	.threefifth .teamMember { width: 390px;}
	.fourfifth .teamMember  { width: 390px;}

	
	
}








/* ----------------------------------------------------------- */
/*                         SLIDERS                             */
/* ----------------------------------------------------------- */


/* #Mini slider - one fourth
================================================== */
.miniSlider{
  overflow: hidden;
  margin-bottom: 7px;
}

.miniSlider ul{
 margin: 0;
 padding: 0;
 list-style-type: none;
 margin-top: 0px;
}

.miniSlider ul li{
 position: relative;
 display: inline;
 float: left;
}


.miniSlider .socialIcons{
  margin-top: 10px;
}

.miniNav {
  height: 10px;
  position: absolute;
  top: 11px;
  right: 0;
}

.miniNavBtn {
  display: inline;
  float: left;
  width: 8px;
  height: 8px;
  margin-left: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}



/* #tiny accordion
================================================== */

.acc {
    list-style: none;
	margin-top: 10px;
	width: 100%;
}

.acc .separator{
	margin:0;
}



.acc h4 {
	position: relative;
	font-family: 'Droid Sans', sans-serif; font-weight: 700;
	font-size: 13px;
	line-height: 21px;
    margin-bottom: 0px;
    cursor: pointer;
	padding: 5px 5px 8px 0px;
    -webkit-transition: color 0.2s ease-out, background 0.2s ease-out;
    -moz-transition: color 0.2s ease-out, background 0.2s ease-out;
    -o-transition: color 0.2s ease-out, background 0.2s ease-out;
    -ms-transition: color 0.2s ease-out, background 0.2s ease-out;
    transition: color 0.2s ease-out, background 0.2s ease-out;
}



.acc h4 .icon{
  position: relative;
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 14px;
  margin-top: 0px;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: url('../images/icons/acc.png') no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  transform:rotate(90deg);
-ms-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
}

.acc .acc-selected .icon{
transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
}




.acc .acc-section {
   overflow: hidden;
}

.acc .acc-content {
   width: 100%;
   padding: 4px 0 10px 0;
   margin-bottom: 5px;
}


/* #Media Queries - accordion
================================================== */


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 999px) {
	

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	
}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

  
}




/* ----------------------------------------------------------- */
/*                      FLEX SLIDER                            */
/* ----------------------------------------------------------- */


/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
 
 .slider{
	position: relative; 
 }

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    width: 100%;
    display: block;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}


/* FlexSlider Default Theme
*********************************/
.flexslider {
    position: relative;
    zoom: 1;

}

.flexslider.small {
  border: none;
}

.flexslider.small + h4{
  margin-top: 15px;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}




/* Direction Nav */
.flex-direction-nav {
    *height: 0;
}

.flex-direction-nav a {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
    margin: 20px 10px -20px 10px;
    display: block;
    position: absolute;
    bottom: 50%;
    cursor: pointer;
    text-indent: -9999px;
   -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.flexslider.small .flex-direction-nav a{
     width: 30px;
    height: 30px;
    -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	bottom: 30px;
}


/*
.arrowvisible .flex-direction-nav a {
    opacity: 0.8;
}
*/
.flex-direction-nav .flex-next {
    background: #333 url(../images/icons/flexRight.png) no-repeat center center;
    right: 0px;
}

.flex-direction-nav .flex-prev {
	background: #333 url(../images/icons/flexLeft.png) no-repeat center center;
    left: 0px;
}


.wrapper.footer .flex-direction-nav .flex-next {
    background: url(../images/icons/next.png) no-repeat center center;

}

.wrapper.footer .flex-direction-nav .flex-prev {
	background: url(../images/icons/previous.png) no-repeat center center;

}



.flexslider:hover .flex-next {
    right: 0px;
}

.flexslider:hover .flex-prev {
    left: 0px;
}



.flex-direction-nav .flex-disabled {
    opacity: .3!important;
    filter: alpha(opacity=30);
    cursor: default;
}

/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -30px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    width: 12px;
    height: 12px;
    display: block;
    cursor: pointer;
    text-indent: -9999px;
	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
	background: url('../images/icons/sliderBullet.png') no-repeat top left;
	background-color: transparent;

}

.flex-control-paging li a:hover {
    background-position: bottom left;
}

.flex-control-paging li a.flex-active {
    background-position: bottom left;
    cursor: default;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}

.flex-control-thumbs img:hover {
    opacity: 1;
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 0;
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 0;
    }
}


/* ----------------------------------------------------------- */
/*                        BUTTONS                              */
/* ----------------------------------------------------------- */
.button {
  font: 16px 'Oswald', sans-serif;
  line-height: 14px;
  font-weight: normal;
  display: inline-block;
  cursor: pointer;
  position: relative;

  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  
  margin-right: 10px;
   margin-bottom: 10px;
}

.button.hidden{
 display: none;	
}

.button.large {
 padding: 28px;
}

.button.normal {
 padding: 18px;
}

/*
.button.small {
 padding: 6px 10px 7px 10px;
 font-size: 13px;

}
*/

.button.small {
 padding:0;
 font-size: 14px;
 background: none;
}

.button.small:hover {

 background: none;
}


/*button colors*/

.button {
 color: #fff;
 background-color: #000;
}

.button:hover {
 color: #fff;
 text-decoration: none;
}

.button.reverted {
 color: #fff;
}

.button.reverted:hover {
 color: #fff;
 background-color: #000;
}




/* ----------------------------------------------------------- */
/*                     PRICING TABLES                          */
/* ----------------------------------------------------------- */


.pricingTable{
	position: relative;
    text-align: center;
}

.pricingTable header{
  padding: 15px 0;
}

.pricingTable header h4{
  color: #fff;
  font-size: 20px;
  text-align: center;
  margin:0
}

.pricingTable .price{
   font: 50px 'Lora', serif;
   margin-top: 15px;
   margin-bottom: 5px;
   margin-left: -16px;

}

.pricingTable .currency {
   font-size: 25px;
}

.pricingTable .recurrence {
  font: 15px 'Droid Sans', sans-serif; font-weight: 700;
  margin-bottom: 20px;
}


.pricingTable .features p{
  margin:0;
  padding: 8px 0;
}

.pricingTable .features {
 text-align: center;
 padding: 0 10px;
}

.pricingTable .button {
 display:inline-block;
 margin: 0px auto 25px 0;
}



/* pricing table 5 columns
================================================== */


.ie9 .onefifth .pricingTable .recurrence, .ie8 .onefifth .pricingTable .recurrence {
  clear: both;
}

.onefifth.pricingTable .price{
 font-size: 40px;
}




/* #Media Queries - Responsive
================================================== */

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 999px) {
	
	
	.onefourth.pricingTable .price{
	 font-size: 36px;
	}
	
	.onefifth.pricingTable .price{
	 font-size: 26px;
	}
	.onefifth.pricingTable .recurrence {
	  font-size: 14px;
	}
	.onefifth.pricingTable .button.normal {
	 padding: 15px 10px;
	}
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {



}



/* ----------------------------------------------------------- */
/*                         COLORS                              */
/* ----------------------------------------------------------- */


/*#fff*/
.socialIcons li,
.portfolioSingle nav .prev,
.portfolioSingle nav .next,
.portfolioSingle nav .close,
.portfolioSingle nav .link,
.wrapper.content,
.wrapper.footer .flex-direction-nav .flex-next,
.wrapper.footer .flex-direction-nav .flex-prev{
	background-color: #fff;
}


h6,
h2.alt,
.newsletter input[type="text"],
.highlightBg{
 color: #fff;	
}

/*#000*/
.error_message,
.contactForm #success_page p{
	color: #000;	
}

/*#777*/
.hightlightGrey,
.portfolioSingle h4{
	color: #777;	
}

.inner-border{
	border-color: #777;
}

.button,
.inner-border{
	background-color: #777;	
}


/*#5f5f5f*/
body,
p,
h3.alt,
h4.alt,
.acc h4,
blockquote,
blockquote p,
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select,
.sectionHeader p,
.acc .acc-content,
.progressbars h5,
.progresscircles h4{ 
  color: #5f5f5f;
}


.ui-tabs .ui-tabs-nav li a{
  background-color: #5f5f5f;
}



/*#333*/
h1,
h2,
h3,
h4,
h5,
h6,
.cbp-qtrotator blockquote footer,
.news .date span,
.button.small:hover{
  color: #333;
}


      




.border.large{
  border-color: #333;	
}

.flex-direction-nav .flex-next,
.flex-direction-nav .flex-prev{
    background-color: #333;
}

/*#555*/

strong,
.news h3{
  color: #555;
}

.news figure{
	background-color: #555;
}



/*#aaa*/
.miniNavBtn,
.mainNavWrapper .socialIcons li:hover{
  background-color: #aaa;
}



/*#ccc*/
.portfolioSingle footer{
 color: #ccc;
}


.portfolioSingle footer .back .button,
.progressbars .under{
	background-color: #ccc;
}

.separator{
  border-top-color: #ccc;
}

.borderRight{
	border-right-color: #ccc;
}

/*#eee*/
.ui-tabs .ui-tabs-panel,
.greyBackground{
  background-color: #eee;
}



.wrapper footer.small p{
	color: #eee;
}



/*#000
.contactForm input[type="text"], .contactForm textarea {
 background: rgba(0, 0, 0, 0.1);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#01000000', endColorstr='#01000000');
}

.ie8 .contactForm input[type="text"], .ie8 .contactForm textarea {
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#10000000', endColorstr='#10000000');
}

.contactForm input[type="text"]:focus, .contactForm textarea:focus {
 background: rgba(0, 0, 0, 0);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#00000000');
}

*/


.button.reverted:hover{
	 background-color: rgba(0, 0, 0, 0.5);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#01000000', endColorstr='#01000000');
}

.wrapper footer.small{
 background: rgba(0, 0, 0, 0.8);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#01000000', endColorstr='#01000000');
}

.ie8 .wrapper footer.small{
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#10000000', endColorstr='#10000000');
}





/*
///////////////
HIGHLIGHT COLOR
///////////////
*/

.highlightColor,
h1.highlightColor, 
h2.highlightColor, 
h3.highlightColor, 
h4.highlightColor, 
h5.highlightColor, 
h6.highlightColor,
.filter:hover,
.filter.selected,
.portfolioSingle footer .back:hover,
.news article header:hover h3,
.news article header:hover h4,
.news article h3.over,
.news.selected > article h3,
.news.selected > article h4,
.acc h4.acc-selected,
a, 
a:visited,
.ac-wrapper h2 span,
.event input[type="radio"]:checked + label:after,
.event input[type="radio"]:checked ~ .content-perspective .content-inner h3,
.event input[type="radio"]:checked ~ .content-perspective .content-inner:before,
.event input[type="radio"]:checked ~ .thumb span,
.mobile label:after,
.mobile .content-perspective .content-inner h3,
.mobile .content-perspective .content-inner:before,
.filter,
small,
.mainnav a:hover,
.mainnav a.selected,
.mobile .thumb span,
.news .date,
.button.small{
 color: #e8065c;
}

.highlightColor1
{
	color:#0FF;
}

.highlightColor5
{
color: rgb(232, 6, 91);
background-color: none;
text-shadow: rgb(204, 204, 204) 0px 1px 0px, rgb(201, 201, 201) 0px 2px 0px, rgb(187, 187, 187) 0px 3px 0px, rgb(185, 185, 185) 0px 4px 0px, rgb(170, 170, 170) 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 6px 1px, rgba(0, 0, 0, 0.1) 0px 0px 5px, rgba(0, 0, 0, 0.3) 0px 1px 3px, rgba(0, 0, 0, 0.15) 0px 3px 5px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.2) 0px 10px 10px, rgba(0, 0, 0, 0.1) 0px 20px 20px;
}

.highlightColor4
{
color: rgb(255, 255, 255);
font-size: 25px;
background-color: none;
text-shadow: rgb(0, 21, 255) 2px 2px 0px;
}

.socialIcons li:hover,
.portfolioSingle nav .prev:hover,
.portfolioSingle nav .next:hover,
.portfolioSingle nav .close:hover,
.portfolioSingle nav .link:hover,
.ekoSlider .prev:hover,
.ekoSlider .next:hover,
.portfolioSingle footer .back:hover > .button,
.news figure:hover,
.news figure.over,
.news.selected > figure,
.progressbars .over,
.ui-tabs .ui-tabs-nav li a:hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.miniNavBtn:hover,
.miniNavBtn.miniNavSelected,
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover,
.ac-device nav span.prev:hover,
.ac-device nav span.next:hover,
.event input[type="radio"]:checked ~ .content-perspective:before,
.mobile .content-perspective:before,
.button:hover,
.button.reverted,
.highlightBg
{
	background-color: #e8065c;
}




.contactForm input:focus,
textarea:focus, select:focus,
.event input[type="radio"]:checked ~ .content-perspective .content-inner,
.mobile .content-perspective .content-inner{
	border-color: #e8065c;
}



.event input[type="radio"]:checked ~ .thumb,
.mobile .thumb{
	box-shadow: 
		0 0 0 8px rgba(232,6,92,1), 
		0 1px 1px rgba(255,255,255,0.5);
}

.event input[type="radio"]:checked ~ .content-perspective:before {
	background: none;
}

/*
///////////////
UPDATES
///////////////
*/