/*

Theme Name: Skamet

Author: ServiceIT

Author URI: http://serviceit.ee/

Description: Freelancer toolkit theme

Version: 1.1.3

License: GNU General Public License

License URI: license.txt



This theme, like WordPress, is licensed under the GPL.



Resetting and rebuilding styles have been helped along thanks to the fine work of

Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html

along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

and Blueprint http://www.blueprintcss.org/

*/



/* =Reset

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



html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; outline:0; padding:0; vertical-align:baseline; }  html { font-size:62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */  overflow-y:scroll; /* Keeps page centred in all browsers regardless of content height */ -webkit-text-size-adjust:100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust:100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ }  body { background: #fff ; }  article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display:block; }  ol,ul { list-style:none; }  table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse:separate; border-spacing:0; }  caption,th,td { font-weight:400; text-align:left; }  blockquote:before,blockquote:after,q:before,q:after { content:""; }  blockquote,q { quotes:; }  a:focus { outline:thin dotted; }  a:hover,a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ outline:0; }  a img { border:0; }





/* =Global----------------------------------------------- */

.clear {

	clear:both;

	overflow:auto;

}

.no_display {

	display:none;

}

body,button,input,select,textarea {

	color:#404040;

	font-family:sans-serif;

	font-size:16px;

	font-size:1.6rem;

	line-height:1.4;

}

.hide-text {

	text-indent:100%;

	white-space:nowrap;

	overflow:hidden;

}

body {

	background:#fff;

	border-top:5px solid #728497

}

body.white {

	color:#404040;

	background-color:#fff;

	border-top:5px solid #404040

}

body.light {

	color:#676761;

	background-color:#fff;

	border-top:5px solid #676761

}

body.orange {

	border-top:5px solid #FB9E25;

	color:#000;

	background-color:#fff;

}

body.brown {

	border-top:5px solid #403129;

	color:#403D3A;

	background-color:#fff;

}

body.green {

	border-top:5px solid #80B600;

	color:#434242;

	background-color:#fff;

}

#masthead {

	position: relative;

}

/* Headings */

h1,h2,h3,h4,h5,h6 {

	clear:both;

	text-rendering:optimizeLegibility;

}

hr {

	background-color:#ccc;

	border:0;

	height:1px;

	margin-bottom: 1.5em;

}

/* Text elements */

p {

	margin-bottom:1.5em;

}

ul,ol {

	margin:0 0 1.5em 3em;

}

ul {

	list-style:disc;

}

ul.list_wrap {

	list-style:none;

}

ol {

	list-style:decimal;

}

ul ul,ol ol,ul ol,ol ul {

	margin-bottom:0;

	margin-left:1.5em;

}

dt {

	font-weight:bold;

}

dd {

	margin:0 1.5em 1.5em;

}

b,strong {

	font-weight:bold;

}

dfn,cite,em,i {

	font-style:italic;

}

blockquote {

	margin:0 0;

}

address {

	margin:0 0 1.5em;

}

pre {

	background:#eee;

	font-family:"Courier 10 Pitch",Courier,monospace;

	font-size:15px;

	font-size:1.5rem;

	line-height:1.6;

	margin-bottom:1.6em;

	padding:1.6em;

	overflow:auto;

	max-width:100%;

}

code,kbd,tt,var {

	font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;

}

abbr,acronym {

	border-bottom:1px dotted #666;

	cursor:help;

}

mark,ins {

	background:#fff9c0;

	text-decoration:none;

}

sup,sub {

	font-size:75%;

	height:0;

	line-height:0;

	position:relative;

	vertical-align:baseline;

}

sup {

	bottom:1ex;

}

sub {

	top:.5ex;

}

small {

	font-size:75%;

}

big {

	font-size:125%;

}

figure {

	margin:0;

}

table {

	margin:0 0 1.5em;

	width:100%;

}

th {

	font-weight: bold;

}

button,input,select,textarea {

	font-size:100%;

	/* Corrects font size not being inherited in all browsers */

	margin:0;

	/* Addresses margins set differently in IE6/7,F3/4,S5,Chrome */

	vertical-align:baseline;

	/* Improves appearance and consistency in all browsers */

	*vertical-align:middle;

	/* Improves appearance and consistency in all browsers */

}

button,input {

	line-height:normal;

	/* Addresses FF3/4 setting line-height using !important in the UA stylesheet */

	*overflow:visible;

	/* Corrects inner spacing displayed oddly in IE6/7 */

}

button,html input[type="button"],input[type="reset"],input[type="submit"] {

	border:1px solid #ccc;

	border-color:#ccc #ccc #bbb #ccc;

	border-radius:3px;

	background:#fafafa;

	/* Old browsers */

	background:-moz-linear-gradient(top,#fafafa 60%,#e6e6e6 100%);

	/* FF3.6+*/

	background:-webkit-gradient(linear,left top,left bottom,color-stop(60%,#fafafa),color-stop(100%,#e6e6e6));

	/* Chrome,Safari4+*/

	background:-webkit-linear-gradient(top,#fafafa 60%,#e6e6e6 100%);

	/* Chrome10+,Safari5.1+*/

	background:-o-linear-gradient(top,#fafafa 60%,#e6e6e6 100%);

	/* Opera 11.10+*/

	background:-ms-linear-gradient(top,#fafafa 60%,#e6e6e6 100%);

	/* IE10+*/

	background:linear-gradient(top,#fafafa 60%,#e6e6e6 100%);

	/* W3C */

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

	/* IE6-9 */

	box-shadow:inset 0 2px 1px #fff;

	color:rgba(0,0,0,.8);

	cursor:pointer;

	/* Improves usability and consistency of cursor style between image-type 'input' and others */

	-webkit-appearance:button;

	/* Corrects inability to style clickable 'input' types in iOS */

	font-size:12px;

	font-size:1.4rem;

	padding:1.12em 1.5em .88em;

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

}

button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {

	background:#f5f5f5;

	/* Old browsers */

	background:-moz-linear-gradient(top,#f5f5f5 60%,#dcdcdc 100%);

	/* FF3.6+*/

	background:-webkit-gradient(linear,left top,left bottom,color-stop(60%,#f5f5f5),color-stop(100%,#dcdcdc));

	/* Chrome,Safari4+*/

	background:-webkit-linear-gradient(top,#f5f5f5 60%,#dcdcdc 100%);

	/* Chrome10+,Safari5.1+*/

	background:-o-linear-gradient(top,#f5f5f5 60%,#dcdcdc 100%);

	/* Opera 11.10+*/

	background:-ms-linear-gradient(top,#f5f5f5 60%,#dcdcdc 100%);

	/* IE10+*/

	background:linear-gradient(top,#f5f5f5 60%,#dcdcdc 100%);

	/* W3C */

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

	/* IE6-9 */

	border-color:#bbb #bbb #aaa #bbb;

}

button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,html input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active {

	border-color:#aaa #bbb #bbb #bbb;

	box-shadow:inset 0 2px 3px rgba(0,0,0,.15);

	box-shadow: inset 0 2px 2px rgba(0,0,0,.15);

}

input[type="checkbox"],input[type="radio"] {

	box-sizing:border-box;

	/* Addresses box sizing set to content-box in IE8/9 */

	padding:0;

	/* Addresses excess padding in IE8/9 */

}

input[type="search"] {

	-webkit-appearance:textfield;

	/* Addresses appearance set to searchfield in S5,Chrome */

	-moz-box-sizing:content-box;

	-webkit-box-sizing:content-box;

	/* Addresses box sizing set to border-box in S5,Chrome (include -moz to future-proof) */

	box-sizing:content-box;

}

input[type="search"]::-webkit-search-decoration {

	/* Corrects inner padding displayed oddly in S5,Chrome on OSX */

	-webkit-appearance:none;

}

button::-moz-focus-inner,input::-moz-focus-inner {

	/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */

	border:0;

	padding:0;

}

input[type=text],textarea {

	color:#666;

	border:1px solid #ccc;

	border-radius:3px;

}

input[type=text]:focus,textarea:focus {

	color:#111;

}

input[type=text] {

	padding: 3px;

}

textarea {

	overflow:auto;

	/* Removes default vertical scrollbar in IE6/7/8/9 */

	padding-left:3px;

	vertical-align:top;

	/* Improves readability and alignment in all browsers */

	width:98%;

}

/* Links */

a {

	color:#485460;

	text-decoration:none;

}

a img {

	border:none;

}

a:visited {

	color:#485460;

}

a:hover,a:focus,a:active {

	color:#485460;

}

.white a {

	color:#000;

	text-decoration:none;

}

.white a img {

	border:none;

}

.white a:visited {

	color:#666666;

}

.white a:hover,.white a:focus,.white a:active {

	color:#676761;

}

.light a {

	color:#676761;

}

.light a:hover,.light a:focus,.light a:active {

	color:#9e9e97;

}

.orange a {

	color:#FB9E25

}

.orange a:hover,.orange a:focus,.orange a:active {

	color:#ff822e;

}

.brown a {

	color:#3B3B3B

}

.brown a:hover,.brown a:focus,.brown a:active {

	color:#3D2E26;

}

.green a {

	color:#666

}

.green a:hover,.green a:focus,.green a:active {

	color: #80B600;

}

/* Alignment */

.alignleft {

	display:inline;

	float:left;

	margin-right:1.5em;

}

.alignright {

	display:inline;

	float:right;

	margin-left:1.5em;

}

.aligncenter {

	clear:both;

	display:block;

	margin: 0 auto;

}

/* Text meant only for screen readers */

.assistive-text {

	clip:rect(1px 1px 1px 1px);

	/* IE6,IE7 */

	clip:rect(1px,1px,1px,1px);

	position:absolute !important;

}









/* =Layout----------------------------------------------- */

#page {

	max-width:960px;

	margin:0 auto;

	padding:0 50px 20px;

}

#primary {

	width:65.104166666667%;

	float:left;

	margin-right:3.958333333333%

}

#secondary {

	width:30.520833333333%;

	float:right

}

#main {

	padding-top:40px

}

.home #main {

	padding:0;

}

margin-top:48px;

#colophon {

	clear:both;

}

.layout_left #primary {

	float:right;

	margin-right:0;

	margin-left:3.958333333333%;

}

.layout_left #secondary {

	float:left

}

.page-template-page-contact-php #secondary {

	padding-top:46px;

}

.single-wpo_proposals #main .full-width,.page #main .full-width,.single-wpo_portfolio #main .full-width {

	float:none;

	width:100%;

	margin: 10px 0 0 0

}





/* Front Page*/

#three-column .single-column,#footer_widgets .single-column {

	width:30.520833333333%;

	float:left;

	padding:0

}

#three-column .first,#footer_widgets .first {

	margin-right:4.2187500000005%

}

#three-column .last,#footer_widgets .last {

	margin-left:4.2187500000005%;

	float: right

}







/*footer */

#bottom-shadow {

	background:url(images/bottom-shadow.png) no-repeat center;

	width:auto;

	height:8px;

	margin:-8px auto 0;

}

#colophon {

	background-color:#728497;

	padding:30px 0 0;

	color:#fff;

	font-size:13px;

}

#colophon #footer_widgets,#below-footer {

	max-width:960px;

	margin:0 auto

}

.site-info {

	background:#e3e6e8 url(images/top-shadow.png) no-repeat center top;

	;

	padding:30px 0;

	color:#6f7376;

	font-size:14px;

}

.white #colophon {

	background-color:#000;

	padding:30px 0 0;

	color:#fff

}

.white #colophon #footer_widgets a {

	color:#dadada;

}

.white #colophon #footer_widgets a:hover {

	color:#fff;

}

.white #colophon #footer_widgets .widget_login_widget,.white #colophon #footer_widgets .widget_login_widget a {

	color:#404040

}

.white .site-info {

	background-color:#fff;

}

.light #colophon {

	background-color:#676761;

	padding:30px 0 0;

	color:#fff

}

.light #colophon #footer_widgets a {

	color:#efefef;

}

.light #colophon #footer_widgets .widget_login_widget,.light #colophon #footer_widgets .widget_login_widget a {

	color:#404040

}

.light .site-info {

	background-color:#F5F5EC;

}

.orange #colophon {

	background-color:#000;

	padding:30px 0 0;

	color:#fff

}

.orange #colophon #footer_widgets .widget_login_widget,.orange #colophon #footer_widgets .widget_login_widget a {

	color:#404040

}

.orange .site-info {

	background-color:#fff;

}

.brown #colophon {

	background-color:#403129;

	padding:30px 0 0;

	color:#fff

}

.brown #colophon #footer_widgets a {

	color:#efefef;

}

.brown #colophon #footer_widgets a:hover {

	color:#A6907C;

}

.brown #colophon #footer_widgets .widget_login_widget,.white #colophon #footer_widgets .widget_login_widget a,.brown #colophon #footer_widgets .widget_login_widget a,.green #colophon #footer_widgets .widget_login_widget a {

	color:#404040

}

.brown #footer_widgets h3.widget-title {

	color:#fff;

	border-bottom:1px solid #A6907C;

}

.brown .site-info {

	background-color:#E1D9CC;

}

.green #colophon {

	background-color:#80B600;

	padding:30px 0 0;

	color:#fff

}

.green #colophon #footer_widgets a {

	color:#efefef;

}

.green #colophon #footer_widgets .widget_login_widget {

	color:#404040

}

.green #footer_widgets h3.widget-title {

	color:#fff;

	border-bottom:1px solid #fff;

}

.green .site-info {

	background-color: #fff

}









/* #Forms================================================== */

form {

	margin-bottom:20px;

}

fieldset {

	margin-bottom:20px;

}

