/*   

Theme Name: SEO R US

Theme URI: http://seorus.com.au/

Author: Local Web Design Consultant

Author URI: http://localwebdesignconsultant.com.au/

Version: 1.0

*/



/* Contents

 

 Global

 Header 

 Navigation

 Sidebar

 Post

 Meta

 Footer

 Misc

 Pagination

 Forms

 Comments 

 Typography

 

*/



/* Global */

/* 

font-family: 'Roboto', sans-serif;

font-family: 'Oswald', sans-serif;

---------------------------------------------------------- */

* {margin:0px; padding:0px;}



ul, ol {list-style:none;}



body {

		margin: 0px;

		padding: 0px;

}

html {

		padding: 0px;

		margin: 0px;

}

/* Flex Grid */

.outer_wrap {

		width: 100%;

}

.inner_wrap {

		width: 1003px;

		margin:0 auto;

}

.flex_10,

.flex_20,

.flex_25,

.flex_33,

.flex_40,

.flex_50,

.flex_60,

.flex_66,

.flex_75,

.flex_80,

.flex_90,

.flex_100 {

		display: inline;

		float: left;

		position: relative;

}

.push {

		margin: 1px 0px 0px 0px;

}

.flex_10 {

		width: 10%;

}

.flex_20 {

		width: 20%;

}

.flex_25 {

		width: 25%;

}

.flex_33 {

		width: 33%;

}

.flex_40 {

		width: 40%;

}

.flex_50 {

		width: 50%;

}

.flex_60 {

		width: 60%;

}

.flex_66 {

		width: 66%;

}

.flex_75 {

		width: 75%;

}

.flex_80 {

		width: 80%;

}

.flex_90 {

		width: 90%;

}

.flex_100 {

		width: 100%;

}

.flex_pad {

		padding: 10px;

}

.flex_vert_pad {

		padding: 10px 0px 10px 0px;

}

.clear {

		clear: both;

}

/* Header */

/* ---------------------------------------------------------- */

#header {background:url(images/topbg.jpg) no-repeat top center;}

.top_bar {background:url(images/topbarbg.png) repeat-x bottom; height:117px;}



.top_bar .logo {float:left; margin:45px 0 0 0}



.top_right {float:right; width:676px;}

.top_bar1 {float:left; width:100%; margin:17px 0 20px 0;}

.social {float:right; border-right:1px dashed #fff; height:25px; padding-right:10px;}

.social a {float:left; margin:0 5px}

.social a.fb {background:url(images/top_social.png); width:22px; height:21px;}

.social a.twtr {background:url(images/top_social.png) right; width:22px; height:21px;}

.social a.gplus {background:url(images/gplus.png) right; width:60px; height:24px;}



.topphone {float:right; background:url(images/phone.png) no-repeat; height:26px; padding:0 0 0 35px; margin-left:15px; font:25px/25px 'Oswald', sans-serif; color:#fff; text-transform:uppercase;}
.topphone a, .topphone a:hover {color:#fff;}




/* Navigation */

/* ---------------------------------------------------------- */

.mobile_nav {display:none;}

#navigation {

		float:right;

		margin:0px 0 0 0;

		padding: 0px;

		font-family: 'Roboto', sans-serif;

		text-transform:uppercase;

}

#navigation a {

		color: #fff;

}

#navigation li li a {

		color: #434343;

}

#navigation ul {

		font-size: 15px;

		list-style: none;

		margin: 0px 0px 0px 0px;

		padding-left: 0;

}

#navigation li {

		float: left;

		position: relative;

		background:url(images/nav-sprtr.png) no-repeat left center

}

#navigation li:first-child {background:none}

#navigation li i {display:block; font-style:normal; font-size:11px; font-family:Calibri, Arial, Helvetica, sans-serif}

#navigation a {

		display: block;

		line-height:16px;

		padding:8px 15px 5px 15px;

		text-decoration: none;

		font-weight:bold;

}

#navigation ul ul {

		-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

		-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

		display: none;

		float: left;

		margin: 0;

		position: absolute;

		top: 3.333em;

		left: 0;

		width: 188px;

		z-index: 99999;

}

#navigation ul ul ul {

		left: 100%;

		top: 0;

}

#navigation ul ul a {

		background: #f9f9f9;

		color: #444;

		font-size: 13px;

		font-weight: normal;

		height: auto;

		line-height: 1.4em;

		padding: 10px 10px;

		width: 168px;

}

#navigation ul li:hover > ul {

		display: block;

}

#navigation li:hover > a,

#navigation ul ul :hover > a,

#navigation a:focus,

#navigation .current-menu-item > a,

#navigation .current_page_ancestor > a {

		background:#4bbd93;

		color:#000;

		border-radius:5px;

		margin-right:-2px;

		position:relative;

		z-index:99

}

/* Sidebar */

/* ---------------------------------------------------------- */



#sidebar {

		margin: 0px 0px 0px 20px;

}

#sidebar img {

		max-width: 100%;

		height: auto;

}

#pages,

#archives,

#categories,

#feeds,

#sidebarmeta,

#blogroll {

		margin: 0px;

}

.sidebaritem {

		padding: 0px 0px 10px 0px;

		margin: 0px 0px 10px 0px;

		border-bottom: 1px dotted #ccc;

}

/* Post */

/* ---------------------------------------------------------- */



.postmetadata {

		padding: 0px 0px 5px 0px;

		color: #777777;

		font-size: 12px;

		line-height: 18px;

		text-transform: capitalize;

		clear: both;

}

.meta {

		padding: 0px 0px 10px 0px;

}

object,

video {

		max-width: 100%;

		width: 100%;

}

.wp-caption {

		max-width: 95%;

		height: auto;

}

img {

		max-width: 100%;

		height: auto;

}

.wp-caption img,

.gallery-icon img {

		max-width: 98%;

		height: auto;

}

.content {

		padding: 30px;

}

.archive .post,

.blog .post {

		padding: 0px 0px 50px 0px;

}

.post,

.type-post,

.type-page {

		padding: 0px 0px 10px 0px;

}

.textcenter {

		text-align: center;

}

.textleft {

		text-align: left;

}

.textright {

		text-align: right;

}

.aligncenter {

		display: block;

		margin-left: auto;

		margin-right: auto;

}

.alignleft {

		float: left;

		margin: 0px 20px 20px 0px;

		clear: both;

}

.alignright {

		float: right;

		margin: 0px 0px 20px 20px;

		clear: both;

}



/* Meta */

/* ---------------------------------------------------------- */



