
@charset "utf-8";
/* CSS Document */

/* Global elements 
-------------------------------------------------------------- */
html, body { min-width:100%; }
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, abbr, acronym, address, big, code, del, dfn, em, font, img, ins, kbd, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea { border: 0; margin: 0; padding: 0; color:#5f5e5e;  font: normal normal 14px/23px 'Istok Web', sans-serif; }
.pr-tb-col .tb-content li { font-family:'Istok Web', sans-serif; }
h1, h2, h3, h4, h5, h6, p, .project-details li { text-shadow:1px 1px 0 rgba(255, 255, 255, 0.75); }
p, address, form, dl, dd, input, textarea, h1, h2, h3, h4, h5, h6 { margin-bottom:20px; }
strong, dt { font-weight:bold; }
a:hover { color:#828282; }
i { font-family:FontAwesome !important; }
h3, h4, li, a, h1, h2, h5 { font-family: 'dosis', sans-serif; }
.widget.widget_recent_posts h5 a, .blog-post .post-details h2 a, .post-details ul li, .post-details ul li a { font-family: 'PT Sans', sans-serif; }
h1 { font-size: 34px; line-height: 40px; text-transform:uppercase; }
h2 { font-size: 24px; line-height: 25px; text-align:center; text-transform:uppercase; font-weight:bold;} /* added text-align:center; */
h3 { font-size: 22px; line-height: 22px; text-transform:uppercase; }
h4 { font-size: 20px; line-height: 20px; }
h5 { font-size: 16px; line-height: 17px; }
h6 { line-height: 16px; }
ol, ul, li ul, li ol { padding-left:20px; }
ul { list-style:disc; margin-bottom:20px; }
ul ul { list-style:circle; }
ul ul ul { list-style:square; }
ol { list-style:decimal; }
ol ol { list-style:lower-alpha; }
ol ol ol { list-style:lower-roman; }
blockquote { quotes: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup 
-------------------------------------------------------------- */
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }

/* Main global 'theme' and typographic styles 
-------------------------------------------------------------- */
hr { background-color: #d7d7d7; border: 0; clear: both; height: 1px; margin:20px 0; float:left; width:100%; }
/* Text elements */
ol.decimal-leading-zero { list-style-type: decimal-leading-zero; }
ol.lower-alpha { list-style-type: lower-alpha; }
ol.lower-roman { list-style-type: lower-roman; }
ol.upper-alpha { list-style-type: upper-alpha; }
ol.upper-roman { list-style-type: upper-roman; }
cite, em, i, blockquote { font-style: italic; }
cite { float:right; }
big { font-size: 131.25%; }
ins { background: #ffc; text-decoration: none; }
blockquote cite, blockquote em, blockquote i { font-style: normal; }
pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; overflow: auto; padding: 1.5em; }
abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 1ex; }
sub { top: .5ex; }
input[type="text"], select, input[type="email"], input[type="password"], textarea { color:#3a3a3a; clear:both; border:1px solid #d7d7d7; padding:11px 15px; background:#f3f3f3; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZGNkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f3f3f3 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #e8e8e8)); background: -webkit-linear-gradient(top, #f3f3f3 0%, #e8e8e8 100%); background: -o-linear-gradient(top, #f3f3f3 0%, #e8e8e8 100%); background: -ms-linear-gradient(top, #f3f3f3 0%, #e8e8e8 100%); background: linear-gradient(to bottom, #f3f3f3 0%, #e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e8e8e8', GradientType=0 ); /* IE6-8 */
}
input[type="text"], select, input[type="email"], input[type="password"], textarea { 
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
}
input[type="text"]:focus, select, input[type="email"]:focus, input[type="password"]:focus, textarea:focus {
	border-color: #d1d1d1;
	background-color: #f6f5f0;
	-webkit-box-shadow: inset 2px 2px 3px #eaeaea!important;
	-moz-box-shadow: inset 2px 2px 3px #eaeaea!important;
	box-shadow: inset 2px 2px 3px #eaeaea!important;
}
input[type="text"], input[type="email"], input[type="password"] { width:97%; }
textarea { width:97%; }
input[type="submit"], input[type="reset"], input[type="button"], button { padding:0 18px 0px; height:40px; margin:0; }
input[type="submit"]:hover { cursor:pointer; }
input[type="submit"] i, button i, .button i { position:relative; margin-top:0px; }
input[type="submit"], input[type="reset"], input[type="button"], button { transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; }
select { background: none repeat scroll 0 0 #EDEDED; border: 1px solid #C4C4C4; display: block; margin: 10px 0; max-width: 100%; padding: 10px; }
input[type="submit"], button, input[type="button"] { float:right; }
input[type="submit"]:active i, input[type="button"]:active i, button:active i, .button:active i { text-shadow:none; }
li h6 { line-height:20px; }
li h6 span { font-style:italic; font-weight:normal; }
.column:last-child { margin-bottom:0; margin-right:0; }
.intro :last-child { margin-bottom:0; }
.last { margin-right:0 !important; }
input.error, textarea.error { border-color: #CE0000 !important; }

/* theme
-------------------------------------------------------------- */

/* Icon fonts
-------------------------------------------------------------- */
.text-align-center .icon-magic, .text-align-center .icon-lightbulb, .text-align-center .icon-resize-full { width:100% !important; }
.icon-lightbulb { padding-top:12px; font-size:75px; color:#666666; margin-bottom:26px; text-align:center; width:100%; float:left; }
.icon-magic { padding-top:12px; font-size:73px; color:#666666; margin-bottom:26px; text-align:center; width:100%; float:left; }
.icon-resize-full { padding-top:12px; font-size:75px; color:#666666; margin-bottom:26px; text-align:center; width:100% ; float:left; }
.tabs-framed .icon-circle-arrow-right { float:right; font-size:18px; color:#9d9d9d; }
.icon-angle-right { font-size:14px; margin-left:7px; font-weight:bold; line-height:16px; }
.button-arrow .icon-angle-right { border-radius: 26px 26px 26px 26px; /*float: right;*/ font-size: 25px; font-weight: bold; height: 26px; line-height: 25px; margin-left: 20px; margin-top: 3px; text-align: center; text-shadow: none; width: 26px; }

.widget_footer_links .icon-angle-right { font-weight:bold; float:left; text-align:left; margin:3px 0 0 0; color:#7a7a7a; }
.icon-tags { font-size:14px; float:left; margin-right:3px; }
.icon-calendar { font-size:14px; float:left; margin-right:3px; margin-top:3px;}
.icon-tags, .icon-calendar, .icon-comment  { line-height:23px !important; }
.post-details .icon-comment { font-size:14px; float:left; margin-right:3px; }
.widget_contact_details .icon-map-marker { font-size:29px; line-height:20px; }
.icon-mobile-phone { font-size: 39px; line-height: 26px; }
.icon-envelope-alt { font-size: 20px; line-height: 17px; text-decoration:none; }
.icon-twitter { margin-top:4px; float:left; font-size:17px; margin-right:6px; line-height:19px; }
.icon-quote-left { float:left; font-size:18px; margin-right:10px; }
.icon-quote-right { float:right; font-size:18px; margin-left:10px; }
.icon-minus { font-size:16px; float:left; }
icon-minus { font-size:16px; float:left; }
a:link, a, span { font-size:inherit; text-decoration:none; }
a:active, a span:hover, :after:hover, :before:hover {
color:#6f6f6f;
cursor:pointer;
}

.post-details h2 a, .post-details ul li a, #secondary .widget_recent_posts h5 a, #secondary .widget_categories ul li a, .widget_testimonials ul li p a, .portfolio-container h4 a, .toggle-accordion a, .toggle a, .comment-author .reply{ color:#5c5b5b; }

/* Transition effect
-------------------------------------------------------------- */
a:link, a, span, a:active, a h1, a h2, a h3, a h4, a h5, a h6, a:hover, a span:hover, .widget_flickr ul li, .widget_flickr ul li:hover, i, i:hover, .custom-tabs-content { transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; }

/* Heading Style
-------------------------------------------------------------- */
.intro h1 { color:#ffffff; margin-bottom:0; }
#secondary h3.widget-title, .bg-title { background:#ebebeb; clear:both; text-transform:uppercase; margin-bottom:34px; border-bottom:1px solid #e8e8e8; font-size:30px; line-height:25px; padding:18px 0 16px 20px; box-shadow: 0px 1px 0px #ffffff; -moz-box-shadow: 0px 1px 0px #ffffff; -webkit-box-shadow: 0px 1px 0px #ffffff; behavior: url(PIE.htc); }
.intro.color span h2, .intro.color span h6, .side-nav li a:hover, .side-nav li.active a { color:#161616; }

/* special inline elements and alignment style
-------------------------------------------------------------- */
.text-align-right { text-align:right; }
.text-align-center { text-align:center; }
.text-align-center .button { float:none; }

img.size-auto, img.size-large, img.size-full, img.size-medium { max-width:99.6%; height: auto; }
.alignleft, img.alignleft { display: inline; float: left; margin-right: 20px; }
.alignright, img.alignright { display: inline; float: right; margin-left: 20px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; text-align:center; }
.alignleft, .alignright, .aligncenter, .alignnone, img.alignleft, img.alignright, img.aligncenter { margin-bottom:20px; }

/* Margining
-------------------------------------------------------------- */
.margin { width:100%; clear:both; background-color:transparent; }
.clear-5 { height:5px; }
.clear-10 { height:10px; }
.clear-15 { height:15px; }
.clear-20 { height:20px; }
.clear-25 { height:25px; }
.clear-30 { height:30px; }
.clear-35 { height:35px; }
.clear-40 { height:40px; }
.clear-45 { height:45px; }
.clear-50 { height:50px; }
.clear-55 { height:55px; }
.clear-60 { height:60px; }
.clear-65 { height:65px; }
.clear-70 { height:70px; }
.clear-75 { height:75px; }
.clear-80 { height:80px; }
.float-right { float:right }
.float-left { float:left; }
.read-more { line-height:14px; width:auto; font-style:italic; text-transform:capitalize; }
.read-more i { margin-top:0px; }
.post-details h3 a, .read-more, .pagination a, .tabs-framed li a { color:inherit; }
.read-more, .post-details ul li a, .widget_tag_cloud li a { font-weight:normal; }
.portfolio-column, .widget_categories li, .post-details ul, .pagination ul, .sorting-container, .tagcloud, .widget_testimonials, .angle-arrow, .side-nav-container, .commententries ul, .contact-details, #page-nav ul, .widget_tag_cloud li, .tabs-framed li, .content-box li, .portfolio-container li, .related-works.three-fourth li, .portfolio-slider li { padding-left:0; list-style:none; }
.tabs-framed, .fancy-list,  .content-box ul, .portfolio-container, .related-works.three-fourth { padding-left:0; }

/* border-width
-------------------------------------------------------------- */
header { border-width:5px 0 1px 0; }
.widget_flickr ul li:hover { border-width:3px; }

/* border-style */
header, .widget_flickr ul li:hover { border-style:solid; }

/* LAYOUTS
-------------------------------------------------------------- */
#home { min-width:100%; margin:0; background:white; }
#wrapper { width:100%; float:left; }
.main-container { float:left; min-width:100%; background-color:#f3f3f3; width:100%; }
.container { width:960px; margin:0 auto !important; }

/* Boxed Layouts
-------------------------------------------------------------- */
.boxed { background:#161616; }
.boxed #wrapper { width:1000px; margin-left:auto; margin-right:auto; float:none; /*background:#f3f3f3;*/ }
.boxed #wrapper .banner .container { width:100%; }

/*----*****---- << Responsive Menu >> ----*****----*/
	
.mobile-menu { display:none; height:50px; background-color:#f3f3f3; color:#333334; background-image:url(../img/responsive-nav-bg.png); background-position:center right; background-repeat: no-repeat; border:1px solid #d9d9d9; border-radius:0px; width:100%; margin:6px 0px 16px; padding:15px 14px 15px 5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }

/* Main Content( With Side Bar)
-------------------------------------------------------------- */
#primary { border-right: 1px solid #DDDDDD; float:left; margin:0px; padding-right: 20px; width:65.8%; }
#primary.with-left-sidebar { border-left: 1px solid #DDDDDD; border-right: none; }
#primary.with-side-nav.with-left-sidebar { border:none; padding:0; width:100%} /*THIS ONE IS CHANGED*/

#main { width:100%; margin:0px; padding:0px 0px 85px; float:left; }

#primary.content-full-width { border:none; width:100%; padding:0; }
#primary.with-side-nav.with-left-sidebar, #primary.content-full-width { min-height:auto; }
#primary.with-left-sidebar { float:right; padding-left:20px; padding-right:0; }

#secondary { width:29.8%; margin:0px 0px 0px 20px; float:left; padding:0px; }
#secondary.left-sidebar { margin:0px 20px 0px 0px; }

#secondary .widget ul, #main-menu, #main-menu ul, .post-details ul, footer ul, .content-box ul, .pagination ul, .portfolio-container { margin-bottom:0; }

/* SIDE CONTENT (Aside )
-------------------------------------------------------------- */
#secondary .widget, .widget { margin-bottom:40px; } 

.post-details h2 a, .post-details ul li a, #secondary .widget_recent_posts h5 a, #secondary .widget_categories ul li a, .widget_testimonials ul li p a, .portfolio-container h4 a, .toggle-accordion a, .toggle a, .comment-author .reply {
   color: #333333;
}

/* Page Header Style
-------------------------------------------------------------- */
header { background:#dedcdc; float:left; width:100%; border-bottom-color:#c6c6c6; position:relative; }
header:after { content:""; background:url(../img/header-overlay.png) no-repeat; width:100%; height:68px; position:absolute; top:0px; left:0; }
header.gradient { background:#dedcdc; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZGNkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dedcdc 0%, #f4f3f3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedcdc), color-stop(100%, #f4f3f3)); background: -webkit-linear-gradient(top, #dedcdc 0%, #f4f3f3 100%); background: -o-linear-gradient(top, #dedcdc 0%, #f4f3f3 100%); background: -ms-linear-gradient(top, #dedcdc 0%, #f4f3f3 100%); background: linear-gradient(to bottom, #dedcdc 0%, #f4f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedcdc', endColorstr='#f4f3f3', GradientType=0 ); /* IE6-8 */
}
header .container { position:relative; z-index:999; }
.pp_description { text-shadow:none; }

/* logo style
-------------------------------------------------------------- */
#logo { margin-top:16px; margin-bottom:0; }

/* Page Navigation Style
-------------------------------------------------------------- */
#page-nav { float:right; }
#page-nav ul li { float:left; position:relative; }
#page-nav ul li a { color:#282828; float:left; padding:23px 16px; text-transform:uppercase; }
#page-nav ul li a.active, #page-nav ul li a:hover, #page-nav ul li:hover a, #page-nav ul li ul.sub-menu a:hover, #page-nav ul li ul.sub-menu li:hover a, #page-nav ul li ul.sub-menu ul.sub-menu li:hover a { color:#ffffff; }
#page-nav ul li a:hover, .portfolio-container li { transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; -o-transition: all 300ms linear; }
#page-nav ul li:hover ul.sub-menu { display:block; }

/* SUB MENU
-------------------------------------------------------------- */
#page-nav ul li ul.sub-menu { display:none; position:absolute; top:69px; width:230px; }
#page-nav ul li ul.sub-menu li { background-color:#f1f0f0; border-bottom:1px solid #e4e2e2; width:100%; }
#page-nav ul li ul.sub-menu .last { border-bottom:none; }
#page-nav ul li ul.sub-menu a, #page-nav ul li ul.sub-menu ul.sub-menu li a { color:#5f5e5e; width:86.1%; padding:11px 16px; text-transform:capitalize; font-weight:normal; text-shadow:none; }
#page-nav ul li:hover ul.sub-menu ul.sub-menu, #page-nav ul li ul.sub-menu li ul { display:none; position:absolute; top:-1px; left:230px; border:1px solid #e4e2e2; width:230px; }
#page-nav ul li ul.sub-menu li:hover ul, #page-nav ul li:hover ul.sub-menu li:hover ul.sub-menu { display:block; }

/* Banner Style
-------------------------------------------------------------- */
.banner { background-color:#dfe3e6; margin:0; padding:0; width:100%; float:left; position:relative; }
.theme-border { height:5px; float:left; width:100%; }
.buy { position:absolute !important; top: 30%; right:30%; }

/* Content Style starts here
------------------------------------------------------------- */
.content { float:left; width:100%; }

/* [triangle shape] */ 
.widget_newsletter:after, .intro:after, .intro.page-heading .container:after { content:""; left:48.16%; width:0; height:0; position:absolute; border-left:24px solid transparent; border-right:24px solid transparent; }

/*  Welcome content
-------------------------------------------------------------- */
.intro { background-image:url(../img/intro-pattern.png); background-repeat:repeat; background-color:#252525; width:100%; float:left; border-bottom:5px solid #161616; padding:32px 0; position:relative; }
.intro * { color:#ffffff; text-shadow:none; }
.intro:after { border-top:17px solid #161616; bottom:-22px; }
.intro h6 { font-weight:normal; line-height:25px; }
.intro-2, .post-author-details { margin-top:10px; background:#e8e8e8; float:left; padding:22px 20px; border-radius:5px; border:#d7d7d7; box-shadow: 0px 1px 0px #ffffff; -moz-box-shadow: 0px 1px 0px #ffffff; -webkit-box-shadow: 0px 1px 0px #ffffff; -o-box-shadow: 0px 1px 0px #ffffff; behavior: url(PIE.htc); }
.post-author-details { border:1px solid #d7d7d7; }
.intro-2 p, .post-author-details p { line-height:21px; margin-bottom:0; }
.intro-2 img, .post-author-details img { float:left; margin:0 20px 16px 0; width:61px; }
.post-author-details img, .commentlist .comment-author img { box-shadow: 0px 4px 0px #d7d7d7; -moz-box-shadow: 0px 4px 0px #d7d7d7; -webkit-box-shadow: 0px 4px 0px #d7d7d7; -o-box-shadow: 0px 4px 0px #d7d7d7; }

/* New Intro */
.intro-text { width:100%; margin:0px; padding:0px; float:left; }
.intro-text.type1 { background:url(../img/introtext-border-top.png) center top no-repeat; padding:40px 0px 0px; text-align:center; }
.intro-text.type1 h4 { text-transform:uppercase; }
.intro-text.type1 h4 span.highlight { color:#ffffff; padding:7px 15px; margin:0px 5px; }
.intro-text.type1 h6 { text-transform:uppercase; color:#a0a0a1; background:url(../img/intro-text-border-bottom.png) center bottom no-repeat; padding-bottom:37px; }

.intro-text.type4, ul.tabs-vertical-frame li a.current { border-left:3px solid; }
.intro-text.type4 { background:#ededed; padding:30px 2.5%; width:94%; }
.intro-text.type4 h4 { text-transform:uppercase; margin-bottom:5px; }
.intro-text.type4 h5 { color:#a0a0a1; margin-bottom:0px; }		
.intro-text.type4 a { float:right; }

/* PAGE HEADING
-------------------------------------------------------------- */
.intro.page-heading { padding:25px 0 22px; margin-bottom:30px; }
.intro.page-heading .container { position:relative; }
.intro.page-heading .container:after { border-left: 0 solid transparent; border-right: 50px solid transparent; border-top: 30px solid #161616; bottom: -55px; left: 0px; }

/* breadcrumb
-------------------------------------------------------------- */
.breadcrumb-section { float:left; height:30px; width: 100%; background:url(../img/pattern-stripes.png) repeat; border:none; position:relative; top:-30px; }
.breadcrumb { float:right; line-height:30px; text-shadow:1px 1px 0px #f6f6f6; text-transform:capitalize; }
.breadcrumb a { color: #161616; font-weight:normal; }
.breadcrumb span { color:#757575; }
.breadcrumb span.icon-circle { color: #161616; font-size: 7px; margin: 0 3px; position: relative; top: -1px; }


/* columns
-------------------------------------------------------------- */
.widget { width:100%; float:left; }
.column { float:left; margin-right:2.1%; }
.one-column { width:100%; }
.one-half { width:48.9%; }
.one-third { width:31.9%; }
.one-fourth { width:23.4%; }
.one-fifth { width:18.32%; }
.one-sixth { width:14.9%; }
.two-fifth { width:38.74%; }
.three-fifth { width:59.16%; }
.two-third { width:65.9%; }
.three-fourth { width:74.5%; }
.four-fifth { width:79.58%; }
.five-sixth { width:83%; }
.two-third .one-column .post-details { width:61.2%; }
.one-column.column { margin-right:0; }

/* Form
-------------------------------------------------------------- */
.one-third form input, .one-third form textarea, .one-fourth form input, .one-fourth form textarea, .one-fifth form input, .one-fifth form textarea { width:80% !important; }

/* Image Caption
-------------------------------------------------------------- */
.caption { float:left; }
.caption h6 { background: #EBEBEB !important; border-radius: 3px 3px 3px 3px; color: #5F5E5E; font-family: 'PT Sans', sans-serif; margin: 0; padding: 18px 46px; text-align: center; behavior: url(PIE.htc); }

/* Border- Bottom
-------------------------------------------------------------- */
/*.border-bottom:after, .border-bottom:before { content: ""; background: #EBEBEB; border: 1px solid #D7D7D7; height: 6px; position: absolute; width: 99.8%; z-index: 2; }*/
.border-bottom { border-radius: 0px 0px 4px 4px; }
.border-bottom:after { border-radius: 0px 0px 4px 4px; bottom: -3px; border-top:none; left: 0; behavior: url(PIE.htc); }
.border-bottom:before { border-radius: 4px 4px 4px 4px; bottom: -6px; left: 0; behavior: url(PIE.htc); }
.post-desc p .border-bottom:after, .post-desc p .border-bottom:before { width:99.2% !important; }

/* services */
.services { position:relative; min-height:280px; }
.services .service-cont { position:relative; top:130px; }
.services .icon-lightbulb, .services .icon-resize-full, .services .icon-magic { display: block;
    left: 7px;
    position: absolute;
    top: 20px;
    transition: all 0.4s linear 0s;
    width: 115px; }
.services:hover .icon-lightbulb, .services:hover .icon-resize-full, .services:hover .icon-magic { top:0; }
.services:hover .icon-lightbulb:after, .services:hover .icon-resize-full:after, .services:hover .icon-magic:after {
    background: url(../img/shadow.png) no-repeat scroll 0 0 transparent;
    content: "";
    display: block;
    height: 24px;
    left: 29%;
    position: absolute;
    top: 93px;
    transition: all 0.4s linear 0s;
    visibility: hidden;
    width: 126px;
}
.services:hover .icon-lightbulb:after, .services:hover .icon-resize-full:after, .services:hover .icon-magic:after { visibility:visible; }

/* Portfolio
-------------------------------------------------------------- */
.portfolio-container li { margin-bottom:50px; margin-right:0; }
.portfolio-container.related-works li { margin-right:2.1%; }
.portfolio .related-works .portfolio-thumb { margin-bottom:0; }
.portfolio .portfolio-thumb { float:left; position:relative; }
.portfolio-container li h4, .related-works.three-fourth li h4 { width:100%; float:left; }
.portfolio-container li h4.title, .related-works.three-fourth li h4.title { font-size:14px; margin-bottom:0; }
.portfolio .content-box h4 { font-family: 'PT Sans', sans-serif; }
.portfolio-container li a:hover h4 span { color:#ffffff; text-shadow:1px 1px 0 rgba(0,0,0,.5); }
.portfolio-container li h4 a, .related-works.three-fourth li h4 a { color:#5F5E5E; }
.portfolio-container .thick-border { overflow-x:hidden; }


.right-gallery {
    float: right !important;
    margin-left: 2%;
    margin-right: 0;
}

/* one-col */
.portfolio.one-column-with-sidebar .portfolio-detail {
	width: 48%;
}
.portfolio {
	float: left;
	margin: 10px 20px 10px 0px;
	padding: 0px;
}
.portfolio-container {
	width: 100%;
	float: left;
	clear: both;
}
.portfolio.one-column, .portfolio.one-column-with-sidebar {
	width: 100%;
	margin-bottom: 30px;
	margin-right: 0px;
}
.portfolio.one-column-with-sidebar .portfolio-thumb, .portfolio.one-column .portfolio-thumb { margin-right:20px; }
.portfolio.one-column-with-sidebar .portfolio-thumb img {
	width: 286px;
	height: 222px;
}
/*.portfolio-thumb { margin-bottom:24px; }*/
.portfolio-container .one-third.with-sidebar { min-height:235px; } 
.portfolio-container .one-fourth h4 span { padding:13px 18px; }

/* image overlay */
.portfolio-thumb .image-overlay { background:url(../img/desc-bg.png) repeat scroll 0 0 transparent; opacity:0; filter:alpha(opacity=0);  width:100%; height:100%; float:left; position:absolute; top:0px; left:0px; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; overflow:hidden; }
.related-works .portfolio-thumb .image-overlay { border-radius: 5px 5px 0px 0px; }
.portfolio-thumb .image-overlay a { opacity:0; filter:alpha(opacity=0); text-align:center; position:absolute; display:inline-block; width:42px; height:42px; border-radius:42px; }
.portfolio-thumb .image-overlay a span { color:#ffffff; font-size:18px; line-height:42px; width:42px; height:42px; border-radius:42px; behavior:url(PIE.htc); }
.portfolio-thumb .image-overlay a span.icon-fullscreen { }
.portfolio-thumb .image-overlay a span.icon-external-link { line-height:44px; }
.portfolio-thumb .image-overlay a span:hover { background-color:#373737; }
		
.portfolio-thumb .image-overlay a.zoom { left: 0; }
.portfolio-thumb .image-overlay a.link { right: 0; position:absolute; }

.portfolio-thumb .image-overlay a { top: 20%; }
.portfolio-thumb .image-overlay a, .portfolio-thumb .image-overlay a span { position:relative\0/; z-index:1\0/; }
.portfolio-thumb .image-overlay a.zoom, .portfolio-thumb .image-overlay a.link { z-index:-1\0/; }
.portfolio-thumb:hover .image-overlay a.zoom, .portfolio-thumb:hover .image-overlay a.link { z-index:1\0/; }

.related-works li:hover .portfolio-thumb a.zoom, .related-works li:hover .portfolio-thumb .image-overlay a.link, .related-works li:hover .portfolio-thumb .thick-border p, .portfolio-container li:hover .portfolio-thumb a.zoom, .portfolio-container li:hover .portfolio-thumb .image-overlay a.link, .portfolio-container li:hover .portfolio-thumb .thick-border p { opacity:1; filter:alpha(opacity=100); }
.related-works li:hover .portfolio-thumb .image-overlay, .portfolio-container li:hover .portfolio-thumb .image-overlay { opacity:1; filter:alpha(opacity=100); transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; }

.portfolio-container .thick-border p, .related-works.three-fourth .one-third .thick-border p { border-radius: 0; color: #252525; position:absolute; top:50%; opacity:0; font-size: 12px; line-height: 18px; padding:10px 13px 7px 13px; margin-bottom:0; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; text-align:center; visibility:hidden; }
.portfolio-container li h4.title a, .related-works.three-fourth li h4.title a { display:block; font-family: 'PT Sans', sans-serif; padding:18px 10px; background-color:#ebebeb; border-radius:0px 0px 5px 5px; text-align:center; font-style:normal; /*font-weight:bold;*/ behavior:url(PIE.htc); }
.related-works.three-fourth li h4.title a { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 0px; border-top-right-radius: 0px; }
.portfolio-container li:hover .thick-border p, .related-works.three-fourth .one-third:hover .thick-border p { visibility:visible; }

.portfolio.three-column .image-overlay a, .portfolio.two-column-with-sidebar .image-overlay a, .portfolio.one-column-with-sidebar .image-overlay a  { top:37%; }
.portfolio.three-column:hover a.zoom, .portfolio.two-column-with-sidebar:hover a.zoom, .portfolio.one-column-with-sidebar:hover a.zoom { left:30%; }
.portfolio.three-column:hover .image-overlay a.link, .portfolio.two-column-with-sidebar:hover a.link, .portfolio.one-column-with-sidebar:hover a.link { right:30%; }

.portfolio.two-column .image-overlay a, .portfolio.one-column .image-overlay a { top:41%; }
.portfolio.two-column:hover a.zoom, .portfolio.one-column:hover a.zoom { left:37%; }
.portfolio.two-column:hover .image-overlay a.link, .portfolio.one-column:hover .image-overlay a.link { right:37%; }
/* hover animation */
.portfolio-container li.one-fourth { min-height:251px; }
.portfolio-container li.one-fourth.with-sidebar { min-height:194px; }
.portfolio-container .one-fourth .image-overlay a { top:31%; }
.portfolio-container .one-fourth:hover a.zoom { left:27%; }
.portfolio-container .one-fourth:hover .image-overlay a.link { right:27%; }
.portfolio-container .one-fourth .thick-border p { top:55%; }

.portfolio-container .one-fourth.with-sidebar .image-overlay a { top:31%; }
.portfolio-container .one-fourth.with-sidebar:hover a.zoom { left:15%; }
.portfolio-container .one-fourth.with-sidebar:hover .image-overlay a.link { right:15%; }

.portfolio-container .one-third .image-overlay a { top:39%; }
.portfolio-container .one-third:hover a.zoom { left:33.5%; }
.portfolio-container .one-third:hover .image-overlay a.link { right:33.5%; }
.portfolio-container .one-third .thick-border p { top:60%; }

.portfolio-container .one-third.with-sidebar .image-overlay a { top:23%; }
.portfolio-container .one-third.with-sidebar:hover a.zoom { left:24.5%; }
.portfolio-container .one-third.with-sidebar:hover .image-overlay a.link { right:24.5%; }
.portfolio-container .one-third.with-sidebar .thick-border p { top:50%; }

.portfolio-container .one-half .image-overlay a { top:43%; }
.portfolio-container .one-half:hover a.zoom { left:39%; }
.portfolio-container .one-half:hover .image-overlay a.link { right:39%; }
.portfolio-container .one-half .thick-border p { top:68%; }

.portfolio-container .one-half.with-sidebar .image-overlay a { top:38%; }
.portfolio-container .one-half.with-sidebar:hover a.zoom { left:33.5%; }
.portfolio-container .one-half.with-sidebar:hover .image-overlay a.link { right:33.5%; }

.portfolio-container .one-column-with-sidebar .image-overlay a { top:40%; }
.portfolio-container .one-column-with-sidebar:hover a.zoom { left:33%; }
.portfolio-container .one-column-with-sidebar:hover .image-overlay a.link { right:33%; }
.portfolio-container .one-column-with-sidebar .thick-border p { top:72%; }

.portfolio-container.three-column-with-sidebar .image-overlay a  { top:30%; }
.portfolio.three-column-with-sidebar:hover a.zoom { left:20%; }
.portfolio.three-column-with-sidebar:hover a.link { right:20%; }

.portfolio.four-column-with-sidebar .image-overlay a  { top:20%; }
.portfolio.four-column-with-sidebar:hover a.zoom { left:9%; }
.portfolio.four-column-with-sidebar:hover a.link { right:9%; }

.related-works.three-fourth .one-third .image-overlay a { top:40%; }
.related-works.three-fourth .one-third:hover a.zoom { left:27%; }
.related-works.three-fourth .one-third:hover .image-overlay a.link { right:27%; }
.related-works.three-fourth .one-third .thick-border p { top:66%; }


/* Portfolio Detail 
-------------------------------------------------------------- */
.one-fourth .portfolio-thumb, .portfolio-thumb.full-width { width:auto; margin-right:0; float:left; }
.portfolio-thumb img { width:610px; }
.project-desc .content-box { width:83.8%; margin-bottom:17px; }
.project-desc .content-box p { float:left; }
.portfolio-thumb.full-width { margin-bottom:55px; }
.one-third .content-box { float:left; width:84.6%; }
.content-box ul.project-details { float:left; margin-bottom:8px; padding-left:0; }
.content-box ul.project-details li { float:left; clear:both; list-style:none; font-style:normal; line-height:16px; margin-bottom:10px; }
.content-box ul.project-details li span { font-size:16px; }

.portfolio-slider-container { float: left; margin: 0px; padding: 0; position: relative; width: 100%; z-index:7; }
.portfolio-slider { float: left;  margin: 0; padding: 0; }
.portfolio-thumb.full-width .portfolio-slider-container ul li { width:930px !important; }
.portfolio-thumb.two-third .portfolio-slider-container ul li { width:609px !important; }
.portfolio-thumb.full-width { float:left; width:100%; }
.portfolio-slider-container .bx-wrapper { position:relative; }
.portfolio-slider-container .bx-controls-direction a { background-repeat: no-repeat; display: block; height: 80px; width: 40px; text-indent:-9999px; }
.portfolio-slider-container .bx-controls-direction a:hover { background-color:#ffffff; }
.portfolio-slider-container .bx-controls a { position:absolute; top:44%; }
.portfolio-slider-container .bx-controls a.bx-next { right:5px; background-position:8px center; }
.portfolio-slider-container .bx-controls a.bx-prev { left:5px; background-position:6px center; }

/* Portfolio Category Navigation
-------------------------------------------------------------- */
.sorting-container { line-height:41px; margin-bottom:34px; text-align:center; }
.sorting-container li { display:inline-block; line-height:36px; }
.sorting-container li a:before { background:url(../img/sorting-seperator.jpg) right no-repeat; content: ""; float: left; height: 37px; left: -5px; position: relative; width: 1px; }
.sorting-container li a { color:#252525; font-size:12px; font-weight:normal; padding:10px 16px 10px 15px; border-top:1px solid #dfdfdf; border-bottom:4px solid #c7c7c7; margin:0 0 0 -6px; background:url(../img/sorting-bg.jpg) repeat-x ; behavior: url(PIE.htc); text-transform:uppercase; text-shadow:1px 1px 0px #ffffff; }
.sorting-container li:first-child a.active:before, .sorting-container li:first-child:hover a:before { border-radius:5px; background:#F3F3F3; }
.sorting-container li:first-child a:before { position:relative; top:2px; }
.sorting-container li:first-child a { border-radius:5px 0 0 5px; behavior: url(PIE.htc); border-left:1px solid #DFDFDF; }
.sorting-container li:last-child a { border-radius:0 5px 5px 0; behavior: url(PIE.htc); border-right:1px solid #DFDFDF; }
.sorting-container li:last-child a.active { border-right:none; }
.sorting-container li a.active, .sorting-container li a:hover { background-image:none; }
.sorting-container li a.active { margin-left:-6px; }

/* BLOG
-------------------------------------------------------------- */
.blog-post { float:left; margin-bottom:40px; }
.blog-single-entry .blog-post { margin-bottom:13px; }
.post-details { float:left; }
.post-details h2 { border-bottom:1px solid #ebebeb; margin-bottom:0; font-size:20px; text-transform:none; padding-bottom: 4px; }
.blog-post .post-details p { border-top:1px solid #fcfcfc; padding-top:13px; margin-bottom:10px; float:left; }
.blog-single-entry .blog-post .post-details p { border-top:none; }
.blog-single-entry .blog-post .post-details h2 { font-size:25px; padding-bottom:12px; }
.blog-post .post-details .post-desc p { float:none; }
.post-details ul { padding-top:4px; padding-bottom:3px; float:left; width:100%; border-top:1px solid #fcfcfc; border-bottom:1px solid #ebebeb; }
.post-details ul li { margin-right:17px; font-size:12px; float:left; }
.post-desc { border-top:1px solid #fcfcfc; float:left; }
.post-desc p { border:none; float:none; }
.post-desc p span { margin:4px 0 10px 18px; }
.post-desc p span span { margin:0; }
.post-desc p .portfolio-thumb, ul.commentlist li .commentmetadata { float:right; }
.post-details .read-more { clear:both; float: right; }

/* hover */
/*.blog-entry-img:after {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: background-color 0.2s ease 0s;
    width: 100%;
}
.blog-entry-link:hover .blog-entry-img:after {
	background-color:rgba(255, 255, 255, 0.3)
}
.animate_afc.animate_start {
	-webkit-animation: 0.8s cubic-bezier(1, 0, 0, 1) 0s normal backwards 1 afc;
	animation: 0.8s cubic-bezier(1, 0, 0, 1) 0s normal backwards 1 afc;
	opacity: 1;
}*/
.blog-post .post-thumb a { display: block; overflow: hidden; }
.blog-post .post-thumb a img { 
	-webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); 
	-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
	opacity: 0.99; filter: alpha(opacity=99);
}
.blog-fullwidth.blog-post .border-bottom:after, .blog-post .border-bottom:before { width:99.6%; }

.blog-entry-link:hover .blog-entry-img:after, .blog-post .post-thumb a:hover { border-radius:5px; }
.blog-post .post-thumb a:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

/* one-column */
.one-column.with-sidebar .post-details { width:61.1%; }
.one-column .border-bottom:after, .one-column .border-bottom:before { width:99.7%; }
.blog-post.one-column .border-bottom:after, .blog-post.one-column .border-bottom:before { width:99.5%; }
.blog-post.one-column.with-sidebar .border-bottom:after, .blog-post.one-column.with-sidebar .border-bottom:before { width:99.2%; }
.one-column .post-details { width:74.4%; }
.blog-single-entry .blog-post .border-bottom:before, .blog-single-entry .blog-post .border-bottom:after { width:99.7%; } 

/* two column */
.blog-post.one-half.with-sidebar .border-bottom:after, .blog-post.one-half.with-sidebar .border-bottom:before { width:98.5%; }
.one-half.with-sidebar .border-bottom:after, .one-half.with-sidebar .border-bottom:before { width:99.3%; }
.one-half .border-bottom:after, .one-half .border-bottom:before { width:99.6%; }

/* three column */
.one-third .border-bottom:after, .one-third .border-bottom:before { width:99.3%; }
.one-third.with-sidebar .border-bottom:after, .one-third.with-sidebar .border-bottom:before { width:98.8%; }
.blog-post.one-third { min-height:417px; }
/* four column */
.one-fourth .border-bottom:after, .one-fourth .border-bottom:before { width:98.9%; }

.portfolio-thumb.two-third.border-bottom:after, .portfolio-thumb.two-third.border-bottom:before { width:99.7%; }

.one-column-with-sidebar .portfolio-thumb.border-bottom:before, .one-column-with-sidebar .portfolio-thumb.border-bottom:after { width:99.4%; }

/* Blog Style - Primary Content
-------------------------------------------------------------- */
.blog-post.no-thumb .post-details { width:100%; }
.recent-post.two-col .post-details ul li { margin-right:12px; }
.one-half .blog-post .post-thumb { margin:0 0px 24px 0; }
.one-half .post-details { width:100%; }
.blog-post .post-thumb { margin-bottom:24px; width:100%; }
.two-col article .border-bottom:after, .two-col article .border-bottom:before { width:99.4%; }
.two-third .blog-post:last-child, .widget_contact_details ul li:last-child { margin-bottom:0; }
.one-column .post-thumb { margin:0 20px 0 0; width:220px; }

/* COMMENT ENTRIES
-------------------------------------------------------------- */
.commententries { float:left; }
.commentlist * { font-family: 'Istok Web', sans-serif; }
.commententries ul { float:left; margin-bottom:0; }
.commentlist .comment-author { float:left; margin-right:20px; width: 60px; text-align:center; }
.comment-author .reply { display: inline-block; font-weight:bold; font-size:13px; margin-top: 5px; text-transform: capitalize; }
.commentlist .comment-author img { float:left; width:60px; }
.commentlist .comment-author { float:left; }
.commentlist .comment-author img { float:left; }
.comment { float:left; }
.comment .comment-meta { width:100%; margin-bottom:5px; }
.comment .comment-meta .author-name a{ color:#5f5e5e; font-weight:bold; float:left; }
.comment-meta .commentmetadata { color:#5f5e5e; float:right; font-style:italic; font-size:14px; }
.commententries .commentlist .comment-details { float:left; width:87%; }
.comment-details p { line-height:20px; }
.comment-container { float:left; margin-bottom:20px; border-bottom:1px dotted #b9b9b9; }
.commentlist .children  { margin-left:80px; }
.commentlist .children .comment-details { width:85%; }
#respond, .contact-frm { float:left; width:100%; }
#respond input[type="text"], .contact-frm input[type="text"] { width:43.8%; margin-right:20px; }
#respond input[type="email"], .contact-frm input[type="email"] { width:43.2%; }
#respond textarea, .contact-frm textarea { width:95%; }
#respond input[type="text"], #respond input[type="email"], #respond textarea, .contact-frm input[type="text"], .contact-frm input[type="email"], .contact-frm textarea { color:#5f5e5e; float:left; clear:none; box-shadow: 1px 1px 0px #ffffff; -moz-box-shadow: 1px 1px 0px #ffffff; -webkit-box-shadow: 1px 1px 0px #ffffff; -o-box-shadow: 1px 1px 0px #ffffff; padding:14px; resize:none; }
#respond input[type="submit"] { float:right; margin-top:20px; }
.two-third #respond { margin-top:0; }

/* widget_testimonials
-------------------------------------------------------------- */
.widget_testimonials li:last-child { margin-bottom:0; }
.widget_testimonials li { margin-bottom:0px; }
.widget_testimonials blockquote { float:left; position:relative; background-color:#ebebeb !important; border:none !important; box-shadow:1px 1px 0px #d7d7d7; -moz-box-shadow:1px 1px 0px #d7d7d7; -webkit-box-shadow:1px 1px 0px #d7d7d7; -o-box-shadow:1px 1px 0px #d7d7d7; margin-bottom:9px; behavior: url(PIE.htc); }
.widget_testimonials blockquote q { float:left; }
.widget_testimonials blockquote:after { content:""; border-left: 20px solid transparent; border-right: 0 solid transparent; border-top: 23px solid #EBEBEB; bottom: -23px; height: 0; right: 10px; position: absolute; width:0; left:inherit; border-bottom:transparent; }

.carousel-wrapper { position:relative; }
.widget_testimonials .carousel-arrows { right: 13px; position: absolute; top: -74px; }
.widget_testimonials .carousel-arrows .prev-arrow { float: left; margin-right: 1px; }
.widget_testimonials .carousel-arrows .icon-chevron-left { border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.widget_testimonials .carousel-arrows .icon-chevron-right {  border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
.widget_testimonials .carousel-arrows .icon-chevron-left, .widget_testimonials .carousel-arrows .icon-chevron-right { background-color: #BEBEBE; color: #ebebeb; padding: 5px 7px; box-shadow:1px 1px 0px #fff; }
.widget_testimonials .carousel-arrows .icon-chevron-left:hover, .widget_testimonials .carousel-arrows .icon-chevron-right:hover { color:#fff; }

/* newsletter
-------------------------------------------------------------- */
.widget_newsletter { background:#dedcdc; float:left; width:100%; padding:13px 0; position:relative; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; z-index:555; }
.widget_newsletter.gradient { background: #dedcdc; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2RlZGNkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #dedcdc 1%, #e9e9e9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #dedcdc), color-stop(100%, #e9e9e9)); background: -webkit-linear-gradient(top, #dedcdc 1%, #e9e9e9 100%); background: -o-linear-gradient(top, #dedcdc 1%, #e9e9e9 100%); background: -ms-linear-gradient(top, #dedcdc 1%, #e9e9e9 100%); background: linear-gradient(to bottom, #dedcdc 1%, #e9e9e9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedcdc', endColorstr='#e9e9e9', GradientType=0 );
}
.widget_newsletter:before { background:url(../img/newsletter-overlay.png) no-repeat; width:905px; height:65px; right:0; bottom:0; position:absolute; content:""; }
.widget_newsletter:after { border-top:17px solid #ededed; bottom:-17px; }
.widget_newsletter .container { position:relative; z-index:999; ;}
.widget_newsletter h2 { margin-right:0px; margin-top:10px; margin-bottom:0px; }
.widget_newsletter form { width:88.5%; margin:0 auto; }
.widget_newsletter form.subscribe-frm input[type="text"], .widget_newsletter form.subscribe-frm input[type="email"] { margin-bottom:0; }
.widget_newsletter form input[type="text"], .widget_newsletter form input[type="email"] { margin-right:20px; width:23.4%; }
.widget.widget_newsletter.gradient { margin-bottom:0; }

/* Boxed
-------------------------------------------------------------- */
.boxed-content { float:left; background:#e8e8e8; border-radius:5px; border:1px solid #d7d7d7; box-shadow: 1px 1px 0px #ffffff; -moz-box-shadow: 1px 1px 0px #ffffff; -webkit-box-shadow: 1px 1px 0px #ffffff; -o-box-shadow: 1px 1px 0px #ffffff; padding:22px 22px 22px 22px; }
.boxed-content h4 { text-shadow:1px 1px 0px rgba(255,255,255,.75); }
.boxed-content p { font-style:italic; line-height:25px; }

/* BUTTON STYLES
-------------------------------------------------------------- */
input[type="submit"], input[type="reset"], input[type="button"], button, .button { cursor:pointer; border-top: none; border-left: none; border-right:none; background-repeat:repeat-x; border-bottom:0; font-family: 'PT Sans', sans-serif; font-size:16px; text-transform:uppercase; border-radius:4px 4px 4px 4px; display:inline; position:relative; background-size:1px 41px; behavior: url(PIE.htc); }
input[type="submit"] .icon-circle-arrow-right, input[type="button"] .icon-circle-arrow-right, button .icon-circle-arrow-right, .button .icon-circle-arrow-right { float:right; font-size:30px; margin-left:20px; padding-left:10px; }
.button { padding: 9px 18px 9px; color:#fff; }

/* Button Sizes
-------------------------------------------------------------- */
.small { font-size:13px; padding:5px 15px 6px; background-size:1px 34px; }
.large { font-size:18px !important; padding: 10px 32px 11px; line-height:31px; height:31px; background-size:1px 52px; }
.lengthy { font-size:16px !important; padding: 12px 45px 13px; line-height:26px; height:31px; background-size:1px 50px; }
.small.button-arrow { line-height:30px; background-size:1px 42px; }
input.button.medium { height:40px; padding:5px 18px 5px; }
input.button.large { height:52px; }

/* List Styles
-------------------------------------------------------------- */
.tabs-framed li { border-bottom: 1px solid #EBEBEB; border-top: 1px solid #FCFCFC; float: left; line-height: 17px; width: 100%; }
.tabs-framed li a { float: left; font-size: 16px; padding:11px 0 7px; width: 100%; }
.widget_categories ul, .widget_testimonials ul, .widget_tag_cloud ul { padding-left:0; }
.testimonial-carousel blockquote q{ font-style:italic; }
.widget_categories ul li { float:left; width:100%; border-top:1px solid #fcfcfc; border-bottom:1px solid #ebebeb; line-height:18px }
.widget_categories ul li a { float:left; font-size:16px; padding:12px 0 12px 33px; width:87%; }
.widget_categories ul li a:hover { color:#5f5e5e; }
.widget_categories ul li:first-child, .tabs-framed li:first-child { border-top:none; }
.widget_categories ul li:last-child, .tabs-framed li:last-child { border-bottom:none; }
.widget_categories ul li:first-child, .widget_categories ul li:first-child a, .tabs-framed li:first-child a { padding-top:0; }
.widget_categories ul li a span { float:right; margin-right:5px; }
.angle-arrow i { float:left; }
ul .icon-angle-right { margin-top:3px; }
.angle-arrow ul, .widget_testimonials ul li { list-style:none; }

/* Tags
-------------------------------------------------------------- */
.widget_tag_cloud li { float:left; margin:0 9px 9px 0; }
.widget_tag_cloud li a { float:left; background:#ffffff; color:#5f5e5e; font-size:16px; padding:10px; box-shadow:1px 1px 0px #d7d7d7; -moz-box-shadow:1px 1px 0px #d7d7d7; -webkit-box-shadow:1px 1px 0px #d7d7d7; -o-box-shadow:1px 1px 0px #d7d7d7; min-width:1px; min-height:1px; border-radius:4px; behavior: url(PIE.htc); }

/* BLOCKQUOTE STYLES
-------------------------------------------------------------- */
.post-details blockquote { margin-left:18px; width:30%; margin-top:26px; }
blockquote.float-right { width:30%; margin-left:26px; }
blockquote.float-left { width:30%; margin-right:26px; }

/* Banner
-------------------------------------------------------------- */
.banner.shadow { border-radius:4px; margin:40px 0 52px !important; height:auto; behavior: url(PIE.htc); }
.banner.shadow:after { content:""; width:100%; height:14px; position:absolute; bottom:-13px; z-index:-1; left:0; background-image:url(../img/banner-shadow.png); background-repeat: no-repeat; background-position: center 103.4%; }
.banner.shadow img { width:100%; }

/* INTRO (WELCOME)
-------------------------------------------------------------- */
.container .intro { padding:20px 0; text-transform:capitalize; }
.page-heading.intro:after { display:none; }
.container .intro div { float:left; padding:0 20px; width:95.7%; }
.container .intro div h2, .container .intro div h6 { clear:none; }
.container .intro div h2 { margin-top:12px; margin-bottom:13px; }
.container .intro div h6 { margin-bottom:12px; }
.container .intro div img { width:130px; float:left; margin-right:20px; border-radius:4px; border:2px solid #d1e496; behavior: url(PIE.htc); }
.intro .button.medium { height:22px; }

/* pagination
-------------------------------------------------------------- */
.pagination { float:left; width:100%; margin:10px 0 30px 0; }
.pagination a { font-family: 'Open Sans', sans-serif; font-size:15px; border-radius:4px; behavior: url(PIE.htc); }
.pagination ul li { font-family: 'Open Sans', sans-serif; font-size:15px; margin-right:10px; text-transform:uppercase; display:inline-block;  padding:10px 0px 10px 0px; }
.pagination ul li.active-page { padding:9px 15px 10px 16px; border-radius:4px; behavior: url(PIE.htc); }
.pagination ul li a { padding:10px 15px 10px 16px; border-radius:4px; behavior: url(PIE.htc); background-color:#eeeeee; border:1px solid #d7d7d7; }
.pagination ul li a:hover, .pagination ul li.active-page, .pagination a .skip-page:hover { background-color:#ffffff !important; color:#5F5E5E; }
.pagination ul li a:hover, .pagination ul li.active-page, .pagination a .skip-page:hover { border:1px solid; }

/* Newsletter Signup
-------------------------------------------------------------- */
#secondary .widget_newsletter { background:none; border:none; padding:0; }
#secondary .widget_newsletter h2 { width:auto; float: none; margin-bottom: 40px; margin-right: 0; }
#secondary .widget_newsletter:after { display:none; }
#secondary .widget_newsletter:before { display:none; }
#secondary .widget_newsletter form { width:100%; }
#secondary .widget_newsletter form input { margin-bottom:10px; }
#secondary .widget_newsletter form input[type="text"], #secondary .widget_newsletter form input[type="email"] { margin-right: 0; width: 88%; }
#secondary .widget_newsletter form input[type="submit"] { margin-right:3px; }
#secondary .categories h2 { margin-bottom:30px; }
#secondary .tabs-framed li:last-child { border-bottom:none; }

/* Date
-------------------------------------------------------------- */
#secondary .post-date { float:left; font-family: 'Open Sans', sans-serif; border:1px solid #d7d7d7; border-radius:5px; margin-right:20px; position:relative; behavior: url(PIE.htc); }
.post-date * { font-family: 'Open Sans', sans-serif; }
.post-date span:after, .post-date span:before { border-radius: 4px 4px 4px 4px; width: 99.5%; z-index: 2;  behavior: url(PIE.htc); background: none repeat scroll 0 0 #EBEBEB; border: 1px solid #D7D7D7; content: ""; height: 3px; position: absolute; width: 98.8%; z-index: 2; } 
.post-date span:after { bottom:-3px; border-radius: 0 0 4px 4px; border-top: medium none; left: 0;}
.post-date span:before { bottom:-6px; border-radius: 4px 4px 4px 4px; left: 0; }

.widget_recent_posts .post-details { float:left; width:70%; }
.widget_recent_posts h5 { margin-bottom:15px; } 
.widget.widget_recent_posts h5 a { line-height:19px; }

.post-date p { background:#eeeeee; font-size:25px; padding:3px 5px 3px; margin-left:0 !important; text-align:center; margin-bottom:0; border-radius:5px 5px 0 0; border-bottom: 1px solid #D7D7D7; behavior: url(PIE.htc); }
.post-date span { float:left; background:#595959; color:#eeeeee; line-height:15px; font-size:15px; clear:both; text-align:center; padding:3px 5px 5px; width:50px; text-transform:uppercase; border-radius:0 0 5px 5px; border-bottom: 1px solid #D7D7D7; text-shadow:none; behavior: url(PIE.htc); }
.widget_recent_posts article { float:left; margin-bottom:26px; width:100%; }
.widget_recent_posts article:last-child, #secondary section:last-child { margin-bottom:0; }

/* TEAM MEMBER
-------------------------------------------------------------- */
.team-member { float:left; margin-bottom:30px; }
.team-member .portfolio-thumb { margin-right:20px; }
.team-member .portfolio-thumb img { width:210px; }
.team-member ul { float:left; }
.team-member .team-mem-details { text-shadow:1px 1px 0px rgba(255,255,255,.75); width:46.6%; display:block; }
.one-half .team-member .team-mem-details { width:47.7%; }
.team-member .team-mem-details h6 { margin-bottom:9px; font-size:17px; line-height:17px; }
.team-member .team-mem-details h6 span { font-size:14px; }
.team-member li { list-style:none; margin-bottom:16px; display:block; }
.team-member .social-links { float:left; }
.team-member .social-links li { margin-bottom:0; }
.team-member .social-links li a { background-image:url(../img/social-icons-tiny.png) ; background-color:#a2a2a2; border-radius:18px; behavior: url(PIE.htc); }

.team-member .social-links .fb { width:10px; height:18px; padding:6px 10px; }
.team-member .social-links .fb, .team-member .social-links .fb:hover { background-position: 10px center; }
.team-member .social-links .twit { width:18px; height:18px; padding:6px 6px; }
.team-member .social-links .twit, .team-member .social-links .twit:hover { background-position: -25px 5px; }
.team-member .social-links .l-in { width:18px; height:18px; padding:6px; }
.team-member .social-links .l-in, .team-member .social-links .l-in:hover { background-position: -60px; }

.team-member .social-links .fb:hover { background-color:#355493; }
.team-member .social-links .twit:hover { background-color:#57c8ed;  }
.team-member .social-links .l-in:hover { background-color:#0173b2;  }

/* Content Box ( bg)
-------------------------------------------------------------- */
.content-box { float:left; background:#e8e8e8; border:1px solid #d7d7d7; box-shadow: 1px 1px 0px #ffffff; -moz-box-shadow: 1px 1px 0px #ffffff; -webkit-box-shadow: 1px 1px 0px #ffffff; -o-box-shadow: 1px 1px 0px #ffffff; padding:22px 22px 26px 22px; border-radius:5px; width:92.5%; behavior: url(PIE.htc); }
.content-box h4 { text-shadow:1px 1px 0px rgba(255,255,255,.75); }
.content-box p { font-style:italic; line-height:25px; }
.widget_contact_details li h4 { float:left; margin-bottom:9px !important; }
.widget_contact_details li p { margin-bottom:6px; font-style:normal; }
.widget_contact_details li span { font-weight:bold; }

/* Map
-------------------------------------------------------------- */
#map { width:100%; margin-bottom:38px; }
#map iframe { float:left; }
#map.thumb img { width:930px; }

/* Side Navigation
-------------------------------------------------------------- */
.side-nav:before, .side-nav:after, .side-nav li:after, .side-nav li:before, .side-nav li:hover :after, .side-nav li:hover :before, .side-nav li.active :after, .side-nav li.active :before { content:""; position:absolute;  }
#secondary.side-nav { width:29.8%; background:url(../img/side-nav-gradient.png) repeat-y 2px 0; background-size:100%; float:left; min-height:600px; position:relative; border-right:1px solid #d9d9d9; display:none} /*THIS ONE IS CHANGED*/
.side-nav:before {  top:-28px; left:0;  background:url(../img/side-nav-shad.png) no-repeat; width:100%; height:29px; background-size:100%; }
.side-nav:after { bottom:-28px; left:0;  background:url(../img/side-nav-shad-btm.png) no-repeat; width:100%; height:29px; background-size:100%; }
.side-nav { position:relative; }
.side-nav li { float:left; clear:both; width:100%; position:relative; border-bottom:1px solid #d9d9d9; border-top:1px solid #ffffff; }
.side-nav li:after { background-color:transparent; bottom:-2px; left:0; height:3px; width:100%; z-index:999; }
.side-nav li:hover :after, .side-nav li.active :after {  bottom:-2px; left:0; height:3px; width:100%; z-index:999; }
.side-nav li:before { background-color: transparent; border-left: 0 solid transparent; border-right: 10px solid transparent; border-top: 8px solid transparent; bottom: -7px; height: 0; right:-10px; width: 0; z-index: 999; }
.side-nav li:hover :before, .side-nav li.active :before { background-color: transparent; border-width:8px 10px 0 0; border-color:transparent; border-style:solid; bottom: -7px; height: 0; right: -10px; width: 0; z-index: 999; }
.side-nav li a { float:left; font-size:16px; font-family: 'PT Sans', sans-serif; padding:19px 36px 19px 36px; font-weight:bold; width:214px; color:#5f5e5e; }

.side-nav li a, #secondary .widget_categories ul li a { background-image: url(../img/arrow-grid.png); background-repeat: no-repeat; background-position: 12px center; }
#secondary .widget_categories ul li:first-child a { background-position:12px 2px; }
.side-nav li a:hover, .side-nav li.active a { width:80%; border:none; background-image:url(../img/arrow-grid-hover.png); background-repeat: no-repeat; background-position:12px center; }
.side-nav li a, .side-nav li a:hover, .side-nav li.active a { transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -webkit-transition: all 100ms ease-in-out; -o-transition: all 100ms linear; }
.side-nav li:first-child { border-top:none; }
.side-nav li:last-child { border-bottom:none; }
.side-nav li:hover :after, .side-nav li.active :after { background-color:#5a5a5a; }
.side-nav li:hover :before, .side-nav li.active :before { border-top-color:#565656; }

/* Error - 404
-------------------------------------------------------------- */
.error-404 { float:left; width:100%; margin-top:135px; }
.error-404 h2 span { font-size:60px; margin-bottom:4px; text-transform:uppercase; }
.error-404 p { margin-bottom:30px; margin-top:14px; }
.search-frm { width:435px; margin-left:auto; margin-right:auto; margin-top:35px; border-radius:5px; behavior: url(PIE.htc); }
.search-frm input[type="text"] { width:66.1%; }
.search-frm input.theme-btn.medium[type="submit"] { margin-left:10px; }
/*.feature-images, .feature-images img { width:100%; }*/
.feature-images > img { display: block; margin-left: auto; margin-right: auto; text-align: center; }

/* PAGE FOOTER
-------------------------------------------------------------- */
footer { background: url(../img/footer-bg.jpg) repeat; width:100%; float:left; border-top:4px solid #303030; padding:40px 0 0 0; position:relative; }
footer * { text-shadow:1px 1px 0 rgba(48, 48, 48, 0.75); }
footer div, footer li, footer p, footer a { font:inherit; font-size:13px; color:#aaaaaa; }
footer a { color:#D7D7D7; }
footer ul.footer-links li a { color: #7B7B7B; font-size:12px; text-shadow:1px 1px 0px #181818; }
footer:after { content:""; width:100%; height:99px; position:absolute; left:0; top:0; background: url(../img/footer-overlay-top.png) no-repeat; border-top:1px solid #464646; }
footer:before { content:""; background:url(../img/footer-overlay-bottom.png) no-repeat; width:955px; height:99px; position:absolute; bottom:70px; right:0; }
footer .container { position:relative; z-index:999; }
footer i { color:#616161; font-family:FontAwesome !important; }

/* contact details
-------------------------------------------------------------- */
footer .widget-title { color:#b1b1b1; font-family: 'dosis', sans-serif; margin-bottom:25px; }
.widget_contact_details ul { margin-top:6px; float:left; }
.widget_contact_details p { float:left; margin-top:13px; margin-bottom:0; }
.widget_contact_details ul li { float:left; clear:both; margin-bottom:18px; width:100%; }
.widget_contact_details ul li:nth-child(2) { line-height:40px; }
.widget_contact_details ul i { float: left; margin-right: 10px; width:20px; }
.widget_contact_details ul .icon-map-marker { margin-top: 10px; min-height:37px; }

/* Flickr Thumbs
-------------------------------------------------------------- */
.widget_flickr ul li { float:left; border:3px solid #676767; margin:5px 10px 5px 0; }
.widget_flickr ul li img { float:left; height:54px; width:54px; }

/* Footer Links
-------------------------------------------------------------- */
.widget_footer_links ul li { padding:6px 0; border-bottom:1px solid #464646; }

/* TweetBox
-------------------------------------------------------------- */
.widget_tweetbox ul li { float:left; margin-bottom:17px; }
.widget_tweetbox ul li a { margin-right:5px; }
.widget_tweetbox ul li i { margin-top:4px; }
.widget_tweetbox ul li div { width:87%; float:left; }
.tweet_list li:before { content:"\f099"; font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit; }
.widget_tweetbox .tweet_time { float:left; width:100%; }
/* Footer Bottom
-------------------------------------------------------------- */
.footer-info { background:url(../img/footer-info.jpg) repeat; float:left; margin-top:10px; width:100%; padding:20px 0 18px; border-top:1px solid #464646; }

/* footer navigation
-------------------------------------------------------------- */
.footer-links li { float:left; margin:4px 7px 0 0; }
.footer-links li a { background:url(../img/footer-nav-sep.png) no-repeat right center; padding-right:11px; text-transform:uppercase; }
.footer-links li:last-child a { background:none; }

/* Social Links
-------------------------------------------------------------- */
.social-links { float:right; }
.social-links li { float:left; margin-right:10px; }
.widget_footer_links ul li:first-child { padding-top:0; }
.social-links li a { float:left; width:30px; height:31px; background:url(../img/social-icons1.png) no-repeat; }
.social-links li .fb { background-position:left bottom; }
.social-links li .twit { background-position: -40px bottom; }
.social-links li .gp { background-position:  -80px bottom; }
.social-links li .youtube { background-position: right bottom; }
.social-links li .fb:hover { background-position: top left; }
.social-links li .twit:hover { background-position: -40px top; }
.social-links li .gp:hover { background-position: -80px top; }
.social-links li .youtube:hover { background-position: top right; }
.widget_contact_details ul, .widget_flickr ul, .widget_footer_links ul, .widget_tweetbox ul, .footer-links, .social-links { padding-left:0; list-style:none; }

/* Styled Elements
-------------------------------------------------------------- */
.styled-elements a.button { margin-right:20px; margin-bottom:20px; display:inline-block; }
.border-bottom { border-radius:5px; float: left; position: relative; }
.portfolio-thumb img, .post-thumb img { width:100%; float:left; }
.portfolio-thumb .thick-border, .post-thumb .thick-border, .thumb.thick-border, .portfolio-slider li, .thick-border { background-color:#e7e7e7; border: 5px solid #e7e7e7; border-radius: 5px 5px 0px 0px; float: left; position: relative; behavior: url(PIE.htc); z-index:5; }
.blog-post .thick-border, #map .thick-border { border-radius:5px; }
.thick-border > img, .thick-border.alignright { margin:0;}
.post-desc .thick-border.alignright { margin-left:20px; margin-bottom:20px; }
.thumb.thick-border > img, .thumb.thick-border, .thumb {
    float: left;
}
.rounded-corner, .thick-border > img, .portfolio-slider li img, .blog-post .post-thumb img, .comment-author img, .intro-2 img, .post-author-details img, .image-overlay { border-radius:5px 5px 0px 0px; }
.related-works .thick-border, .related-works .thick-border > img { border-radius:5px 5px 0px 0px; }

#primary.content-full-width #map .thick-border { background-color:transparent; width: 99%; }
#primary #map .thick-border, .with-left-sidebar #map .thick-border { width:98.5%; }

/* LIsts
-------------------------------------------------------------- */
	ul.fancy-list { list-style-type:none; list-style-position:outside; }
	ul.fancy-list li { display:block; position:relative; padding-left:0px; line-height:normal; }
	ul.fancy-list li ul { padding-left:0px; }
	
	ul.fancy-list.arrow li { padding-left:15px; }
	
	ul.fancy-list li:before { font-family:FontAwesome; font-style:normal; color:#333334; font-weight:normal; text-decoration:inherit; font-size:14px; position:absolute; top:1px; left:0px; }
	
	ul.fancy-list.arrow li:before { content:"\f105";  }
	ul.fancy-list.rounded-arrow li:before { content:"\f0a9";  }
	ul.fancy-list.double-arrow li:before { content:"\f101";  }	
	ul.fancy-list.heart li:before { content:"\f004"; font-size:12px; }
	ul.fancy-list.trash li:before { content:"\f014";  }
	ul.fancy-list.star li:before { content:"\f005";  }
	ul.fancy-list.tick li:before { content:"\f00c";  }
	ul.fancy-list.rounded-tick li:before { content:"\f058";  }
	ul.fancy-list.cross li:before { content:"\f00d";  }
	ul.fancy-list.rounded-cross li:before { content:"\f057";  }
	ul.fancy-list.rounded-question li:before { content:"\f059";  }
	ul.fancy-list.rounded-info li:before { content:"\f05a";  }
	ul.fancy-list.delete li:before { content:"\f05e";  }
	ul.fancy-list.warning li:before { content:"\f071";  }
	ul.fancy-list.comment li:before { content:"\f075";  }
	ul.fancy-list.edit li:before { content:"\f044";  }
	ul.fancy-list.share li:before { content:"\f064";  }
	ul.fancy-list.plus li:before { content:"\f067";  }
	ul.fancy-list.rounded-plus li:before { content:"\f055";  }
	ul.fancy-list.minus li:before { content:"\f068";  }	
	ul.fancy-list.rounded-minus li:before { content:"\f056";  }	
	ul.fancy-list.asterisk li:before { content:"\f069";  }
	ul.fancy-list.cart li:before { content:"\f07a";  }
	ul.fancy-list.folder li:before { content:"\f07b";  }
	ul.fancy-list.folder-open li:before { content:"\f07c";  }
	ul.fancy-list.desktop li:before { content:"\f108";  }
	ul.fancy-list.tablet li:before { content:"\f10a";  }
	ul.fancy-list.mobile li:before { content:"\f10b";  }
	ul.fancy-list.reply li:before { content:"\f112";  }
	ul.fancy-list.quote li:before { content:"\f10d";  }
	ul.fancy-list.mail li:before { content:"\f0e0";  }
	ul.fancy-list.external-link li:before { content:"\f08e";  }	
	ul.fancy-list.adjust li:before { content:"\f042";  }
	ul.fancy-list.pencil li:before { content:"\f040";  }
	ul.fancy-list.print li:before { content:"\f02f";  }
	ul.fancy-list.tag li:before { content:"\f02b";  }	
	ul.fancy-list.thumbs-up li:before { content:"\f088";  }
	ul.fancy-list.thumbs-down li:before { content:"\f087";  }
	ul.fancy-list.time li:before { content:"\f017";  }
	ul.fancy-list.globe li:before { content:"\f0ac";  }	
	ul.fancy-list.pushpin li:before { content:"\f08d";  }
	ul.fancy-list.map-marker li:before { content:"\f041";  }
	ul.fancy-list.link li:before { content:"\f0c1";  }
	ul.fancy-list.paper-clip li:before { content:"\f0c6";  }	
	ul.fancy-list.download li:before { content:"\f019";  }
	ul.fancy-list.key li:before { content:"\f084";  }
	ul.fancy-list.search li:before { content:"\f002";  }
	ul.fancy-list.rss li:before { content:"\f09e";  }	
	ul.fancy-list.twitter li:before { content:"\f099";  }
	ul.fancy-list.facebook li:before { content:"\f09a";  }
	ul.fancy-list.linkedin li:before { content:"\f0e1";  }
	ul.fancy-list.google-plus li:before { content:"\f0d5";  }
	
	ul.fancy-list.check li:before { content:"\f046";  }
	ul.fancy-list.hand li:before { content:"\f0a4";  }
	ul.fancy-list.cog li:before { content:"\f013";  }
	ul.fancy-list.play li:before { content:"\f01d";  }
	
	ol.fancy-list li span { color:#333334; }

	ol.decimal { list-style:decimal inside; }
	ol.decimal-leading-zero { list-style:decimal-leading-zero inside; }
	ol.lower-alpha { list-style:lower-alpha inside; }
	ol.lower-roman { list-style:lower-roman inside; }
	ol.upper-alpha { list-style:upper-alpha inside; }
	ol.upper-roman { list-style:upper-roman inside; }
	
	ol.fancy-list.blue li { color:#2b6375; }
	ol.fancy-list.yellow li { color:#ffc956; }
	ol.fancy-list.pink li { color:#c34258; }
	ol.fancy-list.green li { color:#61a760; }
	ol.fancy-list.violet li { color:#343b67; }
	ol.fancy-list.mustard li { color:#a38036; }
	ol.fancy-list.turquoise li { color:#42c2a2; }	
	ol.fancy-list.olive-green li { color:#C9C94F; }
	ol.fancy-list.orange li { color:#FB7A1A; }
	ol.fancy-list.purple li { color:#BC3099; }
	ol.fancy-list.red li { color:#D11B1B; }
	ol.fancy-list.deepblue li { color:#092334; }
	ol.fancy-list.teal li { color:#008899; }	
	ol.fancy-list.mauve li { color:#625B56; }
	ol.fancy-list.steelblue li { color:#788794; }
	ol.fancy-list.coffee li { color:#372E25; }
	ol.fancy-list.coral li { color:#FF7F50; }
	ol.fancy-list.crimson li { color:#DC143C; }
	ol.fancy-list.hotpink li { color:#FF69B4; }
	ol.fancy-list.aqua li { color:#00DDDD; }
	
	.fancy-list li [class^="icon-"] {
    padding-right: 10px;
}

ul.fancy-list.grey li i, .grey.fancy-list li [class^="icon-"], ol.grey.fancy-list li {
 color:#585858;
}
ul.fancy-list.light-grey li i, .light-grey.fancy-list li [class^="icon-"], ol.light-grey.fancy-list li {
 color:#bebebe;
}
ul.fancy-list.light-blue li i, .light-blue.fancy-list li [class^="icon-"], ol.light-blue.fancy-list li {
 color:#3d9ed6;
}
ul.black.fancy-list li i, .black.fancy-list li [class^="icon-"], ol.black.fancy-list li {
 color:#000;
}
ul.fancy-list.yellow li i, .yellow.fancy-list li [class^="icon-"], ol.yellow.fancy-list li {
 color:#e8be11;
}
ul.fancy-list.blue li i, .blue.fancy-list li [class^="icon-"], ol.blue.fancy-list li {
 color:#156ca0;
}
ul.fancy-list.gold li i, .gold.fancy-list li [class^="icon-"], ol.gold.fancy-list li {
 color: #a16215;
}
ul.fancy-list.green li i, .green.fancy-list li [class^="icon-"], ol.green.fancy-list li {
 color:#74a115;
}
ul.fancy-list.olive-green li i, .olive-green.fancy-list li [class^="icon-"], ol.olive-green.fancy-list li {
 color:#a1a115;
}
ul.fancy-list.orange li i, .orange.fancy-list li [class^="icon-"], ol.orange.fancy-list li {
 color:#a13815;
}
ul.fancy-list.purple li i, .purple.fancy-list li [class^="icon-"], ol.purple.fancy-list li {
 color:#a1157e;
}
ul.fancy-list.red li i, .red.fancy-list li [class^="icon-"], ol.red.fancy-list li {
 color:#d24e4e;
}
ul.fancy-list.violet li i, .violet.fancy-list li [class^="icon-"], ol.violet.fancy-list li {
 color: #5d15a1;
}
ul.fancy-list.turquoiseblue li i, .turquoiseblue.fancy-list li [class^="icon-"], ol.turquoiseblue.fancy-list li {
 color: #15a17b;
}
ul.fancy-list.deepblue li i, .deepblue.fancy-list li [class^="icon-"], ol.deepblue.fancy-list li {
 color:#092334;
}
ul.fancy-list.teal li i, .teal.fancy-list li [class^="icon-"], ol.teal.fancy-list li {
 color:#008899;
}
ul.fancy-list.mauve li i, .mauve.fancy-list li [class^="icon-"], ol.mauve.fancy-list li {
 color:#625b56;
}
ul.fancy-list.pearl li i, .pearl.fancy-list li [class^="icon-"], ol.pearl.fancy-list li {
 color:#ab998f;
}
ul.fancy-list.steel-blue li i, .steel-blue.fancy-list li [class^="icon-"], ol.steel-blue.fancy-list li {
 color:#788794;
}
ul.fancy-list.coffee li i, .coffee.fancy-list li [class^="icon-"], ol.coffee.fancy-list li {
 color:#372e25;
}
ul.fancy-list.coral li i, .coral.fancy-list li [class^="icon-"], ol.coral.fancy-list li {
 color:#ff7f50;
}
ul.fancy-list.crimson li i, .crimson.fancy-list li [class^="icon-"], ol.crimson.fancy-list li {
 color: #dc143c;
}
ul.fancy-list.hot-pink li i, .hot-pink.fancy-list li [class^="icon-"], ol.hot-pink.fancy-list li {
 color:#ff69b4;
}
ul.fancy-list.indianred li i, .indianred.fancy-list li [class^="icon-"], ol.indianred.fancy-list li {
 color:#cd5c5c;
}
ul.fancy-list.aqua li i, .aqua.fancy-list li [class^="icon-"], ol.aqua.fancy-list li {
 color:#10dddd;
}
	
/* Alert Boxes
-------------------------------------------------------------- */
	.error-box, .warning-box, .success-box, .info-box { margin-bottom:20px; padding:15px 15px 15px 39px; clear:both; border-radius :5px; }
	.error-box a, .warning-box a, .success-box a, .info-box a { text-decoration:underline; }
	
	.error-box { background:#ffcccc; border:1px solid #ff9999; color:#d01313; position:relative; }
	.error-box:before, .warning-box:before, .success-box:before, .info-box:before { top:13px; left:10px; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:25px; position:absolute; }		
	.error-box:before { content:"\f057"; color:#C54228; }
	
	.warning-box { background:#fdebae; border:1px solid #e6c555; color:#c79d13; position:relative; }
	.warning-box:before { content:"\f06a"; color:#e2b828; }
	
	.success-box { background:#c0df89; border:1px solid #a0ce4e; color:#466c00; position:relative; text-shadow:1px 1px 0px #e3f1cb; }
	.success-box:before { content:"\f058"; color:#75b632; }
	
	.info-box { background:#bfe4f9; border:1px solid #68a2cf; color:#2081b9; position:relative; }
	.info-box:before { content:"\f05a"; color:#008bc1; }
	
	.error-box a { color:#d01313; }
	.warning-box a { color:#c79d13; }
	.success-box a { color:#7ba411; }
	.info-box a { color:#2081b9; }
	
/* Style Picker
-------------------------------------------------------------- */
		
		.empire-style-picker-wrapper { position:fixed; z-index:99999; left:0px; top:150px; }
		
		#empire-style-picker { background:#ffffff; width:225px; float:left; position:absolute; top:0px; z-index:1; margin:0px; padding:0px 0px 10px; text-align:center; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); }
		#empire-style-picker h2 { background:url(../img/style-picker/title-bg.jpg) repeat-x; font:normal 12px Tahoma, Geneva, sans-serif; text-transform:uppercase; line-height:48px; width:100%; color:#848484; margin:0px 0px 15px; padding:0px;  }
		#empire-style-picker h3 { font:normal 12px Tahoma, Geneva, sans-serif; padding:0px 0px 10px; width:100%; color:#848484; margin:0px; text-transform:uppercase; }
		
		#empire-style-picker ul { float:left; margin:0px; padding:0px; text-align:center; width:225px; }
		#empire-style-picker ul li { display:inline-block; display:inline; list-style-type:none; padding:0px; margin:0px 0px 6px 0px; }
		#empire-style-picker ul li a { background:#ffffff; border:1px solid #ffffff; padding:2px; display:inline-block; margin:0px; line-height:0; }
		#empire-style-picker ul li a.selected, #empire-style-picker ul li a:hover { border:1px solid #d7d7d7; }
		#empire-style-picker ul li a img { border:1px solid #d7d7d7; }
		
		#empire-style-picker .hr { background:url(../img/style-picker/seperator.png) no-repeat; width:100%; height:25px; margin:-10px 0px 10px; float:left; }
		
		.style-picker-ico { position:absolute; top:25px; left:225px; }		