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


.icon-twitter::before {
  content: '\e801'; }

.icon-facebook::before {
  content: '\e806'; }
  

  .icon-gplus::before {
  content: '\e808'; }
  

  .icon-linkedin::before { 
  content: '\e813'; } 
  
  .fa-chevron-up:before {
	content: "\f077"
}

body, div,
 h2, h3, h4, h5, h6,a
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, hgroup, menu,
summary, hgroup {
  margin: 0;
  padding: 0;
  border: 0;
}

a:active,
a:hover {
  outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }*/


body{
	/*-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;*/
	background-image:url(../images/body_bg.png);
	background-repeat:repeat;
	background-color: #0C6;
}

header {
  background-color: #000000;
 /* background-image: url(../images/bk_img_png.png);
  background-repeat:repeat;*/
  height:auto !important;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  padding: 0;
  z-index: 1001;
}

header .logo {
  display: block;
  vertical-align: middle;
  float: left;
  line-height: 2em;
  width: 180px; }

header .logo img {
  display: block;
  margin-top: 0.7em;
  margin-bottom: 0.3em;
  padding: 0 20px;
  }
.home_icon{
	padding-top:28px;
	padding-right:15px;
}

.container{
	max-width:68em;
	margin-left:auto;
	margin-right:auto;
	max-width:1100px;
	max-width:110rem;
	min-width:280px;
	min-width:28rem;
	width:100%;
	padding-left:15px;
	padding-right:15px}
.container:after{
	content:"";
	display:table;
	clear:both}
.container .container{
	padding-left:0;
	padding-right:0}
.container--medium{
	max-width:800px;
	max-width:80rem;
	min-width:280px;
	min-width:28rem}
.container--small{
	max-width:600px;
	max-width:60rem;
	min-width:280px;
	min-width:28rem}
.container--vsmall{
	max-width:480px;
	max-width:48rem;
	min-width:280px;
	min-width:28rem}
.container--left{
	margin:0}
.container--large{
	max-width:1200px;
	min-width:320px}
.container--browsers{
	max-width:960px;
	min-width:290px}
	
section {
	width:100%;
	position:relative;
	display:block;
}

   .services_title{
	/*background-image: url(../images/title_stripe.png);*/
	background-image:url(../images/bk_img_png.png);
	background-repeat:repeat;
	background-color: #000000;
	text-align:justify
  }
 
   .works_title{
	 background-image: url(../images/title_stripe.png);
	 background-repeat:repeat;
	 background-color: #000000;
   }
   
    .company_title{
	 background-image:url(../images/bk_img_png.png);
	 background-repeat:repeat;
	 background-color: #000000;
	 
  }
  
    .clients_title{
	 background-image: url(../images/bk_img_png.png);
	 background-repeat:repeat;
	 background-color: #000000;
  }
  
#services{
	background-image: url(../images/body_bg.png);
	background-repeat:repeat;
	background-color:#0B141A;
	border-spacing:2px;
	
}
#company{
	background-image: url(../images/graph_1600.png);
	background-repeat:no-repeat;
	background-position:center;
	height:500px;
	width:100%;
	
	background-color:#68c116;
	}

#company p{
	color: #CCC;
	 padding-top:105px;
}

/*#contact_us{
	background-image:url(../images/footer_symbols.png);
	height:500px;
}
*/
@media only screen and (max-width: 540px) {
#services {
	border-top-width:thick;
	
}
#company {
	height:auto;
}
#company p{
	 padding-top:0px;
}
}


.home-icon{
	padding:12px;
}
	

a{
	color: #BCBCBC;
	display: block;
	text-decoration:none;
	
}
a:hover{
	color: #68C116;
	
}

	
.footer-a{
	color:#BBBBBB;
}
h1{
	color: #68C116;
	font-family: advent;
	}
h5{
	color: #606060;
}
h4{
	color: #7F7F7F;
	
}
h2{
	color: #606060;
}
h3{
	color: #7F7F7F;
	
}
p{
	color: #999;
	line-height:1.8em
}


@media only screen and (max-width: 540px) {
	p{
		font-size:85%;
		line-height:1.8em;
		 	}}

.ban-ul{
	list-style:none;
	
}
li{
	color:#999;
	line-height:2em;
}
@media only screen and (max-width: 540px) {
.text_li
{
	font-size:85%;
}}