.time {

		background: url(images/swpf_icons.png) no-repeat left -88px;

		margin: 0px;

		padding: 0px 0px 0px 23px;

}

.post-comments {

		background: url(images/swpf_icons.png) no-repeat left -66px;

		margin: 0px;

		padding: 0px 0px 0px 23px;

}

.categories {

		background: url(images/swpf_icons.png) no-repeat left -108px;

		margin: 0px;

		padding: 0px 0px 0px 23px;

}

.tags {

		background: url(images/swpf_icons.png) no-repeat left -24px;

		margin: 0px;

		padding: 0px 0px 0px 23px;

}

.meta_author {

		background: url(images/swpf_icons.png) no-repeat left -45px;

		margin: 0px;

		padding: 0px 0px 0px 25px;

}

.author {

		background: #f3f3f3;

		padding: 20px 20px 0px 0px;

		margin: 0px 0px 20px 0px;

}

.author img {

		float: left;

		margin: 0px 20px 10px 0px;

}

.authorinfo h3 {

		margin: 0px 0px 10px 0px;

		padding: 0px;

}

.authorinfo p {

		margin: 0px;

		padding: 0px 0px 20px 20px;

		font-size: 12px;

}

/* Footer */

/* ---------------------------------------------------------- */



#footer {

		border-top: solid 8px #000;

		margin: 0px 0px 0px 0px;

		text-align: center;

		padding: 20px;

		color: #848484;

}

/* Misc */

/* ---------------------------------------------------------- */



.sticky {

		background: url(images/must-read.png) no-repeat right top;

		background-color: #fff;

}

.gallery-caption {

		width: 90%;

		padding: 0px;

		margin: 0 auto;

}

.bypostauthor {

}

.wp-caption-text {

		font-size: 10px;

		color: #777;

		border: 1px solid #ddd;

		text-align: center;

		background-color: #f3f3f3;

		padding: 0px;

		margin: 0px 0px 20px 0px;

		-moz-border-radius: 3px;

		-khtml-border-radius: 3px;

		-webkit-border-radius: 3px;

		border-radius: 3px;

}

.wp-caption img {

		margin: 0;

		padding: 0;

		border: 0 none;

}

.wp-caption-dd {

		font-size: 11px;

		line-height: 17px;

		padding: 0 4px 5px;

		margin: 0;

}

/* Pagination */

/* ---------------------------------------------------------- */



.pagenavi {

		margin: 0 auto 20px auto;

		width: 400px;

		padding: 5px;

		background: #f3f3f3;

		border: 1px solid #ccc;

		-moz-box-shadow: inset 0 0 5px #fff;

		-webkit-box-shadow: inset 0 0 5px #fff;

		box-shadow: inset 0 0 5px #fff;

}

.pagenavi a {

		padding: 5px 6px 4px 6px;

		margin: 3px;

		text-decoration: none;

		color: #666;

		background-color: inherit;

}

.pagenavi a:hover {

		color: #000;

}

.pagenavi span.pages {

		padding: 5px 6px 4px 6px;

		margin: 3px;

		color: #333;

		font-weight: bold;

		background-color: inherit;

}

.pagenavi span.current {

		padding: 5px 6px 4px 6px;

		margin: 3px;

		font-weight: bold;

		color: #fff;

		background-color: #ccc;

}

/* Comments */

/* ---------------------------------------------------------- */

h3#reply-title {

		padding: 0px;

		margin: 0px;

}

.logged-in-as {

		padding: 0px;

		margin: 0px;

}

#comments-title:before {

		content: "Comments: ";

		color: #777;

}

#comments-title {

		padding: 30px 0px 0px 0px;

		margin: 0px;

		text-align: center!important;

}

.comment-author {

		font-weight: bolder;

		font-size: 14px;

		font-style: italic;

		text-transform: capitalize;

		margin: 40px 0px 0px 0px;

		padding: 40px 0px 0px 0px;

}

.comment-author .avatar {

		display: block;

		float: left;

		margin: -5px 12px 0px 0px;

		padding: 0px;

		-webkit-border-radius: 30px;

		-moz-border-radius: 30px;

		border-radius: 30px;

		border: solid 5px #f3f3f3;

}

#comment-block {

		padding: 0px;

		overflow: hidden;

}

.comment-body p {

		margin: 10px 0px 10px 0px;

		padding: 10px 10px;

		background-color: #f3f3f3;

		-webkit-border-radius: 3px;

		-moz-border-radius: 3px;

		border-radius: 3px;

}

#comment-block .children {

		margin: -50px 0px 0px 0px;

}

#comment-block ol,

#comment-block .children li {

		margin: 0px;

		padding: 0px;

		font-size: 14px;

		list-style-type: none;

}

#comment-block a {

		color: #006699;

}

.commentmetadata {

		font-size: 10px;

		padding: 0px;

		margin: 0px;

}

#respond {

		margin: 40px 0px 0px 0px;

}

/* Navigation 2 */

/* ---------------------------------------------------------- */



.navigation {

		text-shadow: 0px 1px 0px #ccc;

		width: 100%;

		text-align: center;

		padding: 5px;

		margin: 30px 0px 50px 0px!important;

}

.navigation a {

		padding: 5px 6px 4px 6px;

		margin: 3px;

		font-weight: bold;

		color: #555555;

		text-shadow: 0px 1px 0px #fff;

		background: #fcfcfc;

		-webkit-border-radius: 3px;

		-moz-border-radius: 3px;

		border-radius: 3px;

}

.navigation a:hover {

		color: #000;

		padding: 5px 6px 4px 6px;

		margin: 3px;

		font-weight: bold;

		background-color: #dfdfdf;

}

.navigation span.pages {

		padding: 5px 6px 4px 6px;

		margin: 3px;

		color: #333;

		font-weight: bold;

		background-color: inherit;

		display: none;

}

.navigation span.current {

		padding: 5px 6px 4px 6px;

		margin: 3px;

		font-weight: bold;

		color: #fff;

		text-shadow: 0px 1px 0px #333;

		background-color: #888;

		-webkit-border-radius: 3px;

		-moz-border-radius: 3px;

		border-radius: 3px;

}

/* Typography Framework */

/* ---------------------------------------------------------- */





.postdate {

		text-align: right;

		padding: 30px 20px 0px 0px;

}

.postmonth {

		color: #ccc;

		font-size: 11px;

		text-transform: uppercase;

		font-weight: bolder;

		padding: 0px;

		margin: 2px 0px 0px 0px;

}

.postyear {

		color: #ccc;

		font-weight: bolder;

		font-size: 22px;

		padding: 0px;

		margin: -2px 0px 0px 0px;

}