input[type="text"],input[type="password"],input[type="email"],textarea,select {

	border:1px solid #ccc;

	padding:6px 4px;

	outline:none;

	-moz-border-radius:2px;

	-webkit-border-radius:2px;

	border-radius:2px;

	font:13px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;

	color:#777;

	margin:0;

	width:210px;

	max-width:100%;

	display:block;

	margin-bottom:20px;

	background:#fff;

}

select {

	padding:0;

}

input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus {

	border:1px solid #aaa;

	color:#444;

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

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

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

}

textarea {

	min-height:60px;

}

label,legend {

	display:block;

	font-weight:bold;

	font-size:13px;

}

select {

	width:220px;

}

input[type="checkbox"] {

	display:inline;

}

label span,legend span {

	font-weight:normal;

	font-size:13px;

	color: #444;

}









/* =Menu----------------------------------------------- */

.main-navigation {

	display:block;

	max-width:670px;

	position:absolute;

	top:50px;

	right:0;

	padding:16px 0;

}

.main-navigation {

	padding-left:0

}

.main-navigation ul {

	list-style:none;

}

#menu,#menu ul {

	float:right;

	margin:0;

	padding:0;

	list-style:none

}

#menu {

	padding-left:0

}

#menu:before,#menu:after {

	content:"";

	display:table

}

#menu:after {

	clear:both

}

#menu {

	zoom:1

}

#menu li {

	float:left;

	border-right:1px #ccc dotted;

	position:relative

}

#menu li:last-child {

	border-right:none!important

}

#menu a {

	float:left;

	position:relative;

	padding:6px 15px;

	color:#8c8c8c;

	font-size:13px;

	text-transform:uppercase;

	text-decoration:none;

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out

}

#menu .active a {

	color:#8c8c8c

}

#menu ul {

	font-size:12px;

	_margin:0;

	visibility:hidden;

	position:absolute;

	top:46px;

	left:0;

	z-index:9999;

	background:#fff;

	box-shadow:0 0 4px rgba(0,0,0,0.1)

}

#menu li:hover>ul {

	opacity:1;

	visibility:visible;

	margin:0;

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out

}

#menu ul ul {

	top:0;

	left:165px;

	_margin:0

}

#menu ul li {

	float:none;

	display:block;

	border:0;

	_line-height:0

}

#menu ul li:last-child {

	-moz-box-shadow:none;

	-webkit-box-shadow:none;

	box-shadow:none

}

#menu ul a {

	padding:8px;

	font-size:11px;

min-width:140px;
	_height:8px;

	display:block;

	white-space:nowrap;

	float:none;

	text-transform:none;

	border-bottom:1px solid #ebebeb;

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out

}

#menu ul a:hover {

	background-color:#f5f5f5;

	text-shadow:none

}

#menu ul li:first-child>a:after {

	content:'';

	position:absolute;

	left:40px;

	top:-6px;

	border-left:6px solid transparent;

	border-right:6px solid transparent

}

#menu ul ul li:first-child a:after {

	left:-6px;

	top:50%;

	margin-top:-6px;

	border-left:0;

	border-bottom:6px solid transparent;

	border-top:6px solid transparent

}

#menu ul ul li:first-child a:hover:after {

	border-bottom-color:transparent

}

#menu ul li:last-child>a {

	-moz-border-radius:0 0 3px 3px;

	-webkit-border-radius:0 0 3px 3px;

	border-radius:0 0 3px 3px

}

nav select {

	display:none

}

.blue #menu ul li:first-child>a {

	border-top:2px solid #728497

}

.blue #menu ul li:first-child>a:after {

	border-bottom:6px solid #728497

}

.blue #menu ul ul li:first-child a:after {

	border-right:6px solid #728497

}

.blue #menu ul li:first-child a:hover:after {

	border-bottom-color:#728497

}

.blue #menu ul ul li:first-child a:hover:after {

	border-right-color:#728497

}

.white #menu ul li:first-child>a {

	border-top:2px solid #404040

}

.white #menu ul li:first-child>a:after {

	border-bottom:6px solid #404040

}

.white #menu ul ul li:first-child a:after {

	border-right:6px solid #404040

}

.white #menu ul li:first-child a:hover:after {

	border-bottom-color:#404040

}

.white #menu ul ul li:first-child a:hover:after {

	border-right-color:#404040

}

.light #menu ul li:first-child>a {

	border-top:2px solid #676761

}

.light #menu ul li:first-child>a:after {

	border-bottom:6px solid #676761

}

.light #menu ul ul li:first-child a:after {

	border-right:6px solid #676761

}

.light #menu ul li:first-child a:hover:after {

	border-bottom-color:#676761

}

.light #menu ul ul li:first-child a:hover:after {

	border-right-color:#676761

}

.orange #menu ul li:first-child>a {

	border-top:2px solid #FB9E25

}

.orange #menu ul li:first-child>a:after {

	border-bottom:6px solid #FB9E25

}

.orange #menu ul ul li:first-child a:after {

	border-right:6px solid #FB9E25

}

.orange #menu ul li:first-child a:hover:after {

	border-bottom-color:#FB9E25

}

.orange #menu ul ul li:first-child a:hover:after {

	border-right-color:#FB9E25

}

.brown #menu ul li:first-child>a {

	border-top:2px solid #403129

}

.brown #menu ul li:first-child>a:after {

	border-bottom:6px solid #403129

}

.brown #menu ul ul li:first-child a:after {

	border-right:6px solid #403129

}

.brown #menu ul li:first-child a:hover:after {

	border-bottom-color:#403129

}

.brown #menu ul ul li:first-child a:hover:after {

	border-right-color:#403129

}

.green #menu ul li:first-child>a {

	border-top:2px solid #80B600

}

.green #menu ul li:first-child>a:after {

	border-bottom:6px solid #80B600

}

.green #menu ul ul li:first-child a:after {

	border-right:6px solid #80B600

}

.green #menu ul li:first-child a:hover:after {

	border-bottom-color:#80B600

}

.green #menu ul ul li:first-child a:hover:after {

	border-right-color: #80B600

}









/* Small menu */

.menu-toggle {

	cursor:pointer;

	padding:5px;

	background:#728497;

	color:#fff;

	text-align:center;

}

.white .menu-toggle {

	background:#000;

	color:#fff

}

.light .menu-toggle {

	background:#000;

	color:#fff

}

.orange .menu-toggle {

	background:#000;

	color:#FB9E25

}

.brown .menu-toggle {

	background:#403129;

	color:#E1D9CC

}

.green .menu-toggle {

	background:#000;

	color:#80B600

}

.main-small-navigation .menu {

	display:none;

}

#footer-menu {

	float:right;

	max-width:600px;

}

#footer-menu ul {

	list-style:none;

	margin:0;

	padding:0

}

#footer-menu li {

	float:left;

	padding:0 15px;

}

#footer-menu a {

	color:#231f20;

	font-size:14px;

	line-height:17px;

	text-transform: uppercase

}









/* Header----------------------------------------- */

#masthead {

	background:url(images/shadow.png) no-repeat top center;

	padding-top:7px;

}

#blog-title {

	float:left;

	font-size:40px;

	font-weight:bold;

	text-transform:uppercase;

	margin-top:15px

}

#blog-title a {

	text-shadow:#fff 0 1px 0;

}

#blog-title a:hover {

	color:#404040;

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

}

#blog-title img {

	margin-top:15px;

}

#extra-info {

	float:right;

	list-style:none;

	margin:5px 0 0 0;

	padding:0px;

	max-width:680px;

}

#extra-info li,#social-icons li {

	float:left;

	margin-left:6px;

}

#social-icons li {

	width:30px;

	height:30px;

	margin-bottom:3px;

}

#extra-info>li {

	margin-left:20px;

}

#extra-info li a {

	display:block;

	height:20px;

	line-height:20px;

	color:#858a8e;

	text-decoration:none

}

#above-content {

	background:#728497;

	display:none

}

.white #above-content {

	background:#404040

}

.light #above-content {

	background:#676761

}

.orange #above-content {

	background:#FB9E25

}

.brown #above-content {

	background:#403129

}

.green #above-content {

	background:#80B600

}

.above-content-wrap {

	max-width:960px;

	margin:0 auto;

	padding:0 10px 5px;

}

#social-icons:after,.above-content-wrap:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

#toggle-social {

	position:absolute;

	right:0;

	width:32px;

	height:26px;

	font:400 20px/20px 'Open Sans',sans-serif;

	color:white;

	text-shadow:none;

	cursor:pointer;

	text-align:center;

	z-index:99;

	background:#728497;

	-webkit-border-radius:0px 0px 5px 5px;

	border-radius:0px 0px 5px 5px;

}

.white #toggle-social {

	background:#404040

}

.light #toggle-social {

	background:#676761

}

.orange #toggle-social {

	background:#FB9E25

}

.brown #toggle-social {

	background:#403129

}

.green #toggle-social {

	background:#80B600

}

#social-icons {

	padding:0;

	margin:0;

	float:right

}

.white #extra-info li a {

	color:#404040;

}

.light #extra-info li a,.orange #extra-info li a {

	color:#676761;

}

#phone a,#email a {

	font-size:12px

}

#phone a:hover,#email a:hover {

	color:#728497

}

#twitter a {

	background:url('images/sprite.png') no-repeat -163px -43px;

	width:30px;

	height:30px;

	display:block

}

#twitter a:hover {

	background-position:-163px -7px;

}

#facebook a {

	background:url('images/sprite.png') no-repeat -124px -43px;

	width:30px;

	height:30px;

	display:block

}

#facebook a:hover {

	background-position:-124px -7px;

}

#google a {

	background:url('images/sprite.png') no-repeat -241px -43px;

	width:30px;

	height:30px;

	display:block

}

#google a:hover {

	background-position:-241px -7px;

}

#youtube a {

	background:url('images/sprite.png') no-repeat -42px -43px;

	;

	width:30px;

	height:30px;

	display:block

}

#youtube a:hover {

	background-position:-42px -7px;

}

#tumblr a {

	background:url('images/sprite.png') no-repeat -306px -43px;

	width:30px;

	height:30px;

	display:block

}

#tumblr a:hover {

	background-position:-306px -7px;

}

#flickr a {

	background:url('images/sprite.png') no-repeat -84px -43px;

	width:30px;

	height:30px;

	display:block

}

#flickr a:hover {

	background-position:-84px -7px;

}

#pinterest a {

	background:url('images/sprite.png') no-repeat 0px -43px;

	width:30px;

	height:30px;

	display:block

}

#pinterest a:hover {

	background-position:0px -7px;

}

#linkedin a {

	background:url('images/sprite.png') no-repeat -201px -43px;

	width:30px;

	height:30px;

	display:block

}

#linkedin a:hover {

	background-position:-201px -7px;

}

#behance a {

	background:url('images/sprite.png') no-repeat -417px -43px;

	width:30px;

	height:30px;

	display:block

}

#behance a:hover {

	background-position:-417px -7px;

}

#stumbleupon a {

	background:url('images/sprite.png') no-repeat -380px -43px;

	width:30px;

	height:30px;

	display:block

}

#stumbleupon a:hover {

	background-position:-380px -7px;

}

#vimeo a {

	background:url('images/sprite.png') no-repeat -341px -43px;

	width:30px;

	height:30px;

	display:block

}

#vimeo a:hover {

	background-position:-341px -7px;

}

#rss a {

	background:url('images/sprite.png') no-repeat -273px -43px;

	width:30px;

	height:30px;

	display:block

}

#rss a:hover {

	background-position:-273px -7px;

}

#rss {

	margin:0;

}

#instagram a {

	background:url('images/sprite.png') no-repeat -456px -43px;

	width:30px;

	height:30px;

	display:block

}

#instagram a:hover {

	background-position:-456px -7px;

}

#top-search {

	width:200px;

	float:left;

}

#top-search form {

	margin:0

}

#top-search input {

	outline:none;

}

#top-search input[type=search] {

	-webkit-appearance:textfield;

	-webkit-box-sizing:content-box;

	font-family:inherit;

	font-size:100%;

}

#top-search input::-webkit-search-decoration,#top-search input::-webkit-search-cancel-button {

	display: none;

	/* remove the search and cancel icon */

}







/* search input field */

#top-search input[type=search] {

	background:#ededed url(images/search-icon.png) no-repeat 9px center;

	border:solid 1px #ccc;

	padding:3px 10px 3px 32px;

	width:55px;

	-webkit-border-radius:10em;

	-moz-border-radius:10em;

	border-radius:10em;

	-webkit-transition:all .5s;

	-moz-transition:all .5s;

	transition:all .5s;

}

#top-search input[type=search]:focus {

	width:130px;

	background-color:#fff;

	border-color:#59BAE0;

	-webkit-box-shadow:0 0 5px rgba(109,207,246,.5);

	-moz-box-shadow:0 0 5px rgba(109,207,246,.5);

	box-shadow:0 0 5px rgba(109,207,246,.5);

}

.light #top-search input[type=search]:focus,.white #top-search input[type=search]:focus {

	border:solid 1px #E5E5E5;

}

.orange #top-search input[type=search]:focus {

	border:solid 1px #485460;

}

.brown #top-search input[type=search]:focus {

	border:solid 1px #E5E5E5;

}

.green #top-search input[type=search]:focus {

	border: solid 1px #E5E5E5;

}

/* placeholder */

#top-search input:-moz-placeholder {

	color:#999;

}

#top-search input::-webkit-input-placeholder {

	color:#999;

}

#back-top {

	position:fixed;

	bottom:73px;

	margin-left: -70px;

}