.visible-desktop {
	display: inherit !important;
}
.tb_pad3 {
	padding: 2% 5% 3% 0%;
	overflow: hidden;
}
.client_div {
	overflow: hidden;
}
.client_div .title_client {
	float: left;
	margin-right: 3%;
	margin: 0 0 2% 2%;
	font-size: 1.5em;
}
.client_div .img_client span {
	float: left;
	margin-right: 1%;
	width: 10%;
	display: block;
}
}
.alcenter {
	text-align: center;
}
.italic_text_home {
	font-style: italic;
	line-height: 35px;
}
.container h1 {
	
	margin-bottom: 2%;
}
img {
	max-width: 100%;
	
}
/*.span4 {
	width: 300px;
}
.span8 {
	width: 620px;
}*/


.figcaption_text{
	text-align:right;
	font-size:14px;
}

.fullwidth-section {
position:relative;
padding-top:74px;
background-attachment: fixed;
background-repeat:repeat;
}

.fullwidth-service {
position:relative;
background-attachment: fixed;
background-repeat:repeat;

}
.fullwidth-company{
position:relative;
background-attachment: fixed;
background-repeat:repeat;

}
.banner_pad
{
	margin-top:0;
}
@media only screen and (min-width: 0px) {
.banner_pad
{
	margin-top:5.2em;
}}


.testimonials_title{
	background-image: url(../images/title_stripe.png);
	background-repeat:repeat;
	  background-color: #000000;
	  padding-top:2em;
}
@media only screen and (max-width: 540px) {
	.testimonials_title{
	  padding-top:0;
}}
.testimonials_bk{
	  background-color: #8EC544;
}
.testimonials h2 {
	padding-bottom:1em;
}
.testimonials p {
	line-height: 25px;
	padding-top:1em;
	padding-left:2em;
	padding-right:2em;
}

.testimonials_img1 {
	width:125px;
	height:62px;
	background:url(../images/Action_logo_grayscale.png);
}
.testimonials_img1:hover{
	width:125px;
	height:62px;
	background:url(../images/Action_logo.png);
}

.testimonials_img2 {
	width:200px;
	height:77px;
	background: url(../images/Vismi_logo_grayscale.png);
}
.testimonials_img2:hover{
	width:200px;
	height:77px;
	background: url(../images/Website_logo_Horizontal.png);
}

.fright {
	float: right;
}
.f11 {
	font-size: 11px;
}
.italic {
	font-style: italic;
}
.btn_blue {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #00c0ff;
	padding: 2% 3%;
	font-weight: bold;
	display: inline-block;
	color: #fff;
}
.btn_blue:hover {
	text-decoration: none;
	background: #000;
	color: #fff;
}
.btn_white {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	padding: 5% 6%;
	font-weight: bold;
	display: inline-block;
	color: #000 !important;
	font-size: 18px !important;
}
.btn_white:hover {
	text-decoration: none;
	background: #CCC;
	color: #000;
}
.clear {
	clear: both !important;
}