.content-format-aside .entry,

.content-format-gallery .entry,

.content-format-link .entry,

.content-format-image .entry,

.content-format-quote .entry,

.content-format-status .entry,

.content-format-video .entry,

.content-format-audio .entry,

.content-format-chat .entry {

		padding: 15px 0px 0px 0px;

}

.content-format-aside .entry {

		padding: 10px 0px 0px 0px;

}

.content-format-link p {

		font-size: 22px;

		padding: 0px 0px 0px 0px;

}

.content-format-link p:before {

		content: 'Link: ';

		margin: 0px;

		font-weight: 600;

}

.content-format-quote blockquote {

		font-size: 22px;

		padding: 20px 10px 20px 90px;

		margin: 0px;

		background: url("images/quotes.png") 10px 10px no-repeat #f3f3f3;

}

.content-format-status p:before {

		content: 'Status: ';

		margin: 0px;

		font-weight: 600;

}

.content-format-status p {

		font-size: 26px;

		margin: 0px;

		line-height: 32px;

}

.content-format-status .entry p {

		margin: 0px;

		padding: 0px 0px 0px 20px;

		text-align: left;

}

.content-format-status .entry img {

		float: left;

		text-align: center;

}

a,

a:visited {

		text-decoration: none;

		color: #1B86D2;

}

a:hover {

		text-decoration: none;

		color: #006699;

}

thead {

		display: table-header-group;

}

tr,

img {

		page-break-inside: avoid;

}

img {

		max-width: 100% !important;

}

h2,

h3 {

		page-break-after: avoid;

}

p,

h2,

h3 {

		orphans: 3;

		widows: 3;

}

p {

		margin: 0 0 10px;

		line-height: 20px;

		font-size: 14px;

}

small {

		font-size: 85%;

}

strong {

		font-weight: bold;

}

em {

		font-style: italic;

}

.left {

		text-align: left;

}

.right {

		text-align: right;

}

.center {

		text-align: center;

}

h1,

h2,

h3,

h4,

h5,

h6 {

		margin:0px;

		font-family: inherit;

		font-weight: bold;

		line-height: 20px;

		color: inherit;

}

h1,

h2,

h3 {

		line-height: 40px;

}

h1 {

		font-size: 42px;

}

h2 {

		font-size: 31.5px;

}

h3 {

		font-size: 24.5px;

}

h4 {

		font-size: 17.5px;

}

h5 {

		font-size: 14px;

}

h6 {

		font-size: 11.9px;

}

h1 small {

		font-size: 24.5px;

}

h2 small {

		font-size: 17.5px;

}

h3 small {

		font-size: 14px;

}

h4 small {

		font-size: 14px;

}

h1 a {

		text-decoration: none;

}

.headline {

		padding-bottom: 9px;

		margin: 20px 0 30px;

		border-bottom: 1px solid #eeeeee;

}

ul,

ol {

		font-size: 14px;

		color: #222222;

		padding: 0;

		margin:0;

}

ul ul,

ul ol,

ol ol,

ol ul {

		margin-bottom: 0;

}

li {

		line-height: 20px;

}

dl {

		margin-bottom: 20px;

		font-size: 14px;

		line-height: 20px;

}

dt,

dd {

		line-height: 20px;

}

dt {

		font-weight: bold;

		margin-top: 10px;

}

dd {

		margin: 5px 0px 0px 20px;

}

hr {

		margin: 20px 0;

		border: 0;

		border-top: 1px solid #eeeeee;

		border-bottom: 1px solid #ffffff;

}

abbr[title],

abbr[data-original-title] {

		cursor: help;

		border-bottom: 1px dotted #999999;

}

blockquote {

		font-size: 14px;

		line-height: 22px;

		background: #f9f9f9;

		border-left: 10px solid #ccc;

		margin: 20px;

		quotes: "\201C""\201D""\2018""\2019";

		padding: 20px 10px 20px 90px;

		background: url("images/quotes.png") 10px 10px no-repeat #f3f3f3;

}

address {

		display: block;

		margin-bottom: 0px;

		font-style: normal;

		line-height: 20px;

}

code,

pre {

		padding: 0 3px 2px;

		font-family: Monaco, Menlo, Consolas, "Courier New", monospace;

		font-size: 12px;

		color: #333333;

		-webkit-border-radius: 3px;

		-moz-border-radius: 3px;

		border-radius: 3px;

}

code {

		padding: 2px 4px;

		color: #d14;

		background-color: #f7f7f9;

		border: 1px solid #e1e1e8;

}

pre {

		display: block;

		padding: 9.5px;

		margin: 0 0 10px;

		font-size: 13px;

		line-height: 20px;

		word-break: break-all;

		word-wrap: break-word;

		white-space: pre-wrap;

		background-color: #f5f5f5;

		border: 1px solid #ccc;

		border: 1px solid rgba(0, 0, 0, 0.15);

		-webkit-border-radius: 4px;

		-moz-border-radius: 4px;

		border-radius: 4px;

}

pre.prettyprint {

		margin-bottom: 20px;

}

pre code {

		padding: 0;

		color: inherit;

		white-space: pre;

		white-space: pre-wrap;

		background-color: transparent;

		border: 0;

}

.pre-scrollable {

		max-height: 340px;

		overflow-y: scroll;

}

table {

		max-width: 100%;

		background-color: transparent;

		border-collapse: collapse;

		border-spacing: 0;

		border: 1px solid #ccc;

}

tr,

td {

		border: 1px solid #ccc;

		padding: 5px;

}

th {

		padding: 5px;

		background-color: #f3f3f3;

		border: 1px solid #ccc;

}

form {

		margin: 0 0 20px;

}

fieldset {

		padding: 0;

		margin: 0;

		border: 0;

}

legend {

		display: block;

		width: 100%;

		padding: 0;

		margin-bottom: 20px;

		font-size: 21px;

		line-height: 40px;

		color: #333333;

		border: 0;

		border-bottom: 1px solid #e5e5e5;

}

legend small {

		font-size: 15px;

		color: #999999;

}

label,

input,

button,

select,

textarea {

		font-size: 14px;

		font-weight: normal;

		line-height: 20px;

}

input,

button,

select,