#back-top a {

	width:54px;

	display:block;

	text-align:center;

	font:10px/100%;

	text-transform:uppercase;

	text-decoration:none;

	color:#728497;

	/* transition */

	-webkit-transition:1s;

	-moz-transition:1s;

	transition:1s;

}

#back-top a:hover {

	color: #000;

}

/* arrow icon (span tag) */

#back-top span {

	width:54px;

	height:54px;

	display:block;

	margin-bottom:7px;

	background:#efefef url(images/up-arrow.png) no-repeat no-repeat 8px 13px;

	/* rounded corners */

	-webkit-border-radius:15px;

	-moz-border-radius:15px;

	border-radius:15px;

	/* transition -webkit-transition:1s;

	-moz-transition:1s;

	transition:1s;

	*/

}

#back-top a:hover span {

	background-color:#404040;

	background-position:8px -40px;

}

.white #back-top a,.light #back-top a {

	color:#333

}

.white #back-top span {

	background:#fff url(images/up-arrow.png) no-repeat no-repeat -97px 13px;

}

.white #back-top span:hover {

	background-position:-97px -40px;

}

.light #back-top span {

	background:#fff url(images/up-arrow.png) no-repeat no-repeat -197px 13px;

}

.light #back-top span:hover {

	background-position:-197px -40px;

}

.orange #back-top a {

	color:#FB9E25;

}

.orange #back-top span {

	background:#fff url(images/up-arrow.png) no-repeat no-repeat -144px 13px;

}

.orange #back-top span:hover {

	background-position:-144px -40px;

}

.brown #back-top a {

	color:#8C8375;

}

.brown #back-top span {

	background:#fff url(images/up-arrow.png) no-repeat no-repeat -198px 13px;

}

.brown #back-top span:hover {

	background-position:-198px -40px;

	background-color:#E1D9CC

}

.green #back-top a {

	color:#636363;

}

.green #back-top span {

	background:#fff url(images/up-arrow.png) no-repeat no-repeat -254px 13px;

}

.green #back-top span:hover {

	background-position: -254px -40px;

}







/* =Content----------------------------------------------- */

.sticky {



}

.hentry {

	margin:0 0 1.5em;

}

.page-template-page-sevices-php .hentry {

	margin:0;

}

.entry-meta {

	clear:both;

}

.byline {

	display:none;

}

.single .byline,.group-blog .byline {

	display:inline;

}

.entry-content,.entry-summary {

	margin:1.5em 0 0;

}

.entry-content {

	word-wrap:break-word;

}

.page-links {

	clear:both;

	margin:0 0 1.5em;

}

.entry-title {

	font-size:30px;

	line-height:33px;

	padding-bottom:15px;

}

.entry-content h1 {

	font-size:30px;

	color:#485460;

	margin-bottom:10px

}

.entry-content h2 {

	font-size:25px;

	color:#485460;

	margin-bottom:10px

}

.entry-content h3 {

	font-size:20px;

	color:#485460;

	margin-bottom:10px

}

.entry-content h4 {

	font-size:18px;

	color:#485460;

	margin-bottom:10px

}

.entry-content h5 {

	font-size:16px;

	color:#485460;

	margin-bottom:10px

}

.entry-content h6 {

	font-size:14px;

	color:#485460;

	margin-bottom:10px

}

.white .entry-content h1,.white .entry-content h2,.white .entry-content h3,.white .entry-content h4,.white .entry-content h5,.white .entry-content h6 {

	color:#000

}

.light .entry-content h1,.light .entry-content h2,.light .entry-content h3,.light .entry-content h4,.light .entry-content h5,.light .entry-content h6 {

	color:#676761

}

.orange .entry-content h1,.orange .entry-content h2,.orange .entry-content h3,.orange .entry-content h4,.orange .entry-content h5,.orange .entry-content h6 {

	color:#FB9E25

}

.brown .entry-content h1,.brown .entry-content h2,.brown .entry-content h3,.brown .entry-content h4,.brown .entry-content h5,.brown .entry-content h6 {

	color:#403D3A

}

.green .entry-content h1,.green .entry-content h2,.green .entry-content h3,.green .entry-content h4,.green .entry-content h5,.green .entry-content h6 {

	color:#666

}

.entry-content blockquote p {

	margin:0 1.5em;

	border:1px solid white;

	border-bottom:none;

	background:#728497;

	color:#E4E8E9;

	margin:0;

	padding:5.3% 6%;

}

#crumbs {

	font-size:10px

}

.entry-content blockquote {

	padding-bottom:16px;

	background:url(images/featured-quote-wrapper-footer.png) no-repeat bottom right;

}

.white .entry-content blockquote p {

	background-color:#404040;

	color:#fff;

	border:#666

}

.light .entry-content blockquote p {

	background-color:#676761;

	color:#fff;

	border:#666

}

.orange .entry-content blockquote p {

	background-color:#FB9E25;

	color:#fff;

	border:#666

}

.brown .entry-content blockquote p {

	background-color:#D5C6B1;

	color:#403D3A;

	border:#666;

}

.green .entry-content blockquote p {

	background-color:#636363;

	color:white;

	border:#666;

}

.entry-meta {

	font-style:italic;

	font-size:12px;

	color:#59bae0;

	padding-bottom:7px;

}

.entry-meta a {

	color:#728497

}

.entry-meta a:hover {

	color:#59bae0

}

.brown .entry-meta {

	color:#A6907C;

}

.brown .entry-meta a {

	color:#A6907C

}

.brown .entry-meta a:hover {

	color:#403129

}

.white .entry-meta,.white .entry-meta a {

	color:#666

}

.white .entry-meta a:hover {

	color:#404040

}

.light .entry-meta,.light .entry-meta a {

	color:#676761

}

.light .entry-meta a:hover {

	color:#404040

}

.orange .entry-meta,.orange .entry-meta a {

	color:#999

}

.orange .entry-meta a:hover {

	color:#FB9E25

}

.green .entry-meta,.green .entry-meta a {

	color:#999

}

.green .entry-meta a:hover {

	color:#80B600

}

#portfolio-url {

	text-align:right;

	padding-left:15px;

	background:url(images/link.png) no-repeat left center;

	font-size:12px;

	color:#000;

}

.pagination {

	color:#C0C0B5;

	margin-bottom:15px;

	font-size:15px;

	line-height:17px;

}

.pagination a {

	font-size:15px;

	padding:5px 10px;

	background:#efefef;

	-webkit-border-radius:50%;

	border-radius:50%;

	margin:0 5px

}

.pagination a:hover {

	background:#000;

	color:#fff;

}

.pagination .current {

	color:#fff;

	padding:5px 10px;

	background:#000;

	-webkit-border-radius:50%;

	border-radius:50%;

}

.green .pagination a {

	color:#80B600;

}

.green .pagination a:hover {

	color:#fff;

	background:#80B600;

}

.green .pagination .current {

	background:#80B600;

}

.blue .pagination a {

	color:#485460;

}

.blue .pagination a:hover {

	color:#fff;

	background:#485460;

}

.blue .pagination .current {

	background: #485460;

}

/* Testimonials*/

.featured-testimonials {

	list-style:none;

	margin:0;

	padding:0;

}

.featured-testimonials li {

	margin:15px 0

}

.featured-testimonials blockquote {

	padding:10px 20px 10px 45px;

	background:url("images/quote.gif") no-repeat scroll 10px 10px transparent;

	margin:20px;

}

.featured-testimonials blockquote,.featured-testimonials blockquote p {

	font-size:17px;

	line-height:24px;

	font-style:italic;

}

.featured-testimonials blockquote cite {

	display:block;

	font-size:14px;

	font-weight:700;

	font-style:normal;

}

.featured-testimonials .alignleft {

	margin-right: .75em;

}

/*archive pages*/

.archive .page-title {

	font-size:30px;

	line-height:33px;

	padding-bottom:15px;

	background:url(images/service-box-line.png) repeat-x bottom;

	padding-bottom:10px;

	margin-bottom:10px;

}

.archive #author-avatar {

	float:left;

	max-width:80px;

}

.archive #author-avatar img {

	border:2px solid #fff;

}

.archive #author-description {

	max-width:520px;

	float:right

}

.archive #author-description h2 {

	font-size:25px;

}

#author-info {

	background:url(images/service-box-line.png) repeat-x bottom;

	padding-bottom:10px;

	margin-bottom: 10px;

}

/*blog entries*/

.entry-header .thumb img {

	border:1px solid #fff;

	border-bottom:0;

	padding:0;

	margin:0

}

.entry-header .thumb,.entry-header .thumb-video {

	padding-bottom:14px;

	background:url(images/single-shadow.png) no-repeat bottom right;

	margin-bottom:15px

}

.thumb-smaller {

	padding-bottom:7px;

	background:url(images/single-shadow.png) no-repeat bottom right;

	margin-bottom:15px

}

.entry-header .thumb-video .fluid-width-video-wrapper,.entry-header .slides .fluid-width-video-wrapper {

	height:310px;

	padding:0 !important

}

.archive .entry-header .thumb,.page-template-page-blog-php .entry-header .thumb {

	padding-bottom:7px;

}

img {

	max-width: 100%

}

/*portfolio page */

.filter {

	list-style:none;

	padding:0;

	margin:0 0 3em 0;

	background:url(images/service-box-line.png) repeat-x bottom;

	padding-bottom:10px;

}

.filter li {

	float:left;

	padding:3px 10px;

}

.filter li.active {

	-moz-border-radius:10px;

	-webkit-border-radius:10px;

	border-radius:10px;

	background:#728497;

}

.filter li.active a {

	color:#fff;

}

.white .filter li.active {

	background:#404040

}

.light .filter li.active {

	background:#676761

}

.orange .filter li.active {

	background:#FB9E25

}

.brown .filter li.active {

	background:#403129

}

.green .filter li.active {

	background:#80B600

}

.filter:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

#ajax_portfolio_container {

	clear:both;

	position:relative;

}

#ajax_portfolio_container:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

	padding-bottom:15px;

}

.ajax_container_active {

	min-height:286px;

}

.ie .ajax_container_active {

	height:286px;

}

#close_ajax {

	display:none;

}

.ajax_container_active #close_ajax {

	background:url(images/portfolio_close.png) no-repeat;

	display:block;

	position:absolute;

	top:-4px;

	right:-8px;

	width:10px;

	height:11px;

	text-indent:-9999px;

	z-index:20;

}

#ajax_portfolio_container .flexslider {

	background:none;

	padding-bottom:0;

}

#ajax_portfolio_container .flexslider .slides li {

	background:transparent url(images/featured-quote-wrapper-footer.png) no-repeat bottom right;

	position:relative;

	zoom:1;

	padding-bottom:14px;

}

#ajax-description-block .read-more {

	text-align:right;

	margin:10px;

}

.flex-direction-nav .next {

	background:url(images/right-arrow.png) no-repeat 0 0 !important;

	right:65px !important;

}

.flex-direction-nav .prev {

	background:url(images/left-arrow.png) no-repeat;

	left:65px !important;

}

.flex-direction-nav a {

	position:absolute;

	text-indent:-9999px;

	top:50%;

	margin-top:-18px;

	width:28px;

	height:37px;

	display:block;

}

.portfolio-four #ajax-description-block {

	margin-left:10px;

}

.portfolio-four #ajax-description-block,.portfolio-four #ajax-gallery {

	width:47%;

	float:left

}

.portfolio-grid {

	list-style:none;

	margin:0;

	padding:0;

}

.portfolio-grid .portfolio_item {

	float:left;

	margin:0;

	padding:0;

	width:33.333%;

	max-height:207px;

}

.four-column .portfolio_item {

	width:25%;

	max-height:240px;

	position:relative

}

.single-wpo_portfolio .flex-control-nav {

	display:none;

}

.related-work {

	margin:0 0 25px 0;

	padding:0;

}

.related-work li {

	padding:0;

	margin:0

}

.related-work .portfolio_item {

	float:left;

	margin:0;

	padding:0;

	width:15%;

	overflow:hidden;

}

.wpo_portfolio .flex-direction-nav li a {

	z-index:99

}

.filterable-grid {

	margin-bottom:25px;

}

.filterable-grid:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

.related-work:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

.related-work .porfolio-action {

	top:0;

	left:0

}

.related-work .portfolio-box-title {

	position:absolute;

	top:-500px;

	width:200px;

	padding-top:29px;

	left:0;

	color:black;

	font-size:13px;

	font-weight:bold;

	letter-spacing:0.3px;

	text-align:center;

	z-index:999999;

	line-height: 20px;

}

/*Client area*/

#login_page #main-content {

	list-style:none;

	margin:0;

	padding:0

}

#proposal-list {

	list-style:none;

	margin:0;

	padding:0

}

#proposal-list li {

	padding-left:20px;

	background: url(images/breadcrumb_separator_arrow_1_dot.png) no-repeat left center;

}

/*Single Proposal*/

.client-info ul {

	list-style:none;

	color:#404040;

	padding:0;

	margin:0

}

.client-info li {

	width:49%;

	float:left;

}

.client-info ul:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

.client-info {

	background:url(images/service-box-line.png) repeat-x bottom;

}

#proposal-items {

	font-size:25px;

	padding:0;

	margin:0;

	list-style-position:inside;

}

#proposal-items li {

	clear:both

}

#proposal-items .price,#item-header .price,#item-total .price {

	float:right;

	font-weight:bold;

}

#proposal-items .price {

	padding-top:11px;

}

#proposal-items .items {

}

#proposal-items p {

	color:#404040;

	font-size:14px;

	padding:0 5px

}

#item-total {

	background:#ced6db url(images/service-box-line.png) repeat-x top;

	padding:10px 5px;

	font-size:20px;

}

