/*
	Theme Name: Webfrootz
	Theme URI: http://webfrootz.com
	Description: Theme for Webfrootz
	Version: 1.0.0
	Author: Federico Soria
	Author URI: fdsoria@gmail.com
	Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
	License: GNU General Public License v2.0 & Apache License 2.0
*/

[class^="icon-"], [class*=" icon-"] {background: none}

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

/* Start: Recommended Isotope styles */
.nf-before-form-content .nf-form-fields-required
{
display:none;
}
.nf-field-container {

    margin-bottom: 0px !important;
}
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
/* End: Recommended Isotope styles */

body {
	background: url(images/body-bg.png) repeat #f7f7f7;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 15px;
}
body p {line-height: 25px}

.page-title {
	color: #FFF;
	font-size: 50px;
	font-style: italic;
	font-weight: 600;
	text-shadow: 0 1px 0 rgba(0,0,0, 0.25);
}
.highlighted {
	color: #028d9c;
	font-size: 25px;
	font-style: italic;
	font-weight: 600;
}
.block-title {
	background: url(images/block-title1.png) repeat-x center center;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0,0,0,0.25);
	letter-spacing: -2px;
}
.block-title span {padding: 5px 20px;}

/* Breadcrumbs */
.breadcrumb {
	margin-bottom: 10px;
	background: none;
	border-radius: 0;
	padding: 0;
}
.breadcrumb, .breadcrumb a {
	color: #adf7ff;
	font-size: 13px;
	text-transform: uppercase;
}
.breadcrumb a {text-decoration: underline;}
.breadcrumb .separator {margin: 0 5px;}

/* Utility Classes */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {clear:both; }

/* For IE 6/7 (trigger hasLayout) */
.clearfix {zoom:1;}

/* Admin Top Navigation fixes */
body.admin-bar .navbar-fixed-top {top: 28px;}
input, textarea, select, .uneditable-input { margin-bottom: 0; }

/* Forms */

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    transition: none;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 0;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 4px 6px;
    vertical-align: middle;
}
textarea {height: 120px;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: #CCC;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    outline: 0 none;
}
.gform_fields, .gfield_radio li {
	list-style: none;
	margin: 0;
}

.validation_error {
    background: #FF4C4C;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    margin-bottom: 20px;
    padding: 10px;
}
.gfield_description.validation_message {
    color: red;
    font-size: 12px;
    margin-top: -20px;
}

/* Tags */
.tags a {
	color: #666;
	font-size: 11px;
	font-weight: 600;
	text-decoration: none;
	margin-bottom: 5px;
	display: inline-block;
	margin-right: .8em;
}
.tags a:before {
	font-family: "fontello";
	font-style: normal;
	font-size: 1.2em;
	font-weight: normal;
	speak: none;	 
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .4em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	content: '\e808';
	color: #04b5c6;
	position: relative;
	top: 2px;
}
.tags a:hover {
	text-decoration: underline;
	color: #04b5c6;
}
.tags a:hover:before {text-decoration: none;}

/* SITE HEADER ------------------------------------------------------ */
.logo-wrap {float: left;}
.logo-wrap .brand {
	position: relative;
	z-index: 200;
	display: block;
}
.logo-wrap img {max-width: none; }

#top {
	background: url(images/top-bg.jpg) repeat-x center 0 #a47847;
	height: 100px;
}

#top .social {
	margin-top: 15px;
	float: right;
}
#top .social div {
	background: rgba(41,22,0,0.5);
	box-shadow: 0 1px 0 rgba(255,255,255,0.2);
	border-radius: 15px;
	padding: 5px 20px;
	color: #FFF;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 10px;
	float: left;
}
#top .social .chat, #top .social .mail {padding: 4px 8px;}
#top .social .chat span,
#top .social .mail span {
	font-size: 14px;
	left: -3px;
    position: relative;
    top: 2px;
    color: #FFF;
}
#top .social .mail {margin-right: 0;}

nav.navbar {clear: both;}
nav.navbar .navbar-inner {
	background: none;
	box-shadow: none;
	border: none;
	padding: 0;
	margin: 0;
}
nav.navbar .nav {
	float: none;
    margin: 8px 0 0 0;
    padding: 0;
}
nav.navbar .nav > li {
	float: left;
	list-style: none;
	margin-right: 3px;
}
nav.navbar .nav #menu-item-109 {display: none;}
nav.navbar .nav > li.last {margin-right: 0;}
.navbar .nav > li > a {
	padding: 4px 7px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(0,0,0,0.8);
	outline: transparent;
	border-radius: 15px;
}
.navbar .nav > li > a:hover {
	color: #FFF;
	background: rgba(41,22,0,0.5);
	box-shadow: 0 1px 0 rgba(255,255,255,0.2);
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > li > a:focus {
	color: #FFF;
	background: rgba(41,22,0,0.5);
	box-shadow: 0 1px 0 rgba(255,255,255,0.2);
}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    color: #FFF;
	background: rgba(41,22,0,0.5);
	box-shadow: 0 1px 0 rgba(255,255,255,0.2);
}
.navbar .nav  .dropdown-menu {
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	border-radius: 2px;	
	margin-top: 0;
}
.navbar .nav  .dropdown-menu > li > a {
	padding: 3px 5px 3px 10px;
	font-size: 13px;
}
.navbar .nav  .dropdown-menu > li > a:before {
	color: #1294A2;
	content: "\e81b";
	display: inline-block;
	font-family: 'fontello';
	font-weight: bold;
	margin-right: 6px;
}
.navbar .nav  .dropdown-menu > li > a:hover,
.navbar .nav  .dropdown-menu > li > a:focus,
.navbar .nav  .dropdown-submenu:hover > a,
.navbar .nav  .dropdown-submenu:focus > a {
    background: #3BC2D5;
    color: #FFFFFF;
    text-decoration: none;
}

#masthead {
	padding-top: 30px;
	background: url(images/masthead-bg.jpg) repeat #028e9d;
	box-shadow: 0 3px 2px rgba(0,0,0,0.2) inset;
	min-height: 120px;
}
#masthead .container {
	position: relative;
	min-height: 120px;
	background: url(images/leaf.png) no-repeat right bottom;
}
.home #masthead .container {background: none;}

/* HOME ------------------------------------------------------------------------ */
#slideshow {
	*height: 450px;
	max-height: 450px;
	position: relative;
	width: 100%;
	overflow: hidden;
	top: -23px;
	background: #000;
}
#slideshow .slide {
	float: left;
	height: 100%;
}
#slideshow .holder {
	width: 1000px;
	margin: 0 auto;
	padding: 30px 0 20px;
}
#slideshow .holder .content-image {float: left;}
#slideshow .Video .holder .content-image {
	background: url(images/video-shadow.png) no-repeat center bottom;
	padding-bottom: 25px;
	position: relative;
}
#slideshow .Video .holder .content-image .play {
	background: url(images/play.png) no-repeat center center;
	width: 72px; height: 72px;
	display: block;
	position: absolute;
	top: 50%; left: 50%;
	margin: -36px 0 0 -36px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	-webkit-transition: all ease-out 0.3s;
	-moz-transition: all ease-out 0.3s;
	-o-transition: all ease-out 0.3s;
	-ms-transition: all ease-out 0.3s;
	transition: all ease-out 0.3s;
}
#slideshow .Video .holder .content-image a:focus {outline: transparent;}
#slideshow .Video .holder .content-image a:hover .play {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
#slideshow .Video .holder .content-image img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 4px;
	background: #4d4d4d;
	background: -moz-linear-gradient(top,  #4d4d4d 0%, #000000 100%, #000000 100%, #4d4d4d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(100%,#000000), color-stop(100%,#000000), color-stop(100%,#4d4d4d));
	background: -webkit-linear-gradient(top,  #4d4d4d 0%,#000000 100%,#000000 100%,#4d4d4d 100%);
	background: -o-linear-gradient(top,  #4d4d4d 0%,#000000 100%,#000000 100%,#4d4d4d 100%);
	background: -ms-linear-gradient(top,  #4d4d4d 0%,#000000 100%,#000000 100%,#4d4d4d 100%);
	background: linear-gradient(to bottom,  #4d4d4d 0%,#000000 100%,#000000 100%,#4d4d4d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#4d4d4d',GradientType=0 );

}
#slideshow .holder .content {
	float: right;
	color: #FFF;
	padding-top: 50px;
	width: 300px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-o-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: all ease-out 1.2s;
	-moz-transition: all ease-out 1.2s;
	-o-transition: all ease-out 1.2s;
	-ms-transition: all ease-out 1.2s;
	transition: all ease-out 1.2s;
}
#slideshow .showing .holder .content {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
#slideshow .holder .content .subtitle {
	font-size: 15px;
	font-weight: bold;
}
#slideshow .holder .content .title {
	font-size: 25px;
	font-style: italic;
	font-weight: 600;
	line-height: 25px;
	letter-spacing: -2px;
}
#slideshow .holder .content .summary {
	font-size: 15px;
	line-height: 25px;
	font-weight: normal;
}
#slideshow .slideshow-nav {
	background: rgba(0,0,0,0.8);
	position: absolute;
	padding: 2px 3px 3px 3px;
	bottom: 10px;
	font-size: 1.2em;
	color: #FFF;
	z-index: 999;
	-webkit-transition: all ease-out 0.2s;
	-moz-transition: all ease-out 0.2s;
	-o-transition: all ease-out 0.2s;
	-ms-transition: all ease-out 0.2s;
	transition: all ease-out 0.2s;
}
#slideshow .slideshow-nav span {width: auto; height: auto; line-height: normal;}
#slideshow .slideshow-nav:hover {
	color: #DDD;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
}
#slideshow #prev-slide {right: 70px;}
#slideshow #next-slide {right: 35px;}