.page-content {
  min-height: 50%;
  background: #000000;
  }
  
  .section-inner {
  position: relative;
  max-width: 1400px;
  padding-top:2%;
  width: 95%;
  margin: 0 auto;
  overflow: visible; }
  
  .home-page-section {
  margin-top: 0%;
  margin-bottom: 0%; }
  
  .grid {
  overflow: hidden;
  margin: 2em 0; }
  .grid img {
    width: 100%; }
  .grid .grid-item {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 0 1em 2em;
    margin-bottom: 0.5em; }
    .grid .grid-item figure {
      overflow: hidden;
      position: relative;
      display: block;
      height:0;
      padding-bottom: 63%; }
    .grid .grid-item img {
      display: block;
      width: 100%;
      transition: all .3s ease-out;
      /* prevent weird 1px width/height/position changes on hover in Chrome */
      position: relative;
      -webkit-backface-visibility: hidden; }
    .grid .grid-item a {
      text-decoration: none;
      color: #666666; }
      .grid .grid-item a:hover img {
        opacity: 0.1;
        -webkit-backface-visibility: hidden; }
      .grid .grid-item a:hover .project-index-content {
        opacity: 1; }
    .grid .grid-item h2,
    .grid .grid-item h4 {
      padding-top: 0.5em; }
	  
	  .projects {
  padding-bottom: 2%; }
  .projects figure {
    background-color: #8CD154; }
    .projects figure img {
      border: 0px solid white; }
  .projects .project-index-meta {
    opacity: 0.6; }
  .projects .project-index-content {
    font-size: 1.23em;
	font-family: arial narrow;
    line-height: 1.4em;
	letter-spacing:0.05em;
    color: #FFFFFF;
	text-justify:auto;
    position: absolute;
    top: 6em;
    left: 3em;
    right: 3em;
    max-width: 30em;
    opacity: 0;
    transition: all .3s ease-out; }
	@media only screen and (max-width: 540px) {
  .projects .project-index-content {
    font-size: 0.9em;
	font-family: arial narrow;
    line-height: 1.2em;
	letter-spacing:0.05em;
    color: #FFFFFF;
	text-justify:auto;
    position: absolute;
    top: 1em;
    left: 1em;
    right: 1em;
    max-width:25em;
    opacity: 0;
    transition: all .5s ease-out; } }
	@media all and (min-width: 800px) {
 .projects .project-index-content {
    font-size: 1.23em;
	font-family: arial narrow;
    line-height: 1.4em;
	letter-spacing:0.02em;
    color: #FFFFFF;
	text-justify:auto;
    position: absolute;
    top: 1em;
    left: 1em;
    right: 1em;
    max-width: 30em;
    opacity: 0;
    transition: all .3s ease-out; }}
	@media all and (min-width: 1060px) {
 .projects .project-index-content {
    font-size: 1.23em;
	font-family: arial narrow;
    line-height: 1.4em;
	letter-spacing:0.02em;
    color: #FFFFFF;
	text-justify:auto;
    position: absolute;
    top: 5em;
    left: 1em;
    right: 1em;
    max-width: 33em;
    opacity: 0;
    transition: all .3s ease-out; }}
	@media all and (min-width: 1200px) {
	.projects .project-index-content {
    font-size: 1.23em;
	font-family: arial narrow;
    line-height: 1.4em;
	letter-spacing:0.05em;
    color: #FFFFFF;
	text-justify:auto;
    position: absolute;
    top: 8em;
    left: 3em;
    right: 3em;
    max-width: 30em;
    opacity: 0;
    transition: all .3s ease-out; }}
	
	
	@media all and (min-width: 600px) {
  .grid .grid-item {
    width: 50%;
    float: left; }
    .grid .grid-item:nth-child(odd) {
      clear: left; } }
@media all and (min-width: 850px) {
  .grid .grid-item h2,
  .grid .grid-item h3,
  .grid .grid-item p {
    padding-left: 25%; }
  .grid .grid-item-4-1 {
    width: 25%; }
    .grid .grid-item-4-1:nth-child(odd) {
      clear: none; } }


.mright {
	margin-right: 2%;
}
.mbtm4 {
	margin-bottom: 4%;
}
#showreel-wrapper,#sh-wrapper{
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
}
#showreel-wrapper video,#sh-wrapper iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#showreel-wrapper video{
	height:auto;
	display:block;
}
/*
.home-header,.profile-header {
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-attachment:fixed;
}
#main-nav{
	width:100%;font-family:,
	sans-serif;font-style:normal;font-weight:400!important;
	text-transform:uppercase;font-size:.9em;height:3em;
	padding-top:1.5em;
	letter-spacing:.2em;
	position:absolute;
	z-index:400;
	-webkit-transition:background 1s;
	-moz-transition:background 1s;
	-o-transition:background 1s;
	transition:background 1s;
}
#main-nav.dark-header{
	background:rgba(51,61,71,0.95);
	position:fixed;
	-webkit-transition:background .6s;
	-moz-transition:background .6s;
	-o-transition:background .6s;
	transition:background .6s;
}
body.contact .nav-collapse .nav>li>a,body.contact .nav-collapse .dropdown-menu a,body.work-page .nav-collapse .nav>li>a,body.contact .nav-collapse .nav>li>a{
	color:#313e46
}
body.work-page .home-link a,body.contact .home-link a{
	background-position:-4px -50px
}
.nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{
	font-family:arial,sans-serif;
	font-style:normal;
	font-weight:400!important
}
.nav-collapse.collapse{
	float:left;
	margin-right:30px;
}
#main-nav a:hover{
	border:0;
}
#main-nav ul{
	padding-left:150px;
}
#main-nav ul li+li{
	margin-left:10px;
}
ul.nav li a,.work-page .dark-header ul.nav li a,.contact .dark-header ul.nav li a{
	color:#fff;
	-webkit-transition:background .4s;
	-moz-transition:background .4s;
	-o-transition:background .4s;
	transition:background .4s;
	padding:10px 20px;
}
ul.nav li a:hover{
	color:#fff;
	background:rgba(0,0,0,0.2);
	-webkit-transition:background .4s;
	-moz-transition:background .4s;
	-o-transition:background .4s;
	transition:background .4s;
}*/