#item-header {

	background:url(images/service-box-line.png) repeat-x bottom;

	padding-bottom:5px;

	padding: 0 5px

}

.disclaimer {

	-moz-border-radius:7px;

	-webkit-border-radius:7px;

	border-radius:7px;

	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/

	-moz-box-shadow:0px 0px 9px #45453e;

	-webkit-box-shadow:0px 0px 9px #45453e;

	box-shadow:0px 0px 9px #45453e;

	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/

	background:#fff;

	padding:10px;

	color:#404040;

	margin:15px 0

}

.green #proposal-items,.white #proposal-items,.light #proposal-items {

	color:#404040;

}

.disclaimer h2 {

	font-size:14px;

	margin:5px 0;

}

.white #item-total,.light #item-total {

	background-color:#efefef;

}

.orange .client-info {

	background:none;

	border-bottom:1px solid #FB9E25;

}

.orange #item-header {

	background:none;

	border-bottom:1px solid #FB9E25;

	padding:0 5px;

	padding:0 5px;

}

.orange #item-total {

	background:#FB9E25;

	color:#fff;

}

.brown .client-info {

	background:none;

	border-bottom:1px solid #403129;

}

.brown #item-header {

	background:none;

	border-bottom:1px solid #403129;

	padding:0 5px;

	padding:0 5px;

}

.brown #item-total {

	background:#A6907C;

	border-top:1px solid #403129

}

.brown .disclaimer {

	color:#403D3A

}

.green #item-total {

	background:#80B600;

	color: #fff;

}

/*contact form*/

#contact-form input[type="text"],#contact-form textarea {

	width:80%

}

#contact-form textarea {

	height:85px;

}

#map_div {

	width:100%;

	height:300px;

}

.half {

	width:47%;

	float: left;

}

/*404*/

#large-404 {

	font-size:300%;

	font-weight: bold;

}

/*service Page */

.service-list-content {

	padding:0;

	overflow:hidden;

	list-style:none;

	margin:0;

}

.service-list-content li {

	list-style:none;

}

#left-col {

	float:left;

	width:29.468085%;

	padding:20px 0;

	margin:0;

}

#right-col {

	float:right;

	width:65.957447%;

	margin:0px;

	padding:0;

}

ul.service-title-list {

	padding-top:0 !important;

	padding:0;

	margin:0;

	border:1px solid #E5E5E5;

	background-color:white;

	position:relative;

	margin-bottom:30px;

	padding:14px 24px 0;

}

.service-title-list li {

	padding:20px 24px;

	border-bottom:1px solid #F7F7F7;

	font-size:16px;

	-moz-transition:all .3s;

	-webkit-transition:all .3s;

	-o-transition:all .3s;

	transition:all .3s;

	margin:0 -24px;

}

.service-title-list li .service-list-icon {

	padding-right:5px;

}

.service-title-list li.active,.service-title-list li:hover {

	font-weight:bold;

	background-color:#f9f9f9;

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

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

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

}

.service-title-list:after {

	content:'';

	position:absolute;

	height:7px;

	bottom:-7px;

	left:0;

	background:url(images/widget-shadow.png) no-repeat top center;

	width:100%;

}

.brown .service-title-list li.active,.brown .service-title-list li:hover {

	background-color:#f9f9f9;

}

.brown ul.service-title-list {

	border:1px solid #E1D9CC;

	background-color: #D6D0C6;

}

/*colors service page*/

.geen .service-title-list li:hover>a {

	color:#80B600;

}

h3.post-title {

	font-size:30px;

	line-height:33px;

	padding-bottom:15px;

}

.feature-block ul,.feature-block ol {

	margin:0 0 1.5em 3em;

}

.feature-block ul,.feature-block ul li {

	list-style:disc

}

.feature-block ol li {

	list-style: decimal

}

/*FAQ*/

#faq-accordion dt {

	line-height:25px;

	margin-top:15px;

	margin-bottom:5px

}

#faq-accordion dt:first-child {

	margin-top:0;

}

#faq-accordion dt a {

	background-image:url(images/sprite.png);

	background-position:-220px -133px;

	background-repeat:no-repeat;

	padding-left:25px;

	line-height:25px;

}

#faq-accordion dt a.active-parent {

	background-position:-221px -163px;

}

#faq-accordion dd {

	padding: 10px;

}

/* =Asides----------------------------------------------- */

.blog .format-aside .entry-title,.archive .format-aside .entry-title {

	display: none;

}

/* =Media ----------------------------------------------- */

.site-header img,.entry-content img,.comment-content img,.widget img {

	max-width:100%;

	/* Fluid images for posts,comments,and widgets */

}

.site-header img,.entry-content img,img[class*="align"],img[class*="wp-image-"] {

	height:auto;

	/* Make sure images with WordPress-added height and width attributes are scaled correctly */

}

.site-header img,.entry-content img,img.size-full {

	max-width:100%;

	width:auto;

	/* Prevent stretching of full-size images with height and width attributes in IE8 */

}

.entry-content img.wp-smiley,.comment-content img.wp-smiley {

	border:none;

	margin-bottom:0;

	margin-top:0;

	padding:0;

}

.wp-caption {

	max-width:100%;

	background:white;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

	border-radius:4px;

	-moz-box-shadow:0px 0px 5px #000000;

	-webkit-box-shadow:0px 0px 5px #000000;

	box-shadow:0px 0px 5px #000000;

}

.wp-caption.aligncenter,.wp-caption.alignleft,.wp-caption.alignright {

	margin-bottom:1.5em;

}

.wp-caption img {

	display:block;

	margin:1.2% auto 0;

	max-width:98%;

}

.wp-caption-text {

	text-align:center;

	font-size:12px;

}

.wp-caption .wp-caption-text {

	margin:0.8075em 0;

}

#content .gallery {

	margin-bottom:1.5em;

}

.gallery-caption {

}

#content .gallery a img {

	border:none;

	height:auto;

	max-width:90%;

}

#content .gallery dd {

	margin: 0;

}

#content .gallery-columns-4 .gallery-item {

}

#content .gallery-columns-4 .gallery-item img {

}

/* Make sure embeds and iframes fit their containers */

embed,iframe,object {

	max-width:100%;

}

#copy {

	max-width:360px;

	font-size:14px;

	line-height:17px;

	float: left;

}

/* =Navigation ----------------------------------------------- */

#content .site-navigation {

	margin:0 0 1.5em;

	overflow:hidden;

	font-size:13px;

}

#content .nav-previous {

	float:left;

	width:50%;

}

#content .nav-next {

	float:right;

	text-align:right;

	width:50%;

}

#content .site-navigation a:hover {

	-moz-border-radius:10px;

	-webkit-border-radius:10px;

	border-radius:10px;

	background:#728497;

	padding:5px;

	color:#fff

}

.light #content .site-navigation a:hover,.white #content .site-navigation a:hover {

	background:#404040;

}

.green #content .site-navigation a:hover {

	background:#80B600

}

.brown #content .site-navigation a:hover {

	background:#403129

}

.orange #content .site-navigation a:hover {

	background: #FB9E25

}

/* =Comments ----------------------------------------------- */

.bypostauthor {

}

.comments-title {

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

	color:white;

	font-size:16px;

	background-color:#728497;

	padding:21px;

	border:1px solid;

	border-image:initial;

	margin-bottom:10px;

}

.white .comments-title {

	background:#404040

}

.light .comments-title {

	background:#676761

}

.orange .comments-title {

	background:#FB9E25

}

.brown .comments-title {

	background:#403129

}

#commentform p {

	margin:0

}

#commentform .form-submit {

	margin-top:15px;

}

#commentform .comment-form-author,#commentform .comment-form-email,#commentform .comment-form-url {

	width:30%;

	margin-right:3%;

	float:left;

}

#commentform .comment-form-author label,.comment-form-email label,.comment-form-url label {

	width:90%;

	float:left;

	height:26px;

	color:#5171a4

}

#commentform .comment-form-author .required,.comment-form-email .required {

	float:right;

}

.comment-form-comment {

	clear:left

}

.comment-form-comment label {

	color:#5171a4

}

.comment-form-comment textarea {

	width:96%;

}

#commentform input[type="text"],#commentform .comment-form-comment textarea {

	background:#d8dee7;

	padding:5px;

	border:1px solid #ced4db;

	color:#485460

}

#commentform input[type="text"]:focus,#commentform .comment-form-comment textarea:focus {

	background:#fff;

	border:#b5c6da solid 1px;

	color:#000

}

#comments .avatar {

	float:right;

	margin-right:10px;

}

#comments .avatar img {

	border-radius:50%;

}

#comments .fn {

}

li.comment {

	position:relative

}

li.comment .reply {

	font-size:10px;

	position:absolute;

	top:7px;

	right:110px

}

.comment-author-admin #comments .comment-meta {

	font-size:10px;

}

#comments .commentlist .depth-1 {

	clear:both;

	background:url(images/service-box-line.png) repeat-x bottom;

	padding-bottom:10px;

	margin-bottom:10px;

}

.comment-content {

	margin-right:95px

}

#comments ul.children {

	list-style-image:url('images/comments-arrow.png');

}

.white #commentform input[type="text"],.white #commentform .comment-form-comment textarea {

	background:#efefef;

	padding:5px;

	border:1px solid #eee;

	color:#000;

}

.white .comment-form-comment label,.white #commentform .comment-form-author label,.white .comment-form-email label,.white .comment-form-url label {

	color:#000;

}

.light #commentform input[type="text"],.light #commentform .comment-form-comment textarea {

	background:#FAFAF5;

	border:1px solid #F0F0E5;

	color:#676761;

}

.light .comment-form-comment label,.light #commentform .comment-form-author label,.light .comment-form-email label,.light .comment-form-url label {

	color:#676761;

}

.green #commentform input[type="text"],.green #commentform .comment-form-comment textarea {

	background:#efefef;

	padding:5px;

	border:1px solid #eee;

	color:#000;

}

.green .comment-form-comment label,.green #commentform .comment-form-author label,.green .comment-form-email label,.green .comment-form-url label {

	color:#404040;

}

.orange #commentform input[type="text"],.orange #commentform .comment-form-comment textarea {

	background:#efefef;

	border:1px solid #FB9E25;

	color:#404040;

}

.orange #commentform input[type="text"]:focus,.orange #commentform .comment-form-comment textarea:focus {

	background:#fff;

	color:#000;

}

.orange .comment-form-comment label,.orange #commentform .comment-form-author label,.orange .comment-form-email label,.orange .comment-form-url label {

	color:#404040;

}

.brown #commentform input[type="text"],.brown #commentform .comment-form-comment textarea {

	background:#F5F0E8;

	border:1px solid #EDEDED;

	color:#403129;

}

.brown .comment-form-comment label,.brown #commentform .comment-form-author label,.brown .comment-form-email label,.brown .comment-form-url label {

	color:#403129;

}

#commentform input[type="text"].error,#commentform input[type="text"].error:focus,#commentform .comment-form-comment textarea.error {

	border:1px solid red;

	background:#fdc4c4;

	color: red

}

/* =Widgets----------------------------------------------- */

.widget {

	margin: 0 0 1.5em;

}

/* Search widget */

#searchsubmit {

	display: none;

}

/* general styling*/

#secondary ul {

	list-style:none;

	margin:0;

	padding:0

}

#secondary h3.widget-title,#footer_widgets h3.widget-title {

	font-size:20px;

	color:#000;

	margin-bottom:15px;

	border-bottom:1px solid #404040

}

#footer_widgets h3.widget-title {

	color:#fff;

	border-bottom:1px solid #fff

}

#footer_widgets .widget a {

	color:#59bae0

}

#footer_widgets .widget a:hover {

	color:#efefef

}

#footer_widgets .widget .widget-title a {

	color:#fff

}

#footer_widgets .widget .widget-title a:hover {

	color:#59bae0

}

.orange #footer_widgets .widget a {

	color:#FB9E25

}

.orange #footer_widgets .widget a:hover {

	color:#FF822E

}

#secondary h3.widget-title {

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

	color:white;

	font-size:16px;

	background-color:#728497;

	margin:-24px -24px 0;

	padding:21px;

	border:1px solid white;

	border-bottom:1px solid #E5E5E5;

}

.white #secondary h3.widget-title {

	background:#404040

}

.light #secondary h3.widget-title {

	background:#676761

}

#secondary h3.widget-title a {

	color:#fff

}

#secondary h3.widget-title a:hover {

	color:#59bae0

}

#secondary .widget ul,#footer_widgets .widget ul {

	padding:0;

	margin:0;

	list-style:none;

}

#secondary .widget p,#footer_widgets .widget p {

	padding:0;

	margin:0

}

#footer_widgets .widget li {

	padding-bottom:10px;

	margin-bottom:10px;

}

#secondary .widget {

	border:1px solid #E5E5E5;

	background-color:white;

	position:relative;

	margin-bottom:30px;

	padding:24px 24px 0;

}

.brown #secondary h3.widget-title {

	background-color:#403129;

}

#secondary .widget ul {

	margin:0 -24px;

}

#secondary .widget ul ul {

	margin:0;

}

#secondary .widget li {

	padding:20px 24px;

	border-bottom:1px solid #F7F7F7;

	font-size:13px;

	-moz-transition:all .3s;

	-webkit-transition:all .3s;

	-o-transition:all .3s;

	transition:all .3s;

}

.brown #secondary .widget li {

	border-bottom:1px solid #E1D9CC;

}

#secondary .widget li:hover,#secondary .widget_subpage_menu_widget li.current-page {

	background-color:#f9f9f9;

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

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

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

}

