.isotope-item {  
  z-index: 2;
}

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

.isotope, .isotope .isotope-item {  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

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

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

h1, h2, h3, h4, h5, h6, p, blockquote, img {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  border-top-width: 0px;  
  border-top-style: none;  
  border-top-color: initial;
  border-top-color: -moz-initial;  
  border-right-width: 0px;  
  border-right-style: none;  
  border-right-color: initial;
  border-right-color: -moz-initial;  
  border-bottom-width: 0px;  
  border-bottom-style: none;  
  border-bottom-color: initial;
  border-bottom-color: -moz-initial;  
  border-left-width: 0px;  
  border-left-style: none;  
  border-left-color: initial;
  border-left-color: -moz-initial;  
  font: inherit;  
  vertical-align: baseline;
}

ol, ul {  
  list-style-type: none;  
  list-style-position: outside;  
  list-style-image: none;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

body {  
  background-color: transparent;  
  background-image: url("../upload/background.jpg");  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

#container.boxed-style {  
  max-width: 1230px;  
  margin-top: 50px;  
  margin-right: auto;  
  margin-bottom: 50px;  
  margin-left: auto;  
  overflow: hidden;  
  position: relative;  
  background-color: white;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

#container {
	max-width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
	position: relative;
	background-color: white;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	height: 3512px;
}

.navbar-fixed-top {  
  position: fixed;  
  z-index: 9999999;
}

#container.boxed-style .navbar-fixed-top {  
  position: absolute;
}

.navbar-fixed-top .navbar-inner {  
  background-color: black;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  -webkit-box-shadow: none;
  box-shadow: none;  
  border-top-width: medium;  
  border-top-style: none;  
  border-top-color: initial;
  border-top-color: -moz-initial;  
  border-right-width: medium;  
  border-right-style: none;  
  border-right-color: initial;
  border-right-color: -moz-initial;  
  border-bottom-width: medium;  
  border-bottom-style: none;  
  border-bottom-color: initial;
  border-bottom-color: -moz-initial;  
  border-left-width: medium;  
  border-left-style: none;  
  border-left-color: initial;
  border-left-color: -moz-initial;
}

.navbar a.brand {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0px;
}

.nav-collapse {  
  float: right;  
  margin-top: 20px;
}

.nav-collapse .nav > li > a {  
  color: white;  
  font-size: 14px;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  padding-top: 15px;  
  padding-right: 19px;  
  padding-bottom: 15px;  
  padding-left: 19px;  
  font-family: 'Open Sans', sans-serif;  -webkit-border-radius: 24px 24px 24px 24px;
  border-radius: 24px 24px 24px 24px;  -o-transition: all 0.17s linear 0s;
  -webkit-transition: all 0.17s linear 0s;
  transition: all 0.17s linear 0s;
}

.nav-collapse .nav > li.drop > a {  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.nav-collapse .nav > li.drop:hover > a {
	color: #31811E;
	background-color: white;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
}

.nav-collapse .nav > li {  
  position: relative;
}

.nav-collapse .nav > li > a:hover {  
  color: black;  
  background-color: green;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.dropdown {  
  position: absolute;  
  padding-top: 1px;  
  padding-right: 1px;  
  padding-bottom: 1px;  
  padding-left: 1px;  
  left: 0px;  
  top: 100%;  
  visibility: hidden;  -webkit-opacity: 0;
  opacity: 0;  
  background-color: white;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  width: 175px;  -o-transition: all 0.17s ease-in-out 0s;
  -webkit-transition: all 0.17s ease-in-out 0s;
  transition: all 0.17s ease-in-out 0s;
}

.nav-collapse .nav > li.drop:hover .dropdown {  
  visibility: visible;  -webkit-opacity: 1;
  opacity: 1;
}

.dropdown li {  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: #e7e7e7;
}

.dropdown li:first-child {  
  border-top-width: medium;  
  border-top-style: none;  
  border-top-color: initial;
  border-top-color: -moz-initial;
}

.dropdown li a {  
  display: inline-block;  
  text-decoration: none;  
  color: #585858;  
  font-size: 13px;  
  padding-top: 7px;  
  padding-right: 0px;  
  padding-bottom: 7px;  
  padding-left: 0px;  
  text-indent: 14px;  
  width: 100%;  
  font-family: 'Open Sans', sans-serif;  -o-transition: all 0.17s ease-in-out 0s;
  -webkit-transition: all 0.17s ease-in-out 0s;
  transition: all 0.17s ease-in-out 0s;
}

.dropdown li a:hover {
	color: white;
	background-color: #31811E;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
}

.services {  
  text-align: center;  
  margin-bottom: 20px;
}

.services a {  
  display: inline-block;  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: #e3e3e3;  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: #e3e3e3;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #e3e3e3;  
  border-left-width: 1px;  
  border-left-style: solid;  
  border-left-color: #e3e3e3;  
  width: 92px;  
  height: 92px;  
  text-align: center;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  margin-bottom: 26px;  -o-transition: all 0.17s linear 0s;
  -webkit-transition: all 0.17s linear 0s;
  transition: all 0.17s linear 0s;
}

.services a:hover {  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: #31811E;  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: #31811E;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #31811E;  
  border-left-width: 1px;  
  border-left-style: solid;  
  border-left-color: #31811E;  
  transform: rotate(360deg);
}

.services a.responsive {  
  background-color: white;  
  background-image: url("../images/responsive.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;
}

.services a.support {  
  background-color: white;  
  background-image: url("../images/support.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;
}

.services a.builder {  
  background-color: white;  
  background-image: url("../images/services.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;
}

.services a.customizable {  
  background-color: white;  
  background-image: url("../images/customizable.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;
}

.services a.responsive:hover {  
  background-color: #31811E;  
  background-image: url("../images/responsive1.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;
}

.services a.support:hover {  
  background-color: #31811E;  
  background-image: url("../images/support1.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;
}

.services a.builder:hover {  
  background-color: #31811E;  
  background-image: url("../images/services1.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;
}

.services a.customizable:hover {  
  background-color: #31811E;  
  background-image: url("../images/customizable-hover.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;
}

.services h2 {  
  color: black;  
  font-size: 20px;  
  font-family: 'Open Sans', sans-serif;  
  font-weight: 300;  
  line-height: ;  
  margin-bottom: 20px;
}

.services h2 span {  
  color: black;  
  font-size: 20px;  
  font-family: 'Open Sans', sans-serif;  
  font-weight: 600;  
  line-height: ;  
  margin-bottom: 30px;
}

.recent-projects > h2, .team > h2, .contact-page > h2, .blog > h2, .single-work > h2 {  
  color: black;  
  font-size: 15px;  
  
  font-weight: 700;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #e6e6e6;  
  margin-bottom: 23px;
}

.recent-projects > h2 span, .team > h2 span, .contact-page > h2 span, .blog > h2 span, .single-work > h2 span {  
  display: inline-block;  
  padding-bottom: 18px;  
  border-bottom-width: 6px;  
  border-bottom-style: solid;  
  border-bottom-color: #31811E;  
  margin-bottom: -1px;
}

.project-post {  
  position: relative;  
  overflow: hidden;  
  margin-bottom: 22px;
}

.project-post img {  
  width: 100%;
}

.project-content {  
  position: absolute;  
  top: 0px;  
  left: 0px;  
  width: 100%;  
  height: 100%;  
  background-color: rgba(2, 171, 104, 0.9);  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  text-align: center;  -webkit-opacity: 0;
  opacity: 0;  
  visibility: hidden;  -o-transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
}

.project-content h2 {  
  display: inline-block;  
  color: white;  
  font-size: 14px;  
  font-family: 'Open Sans', sans-serif;  
  padding-bottom: 10px;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: white;  
  line-height: ;  
  margin-bottom: 10px;  
  margin-top: -50px;  -o-transition: all 0.17s linear 0s;
  -webkit-transition: all 0.17s linear 0s;
  transition: all 0.17s linear 0s;
}

.project-content p {  
  color: white;  
  font-size: 13px;  
  font-family: 'Open Sans', sans-serif;  
  line-height: 18px;  
  margin-bottom: 10px;  
  padding-top: 0px;  
  padding-right: 15px;  
  padding-bottom: 0px;  
  padding-left: 15px;  
  max-height: 54px;  
  overflow: hidden;  -webkit-opacity: 0;
  opacity: 0;  -o-transition: all 0.22s linear 0s;
  -webkit-transition: all 0.22s linear 0s;
  transition: all 0.22s linear 0s;
}

.zoom-image, .link-image {  
  display: inline-block;  
  width: 41px;  
  height: 41px;  
  position: absolute;  
  bottom: -80px;  
  left: 50%;  -o-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.zoom-image:hover, .link-image:hover {  -webkit-opacity: 0.5;
  opacity: 0.5;
}

.zoom-image {  
  background-color: rgba(0, 0, 0, 0.1);  
  background-image: url("../images/zoom.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;  
  margin-left: -41px;
}

.link-image {  
  background-color: rgba(0, 0, 0, 0.1);  
  background-image: url("../images/link.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;  
  margin-left: 2px;
}

.project-post:hover .project-content {  
  visibility: visible;  -webkit-opacity: 1;
  opacity: 1;
}

.project-post:hover .project-content h2 {  
  margin-top: 20px;
}

.project-post:hover .project-content p {  -webkit-opacity: 1;
  opacity: 1;
}

.project-post:hover .zoom-image, .project-post:hover .link-image {  
  bottom: 18px;
}

#next-project, #prev-project {  
  display: inline-block;  
  position: absolute;  
  width: 9px;  
  height: 18px;  
  top: -58px;
}

#myCarousel {  
  position: relative;
}

#next-project {  
  right: 0px;  
  background-color: transparent;  
  background-image: url("../images/next.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;
}

#prev-project {  
  right: 28px;  
  background-color: transparent;  
  background-image: url("../images/prev.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;
}

.team-member {  
  margin-bottom: 30px;  
  overflow: hidden;
}

.team-member h3 {  
  text-align: center;  
  padding-top: 20px;  
  padding-right: 10px;  
  padding-bottom: 20px;  
  padding-left: 10px;  
  line-height: ;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  color: white;  
  font-size: 15px;  
  font-family: 'Open Sans', sans-serif;  
  font-weight: 600;  
  background-color: #31811E;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  position: relative;
}

.team-member h3:after {  
  position: absolute;  
  content: "";  
  width: 0px;  
  border-top-width: 18px;  
  border-right-width: 18px;  
  border-bottom-width: 18px;  
  border-left-width: 18px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: #31811E;  
  border-right-color: transparent;  
  border-bottom-color: transparent;  
  border-left-color: transparent;  
  -moz-border-top-colors: none;  
  -moz-border-right-colors: none;  
  -moz-border-bottom-colors: none;  
  -moz-border-left-colors: none;  -o-border-image: none;
  -webkit-border-image: none;
  border-image: none;  
  bottom: -36px;  
  left: 50%;  
  margin-left: -18px;
}

.team-member img {  
  width: 100%;  -o-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.team-member:hover img {  
  transform: scale(1.5) rotate(360deg);
}

.team-member div {  
  position: relative;  
  overflow: hidden;  
  background-color: #2b2b2b;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  margin-top: -5px;  
  padding-top: 12px;  
  padding-right: 14px;  
  padding-bottom: 12px;  
  padding-left: 14px;
}

.team-member div:after {  
  position: absolute;  
  content: "";  
  width: 32px;  
  height: 61px;  
  left: 124px;  
  top: 0px;  
  background-color: transparent;  
  background-image: url("../images/big-arrow.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;
}

.team-member div span {  
  display: inline-block;  
  float: left;  
  margin-top: 9px;  
  color: #b0b0b0;  
  font-size: 13px;  
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  
  font-weight: 300;  -epub-text-transform: uppercase;
  text-transform: uppercase;
}

ul.social-network {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  float: right;
}

ul.social-network li {  
  display: inline-block;  
  margin-left: 8px;
}

ul.social-network li:first-child {  
  margin-left: 0px;
}

ul.social-network li a {  
  display: inline-block;  
  width: 38px;  
  height: 38px;  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;  -o-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;  
  margin-bottom: -5px;
}

ul.social-network li a:hover {  -webkit-opacity: 0.8;
  opacity: 0.8;
}

ul.social-network li a.fb {  
  background-color: #555555;  
  background-image: url("../images/fb.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;
}

ul.social-network li a.twitter {  
  background-color: #555555;  
  background-image: url("../images/twitter.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;
}

ul.social-network li a.google {  
  background-color: #555555;  
  background-image: url("../images/google.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;
}

ul.social-network li a.in {  
  background-color: #555555;  
  background-image: url("../images/in.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;
}

.quote blockquote {  
  padding-top: 22px;  
  padding-right: 192px;  
  padding-bottom: 33px;  
  padding-left: 20px;  
  background-color: #31811E;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  line-height: 24px;  
  font-weight: 300;  
  overflow: hidden;  
  margin-bottom: 32px;  
  position: relative;
}

.quote blockquote span {  
  font-weight: 600;
}

.quote blockquote img {  
  float: left;  
  margin-right: 24px;  
  margin-top: 7px;
}

.quote blockquote p {
	margin-top: 10px;
	color: white;
	font-size: 21px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.quote blockquote a {  
  position: absolute;  
  top: 22px;  
  right: 22px;  
  display: inline-block;  
  padding-top: 12px;  
  padding-right: 30px;  
  padding-bottom: 12px;  
  padding-left: 30px;  
  background-color: #2b2b2b;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  color: white;  
  font-size: 16px;  
  font-family: 'Open Sans', sans-serif;  
  font-weight: 700;  -epub-text-transform: uppercase;
  text-transform: uppercase;  -webkit-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;  
  text-decoration: none;  -o-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.quote blockquote a:hover {  -webkit-opacity: 0.8;
  opacity: 0.8;
}

footer {  
  background-color: #1d2325;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.footer-widget {  
  padding-top: 35px;  
  padding-right: 0px;  
  padding-bottom: 35px;  
  padding-left: 0px;
}

.footer-widget .widget {  
  margin-bottom: 20px;
}

.footer-widget h3 {  
  color: white;  
  font-size: 17px;  
  font-family: 'Open Sans', sans-serif;  
  font-weight: 700;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  margin-bottom: 27px;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #010202;
}

.footer-widget h3 span {  
  display: inline-block;  
  padding-bottom: 15px;  
  border-bottom-width: 5px;  
  border-bottom-style: solid;  
  border-bottom-color: #31811E;  
  margin-bottom: -1px;
}

.footer-widget p {  
  color: white;  
  font-size: 13px;  
  font-family: 'Open Sans', sans-serif;  
  line-height: 17px;  
  margin-bottom: 15px;
}

.post-widget p a {  
  color: white;
}

.tweet-widget p {  
  margin-bottom: 0px;
}

.tweet-widget div span {  
  display: block;  
  color: white;  
  font-size: 13px;  
  font-family: 'Open Sans', sans-serif;  
  line-height: 17px;
}

.tweet-widget div {  
  margin-bottom: 15px;
}

.tweet-widget p a {  
  color: #3bbbf1;
}

.flickr-widget ul {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

.flickr-widget ul li {  
  display: inline-block;  
  margin-bottom: 6px;  
  margin-right: 2px;
}

.flickr-widget ul li a {  
  position: relative;  
  display: inline-block;  -o-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.flickr-widget ul li a:after {  
  position: absolute;  
  content: "";  
  top: 0px;  
  left: 0px;  
  right: 0px;  
  bottom: 0px;  
  border-top-width: 6px;  
  border-top-style: solid;  
  border-top-color: #20272b;  
  border-right-width: 6px;  
  border-right-style: solid;  
  border-right-color: #20272b;  
  border-bottom-width: 6px;  
  border-bottom-style: solid;  
  border-bottom-color: #20272b;  
  border-left-width: 6px;  
  border-left-style: solid;  
  border-left-color: #20272b;
}

.flickr-widget ul li a:hover:after {  
  position: absolute;  
  content: "";  
  top: 0px;  
  left: 0px;  
  right: 0px;  
  bottom: 0px;  
  border-top-width: 6px;  
  border-top-style: solid;  
  border-top-color: #31811E;  
  border-right-width: 6px;  
  border-right-style: solid;  
  border-right-color: #31811E;  
  border-bottom-width: 6px;  
  border-bottom-style: solid;  
  border-bottom-color: #31811E;  
  border-left-width: 6px;  
  border-left-style: solid;  
  border-left-color: #31811E;
}

.flickr-widget ul li a:hover {  -webkit-opacity: 0.8;
  opacity: 0.8;
}

.last-line {  
  padding-top: 14px;  
  padding-right: 0px;  
  padding-bottom: 14px;  
  padding-left: 0px;  
  background-color: #31811E;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.last-line p {  
  color: white;  
  font-size: 13px;  
  font-family: 'Open Sans', sans-serif;  
  line-height: 20px;  
  margin-top: 12px;  
  float: left;
}

.right-social {  
  text-align: right;
}

.right-social a.go-to-top {  
  display: inline-block;  
  float: right;  
  width: 52px;  
  height: 52px;  
  margin-left: 20px;  
  background-color: #01673e;  
  background-image: url("../images/go-top.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;  -o-transition: all 0.17s ease-in-out 0s;
  -webkit-transition: all 0.17s ease-in-out 0s;
  transition: all 0.17s ease-in-out 0s;
}

.right-social a.go-to-top:hover {  -webkit-opacity: 0.7;
  opacity: 0.7;
}

.social-list {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 9px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

.social-list li {  
  display: inline-block;  
  margin-left: 3px;
}

.social-list li a {  
  display: inline-block;  
  width: 32px;  
  height: 32px;  -o-transition: all 0.17s ease-in-out 0s;
  -webkit-transition: all 0.17s ease-in-out 0s;
  transition: all 0.17s ease-in-out 0s;
}

.social-list li a:hover {  -webkit-opacity: 0.7;
  opacity: 0.7;
}

.social-list li a.fb {  
  background-color: transparent;  
  background-image: url("../images/socio1.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;
}

.social-list li a.twitter {  
  background-color: transparent;  
  background-image: url("../images/socio2.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;
}

.social-list li a.in {  
  background-color: transparent;  
  background-image: url("../images/socio3.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;
}

.social-list li a.flickr {  
  background-color: transparent;  
  background-image: url("../images/socio4.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;
}

#banner {  
  margin-top: 90px;  
  padding-top: 40px;  
  padding-right: 0px;  
  padding-bottom: 40px;  
  padding-left: 0px;  
  background-color: transparent;  
  background-image: url("../upload/banner.jpg");  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  margin-bottom: 26px;  
  min-height: 92px;
}

#banner p {
	color: white;
	font-size: 29px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: 300;
	line-height: 33px;
	padding-top: 10px;
	padding-right: 130px;
	padding-bottom: 10px;
	padding-left: 130px;
	max-height: 62px;
	overflow: hidden;
}

#banner p span {  
  font-weight: 600;  
  background-color: transparent;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.projects-container {  
  width: 1200px;
}

.projects-container .project-post {  
  max-width: 270px;  
  margin-right: 30px;
}

.projects-container.column-three .project-post {  
  max-width: 370px;  
  margin-right: 30px;
}

.filter-items {  
  margin-bottom: 23px;  
  overflow: hidden;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #e6e6e6;
}

.filter-items li {  
  float: left;  
  margin-left: 25px;
}

.filter-items li:first-child {  
  margin-left: 0px;
}

.filter-items li a {  
  display: inline-block;  
  color: black;  
  font-size: 15px;  
  font-family: 'Open Sans', sans-serif;  
  font-weight: 300;  
  padding-bottom: 18px;  
  border-bottom-width: 6px;  
  border-bottom-style: solid;  
  border-bottom-color: transparent;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  text-decoration: none;  -o-transition: all 0.17s ease-in-out 0s;
  -webkit-transition: all 0.17s ease-in-out 0s;
  transition: all 0.17s ease-in-out 0s;
}

.filter-items li a.active, .filter-items li a:hover {  
  color: #31811E;  
  border-bottom-width: 6px;  
  border-bottom-style: solid;  
  border-bottom-color: #31811E;
}

.pagination-list {  
  overflow: hidden;  
  margin-bottom: 30px;
}

.pagination-list li {  
  float: left;  
  margin-right: 6px;
}

.pagination-list li a {  
  display: inline-block;  
  color: white;  
  font-size: 13px;  
  font-family: 'Open Sans', sans-serif;  
  padding-top: 7px;  
  padding-right: 12px;  
  padding-bottom: 7px;  
  padding-left: 12px;  
  text-decoration: none;  
  background-color: #74777b;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  -o-transition: all 0.17s ease-in-out 0s;
  -webkit-transition: all 0.17s ease-in-out 0s;
  transition: all 0.17s ease-in-out 0s;
}

.pagination-list li a:hover {  
  background-color: #31811E;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

#map {  
  width: 100%;  
  height: 380px;  
  margin-bottom: 30px;
}

.contact-page h3, .comments-section h2, .leave-comment h2 {  
  color: black;  
  font-size: 20px;  
  font-family: 'Open Sans', sans-serif;  
  font-weight: 300;  
  padding-bottom: 16px;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #e2e2e2;  
  margin-bottom: 17px;
}

.contact-page p {  
  color: #585858;  
  font-size: 14px;  
  font-family: 'Open Sans', sans-serif;  
  font-weight: 300;  
  line-height: 21px;  
  margin-bottom: 22px;
}

.contact-info p img {  
  margin-right: 10px;
}

.contact-info p {  
  margin-bottom: 10px;
}

.contact-page p a {  
  color: #585858;  
  text-decoration: underline;
}

#contact-form, #contact-form2 {  
  padding-bottom: 50px;  
  margin-bottom: 28px;
}

#contact-form input[type="text"], #contact-form textarea, #contact-form2 input[type="text"], #contact-form2 textarea {  
  color: #737373;  
  font-size: 13px;  
  font-family: 'Open Sans', sans-serif;  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: #cecece;  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: #cecece;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #cecece;  
  border-left-width: 1px;  
  border-left-style: solid;  
  border-left-color: #cecece;  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;  -webkit-box-shadow: none;
  box-shadow: none;  
  width: 90%;  
  padding-top: 9px;  
  padding-right: 5%;  
  padding-bottom: 9px;  
  padding-left: 5%;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 10px;  
  margin-left: 0px;
}

#contact-form textarea, #contact-form2 textarea {  
  display: block;  
  width: 97%;  
  height: 77px;  
  padding-top: 9px;  
  padding-right: 1.5%;  
  padding-bottom: 9px;  
  padding-left: 1.5%;  
  margin-bottom: 18px;
}

#contact-form input[type="submit"], #contact-form2 input[type="submit"] {  
  display: inline-block;  
  float: right;  
  color: #fdfdfd;  
  font-size: 13px;  
  font-family: 'Open Sans', sans-serif;  
  font-weight: 700;  -epub-text-transform: uppercase;
  text-transform: uppercase;  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;  
  padding-top: 15px;  
  padding-right: 20px;  
  padding-bottom: 15px;  
  padding-left: 20px;  
  background-color: #31811E;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  -o-transition: all 0.17s ease-in-out 0s;
  -webkit-transition: all 0.17s ease-in-out 0s;
  transition: all 0.17s ease-in-out 0s;  
  border-top-width: medium;  
  border-top-style: none;  
  border-top-color: initial;
  border-top-color: -moz-initial;  
  border-right-width: medium;  
  border-right-style: none;  
  border-right-color: initial;
  border-right-color: -moz-initial;  
  border-bottom-width: medium;  
  border-bottom-style: none;  
  border-bottom-color: initial;
  border-bottom-color: -moz-initial;  
  border-left-width: medium;  
  border-left-style: none;  
  border-left-color: initial;
  border-left-color: -moz-initial;
}

#contact-form input[type="submit"]:hover, #contact-form2 input[type="submit"]:hover {  -webkit-opacity: 0.8;
  opacity: 0.8;
}

#contact-form .message {  
  float: left;  
  height: 30px;  
  font-size: 12px;
}

#contact-form .message.error {  
  color: #eb2c06;
}

#contact-form .message.success {  
  color: #31811E;
}

.services-home2 article {  
  overflow: hidden;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #f1f1f1;  
  margin-bottom: 7px;
}

.services-home2 article img {  
  float: left;  
  margin-right: 18px;  
  margin-bottom: 12px;
}

.services-home2 article h3 {  
  color: #464646;  
  font-size: 15px;  
  font-family: 'Open Sans', sans-serif;  
  font-weight: 700;  
  line-height: ;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  margin-top: -3px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

.services-home2 article span {  
  color: #3c3c3c;  
  font-size: 12px;  
  font-family: 'Open Sans', sans-serif;  
  display: block;  
  line-height: 15px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

.services-home2 p {  
  color: #797979;  
  font-size: 13px;  
  font-family: 'Open Sans', sans-serif;  
  line-height: 20px;  
  margin-bottom: 40px;
}

.testimonial {  
  position: relative;  
  margin-bottom: 30px;
}

.testimonial > a {  
  position: absolute;  
  width: 33px;  
  height: 33px;  
  top: 0px;  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: dimgray;  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: dimgray;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: dimgray;  
  border-left-width: 1px;  
  border-left-style: solid;  
  border-left-color: dimgray;  -o-transition: all 0.17s ease-in-out 0s;
  -webkit-transition: all 0.17s ease-in-out 0s;
  transition: all 0.17s ease-in-out 0s;
}

.testimonial > a:hover {  -webkit-opacity: 0.7;
  opacity: 0.7;
}

.testimonial > a#next-testimonial {  
  right: 0px;  
  background-color: #4c4c4c;  
  background-image: url("../images/next-testim.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.testimonial > a#prev-testimonial {  
  right: 40px;  
  background-color: #4c4c4c;  
  background-image: url("../images/prev-testim.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.testimonial h2 {  
  color: black;  
  font-size: 15px;  
  font-family: 'Open Sans', sans-serif;  
  font-weight: 700;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  margin-bottom: 35px;  
  margin-top: 10px;
}

.testimonial ul {  
  padding-top: 23px;  
  padding-right: 21px;  
  padding-bottom: 23px;  
  padding-left: 21px;  
  background-color: #f1f1f1;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: #e8e8e8;  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: #e8e8e8;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #e8e8e8;  
  border-left-width: 1px;  
  border-left-style: solid;  
  border-left-color: #e8e8e8;
}

.testimonial ul li blockquote {  
  color: #6d6d6d;  
  font-size: 16px;  
  font-family: georgia;  
  line-height: 23px;  
  font-style: italic;  
  margin-bottom: 14px;
}

.testimonial ul li h4 {  
  color: #484848;  
  font-size: 17px;  
  font-family: georgia;  
  font-style: italic;  
  font-weight: normal;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 2px;  
  margin-left: 0px;
}

.testimonial ul li span {  
  color: #31811E;  
  font-size: 11px;  
  font-family: georgia;  
  font-style: italic;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

ul.tab-list {  
  overflow: hidden;
}

ul.tab-list li {  
  float: left;  
  text-align: center;  
  z-index: 100;  
  cursor: pointer;  
  margin-left: 6px;
}

.tab-list li:first-child {  
  margin-left: 0px;
}

.tab-list li a {  
  display: inline-block;  
  font-size: 13px;  
  font-family: 'Noto Sans', sans-serif;  
  font-weight: 700;  
  color: black;  
  background-color: #eaeaea;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  padding-top: 24px;  
  padding-right: 41px;  
  padding-bottom: 24px;  
  padding-left: 41px;  -o-transition: color 0.2s linear 0s;
  -webkit-transition: color 0.2s linear 0s;
  transition: color 0.2s linear 0s;
}

.tab-list li a:hover {  
  text-decoration: none;  
  background-color: #31811E;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  color: white;
}

.ui-state-active a {  
  background-color: #31811E !important;  
  background-image: none !important;  
  background-repeat: repeat !important;  
  background-attachment: scroll !important;  
  background-position: 0% 0% !important;  
  color: white !important;  
  outline-width: medium !important;  
  outline-style: none !important;  
  outline-color: initial;
  outline-color: -moz-initial !important;  
  text-decoration: none !important;
}

.tab-content {  
  padding-top: 18px;  
  padding-right: 20px;  
  padding-bottom: 18px;  
  padding-left: 20px;  
  margin-bottom: 30px;  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: #eaeaea;  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: #eaeaea;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #eaeaea;  
  border-left-width: 1px;  
  border-left-style: solid;  
  border-left-color: #eaeaea;
}

.tab-content p {  
  color: #646464;  
  font-size: 13px;  
  font-family: 'Noto Sans', sans-serif;  
  line-height: 20px;
}

.accordion h2 {  
  color: black;  
  font-size: 13px;  
  font-family: 'Noto Sans', sans-serif;  
  font-weight: 700;  
  margin-top: 1px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 23px;  
  padding-right: 22px;  
  padding-bottom: 23px;  
  padding-left: 22px;  
  background-color: #eaeaea;  
  background-image: url("../images/open.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: 95% center;  
  cursor: pointer;  -o-transition: all 0.17s ease-in-out 0s;
  -webkit-transition: all 0.17s ease-in-out 0s;
  transition: all 0.17s ease-in-out 0s;
}

.accordion h2:first-child {  
  margin-top: 0px;
}

.accordion h2.active {  
  color: white;  
  background-color: #31811E;  
  background-image: url("../images/close.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: 95% center;
}

.accordion div {  
  padding-top: 12px;  
  padding-right: 22px;  
  padding-bottom: 12px;  
  padding-left: 22px;  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: #e8e8e8;  
  border-top-width: medium;  
  border-right-width: 1px;  
  border-bottom-width: 1px;  
  border-left-width: 1px;  
  border-top-style: none;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  -moz-border-top-colors: none;  
  -moz-border-right-colors: none;  
  -moz-border-bottom-colors: none;  
  -moz-border-left-colors: none;  -o-border-image: none;
  -webkit-border-image: none;
  border-image: none;
}

.accordion div.active {  
  display: block;
}

.accordion div p {  
  color: #646464;  
  font-size: 13px;  
  font-family: 'Noto Sans', sans-serif;  
  line-height: 20px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

.accordion div p span {  
  color: black;  
  font-weight: bold;
}

.services-home3 h3 {  
  color: #797979;  
  font-size: 15px;  
  font-family: 'Noto Sans', sans-serif;  
  font-weight: 700;  
  margin-bottom: 12px;
}

.services-home3 img {  
  margin-right: 15px;  
  margin-bottom: -5px;
}

.services-home3 p {  
  color: #797979;  
  font-size: 12px;  
  font-family: 'Noto Sans', sans-serif;  
  line-height: 18px;  
  margin-bottom: 30px;
}

.tabb-accord .recent-projects > h2 span {  
  padding-bottom: 15px;
}

.tabb-accord .recent-projects > h2 {  
  margin-bottom: 20px;
}

.tabb-accord .recent-projects > h2 {  
  margin-bottom: 20px;
}

.tabb-accord .recent-projects .project-post img {  
  max-height: 245px;
}

.blog-post {  
  position: relative;  
  margin-bottom: 25px;
}

.blog-post:after {  
  position: absolute;  
  content: "";  
  bottom: 0px;  
  left: 0px;  
  width: 100%;  
  height: 15px;  
  background-color: transparent;  
  background-image: url("../images/blog-backline.png");  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.blog-post .post-date {  
  position: absolute;  
  background-color: #31811E;  
  background-image: url("../images/calendar.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center 13px;  
  top: 0px;  
  left: 0px;  
  width: 65px;  
  padding-top: 42px;  
  padding-right: 0px;  
  padding-bottom: 12px;  
  padding-left: 0px;  
  text-align: center;  
  border-right-width: 6px;  
  border-right-style: solid;  
  border-right-color: white;  
  border-bottom-width: 6px;  
  border-bottom-style: solid;  
  border-bottom-color: white;  
  z-index: 2;
}

.blog-post .post-date span {  
  display: block;  
  color: #fbfbfb;  
  font-size: 13px;  
  font-family: 'Noto Sans', sans-serif;  
  font-weight: 700;  
  line-height: 14px;
}

.blog-post .post-content > img {
	width: 70%;
	margin-bottom: 20px;
}

.blog-post .post-content h1 {  
  color: #1b1b1b;  
  font-size: 22px;  
  font-family: 'Noto Sans', sans-serif;  
  font-weight: bold;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 7px;  
  margin-left: 0px;
}

.blog-post .post-content h1 a {  
  color: #1b1b1b;  
  text-decoration: none;  -o-transition: all 0.17s ease-in-out 0s;
  -webkit-transition: all 0.17s ease-in-out 0s;
  transition: all 0.17s ease-in-out 0s;
}

.blog-post .post-content h1 a:hover {  
  color: #31811E;
}

.blog-post .post-content p {  
  color: #585858;  
  font-size: 14px;  
  font-family: 'Noto Sans', sans-serif;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 20px;  
  margin-left: 0px;  
  line-height: 21px;
}

.blog-tags {  
  display: inline-block;  
  background-color: #31811E;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  padding-top: 19px;  
  padding-right: 60px;  
  padding-bottom: 19px;  
  padding-left: 23px;  
  position: relative;  
  margin-bottom: 36px;
}

.blog-tags ul li {  
  display: inline-block;  
  margin-left: 9px;
}

.blog-tags ul li:first-child {  
  margin-left: 0px;
}

.blog-tags ul li:before {  
  content: "/";  
  color: #028953;  
  font-size: 12px;  
  font-family: 'Noto Sans', sans-serif;  
  margin-right: 12px;
}

.blog-tags ul li:first-child:before {  
  content: "";  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

.blog-tags ul li a {  
  display: inline-block;  
  color: white;  
  font-size: 12px;  
  font-family: 'Noto Sans', sans-serif;  
  font-style: italic;  
  text-decoration: none;  -o-transition: all 0.17s ease-in-out 0s;
  -webkit-transition: all 0.17s ease-in-out 0s;
  transition: all 0.17s ease-in-out 0s;
}

.blog-tags ul li a:hover {  -webkit-opacity: 0.7;
  opacity: 0.7;
}

.blog-tags a.read-more {  
  position: absolute;  
  width: 32px;  
  height: 41px;  
  top: 9px;  
  right: 9px;  
  background-color: black;  
  background-image: url("../images/blog-arrow.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;  -o-transition: all 0.17s ease-in-out 0s;
  -webkit-transition: all 0.17s ease-in-out 0s;
  transition: all 0.17s ease-in-out 0s;
}

.blog-tags a.read-more:hover {  -webkit-opacity: 0.7;
  opacity: 0.7;  
  background-color: black;  
  background-image: url("../images/blog-arrow.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: 12px center;
}

.blog-post iframe {  
  width: 100%;  
  height: 300px;  
  margin-bottom: 20px;
}

.pagination-list.blog-pagination a {  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;  
  background-color: #f3f3f3;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  color: black;
}

.pagination-list.blog-pagination a:hover {  
  color: white;
}

.widgets li.widget {  
  padding-top: 15px;  
  padding-right: 15px;  
  padding-bottom: 15px;  
  padding-left: 15px;  
  margin-bottom: 20px;  
  border-top-width: 1px;  
  border-top-style: solid;  
  border-top-color: #dedede;  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: #dedede;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #dedede;  
  border-left-width: 1px;  
  border-left-style: solid;  
  border-left-color: #dedede;
}

.widgets li.widget h3 {  
  color: #585858;  
  font-size: 17px;  
  font-family: 'Noto Sans', sans-serif;  
  margin-bottom: 14px;  
  font-weight: 700;
}

#search-bar {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  position: relative;
}

#search-bar input[type="text"] {  
  color: #f1f1f1;  
  font-size: 12px;  
  font-family: 'Noto Sans', sans-serif;  
  font-weight: 300;  
  width: 100%;  
  background-color: #353535;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  padding-top: 7px;  
  padding-right: 0px;  
  padding-bottom: 7px;  
  padding-left: 0px;  
  text-indent: 8px;  
  border-top-width: medium;  
  border-top-style: none;  
  border-top-color: initial;
  border-top-color: -moz-initial;  
  border-right-width: medium;  
  border-right-style: none;  
  border-right-color: initial;
  border-right-color: -moz-initial;  
  border-bottom-width: medium;  
  border-bottom-style: none;  
  border-bottom-color: initial;
  border-bottom-color: -moz-initial;  
  border-left-width: medium;  
  border-left-style: none;  
  border-left-color: initial;
  border-left-color: -moz-initial;  
  outline-width: medium;  
  outline-style: none;  
  outline-color: initial;
  outline-color: -moz-initial;  -webkit-box-shadow: none;
  box-shadow: none;  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
}

#search-bar input[type="submit"] {  
  position: absolute;  
  top: 0px;  
  right: 0px;  
  z-index: 2;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  width: 38px;  
  height: 34px;  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;  
  border-top-width: medium;  
  border-top-style: none;  
  border-top-color: initial;
  border-top-color: -moz-initial;  
  border-right-width: medium;  
  border-right-style: none;  
  border-right-color: initial;
  border-right-color: -moz-initial;  
  border-bottom-width: medium;  
  border-bottom-style: none;  
  border-bottom-color: initial;
  border-bottom-color: -moz-initial;  
  border-left-width: medium;  
  border-left-style: none;  
  border-left-color: initial;
  border-left-color: -moz-initial;  
  background-color: #31811E;  
  background-image: url("../images/zoom-search.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: center center;  -o-transition: all 0.17s ease-in-out 0s;
  -webkit-transition: all 0.17s ease-in-out 0s;
  transition: all 0.17s ease-in-out 0s;
}

#search-bar input[type="submit"]:hover {  -webkit-opacity: 0.7;
  opacity: 0.7;
}

.recent-post-item {  
  overflow: hidden;  
  margin-bottom: 18px;
}

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

.recent-post-item p {  
  color: #353535;  
  font-size: 13px;  
  font-family: 'Noto Sans', sans-serif;  
  line-height: 18px;
}

.recent-post-item p a {  
  color: #353535;
}

.tag-list li {  
  display: inline-block;  
  margin-bottom: 10px;  
  margin-right: 7px;
}

.tag-list li a {  
  display: inline-block;  
  position: relative;  
  background-color: #353535;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  color: white;  
  font-size: 13px;  
  font-family: 'Noto Sans', sans-serif;  
  font-weight: 300;  
  padding-top: 6px;  
  padding-right: 34px;  
  padding-bottom: 6px;  
  padding-left: 9px;  
  text-decoration: none;  -o-transition: all 0.17s ease-in-out 0s;
  -webkit-transition: all 0.17s ease-in-out 0s;
  transition: all 0.17s ease-in-out 0s;
}

.tag-list li a span {  
  display: block;  
  position: absolute;  
  top: 0px;  
  right: 0px;  
  background-color: #31811E;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  color: white;  
  font-size: 13px;  
  font-family: 'Noto Sans', sans-serif;  
  font-weight: 300;  
  padding-top: 6px;  
  padding-right: 9px;  
  padding-bottom: 6px;  
  padding-left: 9px;  
  z-index: 2;
}

.tag-list li a:hover {  -webkit-opacity: 0.7;
  opacity: 0.7;
}

.tweet-widget .tweet-list li {  
  margin-bottom: 10px;
}

.tweet-widget .tweet-list li p {  
  color: #353535;  
  font-size: 13px;  
  font-family: 'Noto Sans', sans-serif;  
  line-height: 17px;
}

.tweet-widget .tweet-list li p a {  
  color: #34a6fe;
}

.tweet-widget .tweet-list li span {  
  display: block;  
  color: #b0b0b0;  
  font-size: 13px;  
  font-family: 'Noto Sans', sans-serif;  
  line-height: 17px;
}

.sidebar .text-widget p {  
  color: #585858;  
  font-size: 13px;  
  font-family: 'Noto Sans', sans-serif;  
  line-height: 20px;
}

.single-post .blog-tags {  
  padding-top: 19px;  
  padding-right: 23px;  
  padding-bottom: 19px;  
  padding-left: 23px;
}

.comments-section h2, .leave-comment h2 {  
  padding-bottom: 0px;  
  border-bottom-width: medium;  
  border-bottom-style: none;  
  border-bottom-color: initial;
  border-bottom-color: -moz-initial;
}

.comments-section {  
  margin-bottom: 10px;
}

.comment-content {  
  overflow: hidden;  
  margin-bottom: 20px;  
  padding-bottom: 20px;  
  border-bottom-width: 1px;  
  border-bottom-style: solid;  
  border-bottom-color: #eeeeee;
}

.comment-item.depth {  
  margin-left: 72px;
}

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

.comment-content div {  
  margin-left: 72px;
}

.comment-item div h3 {  
  color: black;  
  font-size: 14px;  
  font-family: 'Noto Sans', sans-serif;  
  line-height: 15px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

.comment-item div h3 span.time {  
  font-size: 11px;
}

.comment-item div p {  
  color: #7b7b7b;  
  font-size: 13px;  
  font-family: 'Noto Sans', sans-serif;  
  line-height: 16px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

.reply-comment {  
  display: inline-block;  
  margin-top: 3px;  
  color: white;  
  font-size: 11px;  
  font-family: 'Noto Sans', sans-serif;  
  padding-top: 3px;  
  padding-right: 8px;  
  padding-bottom: 3px;  
  padding-left: 8px;  
  background-color: #31811E;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  text-decoration: none;  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;  -o-transition: all 0.17s ease-in-out 0s;
  -webkit-transition: all 0.17s ease-in-out 0s;
  transition: all 0.17s ease-in-out 0s;
}

.reply-comment {  -webkit-opacity: 0.8;
  opacity: 0.8;
}

.single-work .blog-post {  
  padding-bottom: 10px;
}

.what-we-do-widget ul {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

.what-we-do-widget ul li {  
  padding-left: 20px;  
  background-color: transparent;  
  background-image: url("../images/list-style.png");  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: 3px center;  
  margin-bottom: 10px;
}

.what-we-do-widget ul li a {  
  display: inline-block;  
  color: #2b2b2b;  
  font-size: 13px;  
  font-family: 'Noto Sans', sans-serif;  
  text-decoration: none;  -o-transition: all 0.17s ease-in-out 0s;
  -webkit-transition: all 0.17s ease-in-out 0s;
  transition: all 0.17s ease-in-out 0s;
}

.what-we-do-widget ul li a:hover {  
  color: #31811E;
}

.visit-project {  
  display: inline-block;  
  color: white;  
  font-size: 13px;  
  font-style: italic;  
  font-family: 'Noto Sans', sans-serif;  
  padding-top: 8px;  
  padding-right: 18px;  
  padding-bottom: 8px;  
  padding-left: 18px;  
  background-color: #31811E;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  cursor: pointer;  
  margin-bottom: 30px;  -o-transition: all 0.17s ease-in-out 0s;
  -webkit-transition: all 0.17s ease-in-out 0s;
  transition: all 0.17s ease-in-out 0s;
}

.visit-project:hover {  -webkit-opacity: 0.8;
  opacity: 0.8;  
  color: white;  
  text-decoration: none;
}