#slideshow #pager {
	text-align: center;
	position: relative;
	bottom: 30px;
	z-index: 999;
}
#slideshow #pager a {
	display: inline-block;
	background: #FFF;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.5) inset;
	border-radius: 50%;
	width: 15px; height: 15px;
	margin: 0 5px;
	cursor: pointer;
	text-indent: -4000px;
	text-align: center;
}

#slideshow #pager a.selected,
#slideshow #pager a:hover {background: #BBB;}

.home #main {margin-top: -23px;}

/* Main */
#main {
	background: url(images/main-bg.jpg) repeat-x center 0;
	padding: 50px 0;
}
#main .hello {padding: 30px 0;}
#main .hello h2 {
	color: #028d9c;
	font-size: 50px;
	font-style: italic;
	font-weight: 600;
	text-align: center;
	letter-spacing: -2px;
	margin-bottom: 30px;
}
#main .hello .intro {
	padding: 28px 38px;
	background: url(images/hello-bg.png) repeat center center;
	border-radius: 3px;
	color: #FFF;
	font-size: 15px;
	line-height: 25px;
	-webkit-column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}
#main .hello .intro strong {font-weight: 600;}
#main .hello .view-more {
	background: #05b9c9;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0,0,0,0.25);
	display: block;
	padding-top: 10px;
	width: 136px;
	height: 60px;
	line-height: 15px;
	border-radius: 0 0 80px 80px;
	margin: 0 auto;
	-webkit-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-o-transition: background 0.2s ease-in-out;
	-ms-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}
#main .hello .view-more:hover {
	background: #00c7de;
}

/* Our Services */
#our-services {
	background: url(images/home-services-web.png) repeat;
	padding: 30px 0;
	box-shadow: 0 1px 4px rgba(0,0,0,0.2) inset;
}
#our-services.design {background: url(images/home-services-design.png) repeat;}
#our-services.mobile {background: url(images/home-services-mobile.png) repeat;}
#our-services.consulting {background: url(images/home-services-consulting.png) repeat;}

#our-services .block-title {
	color: #FFF;
	font-size: 20px;
	/*background: url(images/block-title2.png) repeat-x center center;*/
	background: none;
}
#our-services .block-title span {background: url(images/our-services.jpg) repeat #d5652c;}
#tabs {
	overflow: hidden;
	margin: 0 0 20px 0; padding: 0 0 3px 0;
}
#tabs li {
	list-style: none;
	float: left;
	padding-bottom: 5px;
}
#tabs li.last {margin-right: 0;}
#tabs a, #tabs a:link, #tabs a:visited {
	background: -webkit-linear-gradient(to bottom,  #e3e3e3 0%,#ececec 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#ececec));
	background: -moz-linear-gradient(to bottom,  #e3e3e3 0%,#ececec 100%);
	background: -o-linear-gradient(to bottom,  #e3e3e3 0%,#ececec 100%);
	background: -ms-linear-gradient(to bottom,  #e3e3e3 0%,#ececec 100%);
	background: linear-gradient(to bottom,  #e3e3e3 0%,#ececec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ececec',GradientType=0 );
	-webkit-box-shadow: 0 1px 0 #FFF inset, 0 -1px 0 #FFF inset;
	box-shadow: 
		0 1px 0 #FFF inset,
		0 -1px 0 #FFF inset,
		0 4px 0 0 #D4D4D4;
	color: #999;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #FFF;
	text-align: center;
	letter-spacing: -1px;
	padding: 10px 20px;
	display: block;
	border-radius: 4px;
	outline: transparent;
	position: relative;
	top: 0;
	box-sizing: border-box;
	-webkit-transition: box-shadow 0.15s ease-in-out;
	-moz-transition: box-shadow 0.15s ease-in-out;
	-o-transition: box-shadow 0.15s ease-in-out;
	-ms-transition: box-shadow 0.15s ease-in-out;
	transition: box-shadow 0.15s ease-in-out;
}
#tabs li.active a, #tabs li a:focus, #tabs li a:active {
	background: #333;
	color: #FFF;
	box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.4);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
#tabs li a:focus, #tabs li a:active {top: 1px;}

/* Phone List */
#tabs .small-devices {
	display: none;
	clear: both;
}

#our-services .tab-content {overflow: visible;}
#our-services .panel {
	position: relative;
	background: url(images/paper-grid.png) repeat 0 0 #FFF;
	padding: 20px;
	border-radius: 4px;
	min-height: 300px;
}
#our-services .panel:before, #our-services .panel:after  {
	content: "";
	display: block;
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	width: 99.6%; height: 5px;
	position: absolute;
	left: 1px;
}
#our-services .panel:before {
	bottom: -5px;
	box-shadow:
		0 1px 1px rgba(0, 0, 0, 0.2) inset,
		0 1px 0 rgba(0, 0, 0, 0.1);
    z-index: 2;
}
#our-services .panel:after {
	bottom: -10px;
	left: 3px;
	z-index: 1;
	width: 99.3%;
}
#our-services .panel ul {
	background: url(images/paper-ul.png) no-repeat 0 0;
	width: 210px; height: 336px;
	margin: 0; padding: 0 0 0 20px;
	position: absolute; 
	top: 4px; left: -21px;
	list-style: none;
	z-index: 2;
}
#our-services .panel ul li {
	background: url(images/paper-li.png) no-repeat left bottom;
	padding-right: 5px;
}
#our-services .panel ul li a {
	padding: 10px 20px;
	display: block;
	color: #666;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	overflow: hidden;
	outline: transparent;
	-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;
}

#our-services .panel ul li.selected a {
	background: #FFF;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
	color: #dc682d;
}
#our-services .panel .description {
	margin-left: 210px;
	line-height: 25px;
	font-size: 17px;
	width: 78%px; height: 300px;
	overflow: hidden;
	position: relative;
}
#our-services .panel .content-block {
    margin-bottom: 30px;
	position: absolute;
	display: block;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-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;
}
#our-services .panel .content-block.visible {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

#our-services .panel .description .icon {
	float: left;
	margin-right: 45px;
}
#our-services .panel .description .learn-more {
	color: #dc682d;
	font-size: 17px;
	font-style: italic;
	font-weight: 600;
}
#our-services .panel .description .learn-more:hover {text-decoration: underline;}
#our-services .panel .description .learn-more span {
	text-decoration: none;
	font-size: 18px;
	position: relative;
	top: 2px;
}



/* Recent Projects */
#recent-projects {margin: 25px 0 50px;}
#recent-projects .block-title {
	color: #028d9c;
	font-size: 30px;
	text-shadow: none;
}
#recent-projects .block-title span {background: url(images/body-bg.png) repeat;}
.project {text-align: center;}
.project h4 {
	min-height: 40px;
	color: #028d9c;
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
}
.project div.image {
	background: #FFF;
	border: 1px solid #DDD;
	box-shadow: 0 1px 1px rgba(0,0,0,0.25);
	padding: 10px;
	border-radius: 3px;
}
.project div.image a {
	display: inline-block;
	margin: 0 auto;
	position: relative;
}
.project div.image img {border-radius: 3px;}
.project div.image span.overlay {
	background: rgba(0,0,0,0.6);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	width: 100%;
	height: 100%;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
}
.project div.image span.overlay i {
	display: block;
	margin: 45% auto 5% auto;
	font-size: 22px;
	position: relative;
	left: -10px;
}
.project div.image a:hover span.overlay {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.project .tags {
	text-align: left;
	padding: 15px 5px 15px 18px;
	background: #FFF;
	box-shadow: 0 4px 1px rgba(0,0,0,0.07);
	border-radius: 0 0 3px 3px;
	width: 87%;
	margin: 2px auto 0 auto;
}

/* How We Do It */
#how-we-do-it .title {
	background: url(images/how-we-do-it-title.png) no-repeat center center;
	padding: 50px 0;
	color: #e06a2e;
	font-size: 17px;
	font-weight: 600;
	text-align: center;
}
#how-we-do-it .title strong {
	color: #028d9c;
	font-size: 40px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	clear: both;
}
#how-we-do-it #steps {
	display: block;
	margin: 30px auto;
	width: 572px; height: 835px;
	position: relative;
}
#how-we-do-it #steps .step,
#how-we-do-it #steps .arrow {
	position: absolute;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
#how-we-do-it #steps .step1 {
	top: 0; left: 0;
	width: 248px; height: 203px;
	background: url(images/step1.png);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#how-we-do-it #steps .arrow1 {
	top: 167px; left: 232px;
	width: 125px; height: 25px;
	background: url(images/arrow1.png) no-repeat;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#how-we-do-it #steps .step2 {
	top: 24px; left: 320px;
	width: 252px; height: 205px;
	background: url(images/step2.png);
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
#how-we-do-it #steps .arrow2 {
	top: 229px; left: 420px;
	width: 90px; height: 90px;
	background: url(images/arrow2.png) no-repeat;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