#secondary .widget::after {

	content:'';

	position:absolute;

	height:7px;

	bottom:-7px;

	left:0;

	background:url(images/widget-shadow.png) no-repeat top center;

	width:100%;

}

.list_wrap li i {

	padding-right:5px;

}

#secondary .widget_login_widget>ul>li {

	padding:10px 0 0

}

.orange #footer_widgets h3.widget-title {

	color:#FB9E25;

}

.orange #secondary h3.widget-title {

	background:#FB9E25

}

.green #secondary h3.widget-title {

	background:#80B600;

	color:#fff

}

.brown #footer_widgets .widget li {

	background:none;

	padding-bottom:10px;

	margin-bottom:10px;

}

#secondary .widget_subpage_menu_widget li.current-page a {

	font-weight: bold;

}

/*home page 3 column widget*/

#three-column {

	max-width:960px;

	margin:0 auto

}

.home #primary,.home #secondary {

	margin-top:3%;

}

#three-column .single-column img {

	max-height:179px;

}

#three-column .single-column {

	background:url(images/box-shadow.png) no-repeat bottom right;

	padding-bottom:15px;

	position:relative;

	overflow:hidden

}

#three-column .single-column p {

	position:absolute;

	bottom:16px;

	left:0;

	line-height:60px;

	background:rgba(0,17,25,.4);

	font-size:25px;

	color:#fff;

	width:95%;

	padding:2%;

	margin:0;

}

.porfolio-action {

	z-index:50;

	position:absolute;

	overflow:hidden;

}

.item {

	display:block;

	background-color:black;

}

.portfolio-box-title {

	position:absolute;

	top:-500px;

	width:220px;

	left:20px;

	color:#000;

	font-size:13px;

	font-weight:bold;

	letter-spacing:0.3px;

	text-align:center;

	z-index:999999;

	line-height:20px;

}

#main .portfolio-box-title {

	left:0;

	width:100%;

}

.view-button {

	font-size:18px;

	font-weight:bold;

	letter-spacing:0.3px;

	position:absolute;

	bottom:-100px;

	z-index:125;

	width:150px;

	height:35px;

	left:50%;

	margin-left:-75px;

	color:#000;

	text-align:center;

	line-height:35px;

	background-color:#728497;

	-webkit-border-radius:3px;

	-moz-border-radius:3px;

	border-radius:3px;

}

.view-button a {

	color:#fff;

}

.white .view-button,.light .view-button {

	background-color:#000;

	color:#fff

}

.orange .view-button {

	background-color:#FB9E25;

	color:#fff

}

.brown .view-button {

	background-color:#403129;

	color:#fff

}

.brown .view-button a:hover {

	background-color:#403129;

	color:#D5C6B1

}

.green .view-button {

	background-color:#636363;

	color: #fff

}

/* Home Page Message widget*/

.widget_home_message_widget {

	margin:20px 0 30px;

	color:#485460;

	text-align:center

}

.widget_home_message_widget ul {

	list-style:none;

	padding:0;

	margin:0

}

.widget_home_message_widget h3 {

	font-size:40px;

	line-height:45px;

	color:#485460;

	margin-bottom: 8px;

}

/*Quotes wdiget */

.widget_two_column_widget {

	clear:both;

	overflow:auto;

}

#featured-quote-wrapper {

	border-bottom:none;

	background:#728497;

	color:#e4e8e9;

	margin:0;

	padding:10.3% 13%;

}

#featured-quote-wrapper blockquote,#featured-quote-wrapper p,#featured-quote-wrapper li,#featured-quote-wrapper ul {

	margin:0;

	padding:0

}

#featured-quote-wrapper p,#featured-quote-wrapper cite,#featured-quote-wrapper cite a {

	font-size:13px;

	line-height:16px;

}

.featured-quote {

	list-style:none;

}

.featured-quote img {

	margin-top:5px;

}

#featured-quote-wrapper-below {

	background:url(images/widget-shadow.png) no-repeat top center;

	height:7px;

	margin:0;

	padding:0;

	margin-bottom:30px

}

.qr_buttons {

	clear:both;

	text-align:right

}

.qr_previous {

	background:url(images/quotes-arrows.png) no-repeat left top;

	width:14px;

	height:25px;

	border:0;

	background-color:transparent;

	padding:0;

	border-color:transparent;

	border-radius:0;

	text-indent:100%;

	white-space:nowrap;

	overflow:hidden;

	box-shadow:none;

	text-shadow:0

}

.qr_next {

	background:url(images/quotes-arrows.png) no-repeat right top;

	width:14px;

	height:25px;

	border:0;

	background-color:transparent;

	padding:0;

	border-color:transparent;

	border-radius:0;

	text-indent:100%;

	white-space:nowrap;

	overflow:hidden;

	box-shadow:none;

	text-shadow:0

}

.qr_previous:hover {

	background:url(images/quotes-arrows.png) no-repeat left bottom;

	width:14px;

	height:25px;

	border:0;

	background-color:transparent;

	padding:0;

	border-color:transparent;

	border-radius:0;

	text-indent:100%;

	white-space:nowrap;

	overflow:hidden;

	box-shadow:none;

	text-shadow:0

}

.qr_next:hover {

	background:url(images/quotes-arrows.png) no-repeat right bottom;

	width:14px;

	height:25px;

	border:0;

	background-color:transparent;

	padding:0;

	border-color:transparent;

	border-radius:0;

	text-indent:100%;

	white-space:nowrap;

	overflow:hidden;

	box-shadow:none;

	text-shadow:0

}

#featured-quote-wrapper cite,#featured-quote-wrapper cite a {

	color:#b0d7e1;

	font-style:italic;

	text-decoration:none;

}

#featured-quote-wrapper cite img {

	border:2px solid #fff;

}

.dispay_none {

	display:none;

}

#colophon #featured-quote-wrapper {

	padding:0;

}

#colophon #featured-quote-wrapper-below {

	background:none

}

.white #featured-quote-wrapper {

	background-color:#404040;

	color:#fff;

	border:#666

}

.white #colophon #featured-quote-wrapper {

	background-color:transparent;

}

.white #featured-quote-wrapper cite,.white #featured-quote-wrapper cite a {

	color:#efefef;

}

.light #featured-quote-wrapper {

	background-color:#676761;

	color:#fff;

	border:#666

}

.light #featured-quote-wrapper cite,.light #featured-quote-wrapper cite a {

	color:#efefef;

}

.light #colophon #featured-quote-wrapper {

	background-color:transparent;

	color:#fff;

	border:#666

}

.orange #featured-quote-wrapper {

	background-color:#FB9E25;

	color:#fff;

	border:#666

}

.orange #featured-quote-wrapper cite,.orange #featured-quote-wrapper cite a {

	color:#666;

}

.orange #colophon #featured-quote-wrapper {

	background-color:transparent

}

.brown #featured-quote-wrapper {

	background-color:transparent;

}

.brown #featured-quote-wrapper cite,.brown #featured-quote-wrapper cite a {

	color:#8C8375;

}

.green #featured-quote-wrapper {

	background-color:#80B600;

	color:#fff;

	border:#666

}

.green #featured-quote-wrapper cite,.green #featured-quote-wrapper cite a {

	color:#C1C1C1;

}

.green #colophon #featured-quote-wrapper {

	background-color: transparent

}

/*Services Widget */

.wpo_service_widget .sinlge_service {

	width:46%;

	float:left;

	color:#757575

}

.wpo_service_widget .sinlge_service_second {

	margin-left:47px;

}

.wpo_service_widget .service_icon {

	float:left;

	width:60px;

}

.wpo_service_widget .service-box {

	width:73%;

	float:left;

	padding-bottom:20px;

	font-size:12px;

	height:170px;

	position:relative;

	margin-bottom:60px;

	border-bottom:1px solid #636363;

}

.wpo_service_widget h3 {

	font-size:20px;

	color:#000;

	margin-bottom:8px;

	line-height:20px;

}

.wpo_service_widget p {

	margin-bottom: 13px;

}

.wpo_service_widget .read_more {

	background:#59BAE0;

	height:21px;

	display:block;

	position:absolute;

	bottom:0;

	right:0;

	color:#fff;

	line-height:22px;

	font-size:13px;

	padding:0 5px;

	-webkit-border-radius:3px;

	-moz-border-radius:3px;

	border-radius:3px;

	/* transition */

	-webkit-transition:1s;

	-moz-transition:1s;

	transition:1s;

}

.wpo_service_widget .read_more:hover {

	background:#728497;

}

.white .wpo_service_widget .read_more {

	background:#404040;

	color:#fff

}

.white .wpo_service_widget .read_more:hover {

	background:#efefef;

	color:#404040

}

.light .wpo_service_widget .read_more {

	background:#676761;

	color:#fff

}

.light .wpo_service_widget .read_more:hover {

	background:#efefef;

	color:#676761

}

.orange .wpo_service_widget .read_more {

	background:#FB9E25;

	color:#fff

}

.orange .wpo_service_widget .read_more:hover {

	background:#efefef;

	color:#FB9E25

}

.brown .wpo_service_widget .read_more {

	background:#403129;

	color:#fff

}

.brown .wpo_service_widget .read_more:hover {

	background:#efefef;

	color:#403129

}

.green .wpo_service_widget .read_more {

	background:#80B600;

	color:#fff

}

.green .wpo_service_widget .read_more:hover {

	background:#efefef;

	color:#80B600

}

.brown #wpo_service_widget .service-box {

	width:73%;

	float:left;

	padding-bottom:20px;

	background:none;

	border-bottom: 1px solid #A6907C;

}

/* Popular Post*/

/*.widget_popular_posts ul {

	padding:0;

	margin:0;

	list-style:none;

}

.widget_popular_posts p {

	padding:0;

	margin:0

}

.widget_popular_posts .thumb,.widget_popular_posts .with-thumb {

	float:left;

}

.widget_popular_posts .thumb {

	width:27.3%;

	margin-right:1%

}

.widget_popular_posts .thumb img {

	-webkit-border-radius:50%;

	border-radius:50%

}

.widget_popular_posts .with-thumb {

	width: 71.696%;

	;

}

*/

/*twitter */

/*login*/

/* tabbed list */

.widget_login_widget li {

	background:none !important;

}

ul.tabs_login {

	padding:0;

	margin:20px 0 0 0;

	position:relative;

	list-style:none;

	font-size:14px;

	z-index:1000;

	float:left;

}

ul.tabs_login li {

	border:1px solid #E7E9F6;

	-webkit-border-top-right-radius:10px;

	-khtml-border-radius-topright:10px;

	-moz-border-radius-topright:10px;

	border-top-right-radius:10px;

	-webkit-border-top-left-radius:10px;

	-khtml-border-radius-topleft:10px;

	-moz-border-radius-topleft:10px;

	border-top-left-radius:10px;

	line-height:28px;

	/* = */ height:28px;

	padding:0;

	margin:0 5px 0 0;

	position:relative;

	background:#fff !important;

	overflow:hidden;

	float:left;

	background:none;

	padding-bottom:0 !important;

	margin-bottom:0 !important;

}

#secondary ul.tabs_login li {

	padding:0;

}

ul.tabs_login li a {

	text-decoration:none;

	padding:0 10px;

	display:block;

	outline:none;

}

html ul.tabs_login li.active_login {

	border-left:1px solid #E7E9F6;

	border-bottom:1px solid #fff;

	-webkit-border-top-right-radius:10px;

	-khtml-border-radius-topright:10px;

	-moz-border-radius-topright:10px;

	border-top-right-radius:10px;

	-webkit-border-top-left-radius:10px;

	-khtml-border-radius-topleft:10px;

	-moz-border-radius-topleft:10px;

	border-top-left-radius:10px;

	color:#333;

}

html body ul.tabs_login li.active_login a {

	font-weight:bold;

	background-color:#f9f9f9;

}

.tab_container_login {

	background:#fff;

	position:relative;

	margin:0 0 20px 0;

	background-color:#f9f9f9;

	z-index:999;

	float:left;

	width:100%;

	top:-1px;

}

.tab_content_login {

	padding:7px 15px 15px 15px;

	padding-top:10px;

}

.tab_content_login ul {

	padding:0;

	margin:0 0 0 15px;

}

.tab_content_login li {

	margin:5px 0;

}

.widget_login_widget #login-register-password .sidebox {

	background:#fff;

	padding: 10px;

}

/* global styles */

#login-register-password {

}

#login-register-password h3 {

	border:0 none;

	margin:10px 0;

	padding:0;

}

#login-register-password p {

	margin:0 0 15px 0;

	padding:0;

}

input.error,input.error:focus,textarea.error,textarea.error:focus {

	border:1px solid red;

}

label.error,.error {

	font-size:10px;

	color:red;

}

.widget_slider_widget {

	margin-top:25px;

}

.widget_slider_parallex_widget {

	background:url(images/slider-top-shadow.png) no-repeat top center;

	margin-top:25px;

}

.da-slider {

	width:100%;

	min-width:768px;

	height:336px;

	position:relative;

	margin:0 auto;

	overflow:hidden;

	-webkit-transition:background-position 1.4s ease-in-out 0.3s;

	-moz-transition:background-position 1.4s ease-in-out 0.3s;

	-o-transition:background-position 1.4s ease-in-out 0.3s;

	-ms-transition:background-position 1.4s ease-in-out 0.3s;

	transition:background-position 1.4s ease-in-out 0.3s;

}

.da-slide {

	position:absolute;

	width:100%;

	height:100%;

	top:0px;

	left:0px;

	text-align:left;

}

.da-slide-current {

	z-index:1000;

}

.da-slider-fb .da-slide {

	left:100%;

}