/*button.btn.btn-navbar{
	background:none!important;
	float:right;
	border:0;
	padding:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	display:none;
}
.btn-navbar span{
	display:block;
	width:32px;
	height:4px;
	background:#f8d055;
	margin-bottom:5px;
}
}

@media (max-width: 990px) {
.right_divider {
	border-right: none;
}
}*/

@media (max-width: 1200px) {
.client_div .title_client {
	float: none !important;
	clear: both;
	font-size: 1em;
}
.featurette-divider {
	margin: 5px 0px !important;
}
.client_div .img_client span {
	width: 15%;
}
.client_div .img_client  img {
	max-width: 100%;
}
}

@media (max-width: 960px) {
.client_div .img_client span {
	width: 20%;
}
.client_div .img_client span  {
	max-width: 100%;}
}
.clients li{
	/*border-left: thin solid #666;
	border-top:thin solid #666;*/
	
	
	
	float: left;
	display:block;
	width:50%;
	padding:0px 0px;
	text-align: center}
	
.clients li:first-child{
	border-left:0}
	
/*@media screen and (max-width: 599px){
	.clients li:nth-child(-n+2){
		border-top:0}
	.clients li:nth-child(2n+3){
		border-left:0}}
@media screen and (min-width: 600px) and (max-width: 799px){
	.clients li{
		width:33.333%}
	.clients li:nth-child(-n+3){
		border-top:0}
	.clients li:nth-child(3n+4){
		border-left:0}
	.clients li:last-child{display:none}}
@media screen and (min-width: 800px){
	.clients li{
		width:25%}
	.clients li:nth-child(-n+4){
		border-top:0}
	.clients li:nth-child(4n+5){
		border-left:0}
	.clients li:last-child{
		display:block}}*/
.client{
	vertical-align: middle;
	display:inline-block;
	background-size:cover;
	width:110px;
	height:77px;
	line-height:1;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx){
	.client{background-image:url(../img/logos/clients_2_x2.png)}}
	.client--salesforce{
		background-position:0 -76px}
	.client--unroll{
		background-position:0 -156px}
	.client--crew{
		background-position:0 -232px}
	.client--archively{
		background-position:0 -306px}
	.client--ghost{
		background-position:0 -378px}
	.client--profitero{
		background-position:0 -446px}
	.client--logentries{
		background-position:0 -503px}
	.client--zipery{
		background-position:0 -626px}
	.client--eventmobi{
		background-position:0 -626px}
	.client--envelopes{
		background-position:0 -688px}
	.client--amigoloans{
		background-position:0 -756px}
	.client--tellapart{
		background-position:0 -815px}
	.client--allpaws{
		background-position:0 -869px}
	.client--codeable{
		background-position:0 -923px}
	.client--metaverse{
		background-position:0 -978px}
	.client--matterport{
		background-position:0 -1038px}
	.client--shopndrop{
		background-position:0 -1094px}
	.client--desk{
		background-position:0 -1158px}
	.client--outbound{
		background-position:0 -1221px}
	.client--justpark{
		background-position:0 -1282px}
	.client--pamh{
		background-position:0 -1349px}

.section
{
	display:block;
	overflow: visible;
	padding-top:15px;
	padding-bottom:15px
}
.section-title{
	padding-top:0em;
}
@media screen and (min-width: 600px){
	.section{
		padding-top:30px;
		padding-bottom:30px;
		}}

.section-title {
    width: 100%;
    float: left; }
	
	.section_company
	{
		margin:0em;
	}
.section-title {
  margin-bottom: 2.26666em; }
  .section-title h1,
  .section-title h2,
  .section-title .section-runner {
    font-size: 1.13333em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
    max-width: 500px; }
	@media only screen and (max-width: 540px) {
		.section-title .section-runner{
			font-size:85%;
			line-height: 1.7em;
			margin-left:1em;
			margin-right:1em;
		}}
  .section-title .section-runner {
    margin-bottom: 0em;
	margin-top:0em;
	 }