#how-we-do-it #steps .step3 {
	top: 235px; left: 150px;
	width: 256px; height: 201px;
	background: url(images/step3.png);
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	-o-transition: all 1.5s ease-in-out;
	-ms-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
}
#how-we-do-it #steps .arrow3 {
	top: 341px; left: 121px;
	width: 70px; height: 108px;
	background: url(images/arrow3.png) no-repeat;
	-webkit-transition: all 1.5s ease-in-out;
	-moz-transition: all 1.5s ease-in-out;
	-o-transition: all 1.5s ease-in-out;
	-ms-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
}
#how-we-do-it #steps .step4 {
	top: 460px; left: 0;
	width: 255px; height: 205px;
	background: url(images/step4.png);
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
}
#how-we-do-it #steps .arrow4 {
	top: 641px; left: 230px;
	width: 125px; height: 30px;
	background: url(images/arrow4.png) no-repeat;
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
}
#how-we-do-it #steps .step5 {
	top: 499px; left: 320px;
	width: 252px; height: 205px;
	background: url(images/step5.png);
	-webkit-transition: all 2.5s ease-in-out;
	-moz-transition: all 2.5s ease-in-out;
	-o-transition: all 2.5s ease-in-out;
	-ms-transition: all 2.5s ease-in-out;
	transition: all 2.5s ease-in-out;
}
#how-we-do-it #steps .arrow5 {
	top: 710px; left: 380px;
	width: 95px; height: 125px;
	background: url(images/arrow5.png) no-repeat;
	-webkit-transition: all 2.5s ease-in-out;
	-moz-transition: all 2.5s ease-in-out;
	-o-transition: all 2.5s ease-in-out;
	-ms-transition: all 2.5s ease-in-out;
	transition: all 2.5s ease-in-out;
}

#how-we-do-it #steps .step.visible,
#how-we-do-it #steps .arrow.visible {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
	opacity: 1;
}

#how-we-do-it .dont-stop {
	padding-left: 350px;
	background: url(images/how-we-do-it-logo.png) no-repeat left top;
	min-height: 430px;
	color: #525252;
	font-size: 15px;
	line-height: 25px;
}
#how-we-do-it .dont-stop h3 {
	color: #04a7b9;
	font-size: 60px;
	font-weight: normal;
	font-style: italic;
	line-height: 60px;
	letter-spacing: -2px;
}
#how-we-do-it .dont-stop h3 strong {font-weight: bold;}

/* Business Solutions */
#business-solutions {
	background: url(images/masthead-bg.jpg) repeat;
	box-shadow: 0 2px 1px rgba(0,0,0,0.3) inset;
	padding: 30px 0 60px;
}
#business-solutions .block-title {
	background: url(images/block-title3.png) repeat-x center center;
	color: #FFF;
	font-size: 20px;
}
#business-solutions .block-title span {background: url(images/masthead-bg.jpg) repeat;}
#business-solutions .container {padding-bottom: 5px;}
#business-solutions .business-block {
	background: url(images/paper-grid.png) repeat;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.3);
	padding: 10px 20px 20px 20px;
	text-align: center;
	position: relative;
	z-index: 1;
}

#business-solutions .business-block h5 {
	color: #444;
	font-size: 19px;
	font-style: italic;
	font-weight: bold;
	margin: 10px;
}
#business-solutions .business-block p {margin-bottom: 30px;}
#business-solutions .business-block .wrapper {margin-bottom: 20px;}
#business-solutions .business-block .wrapper.adjust {margin-top: 15px;}
#business-solutions .business-block .circle {
	display: inline-block;
	font-size: 35px;
	cursor: pointer;
	width: 90px; height: 90px;
	line-height: 90px;
	border-radius: 50%;
	border: 5px solid #CCC; 
	text-align: center;
	outline: transparent;
	position: relative;
	z-index: 1;
	color: #ff5c26;
	box-shadow: 0 0 0 3px #fff;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
#business-solutions .business-block .circle:after {
	pointer-events: none;
	width: 95%;
	height: 95%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
	position: absolute;
	top: 0; left: 0;
	padding: 2px;
	z-index: -1;
	background: #FFF;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}
#business-solutions .business-block .circle:hover {text-decoration: none;}
#business-solutions .business-block .circle:hover:after {
	background: #F0F0F0;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
}
#business-solutions .business-block span.legend {
	color: #444;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	line-height: 15px;
	margin-top: 10px;
}
#business-solutions .business-block .view-more {
	background: url(images/view-more.png) no-repeat left top;
	width: 229px; height: 53px;
	line-height: 45px;
	color: #444;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 rgba(255,255,255,0.9);
	display: block;
	margin: 0 auto -46px auto;
	outline: transparent;
}
#business-solutions .business-block .view-more:hover {
	background-position: left bottom;
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

/* Content Bottom */
#content-bottom {padding: 40px;}
#content-bottom .block-title {
	color: #028d9c;
	font-size: 19px;
	letter-spacing: -1px;
	text-shadow: none;
}
#content-bottom .block-title span {background: url(images/body-bg.png) repeat;}
#content-bottom .testimonial {
	background: url(images/testimonials-bg.jpg) repeat 0 0;
	color: #FFF;
	padding: 15px 20px 25px 20px;
	height: auto;
}
#content-bottom .testimonial cite {color: #FFF;}
#content-bottom .testimonial cite strong {color: #FFF;}
#content-bottom .gift .subtitle {
	background: url(images/gift-bg.png) no-repeat 0 0;
	color: #FFF;
	font-size: 15px;
	height: 40px;
	line-height: 35px;
	padding: 0 15px;
	margin-bottom: 20px;
}
#content-bottom .gift  .nf-error-field-errors,
#content-bottom .gift  .nf-error-required-error,
#content-bottom .gift .nf-input-limit,
#content-bottom .gift .nf-error-msg,
#content-bottom .gift .nf-field-element:after
{
   display:none;
}
/*#content-bottom .gift .book {float: left;}*/
/*#content-bottom .gift form {
	float: left;
	width: 350px;
	margin-left: 20px;
}*/
#content-bottom .gift form input {
	width: 100%; height: 35px;
	margin-bottom: 4px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.2) inset;
	border: 1px solid #CCC;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
        color: #555555;
    font-size: 13px;
    padding: 4px 10px;
    border-radius:3px;

}
#content-bottom .gift ::placeholder
{
   color:#000;
}
#content-bottom .gift form input[type="text"],
#content-bottom .gift form input[type="email"]
{
background:#FFF;
}
#content-bottom .gift form input[type="submit"] {
	background: url(images/submit.png) repeat-x left top;
	border: none;
	box-shadow: none;
	border-radius: 3px;
	height: 38px;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    padding: 0px;
    transition: none;
}
#content-bottom .gift form input[type="submit"]:hover {
	background-position: left bottom;
}


/* SERVICES ------------------------------------------------------------------------ */
#services_main {padding: 50px 0 140px;}
.start-project {
	float: right;
	background: url(images/pattern1.png) repeat-x;
	border-radius: 40px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset, 0 1px 0 rgba(255,255,255,0.4); 
	padding: 0 25px 0 60px;
	height: 60px;
	width: 192px;
	line-height: 60px;
	position: relative;
}
.start-project a {
	color: #FFF;
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: -1px;
	display: block;
}
.start-project span {
	color: #49fec9;
	font-size: 30px;
	position: absolute;
	top: 14px; left: 15px;
}
#services-list {padding-top: 50px;}
.service {
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 3px;
	padding: 20px;
	position: relative;
	text-align: center;
	margin-bottom: 80px;
	height: 360px;
}
.service:before, .service:after  {
	content: "";
	display: block;
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	width: 98.6%; height: 5px;
	position: absolute;
	left: 1px;
}
.service:before {bottom: -5px; z-index: -1;}
.service:after {
	bottom: -9px;
	z-index: -2;
	left: 2px;
	width: 97.2%;
}
.service .symbol {
	position: absolute;
	top: -44px; left: 50%;
	margin-left: -44px;
	display: inline-block;
	width: 88px; height: 88px;
	line-height: 88px;
	border-radius: 50%;
	color: #FFF;
	text-align: center;
	box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset; 
}
.service .symbol i {
    left: -11px;
    position: relative;
    top: -5px;
    font-size: 26px;
}
.service.web .symbol {background: url(images/pattern2.png) repeat-x;}
.service.design .symbol {background: url(images/pattern3.png) repeat-x;}
.service.mobile .symbol {background: url(images/pattern4.png) repeat-x;}
.service.consulting .symbol {background: url(images/pattern5.png) repeat-x;}