.da-slider-fb .da-slide.da-slide-current {

	left:0px;

}

.da-slide h2,.da-slide p,.da-slide .da-link,.da-slide .da-img {

	position:absolute;

	opacity:0;

	left:110%;

}

.da-slider-fb .da-slide h2,.da-slider-fb .da-slide p,.da-slider-fb .da-slide .da-link {

	left:10%;

	opacity:1;

}

.da-slider-fb .da-slide .da-img {

	left:60%;

	opacity:1;

}

.da-slide h2 {

	color:#485460;

	font-size:26px;

	width:80%;

	top:34px;

	white-space:normal;

	z-index:10;

	font-weight:700;

}

.white .da-slide h2,.light .da-slide h2 {

	color:#404040;

}

.orange .da-slide h2 {

	color:#FB9E25;

}

.green .da-slide h2 {

	color:#80B600;

}

.brown .da-slide h2 {

	color:#403129;

}

.da-slide p {

	width:45%;

	top:102px;

	font-size:14px;

	height:100px;

	overflow:hidden;

	text-overflow:ellipsis;

	color:#485460;

	font-weight:400;

	letter-spacing: normal;

}

.da-slide .da-img {

	text-align:center;

	width:30%;

	top:60px;

	height:240px;

	line-height:320px;

	left:110%;

	/*60%*/

	overflow:hidden

}

.da-slide .da-link {

	bottom:68px;

	padding:2px 20px 0px;

	line-height:30px;

	width:80px;

	text-align:center;

	font-size:11px;

}

.white .da-slide .da-link,.light .da-slide .da-link,.blue .da-slide .da-link {

	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;

	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;

	box-shadow:inset 0px 1px 0px 0px #ffffff;

	background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#ededed),color-stop(1,#dfdfdf) );

	background:-moz-linear-gradient( center top,#ededed 5%,#dfdfdf 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#dfdfdf');

	background-color:#ededed;

	-moz-border-radius:6px;

	-webkit-border-radius:6px;

	border-radius:6px;

	border:1px solid #dcdcdc;

	display:inline-block;

	color:#777777;

	text-decoration:none;

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

}

.orange .da-slide .da-link {

	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;

	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;

	box-shadow:inset 0px 1px 0px 0px #fce2c1;

	background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#ffc477),color-stop(1,#fb9e25) );

	background:-moz-linear-gradient( center top,#ffc477 5%,#fb9e25 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477',endColorstr='#fb9e25');

	background-color:#ffc477;

	-moz-border-radius:6px;

	-webkit-border-radius:6px;

	border-radius:6px;

	border:1px solid #eeb44f;

	display:inline-block;

	color:#ffffff;

	text-decoration:none;

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

}

.brown .da-slide .da-link {

	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;

	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;

	box-shadow:inset 0px 1px 0px 0px #ffffff;

	background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#ededed),color-stop(1,#dfdfdf) );

	background:-moz-linear-gradient( center top,#ededed 5%,#dfdfdf 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#dfdfdf');

	background-color:#ededed;

	-moz-border-radius:6px;

	-webkit-border-radius:6px;

	border-radius:6px;

	border:1px solid #dcdcdc;

	display:inline-block;

	color:#777777;

	text-decoration:none;

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

}

.green .da-slide .da-link {

	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;

	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;

	box-shadow:inset 0px 1px 0px 0px #a4e271;

	background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#89c403),color-stop(1,#77a809) );

	background:-moz-linear-gradient( center top,#89c403 5%,#77a809 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403',endColorstr='#77a809');

	background-color:#89c403;

	-moz-border-radius:6px;

	-webkit-border-radius:6px;

	border-radius:6px;

	border:1px solid #74b807;

	display:inline-block;

	color:#ffffff;

	text-decoration:none;

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

}

.da-dots {

	width:100%;

	position:absolute;

	text-align:center;

	left:0px;

	bottom:20px;

	z-index:2000;

	-moz-user-select:none;

	-webkit-user-select:none;

	padding-bottom:15px;

	background:url(images/slider-bottom-shadow.png) no-repeat bottom center;

}

.da-dots span {

	display:inline-block;

	position:relative;

	width:12px;

	height:12px;

	border-radius:50%;

	background:#485460;

	margin:3px;

	cursor:pointer;

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

}

.white .da-dots span,.light .da-dots span {

	background:#404040;

}

.orange .da-dots span {

	background:#FB9E25;

}

.brown .da-dots span {

	background:#403129;

}

.green .da-dots span {

	background:#80B600

}

.da-dots span.da-dots-current:after {

	content:'';

	width:8px;

	height:8px;

	position:absolute;

	top:2px;

	left:2px;

	border-radius:50%;

	background:rgb(255,255,255);

	background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);

	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(47%,rgba(246,246,246,1)),color-stop(100%,rgba(237,237,237,1)));

	background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);

	background:-o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);

	background:-ms-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);

	background:linear-gradient(top,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);

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

}

.da-arrows {

	-moz-user-select:none;

	-webkit-user-select:none;

}

.da-arrows span {

	position:absolute;

	top:50%;

	height:30px;

	width:30px;

	border-radius:50%;

	background:#485460;

	cursor:pointer;

	z-index:2000;

	opacity:0;

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

	-webkit-transition:opacity 0.4s ease-in-out 0.2s;

	-moz-transition:opacity 0.4s ease-in-out 0.2s;

	-o-transition:opacity 0.4s ease-in-out 0.2s;

	-ms-transition:opacity 0.4s ease-in-out 0.2s;

	transition:opacity 0.4s ease-in-out 0.2s;

}

.white .da-arrows span {

	background:#404040;

}

.light .da-arrows span {

	background:#404040;

}

.orange .da-arrows span {

	background:#FB9E25;

}

.brown .da-arrows span {

	background:#403129;

}

.green .da-arrows span {

	background:#80B600

}

.da-slider:hover .da-arrows span {

	opacity:1;

}

.da-arrows span:after {

	content:'';

	position:absolute;

	width:20px;

	height:20px;

	top:5px;

	left:5px;

	background:transparent url(images/arrows.png) no-repeat top left;

	border-radius:50%;

	box-shadow:1px 1px 2px rgba(0,0,0,0.1);

}

.da-arrows span:hover:after {

	box-shadow:1px 1px 4px rgba(0,0,0,0.3);

}

.da-arrows span:active:after {

	box-shadow:1px 1px 1px rgba(255,255,255,0.1);

}

.da-arrows span.da-arrows-next:after {

	background-position:top right;

}

.da-arrows span.da-arrows-prev {

	left:15px;

}

.da-arrows span.da-arrows-next {

	right:15px;

}

.da-slide-current h2,.da-slide-current p,.da-slide-current .da-link {

	left:10%;

	opacity:1;

}

.da-slide-current .da-img {

	left:60%;

	opacity: 1;

}

/* Animation classes and animations */

/* Slide in from the right*/

.da-slide-fromright h2 {

	-webkit-animation:fromRightAnim1 0.6s ease-in 0.8s both;

	-moz-animation:fromRightAnim1 0.6s ease-in 0.8s both;

	-o-animation:fromRightAnim1 0.6s ease-in 0.8s both;

	-ms-animation:fromRightAnim1 0.6s ease-in 0.8s both;

	animation:fromRightAnim1 0.6s ease-in 0.8s both;

}

.da-slide-fromright p {

	-webkit-animation:fromRightAnim2 0.6s ease-in 0.8s both;

	-moz-animation:fromRightAnim2 0.6s ease-in 0.8s both;

	-o-animation:fromRightAnim2 0.6s ease-in 0.8s both;

	-ms-animation:fromRightAnim2 0.6s ease-in 0.8s both;

	animation:fromRightAnim2 0.6s ease-in 0.8s both;

}

.da-slide-fromright .da-link {

	-webkit-animation:fromRightAnim3 0.4s ease-in 1.2s both;

	-moz-animation:fromRightAnim3 0.4s ease-in 1.2s both;

	-o-animation:fromRightAnim3 0.4s ease-in 1.2s both;

	-ms-animation:fromRightAnim3 0.4s ease-in 1.2s both;

	animation:fromRightAnim3 0.4s ease-in 1.2s both;

}

.da-slide-fromright .da-img {

	-webkit-animation:fromRightAnim4 0.6s ease-in 0.8s both;

	-moz-animation:fromRightAnim4 0.6s ease-in 0.8s both;

	-o-animation:fromRightAnim4 0.6s ease-in 0.8s both;

	-ms-animation:fromRightAnim4 0.6s ease-in 0.8s both;

	animation:fromRightAnim4 0.6s ease-in 0.8s both;

}