textarea {

		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

label {

		display: block;

		margin-bottom: 5px;

}

select,

textarea,

input[type="text"],

input[type="tel"],

input[type="email"] {

		display: inline-block;

		height: 20px;

		padding: 4px 6px;

		margin-bottom: 10px;

		font-size: 14px;

		line-height: 20px;

		color: #555555;

		-webkit-border-radius: 4px;

		-moz-border-radius: 4px;

		border-radius: 4px;

		vertical-align: middle;

}

input[type="text"] {

		display: inline-block;

		height: 20px;

		padding: 6px;

		margin-bottom: 10px;

		margin-right: 8px;

		font-size: 14px;

		line-height: 20px;

		color: #555555;

		-webkit-border-radius: 4px;

		-moz-border-radius: 4px;

		border-radius: 4px;

		vertical-align: middle;

}

textarea {

		height: auto;

		width: 80%;

}

radio,

checkbox {

		min-height: 20px;

		padding-left: 20px;

}

radio input[type="radio"],

checkbox input[type="checkbox"] {

		float: left;

		margin-left: -20px;

}

textarea,

input[type="text"],

input[type="tel"],

input[type="email"] {

		background-color: #ffffff;

		border: 1px solid #cccccc;

		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

		-webkit-transition: border linear .2s, box-shadow linear .2s;

		-moz-transition: border linear .2s, box-shadow linear .2s;

		-o-transition: border linear .2s, box-shadow linear .2s;

		transition: border linear .2s, box-shadow linear .2s;

}

textarea:focus,

input[type="text"]:focus,

input[type="tel"]:focus,

input[type="email"]:focus {

		border-color: rgba(82, 168, 236, 0.8);

		outline: 0;

		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);

		-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);

		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);

}

input[type="radio"],

input[type="checkbox"] {

		margin: 4px 0 0;

		line-height: normal;

}

select {

		height: 30px;

		line-height: 30px;

		width: 220px;

		border: 1px solid #cccccc;

		background-color: #ffffff;

}

select:focus,

input[type="radio"]:focus,

input[type="checkbox"]:focus {

		outline: thin dotted #333;

		outline: 5px auto -webkit-focus-ring-color;

		outline-offset: -2px;

}

.button,

input[type="submit"] {

		display: inline-block;

		padding: 7px;

		margin-bottom: 0;

		font-size: 14px;

		font-weight: 600;

		line-height: 20px;

		text-align: center;

		vertical-align: middle;

		cursor: pointer;

		color: #777777;

		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

		background-color: #f5f5f5;

		background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);

		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));

		background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);

		background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);

		background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);

		background-repeat: repeat-x;

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);

		border-color: #e6e6e6 #e6e6e6 #bfbfbf;

		border: 1px solid #cccccc;

		border-bottom-color: #b3b3b3;

		-webkit-border-radius: 4px;

		-moz-border-radius: 4px;

		border-radius: 4px;

		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

		box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

}

.button:hover,

.button:focus,

.button:active,

.button.active,

.button.disabled,

.button[disabled] {

		color: #333333;

		background-color: #e6e6e6;

		border: 1px solid #777777;

}

.button:hover,

.button:focus {

		color: #333333;

		text-decoration: none;

}

.button:focus {

		outline: thin dotted #333;

		outline: 5px auto -webkit-focus-ring-color;

		outline-offset: -2px;

}



/**********************/



.banner_wrap {text-align:center; padding:50px 0 0 0; background:url(images/topbg.jpg) no-repeat center -117px; width:100%; height:369px;}

.banner_wrap .inner_wrap {position:relative;}