.service h3 {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 70px 0 30px 0;
}
.service.web h3 {color: #d4662c;}
.service.design h3 {color: #04a6b7;}
.service.mobile h3 {color: #8d2d5f;}
.service.consulting h3 {color: #5e8c30;}
.service p {
	line-height: 25px;
	font-size: 13px;
}
.service h4 {
	margin: 70px 0 35px 0;
	font-size: 16px;
	text-transform: uppercase;
}
.service .body {
	height: 120px;
	overflow: hidden;
	margin-bottom: 40px;
}
.service .learn-more {
	margin-top: 45px;
	background: url(images/pattern6.png) repeat-x;
	display: block;
	padding: 0 40px;
	height: 30px;
	line-height: 30px;
	border-radius: 40px;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;
	box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;
	position: absolute;
	bottom: 20px;
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
}
.service .learn-more:hover {
	text-decoration: none;
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-o-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px);
}
.service .learn-more span {
	position: absolute;
	top: 7px; right: 30px;
	font-size: 15px;
}

/* SERVICE DETAIL */
#masthead.mobile {background: url(images/masthead-bg-estimator.jpg) repeat #832a58;}
#masthead.consulting {background: url(images/masthead-bg-consulting.jpg) repeat #5a862e;}
#masthead.web {background: url(images/web-services-masthead.jpg) repeat #D3622A;}

#masthead.web .breadcrumb,
#masthead.mobile .breadcrumb,
#masthead.consulting .breadcrumb,
#masthead.web .breadcrumb a,
#masthead.mobile .breadcrumb a,
#masthead.consulting .breadcrumb a {
	color: #FFF;
}
#masthead.solutions, #masthead.services {
	*height: 140px;
	min-height: 140px;
}
.title-icon {float: left;}
#masthead.solutions .page-title, #masthead.services .page-title {
	position: relative;
	top: 13px; left: -5px;
}
.service-image {
	float: left;
	margin-right: 30px;
	margin-bottom: 5px;
}
.enphasis {
	color: #028d9c;
	font-size: 25px;
	font-style: italic;
	font-weight: 600;
	margin-bottom: 20px;
}
.shadow-title {
	background: url(images/how-we-do-it-title.png) no-repeat center center;
	padding: 50px 0;
	color: #e06a2e;
	font-size: 17px;
	font-weight: 600;
	text-align: center;
}
.shadow-title h3 {
	color: #028d9c;
	font-size: 40px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 15px;
}
#service-detail ol {
  counter-reset: li;
  list-style: none;
  *list-style: decimal;
  padding: 0;
  margin: 10px 0;
}
#service-detail ol li {
  position: relative;
  margin: 2.6em 0;
  padding: 0;
  transition: all .3s ease-out; 
  overflow: hidden;
}
#service-detail ol li:before {
  content: counter(li);
  counter-increment: li;
  background: url(images/ol-li.png) no-repeat;
  border-radius: 15px;
  height: 164px;
  width: 164px;
  color: #FFF;
  font: bold 65px/163px "Open Sans", Arial, Helvetica, sans-serif;
  text-shadow: 1px 1px 0 #d1531e, 3px 3px 0 rgba(0,0,0,0.3);
  text-align: center;
  display: inline-block;
}
#service-detail ol li .wrap {
	float: right;
	padding-top: 10px;
	width: 80%;
}
#service-detail ol li h4 {
	color: #04a7b9;
	font-size: 30px;
	font-style: italic;
	font-weight: bold;
}
#service-detail .related-posts,
#service-detail .related-services {
	margin: 100px 0;
}
#service-detail .block-title span {
	letter-spacing: 0;
	background: url(images/body-bg.png) repeat;
	color: #028d9c;
	font-size: 13px;
	text-shadow: none;
}
#service-detail .related-posts article {margin-top: 30px;}
#service-detail .related-posts article .date {
	color: #B0B0B0;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}
#service-detail .related-posts article h5 a {
	color: #028d9c;
	font-size: 15px;
	font-weight: bold;
}
#service-detail .related-posts article .body {line-height: 25px; }
#service-detail .related-posts article .read-more {
	color: #028d9c;
	font-size: 15px;
	text-decoration: underline;
}
#service-detail .rel-service {margin-top: 30px;}
#service-detail .rel-service .type {
	color: #B0B0B0;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 15px;
}
#service-detail .rel-service .title {
	color: #333;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}
#service-detail .rel-service .excerpt {
	line-height: 25px;
	font-size: 13px;
	margin-bottom: 10px;
}
#service-detail .rel-service .learn-more {
	background: url("images/pattern6.png") repeat-x scroll 0 0 transparent;
	border-radius: 40px 40px 40px 40px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	color: #333333;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 25px;
	text-align: left;
	text-transform: uppercase;
	-webkit-transition: -webkit-transform 0.2s ease-in-out 0s;
	transition: transform 0.2s ease-in-out 0s;
}
#service-detail .rel-service .learn-more:hover {
    text-decoration: none;
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-o-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px);
}


/* WEB */
.page-template-page-web-php #masthead {background: url(images/web-services-masthead.jpg) repeat;} /* Web Masthead */
.page-template-page-web-php #masthead .breadcrumb,
.page-template-page-web-php #masthead .breadcrumb a {color: #FFF;}

.services-title {overflow: hidden; margin-top: 10px;}
.services-title .icon {
	background: url(images/pattern7.png) repeat-x;
	display: inline-block;
	width: 88px; height: 88px;
	line-height: 88px;
	border-radius: 50%;
	color: #FFF;
	font-size: 30px;
	text-align: center;
	box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;
	float: left;
	margin-right: 10px;
}
.services-title .page-title {margin: 0 0 10px 0; line-height: 45px;}
.services-title .subtitle {
	color: #FFF;
	font-size: 21px;
	font-style: italic;
	font-weight: 300;
	margin: 0 0 5px 0;
}
.service-intro {margin-bottom: 100px;}
.web .service {margin-bottom: 100px;}
.web .service h3 {
	color: #333;
	font-size: 18px;
}


/* MOBILE */
.page-template-page-mobile-php #masthead {
	background: url(images/masthead-bg-estimator.jpg) repeat #832a58;
}
.page-template-page-mobile-php #masthead .breadcrumb,
.page-template-page-mobile-php #masthead .breadcrumb a {
	color: #FFF;
}


/* CONSULTING */
.page-template-page-consulting-php #masthead {
	background: url(images/masthead-bg-consulting.jpg) repeat #5a862e;
}
.page-template-page-consulting-php #masthead .breadcrumb,
.page-template-page-consulting-php #masthead .breadcrumb a {
	color: #FFF;
}

/* WORK ------------------------------------------------------------------------ */
#project-detail h3 {
	color: #FFF;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	margin: 0 0 10px 0;
}
#project-detail .url {margin-bottom: 10px;}
#project-detail .url a {
	color: #FFF;
	font-size: 15px;
	font-weight: 600;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.filters {
	background: url(images/filters-bg.png) no-repeat center bottom;
	text-align: center;
	padding-bottom: 30px;
}
.filters a {
	color: #333;
	font-size: 17px;
	font-weight: 600;
	line-height: 48px;
	text-transform: uppercase;
	padding: 6px 20px;
	border-radius: 4px 4px 0 0;
	outline: transparent;
	-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;
}
.filters a:hover, .filters a.selected {
	background: #00bbd0;
	color: #FFF;
	text-decoration: none;
}
#portfolio-list .project {
	width: 32%;
	float: left;
	margin-right: 1%;
	margin-bottom: 20px;
}

/* Work Detail */
.single-projects #content img {
	padding: 8px;
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.single-projects #content .row-fluid {margin-bottom: 70px;}
.single-projects #content .royalSlider img {
	padding: 0;
	background: none;
	border: none;
	box-shadow: none;
}
#project-detail .tags a:before {color: #FFF;}
#project-detail .tags a {color: #FFF;}

.single-projects .testimonials {margin-top: 70px;}
.single-projects .testimonials .block-title {margin-bottom: 35px;}
.testimonials .block-title span {
	background: url(images/body-bg.png) repeat;
	color: #028d9c;
	font-size: 13px;
	text-transform: uppercase;
	text-shadow: none;
	letter-spacing: 0;
}
.testimonial .body {
	padding: 25px;
	line-height: 25px;
	background: #04a5b7;
	color: #FFF;
	position: relative;
	margin-bottom: 30px;
	border-radius: 3px;
}
.testimonial .body:after {
	content: "";
	width: 0;
	height: 0;
	border-top: 22px solid #04a5b7;
	border-bottom: 20px solid transparent;
	border-right: 25px solid transparent;
	position: absolute;
	bottom: -42px; left: 40px;
}
.testimonial cite {
	color: #666;
	font-size: 13px;
}
.testimonial cite strong {
	color: #333;
	font-size: 17px;
	font-weight: 600;
	margin-right: 5px;
}

#project-related {
	background: rgba(221,221,221,0.6);
	padding: 35px 0 100px;
}
#project-related .block-title span {
	letter-spacing: 0;
	background: #E6E6E6;
	color: #666;
	font-size: 13px;
	text-shadow: none;
}
.estimator-block {
	background: url(images/estimator-block.png) no-repeat left top;
	background-size: contain;
	text-indent: -5000px;
	display: block;
	width: 100%; height: 100px;
	margin-bottom: 80px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.estimator-block:hover {
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-o-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
}
#project-related .project h4 {font-size: 15px;}


/* ABOUT -------------------------------------------------------------------------- */
.about #main {padding-bottom: 80px;}
.mision-block {
	background: url(images/about-block.png) no-repeat left top;
	background-size: contain;
	text-indent: -5000px;
	display: block;
	width: 100%; height: 100px;
	margin-bottom: 80px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.about #services_main {padding-bottom: 0;}
#about-copy {
	background: url(images/about-divider.png) repeat-x center top;
	padding: 80px 0 100px;
}
.about-title {
	color: #028d9c;
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 60px;
}
#about-copy p {margin-bottom: 50px;}
.block-title.portfolio {margin-top: 100px;}
.block-title.portfolio span {background: url(images/body-bg.png) repeat;}
.block-title.portfolio a {
	margin-top: 45px;
	background: #04acbf;
	padding: 5px 25px;
	border-radius: 40px;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;
	position: relative;
	letter-spacing: 0;
}
.block-title.portfolio a i {margin-right: 20px;}

.page-template-page-about-php .service .symbol {
	font-size: 30px;
}

/* BLOG ---------------------------------------------------------------------------- */
.blog #content, .archive #content, .search-results #content, .single-post #content {
	padding-right: 2.5641%;
	border-right: 1px solid #CCC;
}
#sidebar1 {
	margin-left: 0;
	padding-left: 2.5641%;
}
.archive_title, .search_title {
    color: #555555;
    font-size: 22px;
}
.form-stacked {
	background: #FFF;
	padding: 10px;
	color: #A0A0A0;
	border: 1px solid #DDD;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.form-stacked #search, .form-stacked .btn {
	border: none;
	background: none;
	box-shadow: none;
	display: inline-block;
	margin: 0;
}
.form-stacked #search {width: 200px;}
.form-stacked .btn {
	color: #A0A0A0;
	text-shadow: none;
}
#s { width: 100%; }
.blog .more-link {
	white-space: nowrap;
	color: #333;
	text-decoration: underline;
	font-size: 15px;
	display: block;
	width: 6em;
	margin-top: 15px;
	clear: both;
}