@-webkit-keyframes fromRightAnim1 {

	0% {

		left:110%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@-webkit-keyframes fromRightAnim2 {

	0% {

		left:110%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@-webkit-keyframes fromRightAnim3 {

	0% {

		left:110%;

		opacity:0;

	}

	1% {

		left:10%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@-webkit-keyframes fromRightAnim4 {

	0% {

		left:110%;

		opacity:0;

	}

	100% {

		left:60%;

		opacity:1;

	}

}

@-moz-keyframes fromRightAnim1 {

	0% {

		left:110%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@-moz-keyframes fromRightAnim2 {

	0% {

		left:110%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@-moz-keyframes fromRightAnim3 {

	0% {

		left:110%;

		opacity:0;

	}

	1% {

		left:10%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@-moz-keyframes fromRightAnim4 {

	0% {

		left:110%;

		opacity:0;

	}

	100% {

		left:60%;

		opacity:1;

	}

}

@-o-keyframes fromRightAnim1 {

	0% {

		left:110%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@-o-keyframes fromRightAnim2 {

	0% {

		left:110%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@-o-keyframes fromRightAnim3 {

	0% {

		left:110%;

		opacity:0;

	}

	1% {

		left:10%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@-o-keyframes fromRightAnim4 {

	0% {

		left:110%;

		opacity:0;

	}

	100% {

		left:60%;

		opacity:1;

	}

}

@-ms-keyframes fromRightAnim1 {

	0% {

		left:110%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@-ms-keyframes fromRightAnim2 {

	0% {

		left:110%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@-ms-keyframes fromRightAnim3 {

	0% {

		left:110%;

		opacity:0;

	}

	1% {

		left:10%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@-ms-keyframes fromRightAnim4 {

	0% {

		left:110%;

		opacity:0;

	}

	100% {

		left:60%;

		opacity:1;

	}

}

@keyframes fromRightAnim1 {

	0% {

		left:110%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@keyframes fromRightAnim2 {

	0% {

		left:110%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@keyframes fromRightAnim3 {

	0% {

		left:110%;

		opacity:0;

	}

	1% {

		left:10%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@keyframes fromRightAnim4 {

	0% {

		left:110%;

		opacity:0;

	}

	100% {

		left:60%;

		opacity: 1;

	}

}

/* Slide in from the left*/

.da-slide-fromleft h2 {

	-webkit-animation:fromLeftAnim1 0.6s ease-in 0.6s both;

	-moz-animation:fromLeftAnim1 0.6s ease-in 0.6s both;

	-o-animation:fromLeftAnim1 0.6s ease-in 0.6s both;

	-ms-animation:fromLeftAnim1 0.6s ease-in 0.6s both;

	animation:fromLeftAnim1 0.6s ease-in 0.6s both;

}

.da-slide-fromleft p {

	-webkit-animation:fromLeftAnim2 0.6s ease-in 0.6s both;

	-moz-animation:fromLeftAnim2 0.6s ease-in 0.6s both;

	-o-animation:fromLeftAnim2 0.6s ease-in 0.6s both;

	-ms-animation:fromLeftAnim2 0.6s ease-in 0.6s both;

	animation:fromLeftAnim2 0.6s ease-in 0.6s both;

}

.da-slide-fromleft .da-link {

	-webkit-animation:fromLeftAnim3 0.4s ease-in 1.2s both;

	-moz-animation:fromLeftAnim3 0.4s ease-in 1.2s both;

	-o-animation:fromLeftAnim3 0.4s ease-in 1.2s both;

	-ms-animation:fromLeftAnim3 0.4s ease-in 1.2s both;

	animation:fromLeftAnim3 0.4s ease-in 1.2s both;

}

.da-slide-fromleft .da-img {

	-webkit-animation:fromLeftAnim4 0.6s ease-in 0.6s both;

	-moz-animation:fromLeftAnim4 0.6s ease-in 0.6s both;

	-o-animation:fromLeftAnim4 0.6s ease-in 0.6s both;

	-ms-animation:fromLeftAnim4 0.6s ease-in 0.6s both;

	animation:fromLeftAnim4 0.6s ease-in 0.6s both;

}

@-webkit-keyframes fromLeftAnim1 {

	0% {

		left:-110%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@-webkit-keyframes fromLeftAnim2 {

	0% {

		left:-110%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@-webkit-keyframes fromLeftAnim3 {

	0% {

		left:-110%;

		opacity:0;

	}

	1% {

		left:10%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@-webkit-keyframes fromLeftAnim4 {

	0% {

		left:-110%;

		opacity:0;

	}

	100% {

		left:60%;

		opacity:1;

	}

}

@-moz-keyframes fromLeftAnim1 {

	0% {

		left:-110%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@-moz-keyframes fromLeftAnim2 {

	0% {

		left:-110%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@-moz-keyframes fromLeftAnim3 {

	0% {

		left:-110%;

		opacity:0;

	}

	1% {

		left:10%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@-moz-keyframes fromLeftAnim4 {

	0% {

		left:-110%;

		opacity:0;

	}

	100% {

		left:60%;

		opacity:1;

	}

}

@-o-keyframes fromLeftAnim1 {

	0% {

		left:-110%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@-o-keyframes fromLeftAnim2 {

	0% {

		left:-110%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@-o-keyframes fromLeftAnim3 {

	0% {

		left:-110%;

		opacity:0;

	}

	1% {

		left:10%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@-o-keyframes fromLeftAnim4 {

	0% {

		left:-110%;

		opacity:0;

	}

	100% {

		left:60%;

		opacity:1;

	}

}

@-ms-keyframes fromLeftAnim1 {

	0% {

		left:-110%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@-ms-keyframes fromLeftAnim2 {

	0% {

		left:-110%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@-ms-keyframes fromLeftAnim3 {

	0% {

		left:-110%;

		opacity:0;

	}

	1% {

		left:10%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@-ms-keyframes fromLeftAnim4 {

	0% {

		left:-110%;

		opacity:0;

	}

	100% {

		left:60%;

		opacity:1;

	}

}

@keyframes fromLeftAnim1 {

	0% {

		left:-110%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@keyframes fromLeftAnim2 {

	0% {

		left:-110%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@keyframes fromLeftAnim3 {

	0% {

		left:-110%;

		opacity:0;

	}

	1% {

		left:10%;

		opacity:0;

	}

	100% {

		left:10%;

		opacity:1;

	}

}

@keyframes fromLeftAnim4 {

	0% {

		left:-110%;

		opacity:0;

	}

	100% {

		left:60%;

		opacity: 1;

	}

}

/* Slide out to the right */

.da-slide-toright h2 {

	-webkit-animation:toRightAnim1 0.6s ease-in 0.6s both;

	-moz-animation:toRightAnim1 0.6s ease-in 0.6s both;

	-o-animation:toRightAnim1 0.6s ease-in 0.6s both;

	-ms-animation:toRightAnim1 0.6s ease-in 0.6s both;

	animation:toRightAnim1 0.6s ease-in 0.6s both;

}

.da-slide-toright p {

	-webkit-animation:toRightAnim2 0.6s ease-in 0.3s both;

	-moz-animation:toRightAnim2 0.6s ease-in 0.3s both;

	-o-animation:toRightAnim2 0.6s ease-in 0.3s both;

	-ms-animation:toRightAnim2 0.6s ease-in 0.3s both;

	animation:toRightAnim2 0.6s ease-in 0.3s both;

}

.da-slide-toright .da-link {

	-webkit-animation:toRightAnim3 0.4s ease-in both;

	-moz-animation:toRightAnim3 0.4s ease-in both;

	-o-animation:toRightAnim3 0.4s ease-in both;

	-ms-animation:toRightAnim3 0.4s ease-in both;

	animation:toRightAnim3 0.4s ease-in both;

}

.da-slide-toright .da-img {

	-webkit-animation:toRightAnim4 0.6s ease-in both;

	-moz-animation:toRightAnim4 0.6s ease-in both;

	-o-animation:toRightAnim4 0.6s ease-in both;

	-ms-animation:toRightAnim4 0.6s ease-in both;

	animation:toRightAnim4 0.6s ease-in both;

}

@-webkit-keyframes toRightAnim1 {

	0% {

		left:10%;

		opacity:1;

	}

	100% {

		left:100%;

		opacity:0;

	}

}

@-webkit-keyframes toRightAnim2 {

	0% {

		left:10%;

		opacity:1;

	}

	100% {

		left:100%;

		opacity:0;

	}

}

@-webkit-keyframes toRightAnim3 {

	0% {

		left:10%;

		opacity:1;

	}

	99% {

		left:10%;

		opacity:0;

	}

	100% {

		left:100%;

		opacity:0;

	}

}

@-webkit-keyframes toRightAnim4 {

	0% {

		left:60%;

		opacity:1;

	}

	30% {

		left:55%;

		opacity:1;

	}

	100% {

		left:100%;

		opacity:0;

	}

}

@-moz-keyframes toRightAnim1 {

	0% {

		left:10%;

		opacity:1;

	}

	100% {

		left:100%;

		opacity:0;

	}

}

@-moz-keyframes toRightAnim2 {

	0% {

		left:10%;

		opacity:1;

	}

	100% {

		left:100%;

		opacity:0;

	}

}

@-moz-keyframes toRightAnim3 {

	0% {

		left:10%;

		opacity:1;

	}

	99% {

		left:10%;

		opacity:0;

	}

	100% {

		left:100%;

		opacity:0;

	}

}

@-moz-keyframes toRightAnim4 {

	0% {

		left:60%;

		opacity:1;

	}

	30% {

		left:55%;

		opacity:1;

	}

	100% {

		left:100%;

		opacity:0;

	}

}

@-o-keyframes toRightAnim1 {

	0% {

		left:10%;

		opacity:1;

	}

	100% {

		left:100%;

		opacity:0;

	}

}

@-o-keyframes toRightAnim2 {

	0% {

		left:10%;

		opacity:1;

	}

	100% {

		left:100%;

		opacity:0;

	}

}

@-o-keyframes toRightAnim3 {

	0% {

		left:10%;

		opacity:1;

	}

	99% {

		left:10%;

		opacity:0;

	}

	100% {

		left:100%;

		opacity:0;

	}

}

@-o-keyframes toRightAnim4 {

	0% {

		left:60%;

		opacity:1;

	}

	30% {

		left:55%;

		opacity:1;

	}

	100% {

		left:100%;

		opacity:0;

	}

}

@-ms-keyframes toRightAnim1 {

	0% {

		left:10%;

		opacity:1;

	}

	100% {

		left:100%;

		opacity:0;

	}

}

@-ms-keyframes toRightAnim2 {

	0% {

		left:10%;

		opacity:1;

	}

	100% {

		left:100%;

		opacity:0;

	}

}

@-ms-keyframes toRightAnim3 {

	0% {

		left:10%;

		opacity:1;

	}

	99% {

		left:10%;

		opacity:0;

	}

	100% {

		left:100%;

		opacity:0;

	}

}

@-ms-keyframes toRightAnim4 {

	0% {

		left:60%;

		opacity:1;

	}

	30% {

		left:55%;

		opacity:1;

	}

	100% {

		left:100%;

		opacity:0;

	}

}

@keyframes toRightAnim1 {

	0% {

		left:10%;

		opacity:1;

	}

	100% {

		left:100%;

		opacity:0;

	}

}

@keyframes toRightAnim2 {

	0% {

		left:10%;

		opacity:1;

	}

	100% {

		left:100%;

		opacity:0;

	}

}

@keyframes toRightAnim3 {

	0% {

		left:10%;

		opacity:1;

	}

	99% {

		left:10%;

		opacity:0;

	}

	100% {

		left:100%;

		opacity:0;

	}

}

@keyframes toRightAnim4 {

	0% {

		left:60%;

		opacity:1;

	}

	30% {

		left:55%;

		opacity:1;

	}

	100% {

		left:100%;

		opacity: 0;

	}

}

/* Slide out to the left*/

.da-slide-toleft h2 {

	-webkit-animation:toLeftAnim1 0.6s ease-in both;

	-moz-animation:toLeftAnim1 0.6s ease-in both;

	-o-animation:toLeftAnim1 0.6s ease-in both;

	-ms-animation:toLeftAnim1 0.6s ease-in both;

	animation:toLeftAnim1 0.6s ease-in both;

}

.da-slide-toleft p {

	-webkit-animation:toLeftAnim2 0.6s ease-in 0.3s both;

	-moz-animation:toLeftAnim2 0.6s ease-in 0.3s both;

	-o-animation:toLeftAnim2 0.6s ease-in 0.3s both;

	-ms-animation:toLeftAnim2 0.6s ease-in 0.3s both;

	animation:toLeftAnim2 0.6s ease-in 0.3s both;

}

.da-slide-toleft .da-link {

	-webkit-animation:toLeftAnim3 0.4s ease-in both;

	-moz-animation:toLeftAnim3 0.4s ease-in both;

	-o-animation:toLeftAnim3 0.4s ease-in both;

	-ms-animation:toLeftAnim3 0.4s ease-in both;

	animation:toLeftAnim3 0.4s ease-in both;

}

.da-slide-toleft .da-img {

	-webkit-animation:toLeftAnim4 0.6s ease-in 0.6s both;

	-moz-animation:toLeftAnim4 0.6s ease-in 0.6s both;

	-o-animation:toLeftAnim4 0.6s ease-in 0.6s both;

	-ms-animation:toLeftAnim4 0.6s ease-in 0.6s both;

	animation:toLeftAnim4 0.6s ease-in 0.6s both;

}

@-webkit-keyframes toLeftAnim1 {

	0% {

		left:10%;

		opacity:1;

	}

	30% {

		left:15%;

		opacity:1;

	}

	100% {

		left:-50%;

		opacity:0;

	}

}

@-webkit-keyframes toLeftAnim2 {

	0% {

		left:10%;

		opacity:1;

	}

	30% {

		left:15%;

		opacity:1;

	}

	100% {

		left:-50%;

		opacity:0;

	}

}

@-webkit-keyframes toLeftAnim3 {

	0% {

		left:10%;

		opacity:1;

	}

	99% {

		left:10%;

		opacity:0;

	}

	100% {

		left:-50%;

		opacity:0;

	}

}

@-webkit-keyframes toLeftAnim4 {

	0% {

		left:60%;

		opacity:1;

	}

	40% {

		left:70%;

		opacity:1;

	}

	90% {

		left:0%;

		opacity:0;

	}

	100% {

		left:-50%;

		opacity:0;

	}

}

@-moz-keyframes toLeftAnim1 {

	0% {

		left:10%;

		opacity:1;

	}

	30% {

		left:15%;

		opacity:1;

	}

	100% {

		left:-50%;

		opacity:0;

	}

}

@-moz-keyframes toLeftAnim2 {

	0% {

		left:10%;

		opacity:1;

	}

	30% {

		left:15%;

		opacity:1;

	}

	100% {

		left:-50%;

		opacity:0;

	}

}

@-moz-keyframes toLeftAnim3 {

	0% {

		left:10%;

		opacity:1;

	}

	99% {

		left:10%;

		opacity:0;

	}

	100% {

		left:-50%;

		opacity:0;

	}

}

@-moz-keyframes toLeftAnim4 {

	0% {

		left:60%;

		opacity:1;

	}

	40% {

		left:70%;

		opacity:1;

	}

	90% {

		left:0%;

		opacity:0;

	}

	100% {

		left:-50%;

		opacity:0;

	}

}

@-o-keyframes toLeftAnim1 {

	0% {

		left:10%;

		opacity:1;

	}

	30% {

		left:15%;

		opacity:1;

	}

	100% {

		left:-50%;

		opacity:0;

	}

}

@-o-keyframes toLeftAnim2 {

	0% {

		left:10%;

		opacity:1;

	}

	30% {

		left:15%;

		opacity:1;

	}

	100% {

		left:-50%;

		opacity:0;

	}

}

@-o-keyframes toLeftAnim3 {

	0% {

		left:10%;

		opacity:1;

	}

	99% {

		left:10%;

		opacity:0;

	}

	100% {

		left:-50%;

		opacity:0;

	}

}

@-o-keyframes toLeftAnim4 {

	0% {

		left:60%;

		opacity:1;

	}

	40% {

		left:70%;

		opacity:1;

	}

	90% {

		left:0%;

		opacity:0;

	}

	100% {

		left:-50%;

		opacity:0;

	}

}

@-ms-keyframes toLeftAnim1 {

	0% {

		left:10%;

		opacity:1;

	}

	30% {

		left:15%;

		opacity:1;

	}

	100% {

		left:-50%;

		opacity:0;

	}

}

@-ms-keyframes toLeftAnim2 {

	0% {

		left:10%;

		opacity:1;

	}

	30% {

		left:15%;

		opacity:1;

	}

	100% {

		left:-50%;

		opacity:0;

	}

}

@-ms-keyframes toLeftAnim3 {

	0% {

		left:10%;

		opacity:1;

	}

	99% {

		left:10%;

		opacity:0;

	}

	100% {

		left:-50%;

		opacity:0;

	}

}

@-ms-keyframes toLeftAnim4 {

	0% {

		left:60%;

		opacity:1;

	}

	40% {

		left:70%;

		opacity:1;

	}

	90% {

		left:0%;

		opacity:0;

	}

	100% {

		left:-50%;

		opacity:0;

	}

}

@keyframes toLeftAnim1 {

	0% {

		left:10%;

		opacity:1;

	}

	30% {

		left:15%;

		opacity:1;

	}

	100% {

		left:-50%;

		opacity:0;

	}

}

@keyframes toLeftAnim2 {

	0% {

		left:10%;

		opacity:1;

	}

	30% {

		left:15%;

		opacity:1;

	}

	100% {

		left:-50%;

		opacity:0;

	}

}

@keyframes toLeftAnim3 {

	0% {

		left:10%;

		opacity:1;

	}

	99% {

		left:10%;

		opacity:0;

	}

	100% {

		left:-50%;

		opacity:0;

	}

}

@keyframes toLeftAnim4 {

	0% {

		left:60%;

		opacity:1;

	}

	40% {

		left:70%;

		opacity:1;

	}

	90% {

		left:0%;

		opacity:0;

	}

	100% {

		left:-50%;

		opacity: 0;

	}

}

/* Wordpress styles */

.postbox label {

	font-style: italic;

}

/* CSS for v0.6 - RESPONSIVE DESIGN & BUG FIX */

/*>add the code below to your custom stylesheet if you have one */

/* Medium screens and tablets ----------- */

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

	/* Styles */

	.da-slider {

		min-width:708px;

		height:370px;

	}

	.da-slide {

		background-color:transparent;

	}

	.da-slide p {

		font-size:16px;

		top:155px

	}

	.da-slide .da-link {

		border-radius:25px;

		border:7px solid rgba(255,255,255,0.8);

		padding:2px 16px 0px;

		font-size:15px;

		line-height:25px;

		width: 75px;

	}

}

/* #Media Queries================================================== */

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

	#page {

		padding:0 10px;

	}

	#page,#colophon #footer_widgets,#below-footer,.four-column {

		width: 728px;

	}

	/*header*/

	#extra-info {

		float:right;

		width:50%;

		list-style:none;

		margin:20px 0 0 0;

		padding:0;

	}

	.main-navigation {

		display:block;

		max-width:728px;

		position:static;

		clear:both;

		padding:16px 0;

		background-position:center bottom

	}

	.main-navigation ul:after {

		content:".";

		display:block;

		height:0;

		clear:both;

		visibility:hidden;

	}

	.main-navigation ul ul ul,.main-navigation ul ul ul ul ul {

		right:-100%;

		top:0;

		left:100%;

	}

	.main-navigation ul ul ul ul,.main-navigation ul ul ul ul ul ul {

		right:0;

		top:28px;

		left:0;

	}

	.wpo_service_widget .sinlge_service {

		width:47%;

	}

	.wpo_service_widget .sinlge_service_second {

		margin-left: 28px;

	}

	/*sidebar */

	#secondary h3.widget-title,#footer_widgets h3.widget-title {

		font-size:20;

		margin-bottom:15px;

	}

	.widget_popular_posts .thumb {

		width:20.3%;

		margin-right:8%;

	}

	.widget_popular_posts .with-thumb {

		width: 70.696%;

	}

	/*Portfolio*/

	filter li {

		float:left;

		padding:3px 6px;

	}

	.portfolio-grid .portfolio_item {

		float:left;

		margin:0;

		padding:0;

	}

	.four-column .portfolio_item {

		width:180px;

		max-height:180px;

	}

	.entry-header .thumb img,.entry-header .thumb-video,.entry-header .thumb-smaller img {

		height:185px;

	}

	.related-work .portfolio_item {

		float:left;

		margin:0;

		padding:0;

		width:33%;

		max-height:144px;

		position:relative;

		overflow:hidden;

		margin-right:15px;

	}

	#back-top {

		clear:both;

		position:static;

		margin:30px auto 10px;

		width:auto;

		text-align:center;

		width:108px;

	}

	#commentform .comment-form-author,#commentform .comment-form-email,#commentform .comment-form-url {

		width:90%;

		margin-right:3%;

		float:none;

	}

}

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

	#extra-info li {

		margin-bottom:10px;

	}

	#social-icons {

		clear:left;

	}

	.main-navigation {

		display:block;

		max-width:728px;

		position:static;

		clear:both;

		padding:16px 0;

		background-position:center bottom

	}

	.main-navigation ul:after {

		content:".";

		display:block;

		height:0;

		clear:both;

		visibility:hidden;

	}

	site-navigation .menu {

		display:none;

	}

	#extra-info>li {

		float:none;

	}

	.related-work .portfolio_item {

		float:left;

		margin:0;

		padding:0;

		width:33%;

		max-height:220px;

		position:relative;

		overflow:hidden;

		margin-right: 0;

	}

}

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

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

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

	#page {

		padding:0 5px;

	}

	#page,#colophon #footer_widgets,#below-footer {

		padding:0 20px;

	}

	#primary,#secondary,.home #primary,.home #secondary,#three-column .single-column,#footer_widgets .single-column,#wpo_service_widget .sinlge_service,#right-col,#left-col,#copy,#footer-menu {

		width:100%;

		float:none;

		margin-right:0%;

		margin-left:0

	}

	#footer_widgets .single-column {

		margin:10px 0

	}

	#blog-title {

		text-align:center;

		margin:auto;

	}

	.sinlge_service {

		clear:both;

	}

	.widget_home_message_widget {

		margin:15px 0 30px;

	}

	#right-col>ul {

		margin-left:20px;

	}

	.portfolio-grid .portfolio_item {

		float:left;

		margin:0;

		padding:0;

		width:inherit;

		height:inherit

	}

	#three-column .single-column {

		background:none;

	}

	#three-column .first {

		margin-right:4.2187500000005%;

	}

	#three-column .single-column {

		width:30.520833333333%;

		float:left;

		padding:0;

	}

	#three-column .last {

		margin-left:4.2187500000005%;

		float:right;

	}

	#back-top {

		clear:both;

		position:static;

		margin:30px auto 10px;

		width:auto;

		text-align:center;

		width:108px;

	}

	.half {

		width:99%;

		float:none;

	}

	.wpo_service_widget .sinlge_service {

		width:100%

	}

	.wpo_service_widget .sinlge_service_second {

		margin-left:0;

	}

}

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

	#top-search {

		width:100%;

		float:none;

		margin-bottom:5px

	}

	#top-search input[type="search"]:focus {

		width:80%;

	}

	#colophon {

		background-image:none;

	}

	#page {

		padding:0 5px;

	}

	#page,#colophon #footer_widgets,#below-footer,.four-column {

		width:440px;

	}

	.main-small-navigation #menu {

		margin:0;

		padding:0;

		border:1px solid #fff;

		border-width:1px 0;

		position:absolute;

		z-index:9999;

		background:#728497;

		list-style:none;

		width:100%;

		text-align:center

	}

	.main-small-navigation #menu ul {

		list-style:none;

		margin:0;

		position:static;

		display:block !important;

		visibility:visible !important

	}

	.main-small-navigation #menu li,.main-small-navigation #menu a,.main-small-navigation #menu ul {

		float:none;

	}

	.main-small-navigation #menu>li {

		padding:0;

		margin:0

	}

	.main-small-navigation #menu a {

		width:100%

	}

	.main-small-navigation #menu a,.main-small-navigation #menu .current-menu-ancestor a {

		padding:20px 0 18px;

		border-top:1px solid #E3E6E8;

		border-bottom:1px solid #fff;

		color:#fff;

		display:block;

		background:#728497;

		text-transform:uppercase;

	}

	.main-small-navigation #menu .current_page_item>a,.main-small-navigation #menu a:hover {

		color:#728497;

		background:#fff;

	}

	.main-small-navigation #menu ul li:first-child>a {

		border-top:none

	}

	.main-small-navigation #menu ul li:first-child>a:after {

		border-top:none

	}

	.main-small-navigation #menu ul ul li:first-child a:after {

		border-top:none

	}

	.main-small-navigation #menu ul li:first-child a:hover:after {

		border-top:none

	}

	.main-small-navigation #menu ul ul li:first-child a:hover:after {

		border-top:none

	}

	.main-small-navigation #menu ul li:first-child>a:after {

		border-left:none;

		border-right:none;

	}

	.white .main-small-navigation #menu a,.main-small-navigation .current-menu-ancestor a,.light .main-small-navigation #menu a,.main-small-navigation .current-menu-ancestor a {

		background:#404040;

		color:#fff

	}

	.white .main-small-navigation #menu .current_page_item>a,.white .main-small-navigation #menu a:hover,.light .main-small-navigation #menu .current_page_item>a,.light .main-small-navigation #menu a:hover {

		color:#000;

		background:#fff;

	}

	.orange .main-small-navigation #menu a,.main-small-navigation .current-menu-ancestor a {

		background:#FB9E25;

		color:#fff

	}

	.orange .main-small-navigation #menu .current_page_item>a,.orange .main-small-navigation #menu a:hover {

		color:#FB9E25;

		background:#fff;

	}

	.brown .main-small-navigation #menu a,.main-small-navigation .current-menu-ancestor a {

		color:#fff;

		background:#403129;

	}

	.brown .main-small-navigation #menu .current_page_item>a,.brown .main-small-navigation #menu a:hover {

		background:#fff;

		color:#403129

	}

	.green .main-small-navigation #menu a,.main-small-navigation .current-menu-ancestor a {

		color:#fff;

		background:#80B600;

	}

	.green .main-small-navigation #menu .current_page_item>a,.green .main-small-navigation #menu a:hover {

		background:#fff;

		color:#80B600

	}

	#extra-info li {

		margin-bottom:10px;

	}

	.client-info li {

		width:100%;

		float:none;

	}

	.flex-caption {

		display:none;

	}

	.flex-direction-nav .next {

		right:25px !important;

	}

	.flex-direction-nav .prev {

		left:25px !important;

	}

	.related-work .portfolio_item {

		float:left;

		margin:0;

		padding:0;

		width:50%;

		max-height:220px;

		position:relative;

		overflow:hidden;

		margin-right:0;

	}

	.portfolio-grid .portfolio_item {

		float:left;

		margin:0;

		padding:0;

		width:207px;

		height:207px;

	}

	#three-column .single-column {

		background:none;

	}

	#three-column .first {

		margin-right:auto;

	}

	#three-column .single-column {

		width:293px;

		margin:10px auto;

		float:none;

	}

	#three-column .last {

		margin-left:0;

	}

	#three-column .last {

		margin:10px auto;

		margin-right:auto !important;

		float:none;

	}

	#comments ol {

		margin:0 0 10px 25px;

	}

	#comments ul.children {

		margin-left:0;

	}

	#commentform .comment-form-author,#commentform .comment-form-email,#commentform .comment-form-url {

		width:90%;

		margin:5px auto;

		float:none;

	}

	.related-work .portfolio-box-title {

		top:-100px !important

	}

	.portfolio-four #ajax-description-block {

		margin:15px 0 0 0;

		clear:left

	}

	.portfolio-four #ajax-description-block,.portfolio-four #ajax-gallery {

		width:100%;

		float:none;

	}

}

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

	.portfolio-grid .portfolio_item {

		float:left;

		margin:0;

		padding:0;

		width:50%;

		height:inherit;

	}

	.portfolio-grid .portfolio_item img {

		width:100%;

		height:inherit;

		height: auto

	}

}

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

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

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

	#page,#colophon #footer_widgets,#below-footer {

		padding:0 20px;

	}

	#colophon {

		background-image:none;

	}

	.entry-header .thumb img,.entry-header .thumb-video,.entry-header .thumb-smaller img {

		height:185px;

	}

}

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

	#page,#colophon #footer_widgets,#below-footer,.four-column {

		width:280px;

	}

	#colophon {

		background-image:none;

	}

	.portfolio-grid .portfolio_item,.portfolio-item img {

		width:140px;

		height:140px;

	}

	.entry-header .thumb,.entry-header .thumb-video,#map_div {

		height:125px;

	}

	.entry-header .thumb-video .fluid-width-video-wrapper,.entry-header .slides .fluid-width-video-wrapper {

		height:128px;

		padding:0 !important

	}

	.fluid-width-video-wrapper {

		width:100%;

		position:relative;

		padding:0 !important;

		height:128px;

	}

	.entry-header .thumb img,.thumb-smaller img {

		height:128px;

	}

	#three-column .single-column {

		width:280px;

	}

	li.comment .reply {

		font-size:10px;

		position:absolute;

		top:90px;

		right: 0;

	}

}