.banner_wrap strong {display:block; color:#fff; font-family: 'Roboto', sans-serif; font-weight:300; font-size:50px; line-height:50px; text-transform:uppercase}

.banner_wrap h1 {display:block; color:#fff; font-family: 'Roboto', sans-serif; font-weight:800; font-size:60px; line-height:40px; text-transform:uppercase;}



.banner_form_wrap {background:url(images/banner_pic.png); width:826px; height:320px; margin:25px auto 0 auto}



.banner_form_box {width:364px; height:232px; margin:19px 0 0 233px; float:left; text-align:center; font-family: 'Roboto', sans-serif}
.banner_form_box span.wpcf7-form-control-wrap {float:left; width:100%;}
.banner_form_box span.wpcf7-not-valid-tip {border:0px; background:#F00; font-size:11px; left:auto; right:20px; top:0px; width:auto; color:#fff}
.banner_form_box div.wpcf7-response-output {border:0px; background:#F00; color:#fff; font-size:12px; padding:5px 10px; float:left; width:100%; margin:5px 0 0 ;}
.banner_form_box .ajax-loader {display:none;}

.banner_form_box label {font-size:30px; line-height:30px; text-transform:uppercase; color:#fff; display:block; margin:35px 0 16px 0}

.banner_form_box label small {font-size:30px; display:block}

.banner_form_box .website input {background:url(images/web_ico.png) 10px center no-repeat #fff; border:2px solid #235341; border-radius:5px; width:276px; height:42px; line-height:42px; margin:0 auto; padding:0px 10px 0 46px; font-family: 'Oswald', sans-serif; font-size:16px; color:#000000; box-shadow:1px 1px 0 #668f7f}



.banner_form_box .free_quote, .banner_form_box input[type="button"], .banner_form_box input[type="submit"] {display:inline-block; border:2px solid #fff; height:40px; line-height:40px; padding:0 10px; text-transform:uppercase; font-family: 'Oswald', sans-serif; font-size:20px; color:#fff; margin:15px 0 0 0; background:none; cursor:pointer; text-shadow:none; border-radius:0px; font-weight:normal}

.banner_form_box input[type="submit"] {margin:8px 0 0 0;}





.firststep {float: left; margin:0; width:100%;}

.secondstep{ float:left; display:none;}

#secondstep {display:none;}


#myform h3 {color: #fff; font-size: 22px; color:#fff; font-family: 'Roboto', sans-serif; font-weight:400; text-transform:uppercase; line-height:22px; padding-top:10px;}

#myform #formError {position:absolute; top: -16px; left: 205px; background:#F00; color:#fff; font-size:11px; padding:0 5px;}

#myform span {float:left; width:100%; margin:5px 0 0px 0; position:relative}




#secondstep label {font-size: 24px; line-height: 24px; color: #fff; margin: 5px 0 5px 0;}

.secondstep input[type="text"], #secondstep input[type="text"], #secondstep input[type="tel"], #secondstep input[type="email"] {background:#fff; border:2px solid #235341; border-radius:5px; width:312px; height:38px; line-height:38px; margin:0 auto 0px auto; padding:0px 10px; font-family: 'Oswald', sans-serif; font-size:16px; color:#000000; box-shadow:1px 1px 0 #668f7f; margin-bottom:3px;}



/****************/



.services_wrap {background:url(images/servicesbg.png); padding:85px 0 30px 0}

.services_wrap h3 {text-align:center; color:#5c5c5c; font:40px/50px 'Oswald', sans-serif; text-transform:uppercase; font-weight:300; background:url(images/line_sprtr.png) no-repeat center bottom; padding-bottom:10px}



.services_wrap hr {background:#e0e0e0; border:0px; height:1px; width:100%; margin:0px; float:left;}



.services_wrap ul {float:left; width:100%; padding:15px 0 0 0}

.services_wrap ul li {float:left; width:250px; text-align:center}

.services_wrap ul li img {width:52px; height:52px;}

.services_wrap ul li h4 {color:#4bbd93;  font:18px/24px 'Oswald', sans-serif; text-transform:uppercase; padding:5px 0}

.services_wrap ul li p {color:#939393; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:13px; line-height:13px;}



.work_wrap {background:#fff; padding:20px 0}

.work_wrap h3 {text-align:center; color:#5c5c5c; font:40px/50px 'Oswald', sans-serif; text-transform:uppercase; font-weight:300; background:url(images/line_sprtr2.png) no-repeat center bottom; padding-bottom:10px}







#ourwork {margin:30px 0 0 0;}

#ourwork div {text-align: center; width:320px; height:262px; padding: 0px; float: left; position: relative;}

#ourwork div img {border: none; width: 100%; height: auto;}

#ourwork div span {display: block; position: absolute; top:0; left:0; width:100%; height:100%; text-align:center; display:none}

#ourwork div:hover span {display:block;}

#ourwork div span a {width:61px; height:61px; display:inline-block; margin:100px 10px 0 10px; text-align:left; text-indent:-9999em}

#ourwork div span a.zoom {background:url(images/zoom.png)}

#ourwork div span a.go_web {background:url(images/web.png);}

#pager {display:none}





.tsetimonial_wrap {background:url(images/testimonialsbg.jpg) no-repeat center center; height:225px;}

.tsetimonial_wrap h2 {color:#fff; font:40px/50px 'Oswald', sans-serif; text-align:center; font-weight:300; text-transform:uppercase; border-bottom:1px solid #1d1d1d; padding:15px 0 0 0}

.tsetimonial_wrap h2 strong {font-weight:normal; }

.tsetimonial_wrap .slides li {font-family: 'Gabriela', serif; text-align:center; position:relative; padding-top:10px}

.tsetimonial_wrap .slides li i.quote_start {background:url(images/quote_start.png); width:19px; height:15px; position:absolute; top:13px; left:0px}

.tsetimonial_wrap .slides li i.quote_end {background:url(images/quote_end.png); width:19px; height:15px; position:absolute; top:13px; right:0px}



.tsetimonial_wrap .slides li p {color:#fff; padding:0 30px; font-size:15px;}

.tsetimonial_wrap .slides li h3 {color:#4bbd93; font-size:22px; text-transform:uppercase; font-weight:normal; line-height:20px}

.tsetimonial_wrap .slides li h3 span {display:block; color:#a4a4a4; font-size:13px; text-transform:none; }



.tsetimonial_wrap .flex-control-paging li {margin:0 1px;}

.tsetimonial_wrap .flex-control-paging li a {background:#000000; border:1px solid #383838; border-radius:0px;}

.tsetimonial_wrap .flex-control-paging li a.flex-active {border:1px solid #46ac86;}



.tsetimonial_wrap .flex-direction-nav {display:none;}





.top_features {padding:20px 0;}

.top_features h3  {text-align:center; color:#5c5c5c; font:40px/50px 'Oswald', sans-serif; text-transform:uppercase; font-weight:300; background:url(images/line_sprtr2.png) no-repeat center bottom; padding-bottom:10px; margin-bottom:20px}



.top_features ul li {border-top:1px solid #f2f2f2; padding:10px 0}

.top_features ul li:first-child {border-top:0px;}

.top_features ul li h5 {color:#4bbd93; text-transform:uppercase; font:15px/20px 'Oswald', sans-serif}

.top_features ul li p {font-family:Calibri, Arial, Helvetica, sans-serif; font-size:14px; color:#a9a9a9; line-height:16px; margin:0px;}



.top_features .t_features_left {width:490px; float:left; text-align:right}

.top_features .t_features_left img {float:right; margin:1px 0 0 10px;}





.top_features .t_features_right {width:490px; float:right; text-align:left}

.top_features .t_features_right img {float:left; margin:1px 10px 0 0px;}





.content_heading {background:url(images/titlebg.png); height:128px; text-align:center; font-family:'Oswald', sans-serif; text-transform:uppercase}

.content_heading h3, .content_heading h1 {font-size:40px; font-weight:300; color:#303030; padding:35px 0 0 0}

.content_heading h3 strong, .content_heading h1 strong {font-weight:normal;}

.content_heading p {color:#5c5c5c; font-size:15px; text-transform:uppercase}



.content_wrap {padding:15px 0 0 0;}

.content_wrap h3 {color:#4bbd93; font-size:25px; text-transform:uppercase; font-family:'Oswald', sans-serif; font-weight:normal}

.content_wrap p {color:#a9a9a9; font-size:14px; font-family:Calibri, Arial, Helvetica, sans-serif; line-height:18px}

.content_wrap hr {width:100%; border:0px; border-bottom:1px dashed #e5e5e5; margin:30px 0; float:left}



.content_wrap .left_content {float:left; width:550px;}

.content_wrap .right_img {float:right; width:425px;}



.content_wrap .right_content {float:right; width:550px;}

.content_wrap .left_img {float:left; width:425px;}







.clients_wrap {float:left; margin-top:0px;}



.clients_wrap .flex-direction-nav, .clients_wrap .flex-control-nav {display:none;}

.clients_wrap .flexslider2 {float:left; width:100%}

.clients_wrap .flexslider2 ul.slides li {text-align:center;}



/*************************

FOOTER

/*************************/



.ftr_social {background:#4bbd93; height:155px; text-align:center}

.ftr_social h4 {font:18px/22px 'Oswald', sans-serif; text-transform:uppercase; color:#fff; padding:30px 0 0 0}

.ftr_social ul {margin:20px 0 0 0;}

.ftr_social ul li {width:60px; height:59px; margin:0 2px; display:inline-block}

.ftr_social ul li a {background:url(images/social2.png); width:60px; height:59px; display:block;

  transition: all .3s ease;

  -moz-transition: all .3s ease;

  -ms-transition: all .3s ease;

  -o-transition: all .3s ease;

  -webkit-transition: all .3s ease;}

.ftr_social ul li i {background:url(images/social_shadow.png) no-repeat center center; width:56px; height:10px; margin-top:5px; display:none}

.ftr_social ul li:hover i {display:block;}

.ftr_social ul li:hover a {margin-top:-10px;}

.ftr_social ul li a.fb {background-position:0 0}

.ftr_social ul li:hover a.fb {background-position:0 bottom}

.ftr_social ul li a.twtr {background-position:-65px 0}

.ftr_social ul li:hover a.twtr {background-position:-65px bottom}

.ftr_social ul li a.gplus {background-position:-130px 0}

.ftr_social ul li:hover a.gplus {background-position:-130px bottom}

.ftr_social ul li a.pint {background-position:-195px 0}

.ftr_social ul li:hover a.pint {background-position:-195px bottom}

.ftr_social ul li a.email {background-position:-259px 0}

.ftr_social ul li:hover a.email {background-position:-259px bottom}



.ftr_form {background:#212121; padding:30px 0; text-align:center}

.ftr_form h3 {color:#fff; font:40px/50px 'Oswald', sans-serif; text-transform:uppercase; font-weight:300}

.ftr_form h3 strong {color:#4bbd93; font-weight:normal}

.ftr_form p {color:#fff; font:15px/20px 'Oswald', sans-serif; text-transform:uppercase;}



.ftr_form div.wpcf7 {width:912px; margin:0 auto;}

.ftr_form .form_col1 {float:left; width:448px;}

.ftr_form .form_col2 {float:right; width:448px;}



.ftr_form input[type="text"], .ftr_form input[type="tel"], .ftr_form input[type="email"], .ftr_form textarea {width:388px; margin:0px; padding:0px; background:#fff; border:0px; height:43px; line-height:43px; padding:0 10px 0 50px; margin-bottom:10px;}



.ftr_form .your-name input {background:url(images/name.png) no-repeat 10px 7px #fff}

.ftr_form .your-name input:focus {background:url(images/name.png) no-repeat 10px -51px #fff}



.ftr_form .your-email input {background:url(images/email2.png) no-repeat 10px 7px #fff}

.ftr_form .your-email input:focus {background:url(images/email2.png) no-repeat 10px -51px #fff}



.ftr_form .phone-cell input {background:url(images/phone2.png) no-repeat 10px 7px #fff}

.ftr_form .phone-cell input:focus {background:url(images/phone2.png) no-repeat 10px -51px #fff}



.ftr_form .your-message textarea {background:url(images/message2.png) no-repeat 10px 7px #fff; height:90px; line-height:26px; padding-top:6px}

.ftr_form .your-message textarea:focus {background:url(images/message2.png) no-repeat 10px -166px #fff}

.ftr_form input[type="submit"] {background:#4bbd93; width:100%; padding:0px; height:39px; border:0px; color:#fff; font:18px/39px 'Oswald', sans-serif; text-transform:uppercase; text-shadow:none; box-shadow:0 5px 0 #29624c;}



.ftr_form span.wpcf7-form-control-wrap {float:left;}

.ftr_form span.wpcf7-not-valid-tip {background:none; border:0px; width:auto; right:0px; left:auto; color:#F00; font-family:Arial, Helvetica, sans-serif}

.ftr_form div.wpcf7-response-output {float:left; margin:0px; padding:0px; border:0px; color:#fff;}



.footer {background:#151515; border-top:1px solid #414141; padding:15px 0}



.footer_left {float:left; width:530px;}

.footer_left p {color:#fff; font-family:"Arial Narrow"; font-size:12px; text-transform:uppercase; margin-top:10px; float:left; width:100%}

.footer_left p span {color:#4bbd93;}



.footer_nav {float:left; width:100%;}

.footer_nav ul li {float:left; background:url(images/nav-sprtr2.png) no-repeat left center; font-family:"Arial Narrow"; font-size:15px; text-transform:uppercase}

.footer_nav ul li:first-child {background:none;}

.footer_nav ul li a {display:block; color:#b0b0b0; padding:0 10px; line-height:27px; margin:0 5px}

.footer_nav ul li a:hover {background:#4bbd93; border-radius:5px; color:#fff}



.footer_right {float:right;}

.footer_right img {float:left;}

.ftr_nmbr {float:right; text-align:center; margin-left:10px}

.ftr_nmbr strong {font:29px/30px 'Oswald', sans-serif; color:#4bbd93}

.ftr_nmbr p {font-family:"Arial Narrow"; font-size:13px; color:#fff; line-height:10px; margin:0px; padding:0px}

.ftr_nmbr a {font-family:Calibri; font-size:10px; color:#fff; line-height:12px}





/******************************/



.page_heading {padding:0px 0 0 0; background:url(images/topbg.jpg) no-repeat center -117px; width:100%; height:95px;}

.page_heading h1, .page_heading h2 {color:#fff; font:40px/50px 'Oswald', sans-serif; text-align:left; text-transform:uppercase; margin:0px; padding:35px 0 0 0; float:left}

.bread-crumb {color: #fff; font-size: 12px; margin:60px 0px 0px 0px; padding:0px; float:right; font-family:'Oswald', sans-serif; text-transform:uppercase}

.bread-crumb a {color:#fff;}

.bread-crumb span {background:#4bbd93; line-height:18px; padding:0 5px; color:#fff; border-radius:3px; margin-left:5px;}



.whatwedo { width:100%; padding:30px 0}

.whatwedo ul li {float:left; width:100%;}

.whatwedo ul li .thumb {float:left; width:115px;}

.whatwedo ul li .service_excrpt {float:right; width:865px;}

.whatwedo ul li .service_excrpt h4 {color:#4bbd93; font-family:'Oswald', sans-serif; text-transform:uppercase; font-size:25px; padding-bottom:10px; font-weight:normal;}

.whatwedo ul li .service_excrpt p {color:#a9a9a9; font-size:14px; font-family:Calibri, Arial, Helvetica, sans-serif; line-height:18px}



.whatwedo ul li hr {background:url(images/line_sprtr2.png) no-repeat center bottom; width:100%; height:7px; border:0px; margin:15px 0 25px 0; float:left}

.whatwedo ul li:last-child hr {display:none;}





.services_detail_box {float:left; width:640px; margin:20px 0}

.services_detail_box h1 {color:#4bbd93; font-family:'Oswald', sans-serif; font-size:35px; line-height:55px; font-weight:normal; text-transform:uppercase; width:100%; float:left; padding-bottom:10px}

.services_detail_box h1 img {width:52px; float:left; margin:0 10px 0 0}

.services_detail_box p {color:#a9a9a9; font-size:14px; line-height:18px; font-family:Calibri, Arial, Helvetica, sans-serif}

.services_detail_box h2, .services_detail_box h3, .services_detail_box h3 a {color:#4bbd93; font-family:'Oswald', sans-serif; font-size:30px; line-height:30px; font-weight:400; text-transform:uppercase; padding-bottom:10px}

.services_detail_box h3 strong {font-weight:400;}

.services_detail_box h4 {color:#4bbd93; font-family:'Oswald', sans-serif; font-size:20px; line-height:20px; font-weight:normal; text-transform:uppercase; padding-bottom:10px}



.other_serivces {float:right; width:325px; margin:20px 0}

.other_serivces h2 {color:#5c5c5c; font-family:'Oswald', sans-serif; font-size:30px; line-height:30px; font-weight:300; text-transform:uppercase; background:url(images/line_sprtr3.png) no-repeat left bottom; padding:0 0 10px 0}

.other_serivces ul li {float:left; width:100%; border-bottom:1px solid #f2f2f2; padding:15px 0;}

.other_serivces ul li:last-child {border-bottom:0px; padding-bottom:0px;}

.other_serivces ul li img {float:left; width:52px; height:52px; margin-right:10px}

.other_serivces ul li h4 {color:#4bbd93; font-family:'Oswald', sans-serif; font-size:15px; line-height:15px; font-weight:normal; text-transform:uppercase; padding-bottom:5px}

.other_serivces ul li p {color:#a9a9a9; font-size:14px; font-family:Calibri, Arial, Helvetica, sans-serif; padding-bottom:0px; margin-bottom:0px;}





.webdesign_wrap {}



.left_col {float:left; width:640px; margin:20px 0}



.left_col h1, .left_col h2 {color:#4bbd93; font-family:'Oswald', sans-serif; font-size:35px; line-height:55px; font-weight:normal; text-transform:uppercase; width:100%; float:left; padding-bottom:10px}

.left_col h1 img, .left_col h2 img {width:52px; float:left; margin:0 10px 0 0}

.left_col p {color:#a9a9a9; font-size:14px; line-height:18px; font-family:Calibri, Arial, Helvetica, sans-serif}



.left_col h3 {color:#4bbd93; font-family:'Oswald', sans-serif; font-size:30px; line-height:30px; font-weight:400; text-transform:uppercase; background:url(images/line_sprtr3.png) no-repeat left bottom; padding:0 0 10px 0}



.webdesign_wrap .left_col ul li {margin:20px 0}

.webdesign_wrap .left_col ul li {float:left; width:210px; text-align:center;}

.webdesign_wrap .left_col ul li img {width:90px; height:auto}

.webdesign_wrap .left_col ul li h6 {color:#515151; font-family:'Oswald', sans-serif; font-size:15px; line-height:20px; font-weight:400; text-transform:uppercase}



.webdesign_wrap .left_col ul.dvlpmnt li {width:160px;}





.webdesign_wrap .work_sidebar {float:right; width:320px; margin:20px 0}

.webdesign_wrap .work_sidebar h3 {color:#5c5c5c; font-family:'Oswald', sans-serif; font-size:30px; line-height:30px; font-weight:300; text-transform:uppercase; background:url(images/line_sprtr3.png) no-repeat left bottom; padding:0 0 10px 0; margin-bottom:10px}

.webdesign_wrap .work_sidebar ul li {float:left; width:100%; position:relative;}



.webdesign_wrap .work_sidebar ul li span {display: block; position: absolute; top:0; left:0; width:100%; height:100%; text-align:center; display:none}

.webdesign_wrap .work_sidebar ul li:hover span {display:block;}

.webdesign_wrap .work_sidebar ul li span a {width:61px; height:61px; display:inline-block; margin:100px 10px 0 10px; text-align:left; text-indent:-9999em}

.webdesign_wrap .work_sidebar ul li span a.zoom {background:url(images/zoom.png)}

.webdesign_wrap .work_sidebar ul li span a.go_web {background:url(images/web.png);}



.map {width:100%; margin:6px 0; float:left;}

.map iframe {width:100%; height:333px;}





.contact_form {float:left; width:675px; margin:20px 0}

.contact_form h3 {color:#5c5c5c; font-family:'Oswald', sans-serif; font-size:18px; line-height:18px; font-weight:400; text-transform:uppercase; background:url(images/line_sprtr3.png) no-repeat left bottom; padding:0 0 10px 0; margin-bottom:10px}



.contact_form input[type="text"], .contact_form input[type="email"] {width:156px; background:#f0f0f0; border-radius:0px; height:39px; border:1px solid #e7e7e7; padding:0px 50px 0 10px; margin:0px 10px 0 0px; box-shadow:inset 0 0 3px #f5f5f5; font-style:italic}

.contact_form .your-name input[type="text"] {background:url(images/name2.png) #f0f0f0 no-repeat right center}

.contact_form .your-email input[type="email"] {background:url(images/email3.png) #f0f0f0 no-repeat right center}

.contact_form .subject {float:right; margin-right:0px;}

.contact_form .subject input[type="text"] {margin-right:0px; background:url(images/subject.png) #f0f0f0 no-repeat right center}

.contact_form span.wpcf7-form-control-wrap {float:left}



.contact_form textarea {width:653px; background:#f0f0f0; border-radius:0px; height:200px; border:1px solid #e7e7e7; padding:10px; margin:0px 0px 0 0px; margin-top:23px; box-shadow:inset 0 0 3px #f5f5f5; font-style:italic;}



.contact_form input[type="submit"] {background:url(images/submit.png) no-repeat 5px 12px #4bbd93; border:0px; text-shadow:none; border-radius:5px; padding:0 15px 0 30px; height:39px; line-height:39px; font-family:'Oswald', sans-serif; font-size:15px; text-transform:uppercase; color:#fff; font-weight:normal; margin-top:35px}



.contact_form span.wpcf7-form-control-wrap {float:left;}

.contact_form span.wpcf7-not-valid-tip {background:none; border:0px; width:auto; top:auto; bottom:-20px; left:0px; color:#F00; font-family:Arial, Helvetica, sans-serif; font-size:11px}

.contact_form div.wpcf7-response-output {float:left; margin:0px; padding:0px; border:0px; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}





.contact_sidebar {float:right; width:277px; padding-left:20px; border-left:1px dotted #c9c9c9; margin:20px 0}

.contact_sidebar h3 {color:#5c5c5c; font-family:'Oswald', sans-serif; font-size:18px; line-height:18px; font-weight:400; text-transform:uppercase; background:url(images/line_sprtr3.png) no-repeat left bottom; padding:0 0 10px 0; margin-bottom:10px}



.contact_sidebar i {float:left; margin:0 15px 0 0; height:40px; line-height:40px}

.contact_sidebar img {vertical-align:middle;}

.contact_sidebar p {font-family:Calibri, Arial, Helvetica, sans-serif; color:#565252}

.contact_sidebar a {color:#525252;}





.contents {padding:15px 0;}



.contents h1, .contents h2 {color:#4bbd93; font-family:'Oswald', sans-serif; font-size:35px; line-height:55px; font-weight:normal; text-transform:uppercase; width:100%; float:left; padding-bottom:10px}

.contents h1 img, .contents h2 img {width:52px; float:left; margin:0 10px 0 0}

.contents p {color:#a9a9a9; font-size:14px; line-height:18px; font-family:Calibri, Arial, Helvetica, sans-serif}



.contents h3 {color:#4bbd93; font-family:'Oswald', sans-serif; font-size:30px; line-height:30px; font-weight:400; text-transform:uppercase; padding:0 0 10px 0}





.work_wrap2 {padding:15px 0;}



.work_wrap2 ul li {float:left; width:320px; position:relative; margin:7px}

.work_wrap2 ul li span {display: block; position: absolute; top:0; left:0; width:100%; text-align:center; display:none}

.work_wrap2 ul li:hover span {display:block;}

.work_wrap2 ul li span a {width:61px; height:61px; display:inline-block; margin:100px 10px 0 10px; text-align:left; text-indent:-9999em}

.work_wrap2 ul li span a.zoom {background:url(images/zoom.png)}

.work_wrap2 ul li span a.go_web {background:url(images/web.png);}



.projct_name {background:#eeeeee; height:46px; line-height:46px;}

.projct_name h3, .projct_name h4 {float:left; color:#2a2a2a; font-family:'Oswald', sans-serif; font-size:22px; line-height:46px; font-weight:400; padding:0 5px 0 10px}

.projct_name i {background:url(images/edit.png); height:46px; width:57px; float:right}





.work_detail {padding:25px 0;}





.work_left {float:left; width:675px;}

.work_left .flex-control-nav {display:none;}

.work_left .flex-direction-nav a {background:url(images/arrows.png); width:42px; height:42px; font-size:0px;}

.work_left .flex-direction-nav a.flex-prev {left:0px;}

.work_left .flex-direction-nav a.flex-next {right:0px; background-position:right top}

.work_left h3 {color:#2a2a2a; font-family:'Oswald', sans-serif; font-size:22px; font-weight:400; text-transform:uppercase; margin:15px 0; border-bottom:1px solid #d9d9d9}



.project_meta {float:left; width:100%;}

.project_meta ul li {float:left; width:211px; background:#4bbd93; height:53px; margin-left:20px;}

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

.project_meta ul li i {float:left; width:45px; height:100%; border-right:1px solid #fff;}

.project_meta ul li span {float:left; margin:18px 0 0 10px; font-family:'Oswald', sans-serif; font-size:15px; line-height:13px; color:#fff; text-transform:uppercase}

.project_meta ul li span small {display:block; font-size:11px; font-family:Calibri, Arial, Helvetica, sans-serif; text-transform:none}



.related_work {float:left; width:100%;}



.related_work .flexslider3 {float:left; width:646px; position:relative; margin:0 12px;}

.related_work .flex-control-nav {display:none;}

.related_work .flex-direction-nav a {background:url(images/arrows.png); width:42px; height:42px; font-size:0px; opacity:1 !important}

.related_work .flex-direction-nav a.flex-prev {left:0px;}

.related_work .flex-direction-nav a.flex-next {right:0px; background-position:right top}





.work_right {float:right; width:280px; padding-left:25px; border-left:1px dotted #c9c9c9}

.work_right h3 {color:#555252; font-family:'Oswald', sans-serif; font-size:20px; line-height:30px; font-weight:400; text-transform:uppercase; background:url(images/line_sprtr3.png) no-repeat left bottom; padding:0 0 10px 0; margin-bottom:10px}





.work_right .wpcf7 {height:460px;}



.work_right input[type="text"], .work_right input[type="tel"], .work_right input[type="email"], .work_right textarea {width:218px; margin:0px; padding:0px; background:#fff; border:0px; height:43px; line-height:43px; padding:0 10px 0 50px; margin-bottom:10px; border:1px solid #d8d8d8}



.work_right .your-name input {background:url(images/name.png) no-repeat 10px 7px #fff}

.work_right .your-name input:focus {background:url(images/name.png) no-repeat 10px -51px #fff}



.work_right .your-email input {background:url(images/email2.png) no-repeat 10px 7px #fff}

.work_right .your-email input:focus {background:url(images/email2.png) no-repeat 10px -51px #fff}



.work_right .phone-number input {background:url(images/phone2.png) no-repeat 10px 7px #fff}

.work_right .phone-number input:focus {background:url(images/phone2.png) no-repeat 10px -51px #fff}



.work_right .your-message textarea {background:url(images/message2.png) no-repeat 10px 7px #fff; height:150px; line-height:26px; padding-top:6px}

.work_right .your-message textarea:focus {background:url(images/message2.png) no-repeat 10px -166px #fff}

.work_right input[type="submit"] {background:#4bbd93; width:100%; padding:0px; height:39px; border:0px; color:#fff; font:18px/39px 'Oswald', sans-serif; text-transform:uppercase; text-shadow:none; box-shadow:0 5px 0 #29624c;}



.work_right span.wpcf7-form-control-wrap {float:left;}

.work_right span.wpcf7-not-valid-tip {background:none; border:0px; width:auto; right:0px; left:auto; color:#F00; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

.work_right div.wpcf7-response-output {float:left; margin:0px; padding:0px; border:0px; color:#525252; font-family:Arial, Helvetica, sans-serif}



.project_description {float:left; width:100%}

.project_description ul li {float:left; width:100%; border-top:1px solid #d8d8d8; padding:15px 0}

.project_description ul li:first-child {border-top:0px;}

.project_description ul li i {float:left; width:44px; height:50px; line-height:50px;}

.project_description ul li i img {vertical-align:middle;}

.project_description ul li h5 {color:#4bbd93; font:17px/18px 'Oswald', sans-serif; text-transform:uppercase}

.project_description ul li p {color:#828282; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:12px;}