/* post styling */
article.post {
	border-bottom: 1px solid #CCC;
	padding-bottom: 50px;
	margin-bottom: 40px;
}
article.post header time {
	background: url(images/pattern3.png) repeat-x;
	box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset;
	border-radius: 40px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	float: left;
	padding: 15px 19px;
	margin-right: 20px;
}
article.post header time span {
	clear: both;
	display: block;
}
article.post header time span.month {font-size: 15px; margin-bottom: 2px;}
article.post header time span.day {font-size: 28px;}
article.post header .post-title {
	margin: 0;
	line-height: 25px;
	font-size: 17px;
}
article.post header .post-title a {
	color: #333;
	font-size: 17px;
	text-transform: uppercase;
	text-decoration: none;
}
article.post header p.meta, article.post header p.meta a {
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
	color: #808080;
}
article.post header {margin-bottom: 20px;}

article.post .featured-image img {border-radius: 3px; width: 619px;
height: auto;}
article.post p.lead {
	margin-top: 20px;
	font-size: 15px;
	font-weight: normal;
	line-height: 25px;
}

article footer {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
	position: relative;
	min-height: 20px;
}

article footer a.edit-post {
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}
.post:hover a.edit-post{
	display: inline;
}

/* Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}

/* =Aside post format
-------------------------------------------------------------- */
article.format-aside {
	padding: 0;
}

article.format-aside h1 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
article.format-aside h1 a {
	text-decoration: none;
}
article.format-aside h1 a:hover {
}
article.format-aside .aside {
	padding: 24px 24px 0;
	padding: 1.714285714rem;
	border-left: 22px solid;
}
article.format-aside p {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
article.format-aside blockquote:last-child,
article.format-aside p:last-child {
	margin-bottom: 0;
}
article.format-aside footer.aside {
	padding: 24px 24px 0;
	padding: 1.714285714rem;
	border-left: 22px solid;
}

/* Image posts */
article.format-image footer h1 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	font-weight: normal;
}
article.format-image footer h2 {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}
article.format-image footer a h2 {
	font-weight: normal;
}

/* Link posts */
article.format-link header {
	padding: 0 10px;
	padding: 0 0.714285714rem;
	float: right;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #848484;
	background-color: #ebebeb;
	border-radius: 3px;
}
article.format-link .entry-content {
	max-width: 80%;
	float: left;
}
article.format-link .entry-content a {
	font-size: 22px;
	font-size: 1.571428571rem;
	line-height: 1.090909091;
	text-decoration: none;
}

article.format-link footer.entry-meta { 
	clear: both;
}

/* Quote posts */
article.format-quote .entry-content p {
	margin: 0;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
}
article.format-quote .entry-content blockquote {
	display: block;
	padding: 24px 24px 0;
	padding: 1.714285714rem 1.714285714rem 0;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.6;
	font-style: normal;
}

article.format-quote .entry-content blockquote p:before {
	content: "\201C  ";
	font-size: 2rem;
}

article.format-quote .entry-content blockquote p:after {
	content: " \201D ";
	font-size: 2rem;
}

/* Status posts */
.format-status .entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.format-status .entry-header header {
	display: inline-block;
}
.format-status .entry-header h1 {
	font-size: 15px;
	font-size: 1.071428571rem;
	font-weight: normal;
	line-height: 1.6;
	margin: 0;
}
.format-status .entry-header h2 {
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	line-height: 2;
	margin: 0;
}
.format-status .entry-header header a {
	color: #757575;
}
.format-status .entry-header header a:hover {
	color: #21759b;
}
.format-status .entry-header img {
	float: left;
	margin-right: 21px;
	margin-right: 1.5rem;
}

div[id*='attachment_']{
	max-width: 100%;
	height: 100%;
}

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

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

img.aligncenter{
	display: block;
	margin: 0 auto;
}

.post header img{
	margin-bottom: 18px;
}

.archive #main .post h3{
	line-height: 24px;
	margin-bottom: 10px;
}

video {
	max-width: 100%;
	height: auto;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-wrapper {
	width: 630px;
	max-width: 100%;
	margin-bottom: 18px;
}

/* Comments */
#comments {
	line-height: 24px;
	margin-bottom: 18px;
}
.comments-count {margin-bottom: 20px;}
.comments-count .icon-comment {
	color: #04b5c6;
	font-size: 22px;
	margin-right: 20px;
	position: relative;
	top: 1px;
}
.comment .vcard .avatar {padding-right: 0;}
.comment .vcard .comment-body {margin-left: 0; padding: 0;}
img.avatar {
	border: 1px solid #EEE;
	border-radius: 2px;
}
ol.commentlist li {padding: 0;}
ol.commentlist li .avatar {padding: 0;}
ol.commentlist,
ol.commentlist ul.children {
	list-style-type: none;
	margin-left: 0;
}
.comment .vcard > div {
	margin-top: 8px;
	padding: 0 10px;
}
.comment .author-name {
	margin-top: 0;
	margin-bottom: 2px;
	color: #333;
	font-size: 13px;
}
ol.commentlist time {margin-right: 10px;}
ol.commentlist time a {
	font-size: 13px;
	color: #999;
}
ol.commentlist .comment-text {
	margin-top: 10px;
	font-size: 13px;
}
ol.commentlist div.comment-author {position: relative;}
ol.commentlist a.comment-edit-link {
	color: #ffffff;
	text-decoration: none;
	padding-left: 5px;
}
ol.commentlist span.edit-comment {
	position: absolute;
	right: 0;
	top: 8px;
}
ol.commentlist article {border-bottom: none !important;}
a.comment-reply-link {
	font-size: 13px;
	color: #333;
	text-decoration: underline;
}
#comment-nav ul {
	list-style-type: none;
	margin: 0;
}
#comment-form-elements {
	list-style-type: none;
	margin: 0;
}
#pings {margin-bottom: 9px;}
ol.pinglist {
	list-style-type: none;
	margin: 0 0 9px 0;
}
#commentform label {font-size: 13px;}
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"] {
	width: 400px;
	height: 35px;
	line-height: 35px;
}
#commentform textarea {width: 600px;}

ol.commentlist #respond {padding: 5px 10px;}

/* image attachment */

.attachment #main .post_content img {max-width: 100%;}
.ie8 #main .media-grid img {
	max-height: none !important;
	max-width: none !important;
}
.attachment-img {margin-bottom: 18px;}
.metadata p.alert-message {
	margin-right: 0;
	margin-bottom: 18px;
}
#gallery-nav {
	list-style-type: none;
	margin-left: 0;
}
li.next a, li.previous a {position: relative;}
li.next a:hover:before{
	content: "\2190";
	position: absolute;
	display: block;
	top: 42%;
	left: 0;
	background-color: #BFBFBF;
	color: #444;
	width: 20px;
	height: 20px;
	padding-left: 5px;
	text-decoration: none;
	box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
li.previous a:hover:before{
	content: "\2192";
	position: absolute;
	display: block;
	top: 42%;
	right: 0;
	background-color: #BFBFBF;
	color: #444;
	width: 20px;
	height: 20px;
	padding-left: 5px;
	text-decoration: none;
	box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

/* widget styles */
.sidebar .widget {margin-bottom: 18px;}

.sidebar .widgettitle {
	border-bottom: 1px solid #CCC;
	margin-bottom: 9px;
	padding-bottom: 9px;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
.sidebar .widget ul {
	list-style: none;
	margin-left: 0;
}
.sidebar .widget ul li a {
	color: #333;
	font-size: 15px;
	text-transform: uppercase;
}
#tag-cloud {
	margin-bottom: 18px;
	line-height: 160%;
}
/* for some reason the bs version currently available for download doesn't have this style */
.label {text-transform: uppercase;}

/* Calendar widget */
#calendar_wrap {
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px;
}
#wp-calendar {width: 100%;}
#wp-calendar caption {
	font-weight: bold;
	padding: 8px;
}
#wp-calendar tr {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#wp-calendar tr:last-child {border-bottom: none;}
#wp-calendar td {
	text-align: center;
	padding: 8px 0;
}
blockquote.pull-left {padding-right: 15px; }