/* Tablets or smartphones ----------- */

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

	/* Styles */

	.da-slider {

		min-width:420px;

		height:340px;

	}

	.da-slide {

		background-color:transparent;

	}

	.da-slide h2 {

		font-size:32px;

		top:10px

	}

	.da-slide p {

		font-size:14px;

		top:120px

	}

	.da-slide .da-img {

		top: 60px;

	}

}

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

	/* Styles */

	.da-slider {

		min-width:420px;

		height:340px;

	}

	.da-slide {

		background-color:transparent;

	}

	.da-slide h2 {

		font-size:30px;

		top:15px

	}

	.da-slide p {

		font-size:14px;

		top:120px

	}

	.da-slide .da-img {

		top: 60px;

	}

}

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

	/* Styles */

	.da-slider {

		min-width:420px;

		height:340px;

	}

	.da-slide {

		background-color:transparent;

	}

	.da-slide h2 {

		font-size:30px;

		top:15px

	}

	.da-slide p {

		font-size:14px;

		top:120px

	}

	.da-slide .da-img {

		top:60px;

	}

}

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

	#masthead {

		background: url(images/widget-shadow.png) 50% 0% no-repeat;

	}

	/* Styles */

	.da-slider {

		min-width:280px;

		height:310px;

	}

	.da-slide {

		background-color:transparent;

	}

	.da-slide h2 {

		font-size:18px;

		top:15px

	}

	.da-slide p {

		font-size:12px;

		top:100px

	}

	.da-slide .da-link {

		border-radius:20px;

		border:5px solid rgba(255,255,255,0.8);

		padding:2px 12px 0px;

		font-size:12px;

		line-height:20px;

		width:65px;

	}

	.da-slide .da-img {

		top:20px;

	}

	.widget_slider_parallex_widget {

		background:url(images/440-slider-top-shadow.png) no-repeat top center;

	}

	.da-dots {

		background: url(images/440-slider-bottom-shadow.png) no-repeat bottom center;

	}

}

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

	/* Styles */

	.da-slider {

		min-width:0px;

		height:280px;

	}

	.da-slide {

		background-color:transparent;

	}

	.da-slide h2 {

		font-size:20px;

		top:15px

	}

	.da-slide p {

		font-size:12px;

		top:60px

	}

	.da-slide .da-link {

		border-radius:20px;

		border:4px solid rgba(255,255,255,0.8);

		padding:2px 5px 0px;

		font-size:12px;

		line-height:20px;

		width: 60px;

	}

}
.related-work.four-column.portfolio-list-items{
	display:none;	
}
.site-navigation.post-navigation{
	display:none;		
}