.section-text {
  box-sizing: border-box;
  max-width: 720px;
  margin-bottom: 2em;
   }
  .section-text.section-text--large {
    font-size: 1.13333em;
    line-height: 1.4em;
	float:right; }
  .section-text.section-text--cols {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-width: 300px;
    -moz-column-width: 300px;
    column-width: 300px;
    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em; }
  .section-text:last-child {
    margin-bottom: 0; }
  .section-text h2 {
    margin: 2em 0 1em; }
    .section-text h2:first-child {
      margin-top: 0; }
	  
	.footer{
     background-color: #333;  
     background-image: url(../images/footer_symbols.png);
	 background-repeat: no-repeat;
	 background-position:center;
     
	  }
	 
	footer input.text {
  border-bottom: 1px solid rgba(109, 110, 113, 0.25);
  width: 100%;
  max-width: 20em; }
  
  .footer-block {
    display: table-cell;
    vertical-align: middle;
    float: none;
    width: 100%;
    padding: 4% 1.5em 4% 2.5em; }
    .footer-block:first-child {
      padding: 3% 0 3% 1em;
      width: 100%; }
    .footer-block.our-info p {
      display: block; }
    .footer-block.our-info p:after {
      content: ''; }
    .footer-block.join-newsletter {
      width: 35%; }
    .footer-block.social-wrapper {
      width: 15%; }
    .footer-block .address span {
      display: block; }
    .footer-block .address span:after {
      content: ''; } 
	  
  footer input.text {
  border-bottom: 1px solid rgba(109, 110, 113, 0.25);
  width: 100%;
  max-width: 20em; }
  .footer-block a {
    color: #999999;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
    .footer-block a:hover {
      color: #68c116; }
  .footer-block .tel {
    margin-bottom: 0; }
  
  .footer input {
  display: block;
  font-size: 1em;
  font-family: 'arial';
  -webkit-font-smoothing: antialiased;
  color: #000000;
  padding: 0.2em 2em 0.5em;
  margin-bottom: 0.5em;
  border: 0; }

	
	 .footer a {
    color: #BCBCBC;
    text-decoration: none;
    transition: all 0.3s ease-out; }
    .footer a:hover {
      color: 68c116; }
	 
	 .footer ul{
		 top:3em;
	 }
	   
  .footer li{
	  display:inline-block;
	  padding:20px 20px 15px 20px;
  }
.li_icon1{
	width:60px;
	height:60px;
	background:url(../images/1407961487_linkedin_circle_grey.png);
}
.li_icon1:hover{
	width:60px;
	height:60px;
	background:url(../images/1407961487_linkedin_circle_black.png);
}

.li_icon2{
	width:60px;
	height:60px;
	background: url(../images/1407958439_43-twitter_grey.png) ;
}
.li_icon2:hover{
	width:60px;
	height:60px;
	background: url(../images/1407958439_43-twitter.png);
}

.li_icon3{
	width:60px;
	height:60px;
	background: url(../images/1407960673_46-facebook_grey.png);
}
.li_icon3:hover{
	width:60px;
	height:60px;
	background: url(../images/1407960673_46-facebook.png);
}

.li_icon4{
	width:60px;
	height:60px;
	background: url(../images/1407960681_80-google-plus_grey.png);
}
.li_icon4:hover{
	width:60px;
	height:60px;
	background: url(../images/1407960681_80-google-plus.png);
}

	 
 .scrollup {
width:30px;
height:30px;
border-radius:15px;
opacity:.3;
position:fixed;
bottom:63px;
right:5px;
color:#FFF;
cursor:pointer;
background-color:#000;
z-index:10;
transition:opacity .5s, background-color .5s;
-moz-transition:opacity .5s, background-color .5s;
/* Firefox 4 */
-webkit-transition:opacity .5s, background-color .5s;
}

.scrollup:hover {
background-color:#47D117;
opacity:.8;
}

.scrollup i {
font-size:15px;
position:absolute;
opacity:1;
color:#FFF;
left:50%;
top:50%;
margin-top:-8px;
margin-left:-7px;
text-decoration:none;
}

.fa {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
}