.pagination ul {
	float: right;
	box-shadow: none;
	border-radius: 0;
	border: none;
}
.pagination ul li {
	margin-right: 3px;
	float: left;
}
.pagination ul li.prev,
.pagination ul li.next {display: none;}
.pagination ul li a {
	float: none;
	color: #A0A0A0;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #DDD;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.pagination ul li.active a {
	background: #04acbf;
	border: 1px solid #04acbf;
	color: #FFF;
	cursor: pointer;
}

/* TESTIMONIALS -------------------------------------------------------------------- */
.subtitle.subtitle-testimonial {font-size: 16px;}
#testimonials .logo {
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 50%;
	width: 135px;
	height: 135px;
	display: block;
	padding: 20px;
	line-height: 135px;
	text-align: center;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
#testimonials .logo:hover {
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	transform: translate(0, -10px);
}
#testimonials .testimonial {margin: 10px 0 40px 0;}
#testimonials .testimonial .body {
	background: #FFF;
	border: 1px solid #DDD;
	color: #333;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
}
#testimonials .testimonial .body:before {
    border-bottom: 15px solid transparent;
    border-right: 21px solid transparent;
    border-top: 17px solid #DDD;
    bottom: -32px;
    content: "";
    height: 0;
    left: 40px;
    position: absolute;
    width: 0;
}
#testimonials .testimonial .body:after {
    border-bottom: 14px outset transparent;
    border-right: 19px solid transparent;
    border-top: 16px solid #FFFFFF;
    bottom: -30px;
    content: "";
    height: 0;
    left: 41px;
    position: absolute;
    width: 0;
}
#testimonials .testimonial cite strong {font-style: italic;}


/* CONTACT ------------------------------------------------------------------------- */
#contact-content, #contact-sidebar {
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 3px;
	padding: 20px;
}
#contact-content form input, #contact-content form textarea {
	margin-bottom: 25px;
	background: #F4F4F4;
	border-radius: 3px;
	width: 100%; height: 35px;
	line-height: 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#contact-content form textarea {height: 160px;}
#contact-content form input[type="submit"] {
	background: url(images/submit.png) repeat-x left top;
	border: none;
	box-shadow: none;
	border-radius: 3px;
	width: 130px;
	height: 38px;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	float: right;
	margin-bottom: 0;
}
#contact-content form input[type="submit"]:hover {background-position: left bottom;}
#contact-content form input[type="submit"]:active {height: 36px;}
#contact-sidebar h3 {
	color: #028d9c;
	font-size: 15px;
	text-transform: uppercase; 
}
#contact-sidebar address {
	color: #525252;
	font-size: 13px;
}
#contact-sidebar h4 {
	font-size: 13px;
}
#contact-sidebar .social {
	margin: 0;
	padding: 0;
	list-style: none;
}
#contact-sidebar .social li {
	float: left;
	margin-right: 5px;
}
#contact-sidebar .social li.last {margin-right: 0;}
#contact-sidebar .social li a {
	width: 26px; height: 26px;
	display: block;
	background: url(images/contact-social.png) no-repeat;
}
#contact-sidebar .social li a.facebook {background-position: left top;}
#contact-sidebar .social li a.twitter {background-position: -33px top;}
#contact-sidebar .social li a.google-plus {background-position: -66px top;}
#contact-sidebar .social li a.flickr {background-position: -99px top;}


/* PROJECT ESTIMATOR --------------------------------------------------------------- */
.page-template-page-estimator-php #masthead {
	background: url(images/masthead-bg-estimator.jpg) repeat #832a58;
}
.page-template-page-estimator-php #masthead .breadcrumb,
.page-template-page-estimator-php #masthead .breadcrumb a {
	color: #FFF;
}
#project-estimator label {display: inline;}

#project-estimator .ui-accordion-header {
    background: #04a5b7;
    border: none;
    color: #FFF;
    font-weight: normal;
    margin-bottom: 2px!important;
    padding: 
}
#project-estimator .ui-accordion-header.ui-state-active {margin-bottom: 0!important;}
#project-estimator .ui-accordion-header .ui-icon {display: none;}
#project-estimator .ui-accordion-header a {
	color: #FFF;
	font: bold 15px 'Open Sans', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	padding: 0.7em 0.7em 0.7em 2.2em; 
}
#project-estimator .ui-accordion-header a:before {
	content: '\e81b';
	font-family: 'fontello';
	display: inline-block;
	color: #FFF;
	position: relative;
	left: -15px;
}
#project-estimator .ui-accordion-header.ui-state-active a:before {content: '\e81d';}
#project-estimator .ui-accordion-content {
    background: #FFF;
    border: 1px solid #DDD;
    color: #333;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top: none;
    margin-top: 0;
}
#project-estimator .ui-slider-handle {
	background: #444;
	width: 10px; height: 25px;
	border-radius: 3px;
	top: -6px; margin-left: -5px;
}
#project-estimator .W_E-Cost {
	background: none;
	border: none;
    padding: 0;
    position: relative;
}
#project-estimator .W_E-Cost h6.W_E {
	background: #04a5b7;
	border: none;
	border-radius: 3px;
	color: #FFF;
	font-size: 15px;
	text-transform: uppercase;
	padding: 1em;
	position: relative;
}
#project-estimator .W_E-Cost h6.W_E:after {
	display: inline-block;
	position: absolute;
	bottom: -8px; left: 15px;
	content: "";
	width: 0; height: 0;
	border-top: 8px solid #04a5b7;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
}
#project-estimator .W_E-Cost .summary {
	margin-top: 20px;
    background: #FFF;
    border: 1px solid #DDD;
    overflow: hidden;
    padding: 15px 0;
    width: 100%;
    border-radius: 3px;
}
#project-estimator .summary label.W_E {
	font: 15px 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: bold !important;
	text-transform: uppercase;
}
#project-estimator .summary .currency {
	color: #333 !important;
	margin-left: 10px;
	font-weight: normal !important;
}
#project-estimator .summary input.W_E {
	color: #333 !important;
	padding-left: 0;
}
#project-estimator .W_E-Cost .summary-total {
	background: #04a5b7;
	border-radius: 3px;
	color: #FFF;
	font-size: 15px;
	text-transform: uppercase;
	padding: 0.7em 1em;
	margin-top: 20px;
	width: auto;
}
#project-estimator .summary-total .currency {color: #FFF !important;}
#project-estimator .summary-total input.W_E {
	color: #FFF !important;
	padding: 0;
}
#project-estimator input.W_E {
	background: none !important;
	margin: 0 0 3px 0;
}

/* FOOTER -------------------------------------------------------------------------- */
footer .footer-first {
	background: url(images/footer-first-bg.jpg) repeat #1d1d22;
	padding: 20px 0;
}
footer .footer-first .block-title {
	background: none;
	color: #FFF;
	font-size: 13px;
	text-align: left;
	text-shadow: 0 3px 0 rgba(0,0,0,0.75);
	letter-spacing: 0;
}
footer .footer-first .work-with-us label,
footer .footer-first .work-with-us .nf-field-element:after,
footer .footer-first .work-with-us .nf-error-required-error,
footer .footer-first .work-with-us .nf-error-field-errors,
footer .footer-first .nf-error-msg,
footer .footer-first .work-with-us .nf-input-limit 
{
   display:none !important;
}


footer .footer-first .work-with-us input,
footer .footer-first .work-with-us textarea {
	background: #0c0c0f;
	border: 1px solid #000;
	box-shadow: 0 3px 1px rgba(0,0,0,0.75) inset;
	color: #FFF;
	margin-bottom: 4px;
    border-radius:3px;
    font-size:13px;
    padding:4px 15px;
    height:auto;
}
footer .footer-first .work-with-us input:focus,
footer .footer-first .work-with-us textarea:focus 
{
background: #0c0c0f;
color:#FFF;
box-shadow: none;
}
footer .footer-first .work-with-us textarea {
height:80px;
}
footer .footer-first #code {width: 72.05%;}
footer .footer-first .work-with-us input[type="submit"] {
	background: url(images/submit.png) repeat-x left top;
	border: none;
	box-shadow: none;
	border-radius: 3px;
	height: 38px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	float: right;
    padding: 0px 25px;
    margin:0px;
    margin-top: 10px;
        transition: none;
}
footer .footer-first .work-with-us input[type="submit"]:hover {background-position: left bottom;}

footer .footer-first .post {
	margin-bottom: 20px;
	padding: 0;
	border: none;
}
footer .footer-first .post .date {
	color: #04acbf;
	font-size: 11px;
	font-weight: bold;
}
footer .footer-first .post h5 {margin: 0 0 10px 0;}
footer .footer-first .post h5 a {
	color: #DDD;
	font-size: 13px;
	font-style: italic;
	font-weight: 600;
	text-decoration: none;
}
footer .footer-first .post .body {
	color: #AAA;
	font-size: 13px;
}
footer .footer-first .post .read-more {
	color: #999;
	font-size: 13px;
	font-style: italic;
	font-weight: 600;
	text-decoration: none;
}
footer .footer-first .project-estimator {
	background: url(images/bulb.png) no-repeat 20px 38px #0c0c0f;
	padding: 38px 20px 20px 20px;
	border-radius: 4px;
	color: #999;
	font-size: 13px;
}
footer .footer-first .project-estimator .text {margin-left: 95px;}
footer .footer-first .project-estimator .submit {
	background: url(images/submit.png) repeat-x left top;
	border-radius: 3px;
	display: block;
	height: 38px;
	line-height: 35px;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	margin-top: 50px;
}
footer .footer-first .project-estimator .submit:hover {background-position: left bottom;}

footer .footer-first .location {
	padding-top: 20px;
	margin-top: 20px;
	color: #AAA;
	font-size: 14px;
	border-top: 1px solid #2c2c35;
}
footer .footer-first .location strong {color: #FFF;}

/* Footer Second */
footer .footer-second {
	background: url(images/footer-second-bg.jpg) repeat-x center top;
	padding: 20px 0;
}

footer .footer-second .copyrights {width: 25.624%}
footer .footer-second .second-nav {width: 54.7178%}

footer .footer-second li.last {margin-right: 0;}
footer .footer-second nav ul {margin: 0; padding: 0;}
footer .footer-second nav ul li .sub-menu {display: none;}
footer .footer-second nav li {
	float: left;
	list-style: none;
	margin-right: 8px;
}
footer .footer-second,
footer .footer-second a {
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
}
footer .footer-second nav li a {font-size: 10px;}
footer .footer-second .social-links {
	margin: 0;
	padding: 0;
	float: right;
}
footer .footer-second .social-links li {
	float: left;
	list-style: none;
	margin-right: 5px;
}
footer .footer-second .social-links li.last {margin-right: 0;}
footer .footer-second .social-links li a {
	width: 26px; height: 26px;
	display: block;
	background: url(images/social.png) no-repeat;
	border: 0 none;
    color: transparent;
    font: 0px/0 a;
    text-shadow: none;
}
footer .footer-second .social-links li a.facebook {background-position: left top;}
footer .footer-second .social-links li a.twitter {background-position: -33px top;}
footer .footer-second .social-links li a.google-plus {background-position: -66px top;}
footer .footer-second .social-links li a.flickr {background-position: -99px top;}

footer .footer-second .social-links li a.facebook:hover {background-position: left bottom;}
footer .footer-second .social-links li a.twitter:hover {background-position: -33px bottom;}
footer .footer-second .social-links li a.google-plus:hover {background-position: -66px bottom;}
footer .footer-second .social-links li a.flickr:hover {background-position: -99px bottom;}


/* MEDIA QUERIES --------------------------------------------------------------- */

/* --- Desktop --- */
@media only screen and (min-width: 980px) {

	.container {width: 980px;}

	/* Logo */
	.logo-wrap {width: 274px;}
	#logo {
		background: url(images/logo.png) no-repeat;
		width: 274px; height: 123px;
	}
	.main-navigation {
		float: left;
		width: 700px;
	}
	.navbar .nav li.dropdown:hover > .dropdown-menu {display: block;}
	.container-fluid {
		max-width: 970px;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
	}	
	#inner-footer {padding: 0;}
	#content {
		padding-left: 0;
		padding-right: 0;
	}	
	.topbar-inner {padding: 0;}	
	.topbar form.pull-right {float: right;}	
	.navbar-form, .navbar-search {
		margin-top: 6px;
		margin-bottom: 0;
	}	
	.navbar-search {padding-left: 0;}	
	.sidebar {margin-top: 0 !important;}	
	.widget_search input {width: 230px;}

	/* hide edit comment button and show on hover on desktop version */
	.edit-comment {display: none;}	
	.vcard:hover .edit-comment {display: inline-block;}	
	#s {
		width: 210px;
		margin-bottom: 6px;
	}	
	.widget_search input {width: 209px;}	
	.comment .vcard .comment-text {
		padding-left: 0;
		padding-right: 0;
	}
	#content-bottom .gift form {margin-left: -20px;}
}


/* --- Mobile Devices --- */
@media only screen and (max-width: 980px) {

	/* Masthead */
	#masthead .container {min-height: 140px;}

	/* Logo */
	.logo-wrap { width: 268px; }
	#logo {
		background: url(images/logo-mobile.png) no-repeat;
		width: 268px; height: 90px;
	}

	/* Main Nav */
	nav.navbar {
		position: relative;
		z-index: 1000;
		width: 100%;
	}
	nav.navbar .btn-navbar {
		background: rgba(41,22,0,0.5);
		box-shadow: 0 1px 0 rgba(255,255,255,0.2);
		border-radius: 15px;
		padding: 5px 20px;
		color: #FFF;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		float: right;
		margin: -35px 0 0 0;
		cursor: pointer;
		text-decoration: none;
		outline: transparent;
	}

	nav.navbar .btn-navbar:hover, nav.navbar .btn-navbar:active, nav.navbar .btn-navbar:focus {
		background: rgba(41,22,0,0.5);
		box-shadow: 0 1px 0 rgba(255,255,255,0.2);
		color: #FFF;
		cursor: pointer;
		outline: transparent;
	}

	nav.navbar .nav {margin-top: 10px;}
	.nav-collapse.in.collapse {height: 100% !important;}
	nav.navbar .nav > li {
		float: none;
		margin: 0;
	}
	nav.navbar .nav #menu-item-109 {display: block;}
	.navbar .nav > li > a {
		background: #1e1409;
		padding: 7px 20px;
		color: #FFF;
		font-size: 14px;
		font-weight: 600;
		text-transform: uppercase;
		text-shadow: 0 1px 1px rgba(0,0,0,0.8);
		outline: transparent;
		border-radius: 0;
		margin-bottom: 0;
		border-bottom: 1px solid #62421f;
	}
	.navbar .nav > li:last-child > a {border-bottom: 0;}
	.navbar .nav > li > a:hover {
		color: #FFF;
		background: #62421f;
		box-shadow: 0 1px 0 rgba(255,255,255,0.2);
	}
	.navbar .nav > .active > a,
	.navbar .nav > .active > a:hover,
	.navbar .nav > li > a:focus {
		color: #FFF;
		background: #62421f;
		box-shadow: 0 1px 0 rgba(255,255,255,0.2);
	}
	.navbar .nav li.dropdown.open > .dropdown-toggle,
	.navbar .nav li.dropdown.active > .dropdown-toggle,
	.navbar .nav li.dropdown.open.active > .dropdown-toggle {
	    color: #FFF;
		background: #333;
		box-shadow: 0 1px 0 rgba(255,255,255,0.2);
	}
	.navbar .nav .dropdown-menu {
		box-shadow: 0 1px 3px rgba(0,0,0,0.1);
		border-radius: 0;		
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #62421f;
	}
	.navbar .nav .dropdown-menu > li > a {
		background: #1e1409;
		color: #FFF;
		border-radius: 0;
		padding: 3px 5px 3px 20px;
		font-size: 0.8em;
		font-weight: normal;
		display: block;
	}
	.nav-collapse .dropdown-menu li + li a {margin-bottom: 0;}
	.navbar .nav .dropdown-menu > li > a:hover,
	.navbar .nav .dropdown-menu > li > a:focus,
	.navbar .nav .dropdown-submenu:hover > a,
	.navbar .nav .dropdown-submenu:focus > a {
	    background: #62421f;
	    color: #FFFFFF;
	    text-decoration: none;
	}

	/* Slideshow */
	#slideshow {top: auto;}
	.home #main {margin-top: 0;}
	#slideshow .holder {width: 96%}
	#slideshow .holder .content-image {width: 55%; }
	#slideshow .holder .content {width: 40%; padding-top: 0;}
	#slideshow .holder .content .summary {line-height: 20px;}
	#slideshow .holder .content .title {font-size: 21px; letter-spacing: -1px;}
	#slideshow #prev-slide {right: 45px;}
	#slideshow #next-slide {right: 10px;}

	/* Services Steps */
	#service-detail ol li .wrap {float: none;}

	/* About */
	.mision-block {font-size: 16px;}
	.mision-block .left {padding: 40px 72px;}
	.mision-block .right {padding: 40px 0 40px 15px;}
	#services_main .service {height: auto;}
	#services_main .service .learn-more {
		font-size: 12px;
		padding: 0 30px;
		position: relative;
		display: inline-block;
	}
	#services_main .service .learn-more span {
		right: 10px;
		font-size: 12px;
	}

	/* Footer */
	footer .footer-second {	background: url(images/footer-mobile.jpg) repeat-x center top; }
	footer .footer-first .work-with-us input[type="submit"],
	footer .footer-first .project-estimator .submit {
		margin-right: 0;
	}

	/* Forms */
	form input[type="text"], form input[type="email"], form input[type="url"],
	form input[type="tel"], form textarea {
		width: 98%;
	}
}

/* --- Tablets Landing --- */
@media (min-width: 768px) and (max-width: 979px) {
	
	/* Our Services */
	#our-services .panel .description .icon {width: 80px;}
	#our-services .panel .description {
		margin-left: 210px;
		width: 68%;
	}
	#our-services .panel .description > div {width: auto;}

	/* Background Shadows */
	#how-we-do-it .title, .filters, .shadow-title {background-size: 100%;}
	#how-we-do-it .title {line-height: 25px;}
	#how-we-do-it .title strong {font-size: 30px;}
	.shadow-title h3 {line-height: 20px; padding-top: 5px;}

	/* About */
	#services_main .service .learn-more {
		font-size: 11px;
		padding: 0 26px;
	}

	/* Project Estimator */
	#project-estimator .W_E-Cost h6.W_E {font-size: 14px;}
	#project-estimator .summary label.W_E {
		font-size: 12px;
		margin-left: 9px;
	}
	#project-estimator .summary input.W_E {
		margin: 0;
		width: 30px;
		font-size: 12px;
	}
	#project-estimator #W_E-datepicker {width: 70px;}
	#project-estimator .W_E-total {font-size: 13px;}
	#project-estimator #W_E-total {width: 60px;}

	/* Footer */
	footer .footer-first .work-with-us input[type="submit"],
	footer .footer-first .project-estimator .submit {
		font-size: 10px;
	}
}

/* --- Tablet Portrait and below --- */
@media (max-width: 767px) {

	body {padding: 0;}
	.container {padding: 0 20px;}

	/* Header */
	.phone {
		display: inline !important;
		position: relative;
		top: 1px; left: -6px;
	}

	/* Our Services Carousel */
	#tabs {
		width: 60%;
		margin: 0 auto 20px auto;
	}
	#tabs li {margin-bottom: 10px;}

	/* Background Shadows */
	#how-we-do-it .title, .filters, .shadow-title {background: none;}

	/* Project Holder */
	.project {
		width: 278px;
		margin: 10px auto;
	}
	#recent-projects .project {margin-bottom: 40px;}
	#recent-projects .project h4 {min-height: inherit;}

	/* How Do We Do It */
	#how-we-do-it .dont-stop {
		padding-left: 0;
		background-size: 100px;
	}
	#how-we-do-it .dont-stop h3 {padding-left: 104px;}

	/* Work */
	.start-project {
		float: none;
		margin: 20px 0;
	}
	.filters a {font-size: 12px;}

	.single-projects #content .row-fluid [class*="span"] {
		margin-bottom: 40px;
		overflow: hidden;
	}

	/* Our Solutions */
	#business-solutions .business-block {margin-bottom: 40px;}
	#business-solutions .business-block .wrapper {
		clear: none;
		float: left;
		width: 33%;
	}
	#business-solutions .business-block .span6.wrapper {
		width: 50%;
	}

	/* Book Form */
	#content-bottom .gift .book {
		display: block;
		margin: 0 auto 10px auto;
	}

	/* Services */
	#masthead.solutions .page-title, #masthead.services .page-title {
		left: 15px;
		font-size: 2.5em;
	}
	.shadow-title {background: none;}

	/* About and Project Estimator Block */
	.mision-block, .estimator-block {margin-top: 50px;}
	.mision-block, .estimator-block {
		background: url(images/our-mission-mobile.png) no-repeat center top;
		color: #FFF;
		width: 434px; height: 110px;
		text-align: center;
		text-indent: 0;
	}
	.estimator-block {
		background: url(images/estimator-block-mobile.png) no-repeat center top;
		height: 140px;
	}
	.mision-block span.left, .estimator-block span.left {
		display: block;
		clear: both;
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
		padding: 20px 0 0 0;
		color: #FFF;
	}
	.mision-block span.right {
		display: block;
		font-style: italic;
		clear: both;
		padding: 0 80px;
		margin-top: 25px;
	}
	.estimator-block span.right {
		display: block;
		clear: both;
		margin-top: 35px;
		padding-left: 80px;
		font-size: 18px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
	}
	.estimator-block:hover {color: #FFF; text-decoration: none;}

	#services_main .service {
		min-height: none;
		width: 60%;
		margin: 20px auto 100px auto;
	}
	#services_main .service h3 {margin: 20px auto;}
	#service-detail ol li:before {
		background-size: cover;
		font-size: 55px;
		line-height: 123px;
		width: 124px; height: 124px;
	}

	/* Blog */
	.blog #content, .single #content {border-right: none;}
	#sidebar1 {padding-left: 0;}
	#commentform input[type="text"],
	#commentform input[type="email"],
	#commentform input[type="url"],
	#commentform textarea {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* Contact */
	#contact-sidebar {
		margin-top: 20px;
		overflow: hidden;
	}

	/* Project Estimator */
	#project-estimator .W_E-Cost {margin-top: 50px;}
	#project-estimator .summary input.W_E {width: 90px;}

	/* Footer */
	footer .footer-second .columns {width: 100%;}
	footer .footer-first .project-estimator {overflow: hidden;}
	footer .footer-first .project-estimator .submit {
		display: inline-block;
		margin: 20px auto;
		padding: 0 20px;
		float: right;
	}

	footer .footer-second .social-links {
		float: none;
		margin-top: 20px;
	}
}

/* --- Home Steps --- */
@media (max-width: 580px) {

	/* Slideshow */
	#slideshow .holder {width: 90%;}
	#slideshow .holder .content-image, 
	#slideshow .holder .content {
		clear: both;
		float: none;
		width: 100%;
	}
	#slideshow .holder .content-image {margin-bottom: 20px;}
	#slideshow .Video .holder .content-image {background: none; padding-bottom: 0;}

	#main .hello .intro {
		-webkit-column-count: auto;
	    -webkit-column-gap: auto;
	    -moz-column-count: auto;
	    -moz-column-gap: auto;
	    column-count: auto;
	    column-gap: auto;
	}

	#how-we-do-it #steps {
		width: 255px;
		height: auto;
	}
	#how-we-do-it #steps .arrow {display: none !important;}
	#how-we-do-it #steps .step {
		position: relative;
		margin-bottom: 50px;
		top: auto; left: auto;
	}
}

/* --- Fix Logo --- */
@media (max-width: 535px) {
	
	/* Logo */
	.logo-wrap {
		width: 184px;
		margin-left: -20px;
	}
	#logo {
		background: url(images/logo-mobile-2.png) no-repeat;
		width: 184px; height: 94px;
	}
	#top .social div {
		font-size: 12px;
		padding: 2px 10px 3px;
		position: absolute;
	}
	#top .social .contact-us {
		top: 10px; right: -4px;
	}
	.phone {top: 0; left: -3px;}
	#top .social .mail {
		top: 55px; right: 90px;
		padding: 1px 4px;
	}
	#top .social .mail span {
		font-size: 10px;
		position: relative;
		top: -1px; left: 0;
	}
	nav.navbar .nav-container {margin-top: -4px;}
	nav.navbar .btn-navbar {
		font-size: 12px;
		margin: -40px -12px 0 0;
	}

	/* About and Project Estimator Block */
	.mision-block, .estimator-block {
		background-size: cover;
		width: 100%;
	}
	.mision-block span.right {padding: 0 20px;}
}

/* --- Iphone --- */
@media (max-width: 480px) {
	
	#main .hello h2 {font-size: 35px;}

	/* Our Services */
	#tabs .small-devices {}
	#tabs .small-devices ul {margin: 0;}
	#tabs .small-devices li {float: none;}
	#tabs .small-devices a {
		background: none;
		border: none;
		box-shadow: none;
		color: #FFF;
		font-size: 12px;
		text-align: center;
		text-shadow: 0 1px 0 rgba(0,0,0,0.2);
		padding: 0;
	}
	.tab-content {display: none;}

	/* How Do We Do It */
	#how-we-do-it .dont-stop h3 {
		font-size: 2em;
		line-height: 30px;
		margin-bottom: 40px;
		padding-top: 40px;
	}

	#content-bottom {padding: 40px 10px;}

	/* Work */
	#portfolio-list .project {width: 100%;}
	.start-project {
		height: 50px;
		line-height: 50px;
		padding: 0 15px 0 50px;
	}
	.start-project a {font-size: 14px;}
	.start-project span {font-size: 25px; top: 12px;}

	/* About and Project Estimator Block */
	.estimator-block span.right {
		padding: 0 5px;
		text-align: center;
	}

	/* Project Estimator */
	#W_E-sectionFour label {
		display: block;
		float: none;
	}
	#W_E-sectionFour input {float: none;}
	#W_E-sectionFour .W_E-col1,	#W_E-sectionFour .W_E-col2 {
		float: none;
		width: auto;
	}
	#W_E-buttons {border: none; padding: 0;}

	/* About */
	#services_main .service {
		min-height: none;
		width: 95%;
		margin: 20px auto 100px auto;
	}
	#services_main {padding-bottom: 0;}
	#about-copy .testimonial {margin-bottom: 40px;}
	.block-title.portfolio a {
		font-size: 13px;
		text-decoration: none;
	}
}

/* --- Smartphones --- */
@media (max-width: 320px) {
	
	/* Recent Projects */
	#recent-projects .block-title {font-size: 24px;}

	/* Business Solutions */
	#business-solutions .business-block .circle {
		width: 50px; height: 50px;
		line-height: 50px;
		font-size: 24px;
	}
	#business-solutions .business-block .circle:after {
		width: 93%; height: 93%;
	}

	/* Content Bottom */
	#content-bottom .block-title {font-size: 15px;}
	#content-bottom .gift .subtitle {
		background: url(images/testimonials-bg.jpg) repeat;
		height: auto;
		font-size: 13px;
		line-height: 25px;
		text-align: center;
	}
	#content-bottom .gift form input[type="submit"] {font-size: 12px}

	/* Services and Solutions */
	#masthead.solutions .page-title, #masthead.services .page-title {font-size: 18px;}

	/* About and Project Estimator Block */
	.mision-block span.left {padding: 10px 0 0 0;}

	/* Footer */
	footer .latest-posts {margin: 50px 0;}
	footer .footer-first .project-estimator .submit {font-size: 11px;}
	
}