/*







Theme Name: Cabana







Theme URI: http://cabanawp.guuhuu.com







Author: GuuThemes







Author URI: http://guuthemes.com/







Description: A Multipurpose HTML5 WordPress Theme.







Version: 1.2







License: GNU General Public License







License URI: https://www.gnu.org/licenses/gpl.html







Tags: light, responsive-layout, theme-options, translation-ready, photoblogging







*/























/* Table of Contents







==================================================















1   - Reset







2   - Grid







3   - General







4   - Header







5   - Footer







6   - Navigation (Main)







7   - Homepage (Default)







8   - Homepage (Alternative)







9   - Homepage (One Page Team / Personal)







10  - Homepage (Full Screen/Portfolio Showcase)







11  - Homepage (Blog Style)







12  - Homepage Sections







13  - Buttons







14  - Social Icons (Body)







15  - Isotope (Portfolio Filtering)







16  - Portfolio Index (Standard/Full Width)







17  - Single Project







18  - Post Index / Single Post







19  - Portfolio Navigation







20  - Portfolio Items







21  - Team Members







22  - Services







23  - Comments (Including Comment Form)







24  - Google Map







25  - Widgets







26  - Contact Form (One Page Version)







27  - Contact Form (Multi Page Version)







28  - Contact Details







29  - Section Dividers







30  - Homepage Quotes







31  - Homepage Latest Tweet







32  - Media Queries















================================================== */























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







/*  1 - Reset







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















/* normalize.css v2.1.1 | MIT License | git.io/normalize */







/* ==========================================================================







   HTML5 display definitions







   ========================================================================== */















/**







 * Standard Reset.







 */







html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	vertical-align: baseline;

}

/**







 * Correct `block` display not defined in IE 8/9.







 */







article,  aside,  details,  figcaption,  figure,  footer,  header,  hgroup,  main,  nav,  section,  summary {

	display: block;

}

/**







 * Correct `inline-block` display not defined in IE 8/9.







 */







audio,  canvas,  video {

	display: inline-block;

}

/**







 * Prevent modern browsers from displaying `audio` without controls.







 * Remove excess height in iOS 5 devices.







 */







audio:not([controls]) {

	display: none;

	height: 0;

}

#fb5 .fb5-page-book h2 {

	font-family: 'adriane' !important;

}















/**







 * Address styling not present in IE 8/9.







 */







[hidden] {

 display: none;

}

/**







 * For modern browsers







 * 1. The space content is one way to avoid an Opera bug when the







 *    contenteditable attribute is included anywhere else in the document.







 *    Otherwise it causes space to appear at the top and bottom of elements







 *    that are clearfixed.







 * 2. The use of `table` rather than `block` is only necessary if using







 *    `:before` to contain the top-margins of child elements.







 */







.cf:before,  .cf:after {

	content: " ";

	/* 1 */

	display: table;

	/* 2 */;

}

.cf:after {

	clear: both;

}

/**







 * For IE 6/7 only







 * Include this rule to trigger hasLayout and contain floats.







 */







.cf {

 *zoom: 1;

}

/* ==========================================================================



@media (min-width: 300px) {

    #sf {

        float:right;

    }

}











/* ==========================================================================







   Base







   ========================================================================== */







/**







 * 1. Prevent system color scheme's background color being used in Firefox, IE,







 *    and Opera.







 * 2. Prevent system color scheme's text color being used in Firefox, IE, and







 *    Opera.







 * 3. Set default font family to sans-serif.







 * 4. Prevent iOS text size adjust after orientation change, without disabling







 *    user zoom.







 */







html {

	background: #fff;

	/* 1 */

	color: #000;

	/* 2 */

	font-family: sans-serif;

	/* 3 */

	-ms-text-size-adjust: 100%;

	/* 4 */

	-webkit-text-size-adjust: 100%;

	/* 4 */;

}

/**







 * Remove default margin.







 */







body {

	margin: 0;
	min-width:1270px;

}

/* ==========================================================================







   Links







   ========================================================================== */















/**







 * Address `outline` inconsistency between Chrome and other browsers.







 */







a:focus {

	outline: thin dotted;

}

/**







 * Improve readability when focused and also mouse hovered in all browsers.







 */







a:active,  a:hover {

	outline: 0;

}

/* ==========================================================================







   Typography







   ========================================================================== */















/**







 * Address variable `h1` font-size and margin within `section` and `article`







 * contexts in Firefox 4+, Safari 5, and Chrome.







 */







h1 {

	font-size: 2em;

	margin: 0.67em 0;

}

/**







 * Address styling not present in IE 8/9, Safari 5, and Chrome.







 */







abbr[title] {

	border-bottom: 1px dotted;

}

/**







 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.







 */







b,  strong {

	font-weight: bold;

}

/**







 * Address styling not present in Safari 5 and Chrome.







 */







dfn {

	font-style: italic;

}

/**







 * Address differences between Firefox and other browsers.







 */







hr {

	-moz-box-sizing: content-box;

	box-sizing: content-box;

	height: 0;

}

/**







 * Address styling not present in IE 8/9.







 */







mark {

	background: #ff0;

	color: #000;

}

/**







 * Correct font family set oddly in Safari 5 and Chrome.







 */







code,  kbd,  pre,  samp {

	font-family: monospace, serif;

	font-size: 1em;

}

/**







 * Improve readability of pre-formatted text in all browsers.







 */







pre {

	white-space: pre-wrap;

}

/**







 * Set consistent quote types.







 */







q {

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

}

/**







 * Address inconsistent and variable font size in all browsers.







 */







small {

	font-size: 80%;

}

/**







 * Prevent `sub` and `sup` affecting `line-height` in all browsers.







 */







sub,  sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

sup {

	top: -0.5em;

}

sub {

	bottom: -0.25em;

}

/* ==========================================================================







   Embedded content







   ========================================================================== */















/**







 * Remove border when inside `a` element in IE 8/9.







 */







img {

	border: 0;

}

/**







 * Correct overflow displayed oddly in IE 9.







 */







svg:not(:root) {

	overflow: hidden;

}

/* ==========================================================================







   Figures







   ========================================================================== */















/**







 * Address margin not present in IE 8/9 and Safari 5.







 */







figure {

	margin: 0;

}

/* ==========================================================================







   Forms







   ========================================================================== */















/**







 * Define consistent border, margin, and padding.







 */







fieldset {

	border: 1px solid #c0c0c0;

	margin: 0 2px;

	padding: 0.35em 0.625em 0.75em;

}

/**







 * 1. Correct `color` not being inherited in IE 8/9.







 * 2. Remove padding so people aren't caught out if they zero out fieldsets.







 */







legend {

	border: 0;

	/* 1 */







	padding: 0;/* 2 */







}

/**







 * 1. Correct font family not being inherited in all browsers.







 * 2. Correct font size not being inherited in all browsers.







 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.







 */







button,  input,  select,  textarea {

	font-family: inherit;

	/* 1 */







	font-size: 100%;

	/* 2 */







	margin: 0;/* 3 */







}

/**







 * Address Firefox 4+ setting `line-height` on `input` using `!important` in







 * the UA stylesheet.







 */







button,  input {

	line-height: normal;

}

/**







 * Address inconsistent `text-transform` inheritance for `button` and `select`.







 * All other form control elements do not inherit `text-transform` values.







 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.







 * Correct `select` style inheritance in Firefox 4+ and Opera.







 */







button,  select {

	text-transform: none;

}

/**







 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`







 *    and `video` controls.







 * 2. Correct inability to style clickable `input` types in iOS.







 * 3. Improve usability and consistency of cursor style between image-type







 *    `input` and others.







 */







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

	-webkit-appearance: button;

	/* 2 */







	cursor: pointer;/* 3 */







}

/**







 * Re-set default cursor for disabled elements.







 */







button[disabled],  html input[disabled] {

	cursor: default;

}

/**







 * 1. Address box sizing set to `content-box` in IE 8/9.







 * 2. Remove excess padding in IE 8/9.







 */







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

	box-sizing: border-box;

	/* 1 */







	padding: 0;/* 2 */







}

/**







 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.







 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome







 *    (include `-moz` to future-proof).







 */







input[type="search"] {

	-webkit-appearance: textfield;

	/* 1 */







	-moz-box-sizing: content-box;

	-webkit-box-sizing: content-box;

	/* 2 */







	box-sizing: content-box;

}















/**







 * Remove inner padding and search cancel button in Safari 5 and Chrome







 * on OS X.







 */







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

 -webkit-appearance: none;

}















/**







 * Remove inner padding and border in Firefox 4+.







 */







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

 border: 0;

 padding: 0;

}

/**







 * 1. Remove default vertical scrollbar in IE 8/9.







 * 2. Improve readability and alignment in all browsers.







 */







textarea {

	overflow: auto;

	/* 1 */







	vertical-align: top;/* 2 */







}

/* ==========================================================================







   Tables







   ========================================================================== */















/**







 * Remove most spacing between table cells.







 */







table {

	border-collapse: collapse;

	border-spacing: 0;

}

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







/*  2 - WordPress Specific Styles







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















/* Default Body Class Styles */







.rtl {

}

.home {

}

.blog {

}

.archive {

}

.date {

}

.search {

}

.paged {

}

.attachment {

}

.error404 {

}

 .single postid-(id) {

}

 .attachmentid-(id) {

}

 .attachment-(mime-type) {

}

.author {

}

 .author-(user_nicename) {

}

.category {

}

 .category-(slug) {

}

.tag {

}

 .tag-(slug) {

}

.page-parent {

}

 .page-child parent-pageid-(id) {

}

 .page-template page-template-(template file name) {

}

.search-results {

}

.search-no-results {

}

.logged-in {

}

 .paged-(page number) {

}

 .single-paged-(page number) {

}

 .page-paged-(page number) {

}

 .category-paged-(page number) {

}

 .tag-paged-(page number) {

}

 .date-paged-(page number) {

}

 .author-paged-(page number) {

}

 .search-paged-(page number) {

}

/* Default Post Styles */







.post-id {

}

.post {

}

.page {

}

.attachment {

}

.sticky {

}

.hentry {

}

.category-misc {

}

.category-example {

}

.tag-news {

}

.tag-wordpress {

}

.tag-markup {

}

/* Default Post Format Styles */







.format-image {

}

.format-gallery {

}

.format-chat {

}

.format-link {

}

.format-quote {

}

.format-status {

}

.format-video {

}

/* Default Widget Styles */







.widget {

}

#searchform {

}

.widget_search {

}

.widget_search input {

}

.screen-reader-text {

}

.widget_meta {

}

.widget_meta ul {

}

.widget_meta ul li {

	list-style: none;

	padding: 8px 0 0 0;

}

.widget_meta ul li:before {

}

.widget_meta ul li a {

}

.widget_links {

}

.widget_links ul {

}

.widget_links ul li {

}

.widget_links ul li:before {

	float: left;

	font-family: 'FontAwesome';

	content: "\f192";

	color: #999;

	padding-right: 10px;

	font-size: 15px;

}

.widget_links ul li a {

}

.widget_archive {

}

.widget_archive ul {

}

.widget_archive ul li {

	list-style: none;

	padding: 8px 0 0 0;

}

.widget_archive ul li:before {

	float: left;

	font-family: 'FontAwesome';

	content: "\f192";

	color: #999;

	padding-right: 10px;

	font-size: 15px;

}

.widget_archive ul li a {

}

.widget_archive select {

}

.widget_archive option {

}

.widget_pages {

}

.widget_pages ul {

}

.widget_pages ul li {

	list-style: none;

	padding: 7px 0 0 0;

}

.widget_pages ul li:before {

	float: left;

	font-family: 'FontAwesome';

	content: "\f192";

	color: #999;

	padding-right: 10px;

	font-size: 15px;

}

.widget_pages ul li a {

}

.widget_links {

}

.widget_links li:after {

}

.widget_links li:before {

}

.widget_tag_cloud {

}

.widget_tag_cloud a {

}

.widget_tag_cloud a:after {

}

.widget_tag_cloud a:before {

}

.widget_calendar {

	float: left;

}

.widget_calendar table {

	width: 100%

}

#wp-calendar {

	width: 100%;

}

#wp-calendar caption {

	text-align: right;

	color: #333;

	font-size: 12px;

	margin-top: 10px;

	margin-bottom: 15px;

}

#wp-calendar thead {

	font-size: 10px;

}

#wp-calendar thead th {

	padding-bottom: 10px;

	text-align: center;

}

#wp-calendar tbody {

	color: #aaa;

}

#wp-calendar tbody td {

	background: #f5f5f5;

	border: 1px solid #999;

	text-align: center;

	padding: 8px;

}

#wp-calendar tbody td:hover {

	background: #fff;

}

#wp-calendar tbody .pad {

	background: none;

}

#wp-calendar tfoot #next {

	font-size: 10px;

	text-transform: uppercase;

	text-align: right;

}

#wp-calendar tfoot #prev {

	font-size: 10px;

	text-transform: uppercase;

	padding-top: 10px;

}

.widget_categories {

}

.widget_categories ul {

}

.widget_categories ul li {

	list-style: none;

	padding: 8px 0 0 0;

}

.widget_categories ul li:before {

	float: left;

	font-family: 'FontAwesome';

	content: "\f192";

	color: #999;

	padding-right: 10px;

	font-size: 15px;

}

.widget_categories ul ul.children {

}

.widget_categories a {

}

.widget_categories select {

}

.widget_categories select#cat {

}

.widget_categories select.postform {

}

.widget_categories option {

}

.widget_categories .level-0 {

}

.widget_categories .level-1 {

}

.widget_categories .level-2 {

}

.widget_categories .level-3 {

}

.recentcomments {

}

#recentcomments {

}

#recentcomments li {

	list-style: none;

	padding: 8px 0 0 0;

}

#recentcomments li:before {

	float: left;

	font-family: 'FontAwesome';

	content: "\f192";

	color: #999;

	padding-right: 10px;

	font-size: 15px;

}

#recentcomments li a {

}

.widget_recent_comments {

}

.widget_recent_entries {

}

.widget_recent_entries ul {

}

.widget_recent_entries ul li {

	list-style: none;

	padding: 8px 0 0 0;

}

.widget_recent_entries ul li:before {

	float: left;

	font-family: 'FontAwesome';

	content: "\f192";

	color: #999;

	padding-right: 10px;

	font-size: 15px;

}

.widget_recent_entries ul li a {

}

.textwidget {

}

.widget_text {

}

.textwidget p {

}

/* Default Comment Form Styles */







.commentlist .reply {

}

.commentlist .reply a {

}

.commentlist .alt {

}

.commentlist .odd {

}

.commentlist .even {

}

.commentlist .thread-alt {

}

.commentlist .thread-odd {

}

.commentlist .thread-even {

}

.commentlist li ul.children .alt {

}

.commentlist li ul.children .odd {

}

.commentlist li ul.children .even {

}

.commentlist .vcard {

}

.commentlist .vcard cite.fn {

}

.commentlist .vcard span.says {

}

.commentlist .vcard img.photo {

}

.commentlist .vcard img.avatar {

}

.commentlist .vcard cite.fn a.url {

}

.commentlist .comment-meta {

}

.commentlist .comment-meta a {

}

.commentlist .commentmetadata {

}

.commentlist .commentmetadata a {

}

.commentlist .parent {

}

.commentlist .comment {

}

.commentlist .children {

}

.commentlist .pingback {

}

.commentlist .bypostauthor {

}

.commentlist .comment-author {

}

.commentlist .comment-author-admin {

}

.commentlist {

}

.commentlist li {

}

.commentlist li p {

}

.commentlist li ul {

}

.commentlist li ul.children li {

}

.commentlist li ul.children li.alt {

}

.commentlist li ul.children li.byuser {

}

.commentlist li ul.children li.comment {

}

.commentlist li ul.children li.depth- {

id

}

{

}

.commentlist li ul.children li.bypostauthor {

}

.commentlist li ul.children li.comment-author-admin {

}

#cancel-comment-reply {

}

#cancel-comment-reply a {

}

.entry-content img {

}

.alignleft,  .alignleft img {

	margin-right: 1.5em;

	margin-bottom: 1.5em;

	float: left;

}

.alignright,  .alignright img {

	margin-left: 1.5em;

	margin-bottom: 1.5em;

	float: right;

}

.aligncenter,  .aligncenter img {

	margin-right: auto;

	margin-left: auto;

	display: block;

	clear: both;

}

.alignnone, img.alignnone {

}

.wp-caption {

	max-width: 100%;

}

.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}

.wp-caption p.wp-caption-text {

	padding: 6px;

	color: #fff;

	background-color: #333;

	display: inline-block;

	font-size: 12px;

	margin-top: 10px;

	line-height: 14px;

}

.wp-caption.alignleft {

	text-align: left;

	margin-right: 1.1em;

	margin-bottom: 1.1em;

}

.wp-caption.alignright {

	text-align: right;

	margin-left: 1.1em;

	margin-bottom: 1.1em;

}

.wp-caption.aligncenter {

	margin-right: auto;

	margin-left: auto;

	display: block;

	clear: both;

}

.wp-smiley {

}

blockquote.left {

}

blockquote.right {

}

.size-full {

}

.size-large {

}

.size-medium {

}

.size-thumbnail {

}

.gallery {

}

.gallery .gallery-item {

}

.gallery-caption {

	padding: 9px;

}

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







/*  3 - Grid







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















/*







* Skeleton V1.2







* Copyright 2011, Dave Gamache







* www.getskeleton.com







* Free to use under the MIT license.







* http://www.opensource.org/licenses/mit-license.php







* 6/20/2012







*/























/* Table of Contents







==================================================







#Base 960 Grid







#Tablet (Portrait)







#Mobile (Portrait)







#Mobile (Landscape)







#Clearing */































/* #Base 960 Grid







================================================== */















.container {

	position: relative;

	width: 1170px;

	margin: 0 auto;

	padding: 0 15px;

}

.container .column,  .container .columns {

	float: left;

	display: inline;

	margin-left: 10px;

	margin-right: 10px;

}

.row {

	margin-bottom: 20px;

}

/* Nested Column Classes */







.column.alpha, .columns.alpha {

	margin-left: 0;

}

.column.omega, .columns.omega {

	margin-right: 0;

}

/* Base Grid */







.container .one.column,  .container .one.columns {

	width: 40px;

}

.container .two.columns {

	width: 100px;

}

.container .three.columns {

	width: 160px;

}

.container .four.columns {

	width: 220px;

}

.container .five.columns {

	width: 280px;

}

.container .six.columns {

	width: 340px;

}

.container .seven.columns {

	width: 400px;

}

.container .eight.columns {

	width: 460px;

}

.container .nine.columns {

	width: 520px;

}

.container .ten.columns {

	width: 580px;

}

.container .eleven.columns {

	width: 640px;

}

.container .twelve.columns {

	width: 700px;

}

.container .thirteen.columns {

	width: 760px;

}

.container .fourteen.columns {

	width: 820px;

}

.container .fifteen.columns {

	width: 880px;

}

.container .sixteen.columns {

	width: 940px;

}

.container .one-third.column {

	width: 300px;

}

.container .two-thirds.column {

	width: 620px;

}

/* Offsets */







.container .offset-by-one {

	padding-left: 60px;

}

.container .offset-by-two {

	padding-left: 120px;

}

.container .offset-by-three {

	padding-left: 180px;

}

.container .offset-by-four {

	padding-left: 240px;

}

.container .offset-by-five {

	padding-left: 300px;

}

.container .offset-by-six {

	padding-left: 360px;

}

.container .offset-by-seven {

	padding-left: 420px;

}

.container .offset-by-eight {

	padding-left: 480px;

}

.container .offset-by-nine {

	padding-left: 540px;

}

.container .offset-by-ten {

	padding-left: 600px;

}

.container .offset-by-eleven {

	padding-left: 660px;

}

.container .offset-by-twelve {

	padding-left: 720px;

}

.container .offset-by-thirteen {

	padding-left: 780px;

}

.container .offset-by-fourteen {

	padding-left: 840px;

}

.container .offset-by-fifteen {

	padding-left: 900px;

}















/* #Full screen width (100%) - add .fullwidth to your container's parent for support







================================================== */





/*-our non responsive-----------*/
/*
@media only screen and (min-width:767px) {

.fullwidth .container {

	position: relative;

	width: 100%;

	margin: 0 auto;

	padding: 0;

}

.fullwidth .container .column,  .fullwidth .container .columns {

	float: left;

	display: inline;

	margin-left: 0;

	margin-right: 0;

}

.fullwidth .row {

	margin-bottom: 20px;

}









.column.alpha, .columns.alpha {

	margin-left: 0;

}

.column.omega, .columns.omega {

	margin-right: 0;

}








.fullwidth .container .one.column,  .fullwidth .container .one.columns {

	width: 4.25%;

}

.fullwidth .container .two.columns {

	width: 10.5%;

}

.fullwidth .container .three.columns {

	width: 16.75%;

}

.fullwidth .container .four.columns {

	width: 23%;

}

.fullwidth .container .five.columns {

	width: 29.25%;

}

.fullwidth .container .six.columns {

	width: 35.5%;

}

.fullwidth .container .seven.columns {

	width: 41.75%;

}

.fullwidth .container .eight.columns {

	width: 50%;

}

.fullwidth .container .nine.columns {

	width: 54.25%;

}

.fullwidth .container .ten.columns {

	width: 60.5%;

}

.fullwidth .container .eleven.columns {

	width: 66.75%;

}

.fullwidth .container .twelve.columns {

	width: 73%;

}

.fullwidth .container .thirteen.columns {

	width: 79.25%;

}

.fullwidth .container .fourteen.columns {

	width: 85.5%;

}

.fullwidth .container .fifteen.columns {

	width: 91.75%;

}

.fullwidth .container .sixteen.columns {

	width: 100%;

}

.fullwidth .container .one-third.column {

	width: 31%;

}

.fullwidth .container .two-thirds.column {

	width: 64%;

}









.fullwidth .container .offset-by-one {

	padding-left: 6.25%;

}

.fullwidth .container .offset-by-two {

	padding-left: 12.5%;

}

.fullwidth .container .offset-by-three {

	padding-left: 18.75%;

}

.fullwidth .container .offset-by-four {

	padding-left: 25%;

}

.fullwidth .container .offset-by-five {

	padding-left: 31.25%;

}

.fullwidth .container .offset-by-six {

	padding-left: 37.5%;

}

.fullwidth .container .offset-by-seven {

	padding-left: 43.75%;

}

.fullwidth .container .offset-by-eight {

	padding-left: 50%;

}

.fullwidth .container .offset-by-nine {

	padding-left: 56.25%;

}

.fullwidth .container .offset-by-ten {

	padding-left: 62.5%;

}

.fullwidth .container .offset-by-eleven {

	padding-left: 68.75%;

}

.fullwidth .container .offset-by-twelve {

	padding-left: 75%;

}

.fullwidth .container .offset-by-thirteen {

	padding-left: 81.25%;

}

.fullwidth .container .offset-by-fourteen {

	padding-left: 87.5%;

}

.fullwidth .container .offset-by-fifteen {

	padding-left: 93.75%;

}

}
*/






















/* #Tablet (Portrait)







================================================== */















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















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























/*  #Mobile (Portrait)







================================================== */















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















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























/* #Mobile (Landscape)







================================================== */















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















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

/* #Clearing







================================================== */















/* Self Clearing Goodness */







.container:after {

	content: "\0020";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

/* Use clearfix class on parent to clear nested columns,







or wrap each row of columns in a <div class="row"> */







.clearfix:before,  .clearfix:after,  .row:before,  .row:after {

	content: '\0020';

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}

.row:after,  .clearfix:after {

	clear: both;

}

.row,  .clearfix {

	zoom: 1;

}

/* You can also use a <br class="clear" /> to clear columns */







.clear {

	clear: both;

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}

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







/*  3 - General







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















body {

	background-color: #fff;

	font-size: 14px;

	line-height: 25px;

	-webkit-text-size-adjust: 100%;

	overflow-y: auto;

	overflow-x: auto;

}

body:before {

	content: "";

	position: fixed;

	top: -10px;

	left: 0;

	width: 100%;

	height: 10px;

	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .8);

	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .8);

	box-shadow: 0 0 20px rgba(0, 0, 0, .8);

	z-index: 1000;

}

.content {

	background-color: #f4f4f4;

	padding: 90px 0;

	z-index: 300;

	position: relative;

}

.contact .content {

	padding: 30px 0 90px 0;

}

main {

	position: relative;

	clear: both;

}

.title-container {

	display: block;

	width: 100%;

	height: 100%;

	margin-top: 10%;

}

.title-container h1 {

	display: inline-block;

	font-size: 50px;

	line-height: 60px;

	margin-bottom: 10px;

	padding-bottom: 6px;

	border-bottom: 2px solid #333;

}

.title-container p {

	color: #999;

	font-size: 14px;

	font-style: italic;

	text-transform: lowercase;

	margin-top: 2px;

}

.title-container .fa {

	font-size: 20px;

}

img {

	max-width: 100%;

	height: auto;

}

.inline-image {

	padding: 20px 0 10px 0;

}

.video-frame {

	margin-top: 30px;

	margin-bottom: 40px;

}

.audio-frame {

	margin-top: 30px;

	margin-bottom: 30px;

}

p {

}

a {

	color: #999;

	text-decoration: none;

	-webkit-transition: color 0.3s ease-in-out;

	-moz-transition: color 0.3s ease-in-out;

	-o-transition: color 0.3s ease-in-out;

	transition: color 0.3s ease-in-out;

}

a:hover {

	color: #333;

}

ol,  ul {

	list-style-position: inside;

	margin: 20px 0;

}

ul.alt {

	list-style: none;

}

ul.alt li:before {

	float: left;

	font-family: 'FontAwesome';

	content: "\f192";

	color: #999;

	padding-right: 10px;

	font-size: 15px;

}



::-moz-selection {

 background: #333;

 color: #fff;

 text-shadow: none;

}

::selection {

	background: #333;

	color: #fff;

	text-shadow: none;

}

blockquote,  blockquote p {

	font-size: 25px;

	line-height: 35px;

	color: #999;

	font-style: italic;

}

blockquote {

	margin: 20px 0;

	padding: 9px 20px 0 20px;

	border-left: 3px solid #333;

}

blockquote cite {

	display: block;

	margin-top: 10px;

	color: #333;

	font-size: 12px;

	font-style: normal;

	font-weight: 300;

	text-transform: uppercase;

	letter-spacing: 1px;

}

cite {

	text-align: right;

	margin-top: 10px;

}

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

	font-weight: 700;

	text-transform: uppercase;

}

h1 {

	font-size: 40px;

	line-height: 45px;

	font-weight: 700;

	margin-bottom: 20px;

	padding-bottom: 20px;

}

h2 {

	font-weight: 700;

	margin-bottom: 10px;

	padding-bottom: 10px;

}

h3 {

	font-weight: 700;

	margin-bottom: 10px;

	padding-bottom: 10px;

}

h4 {

	font-weight: 700;

	margin-bottom: 10px;

	padding-bottom: 10px;

}

h5 {

	font-weight: 700;

	margin-bottom: 10px;

	padding-bottom: 10px;

}

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

	color: #333;

}

h1 a:hover,  h2 a:hover,  h3 a:hover,  h4 a:hover,  h5 a:hover,  h6 a:hover {

	color: #666;

}

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







/*  4 - Header







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



















.header-background-image {

	width: 100%;

	height: 800px;

	margin: 0 auto;

	position: absolute;

	-webkit-background-size: cover !important;

	-moz-background-size: cover;

	-o-background-size: cover;

}

#header-global[role="banner"] {

	color: #fff;

	width: 100%;

	height: auto;

	z-index: 1000;
min-width:1100px;
	padding: 50px 0 100px;

}

#header-global-inner[role="banner"] {

	color: #fff;

	width: 100%;

	height: 82px;

	z-index: 1000;

}

.header-top {

	position: relative;

	z-index: 500;

	width: 100%;

	-moz-transition: all .7s;

	-webkit-transition: all .7s;

	-o-transition: all .7s;

	-ms-transition: all .7s;

	transition: all .7s;

}

.header-top-light {

	background-color: #fff;

	position: relative;

	padding-top: 17px;

	padding-bottom: 15px;

	z-index: 500;

	width: 100%;

	text-align: left;

	-webkit-box-shadow: 0px 0px 8px 0px #999;

	-moz-box-shadow: 0px 0px 8px 0px #999;

	box-shadow: 0px 0px 8px 0px #999;

	-moz-transition: all .7s;

	-webkit-transition: all .7s;

	-o-transition: all .7s;

	-ms-transition: all .7s;

	transition: all .7s;

}

.header-top-inner {

	background: url("assets/css/rgba/rgba.php/rgba(16, 91, 99, 0.98)");

	background: rgba(16, 91, 99, 0.98);

	padding-top: 17px;

	padding-bottom: 15px;

	position: fixed;

	z-index: 500;

	width: 100%;
	min-width:1290px;
	/*  -webkit-box-shadow: 0px 0px 8px 0px #999;







    -moz-box-shadow: 0px 0px 8px 0px #999;







    box-shadow: 0px 0px 8px 0px #999;







*/;

}

.logo.three.columns {

	margin-left: 0;

}

.logo h1 {

	font-size: 35px;

	color: #333;

	display: inline-block;

	border-bottom: none;

	text-transform: uppercase;

	padding-bottom: 0;

}

.logo h1 a {

	color: #333;

}

.logo img {

	max-width: 100%;

	height: auto;

	display: inline-block;

	vertical-align: middle;

	max-width: 150px;

}

.header-top-inner .logo {

	text-align: left;

	margin-top: 14px;

}

/* Uber Statement







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















.uber-statement {

	display: block;

	margin-top: 10px;

}

.uber-statement h2 {

	letter-spacing: 5px;

	color: #fff;

	font-size: 70px;

	font-weight: 700;

	line-height: 70px;

	border-bottom: none;

	width: 70%;

	margin: 0;

	padding: 0;

}

.blog-style .uber-statement h2 {

	width: 100%;

}

/* Social Links (Header)







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















#header-global[role="banner"] .social-links-container {

	margin: 20px 0 0 0;

}

#header-global[role="banner"] .social-links {

	overflow: hidden;

	margin: 0 0 20px 0;

	text-transform: lowercase;

	list-style: none;

	text-align: center;

}

#header-global[role="banner"] .social-links li {

	font-weight: 400;

	font-style: italic;

	margin-bottom: 5px;

	margin-left: 8px;

	float: left;

	display: inline-block;

}

#header-global[role="banner"] .social-links li:first-child {

	margin-left: 0;

}

#header-global[role="banner"] .social-links li:not(:last-of-type):after {

	content: "/";

	color: #fff;

	margin-left: 8px;

}

#header-global[role="banner"] .social-links li a {

	font-size: 14px;

	color: #fff;

	text-decoration: none;

	line-height: 1em;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

#header-global[role="banner"] .social-links li a:hover {

	color: #ddd;

}

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







/*  5 - Footer







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















#footer-global[role="contentinfo"] {

	background-color: #333;

	border-top: 10px solid #eee;

	padding: 30px 0 30px 0;

	position: relative;

	z-index: 300;

	font-size: 12px;

	color: #eee;

}

#footer-global[role="contentinfo"] h4 {

	font-size: 15px;

	color: #fff;

	margin-bottom: 30px;

}

#footer-global[role="contentinfo"] a {

	color: #fff;

}

#footer-global[role="contentinfo"] a:hover {

	color: #ddd;

}

#footer-global[role="contentinfo"] .company-title {

	font-size: 24px;

	color: #333;

	letter-spacing: 1px;

	text-transform: uppercase;

}

#footer-global[role="contentinfo"] .contact-btn,  #footer-global[role="contentinfo"] .back-top-btn {

	margin-top: 10px;

	background: #fff;

	color: #333;

}

#footer-global[role="contentinfo"] .contact-btn:hover,  #footer-global[role="contentinfo"] .back-top-btn:hover {

	background: #dd3e3e;

	color: #fff;

}

.copyright-details {

	color: #999!important;

	text-transform: uppercase;

	width: 100%;

	font-size: 10px;

	line-height: 18px;

	margin-top: 30px;

}

/* Social Links (Footer)







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















#footer-global[role="contentinfo"] .social-links-container {

	margin: 40px 0 0 0;

}

#footer-global[role="contentinfo"] .social-links {

	overflow: hidden;

	margin: 0 auto;

	text-transform: lowercase;

	list-style: none;

	display: inline-block;

}

#footer-global[role="contentinfo"] .social-links li {

	font-weight: 400;

	font-style: italic;

	margin-bottom: 5px;

	margin-right: 8px;

	float: left;

	display: inline-block;

}

#footer-global[role="contentinfo"] .social-links li:not(:last-of-type):after {

	content: "/";

	color: #ddd;

	margin-left: 8px;

}

#footer-global[role="contentinfo"] .social-links li a {

	font-size: 14px;

	color: #eee;

	text-decoration: none;

	line-height: 1em;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

#footer-global[role="contentinfo"] .social-links li a:hover {

	color: #ddd;

}

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







/*  6 - Navigation (Main) *Used in conjunction with superfish.css







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















.main-navigation {

	font-size: 12px;

	font-weight: 700;

	display: block;

	text-transform: uppercase;

	height: 100%;

	position: relative;

	margin-left: 0;

	z-index: 9999;

}

.main-navigation ul {

	margin: 0 auto;

	margin-top: 0px;

	list-style-type: none;

	padding: 0;

}

.main-navigation ul ul {

	margin-top: -3px;

}

.main-navigation ul > li {

	cursor: pointer;

	margin-right: 10px;

}

.main-navigation ul > li a {

	color: #fff;

	margin-right: 0;

	padding: 10px;

}

.main-navigation ul > li:hover {

	background-color: none;

}

.main-navigation li.current a {

	color: #999;

}

.main-navigation ul ul li a {

	color: #999;

}

.main-navigation ul ul li:hover {

}

.main-navigation ul li ul li a:hover {

	color: #fff;

}

.selectnav {

	display: none;

}

.js-clingify-placeholder {

	height: 120px!important;

}

.js-clingify-wrapper {

	width: 100%;

	height: 120px!important;

}

.js-clingify-locked {

	left: 0;

	position: fixed;

	top: 0;

	z-index: 1000;

}

/*







Below are the different CSS stylings for the various homepage versions.







Please note the different classes which are attached to the Body tag on the







relevant template files.







*/















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







/*  7 - Homepage (Default)







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















.agency-default .homepage-tweet .fa {

	color: #fff;

	font-size: 30px;

}

.agency-default .homepage-tweet ul {

	list-style: none;

}

.agency-default #twitter-fetcher-tweet {

	font-size: 30px;

	line-height: 40px;

	font-weight: 400;

	width: 70%;

}

.agency-default #twitter-fetcher-tweet p {

	color: #fff;

}

.agency-default #twitter-fetcher-tweet .tweet {

	margin: 20px 0 10px 0;

	padding: 0 0 25px 0;

	border-bottom: 2px solid #fff;

}

.agency-default #twitter-fetcher-tweet a {

	color: #333;

}

.agency-default #twitter-fetcher-tweet a:hover {

	color: #666;

}

.agency-default #twitter-fetcher-tweet .timePosted {

	display: inline-block;

	margin-top: 5px;

	color: #333;

	font-size: 15px;

	font-style: normal;

	font-weight: 300;

	text-transform: uppercase;

	letter-spacing: 1px;

}

.agency-default #twitter-fetcher-tweet .interact {

	font-size: 14px;

	font-style: italic;

	font-weight: normal;

	margin: 0;

	padding: 0;

	text-transform: lowercase;

}

.agency-default #twitter-fetcher-tweet .interact a {

	margin-left: 8px;

	padding: 0;

}

.agency-default #twitter-fetcher-tweet .interact a:first-child {

	margin-left: 0;

}

.agency-default #twitter-fetcher-tweet .interact a:not(:last-of-type):after {

	content: "/";

	color: #333;

	margin-left: 8px;

}

.agency-default .homepage-quotes .fa {

	color: #fff;

	font-size: 30px;

}

.agency-default .homepage-quotes .quotes blockquote {

	margin: 0;

	padding: 0;

	border: none;

}

.agency-default .homepage-quotes .quotes li {

	list-style: none;

	padding: 0 0 20px 0;

}

.agency-default .homepage-quotes .quotes blockquote p {

	color: #fff;

	font-size: 30px;

	line-height: 40px;

	font-weight: normal;

	font-style: italic;

	width: 70%;

	padding: 0 0 25px 0;

	border-bottom: 2px solid #fff;

}

.agency-default .homepage-quotes .quotes cite {

	display: inline-block;

	margin-top: 0;

	color: #333;

	font-size: 15px;

	font-style: normal;

	font-weight: 300;

	text-transform: uppercase;

}

.agency-default .homepage-section-header {

	max-width: 960px;

	overflow: hidden;

	text-align: left;

	margin-bottom: 0;

}

.agency-default .homepage-section-header h1 {

	color: #fff;

	font-size: 60px;

	line-height: 80px;

	width: 80%;

	margin: 0;

}

.agency-default .homepage-section-intro p {

	font-size: 18px;

	line-height: 28px;

}

.agency-default .homepage-section-intro p:first-of-type {

	font-family: inherit !important;

	font-size: 18px;

	font-style: normal !important;

	/*  color: #666;







    font-size: 22px;







    font-weight: 400;







    line-height: 37px;







    margin-bottom: 30px;







*/;

}

.agency-default #homepage-about .homepage-section-intro p {

	color: #999;

}

.agency-default #homepage-about .homepage-section-intro p:first-of-type {

	color: #fff;

}

.agency-default #homepage-about .homepage-section-header h2 {

	color: #fff;

}

.agency-default #homepage-about .homepage-section-header a.read-more-btn {

	margin-top: 40px;

	background: #fff;

	color: #333;

}

.agency-default #homepage-about .homepage-section-header a.read-more-btn:hover {

	background: #dd3e3e;

	color: #fff;

}

.agency-default .homepage-news-item h2 {

	border-bottom: none;

}

.agency-default .portfolio-items,  .agency-default .service-items,  .agency-default .team-members,  .agency-default .news-items {

	margin-left: -10px;

}

.agency-default #homepage-news .news-item,  .agency-default #homepage-team .team-member,  .homepage-service-item {

	margin-bottom: 20px;

}

.agency-default #homepage-news .news-item .news-image,  .agency-default #homepage-team .team-member .team-image {

	list-style: none;

	overflow: hidden;

	position: relative;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.agency-default #homepage-team .team-member .team-image {

	-moz-transition: all .4s;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	-ms-transition: all .4s;

	transition: all .4s;

	-webkit-transform-style: preserve-3d;

}

.agency-default #homepage-news .news-item .details h2,  .agency-default #homepage-team .team-member .details h2,  .homepage-service-item .details h2 {

	letter-spacing: 1px;

	display: block;

}

.agency-default #homepage-news .news-item .details p,  .agency-default #homepage-team .team-member .details p {

	font-size: 12px;

	font-style: italic;

	font-weight: normal;

	color: #999;

	border-top: 1px solid #ddd;

	padding-top: 10px;

	padding-right: 5px;

	text-transform: lowercase;

}

.agency-default #homepage-news .news-item .details p span,  .agency-default #homepage-team .team-member .details p span {

	font-style: normal;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-left: 2px;

}

.agency-default #homepage-news .news-image .overlay,  .agency-default #homepage-team .team-member .overlay {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	overflow: hidden;

	padding: 20px;

	opacity: 0;

	-webkit-background-clip: padding-box;

	background-clip: padding-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-transition: opacity .4s ease-in-out;

	-moz-transition: opacity .4s ease-in-out;

	-ms-transition: opacity .4s ease-in-out;

	-o-transition: opacity .4s ease-in-out;

	transition: opacity .4s ease-in-out;

}

.agency-default #homepage-news .news-image:hover .overlay,  .agency-default #homepage-team .team-image:hover .overlay {

	background-color: rgba(0, 0, 0, .75);

	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

	filter: alpha(opacity=100);

	opacity: 1;

	-webkit-backface-visibility: hidden;

}

.agency-default #homepage-news .news-item .overlay h2,  .agency-default #homepage-team .team-member .overlay h2 {

	padding: 0 10px 0 0;

	line-height: 1.3;

	font-size: 25px;

	font-weight: 700;

	-moz-transition: all .4s;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	-ms-transition: all .4s;

	transition: all .4s;

}

.agency-default #homepage-news .news-item .overlay > h2 a,  .agency-default #homepage-team .team-member .overlay > h2 a {

	opacity: 1;

	-moz-transition: all .4s;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	-ms-transition: all .4s;

	transition: all .4s;

}

.agency-default #homepage-news .news-item .overlay:hover > h2 a,  .agency-default #homepage-team .team-member .overlay:hover > h2 a {

	opacity: 1;

}

.agency-default #homepage-news .news-item .overlay h2,  .agency-default #homepage-team .team-member .overlay h2 {

	color: #fff;

}

.agency-default #homepage-news .news-item .overlay a,  .agency-default #homepage-team .team-member .overlay a {

	color: #fff;

	text-decoration: none;

}

.agency-default #homepage-news .news-item .overlay em,  .agency-default #homepage-team .team-member .overlay em {

	color: #fff;

}

.agency-default #homepage-news .news-item img,  .agency-default #homepage-team .team-member img {

	display: block;

	position: relative;

	max-width: 100%;

	height: auto;

}

.agency-default #homepage-news .news-item img,  .agency-default #homepage-team .team-member img {

	-webkit-transition: all .4s ease-out;

	-moz-transition: all .4s ease-out;

	-o-transition: all .4s ease-out;

	-ms-transition: all .4s ease-out;

	transition: all .4s ease-out;

}

.agency-default #homepage-news .news-item:hover img,  .agency-default #homepage-team .team-member:hover img {

	-moz-transform: scale(1.2);

	-o-transform: scale(1.2);

	-webkit-transform: scale(1.2);

	transform: scale(1.2);

}

.agency-default .team-member h2 {

	border-bottom: none;

}

.agency-default .news-items .one-third.column.clearcol {

	clear: both;

}

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







/*  8 - Homepage (Agency Alternative)







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















.agency-alt #header-global[role="banner"] {

	color: #fff;

	width: 100%;

	height: 700px;

	padding-bottom: 60px;

	z-index: 1000;

	text-align: center;

}

.agency-alt #header-global[role="banner"] .social-icons {

	margin-top: 90px;

}

.agency-alt .uber-statement h2 {

	color: #fff;

	font-size: 80px;

	font-weight: 700;

	line-height: 90px;

	border-bottom: none;

	width: 100%;

	margin: 0;

	padding: 0;

}

.agency-alt .header-top {

	background-color: #fff;

	padding-top: 17px;

	padding-bottom: 15px;

	position: relative;

	z-index: 500;

	width: 100%;

	text-align: left;

	-webkit-box-shadow: 0px 0px 8px 0px #999;

	-moz-box-shadow: 0px 0px 8px 0px #999;

	box-shadow: 0px 0px 8px 0px #999;

	-moz-transition: all .7s;

	-webkit-transition: all .7s;

	-o-transition: all .7s;

	-ms-transition: all .7s;

	transition: all .7s;

}

.agency-alt .header-top .logo {

	text-align: left;

	margin-top: 14px;

}

.agency-alt .header-top .logo h1 {

	font-size: 35px;

}

.agency-alt .header-top .logo h1 a {

	color: #333;

}

.agency-alt #homepage-portfolio,  .agency-alt #homepage-news,  .agency-alt #homepage-team,  .agency-alt #homepage-services {

	text-align: center;

}

.agency-alt .homepage-section-header {

	max-width: 960px;

	overflow: hidden;

	text-align: center;

	margin-bottom: 20px;

}

.agency-alt .homepage-section-header .fa {

	color: #ddd;

}

.agency-alt .homepage-section-header h1 {

	color: #333;

	border-bottom: none;

	font-size: 60px;

	line-height: 80px;

	width: 80%;

	margin: 0 auto;

}

.agency-alt .homepage-section-intro p {

	color: #999;

	font-size: 18px;

	line-height: 28px;

}

.agency-alt .homepage-section-intro p:first-of-type {

	color: #666;

	font-size: 22px;

	font-weight: 400;

	line-height: 37px;

	margin-bottom: 30px;

}

.agency-alt #homepage-about .homepage-section-intro p {

	color: #999;

}

.agency-alt #homepage-about .homepage-section-intro p:first-of-type {

	color: #fff;

}

.agency-alt #homepage-about .homepage-section-header h1 {

	color: #fff;

}

.agency-alt #homepage-about .homepage-section-header a.read-more-btn {

	margin-top: 40px;

	background: #fff;

	color: #333;

}

.agency-alt #homepage-about .homepage-section-header a.read-more-btn:hover {

	background: #dd3e3e;

	color: #fff;

}

.agency-alt #twitter-fetcher-tweet {

	width: 100%;

}

.agency-alt #twitter-fetcher-tweet .interact {

	margin: 0;

	padding: 0;

	font-weight: normal;

}

.agency-alt #twitter-fetcher-tweet .interact a {

	font-size: 15px;

	padding: 0 5px;

}

.agency-alt .homepage-quotes {

	text-align: center;

}

.agency-alt .homepage-quotes .fa {

	color: #fff;

	font-size: 30px;

}

.agency-alt .homepage-quotes .quotes blockquote {

	width: 70%;

	margin: 0 auto;

	padding: 0;

	border: none;

}

.agency-alt .homepage-quotes .quotes li {

	list-style: none;

	padding: 0 0 20px 0;

}

.agency-alt .homepage-quotes .quotes blockquote p {

	color: #fff;

	font-size: 30px;

	line-height: 40px;

	font-weight: normal;

	font-style: italic;

	width: 100%;

	padding: 0 0 25px 0;

	border-bottom: 2px solid #fff;

}

.agency-alt .homepage-quotes .quotes cite {

	display: inline-block;

	width: 70%;

	margin: 0 auto;

	color: #333;

	font-size: 15px;

	font-style: normal;

	font-weight: 300;

	text-transform: uppercase;

	text-align: center;

}

.agency-alt .homepage-tweet {

	text-align: center;

}

.agency-alt .homepage-tweet .fa {

	color: #fff;

	font-size: 30px;

}

.agency-alt .homepage-tweet ul {

	list-style: none;

}

.agency-alt #twitter-fetcher-tweet {

	color: #fff;

	font-size: 30px;

	line-height: 40px;

	font-weight: 400;

	margin: 0 auto;

	width: 70%;

}

.agency-alt #twitter-fetcher-tweet .tweet {

	margin: 20px 0 10px 0;

	padding: 0 0 25px 0;

	border-bottom: 2px solid #fff;

}

.agency-alt #twitter-fetcher-tweet a {

	color: #333;

}

.agency-alt #twitter-fetcher-tweet a:hover {

	color: #666;

}

.agency-alt #twitter-fetcher-tweet .timePosted {

	display: inline-block;

	margin-top: 10px;

	color: #333;

	font-size: 15px;

	font-style: normal;

	font-weight: 300;

	text-transform: uppercase;

	letter-spacing: 1px;

}

.agency-alt #twitter-fetcher-tweet .interact {

	font-size: 12px;

	font-style: italic;

	font-weight: normal;

	margin: 0;

	padding: 0;

	text-transform: lowercase;

}

.agency-alt #twitter-fetcher-tweet .interact a {

	margin-left: 8px;

	padding: 0;

}

.agency-alt #twitter-fetcher-tweet .interact a:first-child {

	margin-left: 0;

}

.agency-alt #twitter-fetcher-tweet .interact a:not(:last-of-type):after {

	content: "/";

	color: #333;

	margin-left: 8px;

}

.agency-alt .portfolio-filter {

	margin-top: 0;

}

.agency-alt #footer-global[role="contentinfo"] {

	text-align: center;

}

.agency-alt .homepage-portfolio-items .homepage-project-item {

	margin-bottom: 0;

}

.agency-alt .news-item .date-stamp {

	width: 60px;

	height: 70px;

	background: #333;

	color: #fff;

	border-radius: 3px;

	font-weight: 700;

	display: table;

	margin: 0 auto 20px auto;

}

.agency-alt .news-item .date-stamp .month {

	width: 100%;

	text-align: center;

	position: relative;

	top: 9px;

	text-transform: uppercase;

}

.agency-alt .news-item .date-stamp .day {

	width: 100%;

	text-align: center;

	position: relative;

	top: 9px;

	font-size: 28px;

}

.agency-alt .news-item .news-thumbnail {

	margin-bottom: 30px;

}

.agency-alt .news-item h2 {

	font-size: 25px;

	line-height: 1.3;

	border-bottom: 1px solid #333;

}

.agency-alt .news-item .post-cat {

	font-size: 12px;

	font-style: italic;

	font-weight: normal;

	color: #999;

	text-transform: lowercase;

}

.agency-alt .news-item .post-cat span a {

	color: #333;

	font-style: normal;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-left: 2px;

}

.agency-alt .news-item .post-cat span a:hover {

	color: #666;

}

.agency-alt .news-item .meta-details a {

	color: #333;

}

.agency-alt .news-item .meta-details a:hover {

	color: #666;

}

.agency-alt #homepage-team .team-member {

	margin-bottom: 20px;

}

.agency-alt #homepage-team .team-member .team-image {

	list-style: none;

	overflow: hidden;

	position: relative;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-transform-style: preserve-3d;

}

.agency-alt #homepage-team .team-member .team-image {

	-moz-transition: all .4s;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	-ms-transition: all .4s;

	transition: all .4s;

}

.agency-alt #homepage-team .team-member .details h2 {

	letter-spacing: 1px;

	display: block;

}

.agency-alt #homepage-team .team-member .details p {

	font-size: 12px;

	font-style: italic;

	font-weight: normal;

	color: #999;

	border-top: 1px solid #ddd;

	padding-top: 10px;

	padding-right: 5px;

	text-transform: lowercase;

}

.agency-alt #homepage-team .team-member .details p span {

	font-style: normal;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-left: 2px;

}

.agency-alt #homepage-team .team-member .overlay {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	overflow: hidden;

	padding: 20px;

	opacity: 0;

	-webkit-background-clip: padding-box;

	background-clip: padding-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-transition: opacity .4s ease-in-out;

	-moz-transition: opacity .4s ease-in-out;

	-ms-transition: opacity .4s ease-in-out;

	-o-transition: opacity .4s ease-in-out;

	transition: opacity .4s ease-in-out;

}

.agency-alt #homepage-team .team-image:hover .overlay {

	background-color: rgba(0, 0, 0, .75);

	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

	filter: alpha(opacity=100);

	opacity: 1;

	-webkit-backface-visibility: hidden;

}

.agency-alt #homepage-team .team-member .overlay h2 {

	color: #fff;

	padding: 0 10px 0 0;

	line-height: 1.3;

	font-size: 25px;

	font-weight: 700;

	-moz-transition: all .4s;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	-ms-transition: all .4s;

	transition: all .4s;

}

.agency-alt #homepage-team .team-member .overlay h2 {

	border-bottom: none;

}

.agency-alt #homepage-team .team-member .overlay > h2 a {

	opacity: 1;

	-moz-transition: all .4s;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	-ms-transition: all .4s;

	transition: all .4s;

}

.agency-alt #homepage-team .team-member .overlay:hover > h2 a {

	opacity: 1;

}

.agency-alt #homepage-team .team-member .overlay a {

	color: #fff;

	text-decoration: none;

}

.agency-alt #homepage-team .team-member img {

	display: block;

	position: relative;

	max-width: 100%;

	height: auto;

	-webkit-transition: all .4s ease-out;

	-moz-transition: all .4s ease-out;

	-o-transition: all .4s ease-out;

	-ms-transition: all .4s ease-out;

	transition: all .4s ease-out;

}

.agency-alt #homepage-team .team-member:hover img {

	-moz-transform: scale(1.2);

	-o-transform: scale(1.2);

	-webkit-transform: scale(1.2);

	transform: scale(1.2);

}

.agency-alt .news-items .one-third.column.clearcol {

	clear: both;

}

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







/*  9 - Homepage (One Page Team / Personal)







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















.one-page-team #header-global[role="banner"],  .one-page-personal #header-global[role="banner"] {

	color: #fff;

	width: 100%;

	height: 700px;

	padding-bottom: 60px;

	z-index: 1000;

	text-align: center;

}

.one-page-team #header-global[role="banner"] .social-icons,  .one-page-personal #header-global[role="banner"] .social-icons {

	margin-top: 120px;

}

.one-page-team .uber-statement h2,  .one-page-personal .uber-statement h2 {

	color: #fff;

	font-size: 80px;

	line-height: 90px;

	border-bottom: none;

	width: 100%;

	margin: 0;

	padding: 0;

}

.one-page-team .header-top,  .one-page-personal .header-top {

	background-color: #fff;

	background-color: rgba(255, 255, 255, .1);

	padding-top: 17px;

	padding-bottom: 15px;

	position: relative;

	z-index: 500;

	width: 100%;

	text-align: left;

	-webkit-box-shadow: 0px 0px 8px 0px #999;

	-moz-box-shadow: 0px 0px 8px 0px #999;

	box-shadow: 0px 0px 8px 0px #999;

	-moz-transition: all .7s;

	-webkit-transition: all .7s;

	-o-transition: all .7s;

	-ms-transition: all .7s;

	transition: all .7s;

}

.one-page-team .header-top .logo,  .one-page-team .header-top-light .logo,  .one-page-personal .header-top .logo,  .one-page-personal .header-top-light .logo {

	text-align: left;

	margin-top: 14px;

}

.one-page-team .header-top .logo h1,  .one-page-team .header-top-light .logo h1,  .one-page-personal .header-top .logo h1,  .one-page-personal .header-top-light .logo h1 {

	font-size: 35px;

}

.one-page-team .header-top .logo h1 a,  .one-page-personal .header-top .logo h1 a {

	color: #333;

}

.one-page-team #homepage-portfolio,  .one-page-team #homepage-news,  .one-page-team #homepage-team,  .one-page-team #homepage-services,  .one-page-personal #homepage-portfolio,  .one-page-personal #homepage-news,  .one-page-personal #homepage-team,  .one-page-personal #homepage-services {

	text-align: center;

}

.one-page-team .homepage-section-header,  .one-page-personal .homepage-section-header {

	max-width: 960px;

	overflow: hidden;

	text-align: center;

	margin-bottom: 20px;

}

.one-page-team .homepage-section-header h1,  .one-page-personal .homepage-section-header h1 {

	font-size: 60px;

	line-height: 80px;

	width: 80%;

	margin: 0 auto;

	border-bottom: none;

}

.one-page-team #homepage-about .homepage-section-header h1,  .one-page-personal #homepage-about .homepage-section-header h1 {

	color: #fff;

}

.one-page-team #homepage-profile .homepage-section-intro p,  .one-page-personal #homepage-profile .homepage-section-intro p {

	text-align: left;

}

.one-page-team .homepage-section-intro p,  .one-page-personal .homepage-section-intro p {

	font-size: 18px;

	line-height: 28px;

}

.one-page-team .homepage-section-intro p:first-of-type,  .one-page-personal .homepage-section-intro p:first-of-type {

	color: #666;

	font-size: 22px;

	font-weight: 400;

	line-height: 37px;

	margin-bottom: 30px;

}

.one-page-team #homepage-about .homepage-section-intro p,  .one-page-personal #homepage-about .homepage-section-intro p {

	color: #999;

}

.one-page-team #homepage-about .homepage-section-intro p:first-of-type,  .one-page-personal #homepage-about .homepage-section-intro p:first-of-type {

	color: #fff;

}

.one-page-team #homepage-about .homepage-section-header h2,  .one-page-personal #homepage-about .homepage-section-header h2 {

	color: #fff;

}

.one-page-team .homepage-tweet,  .one-page-personal .homepage-tweet {

	text-align: center;

}

.one-page-team .homepage-tweet .fa,  .one-page-personal .homepage-tweet .fa {

	color: #fff;

	font-size: 30px;

}

.one-page-team .homepage-tweet ul,  .one-page-personal .homepage-tweet ul {

	list-style: none;

}

.one-page-team #twitter-fetcher-tweet,  .one-page-personal #twitter-fetcher-tweet {

	font-size: 30px;

	line-height: 40px;

	font-weight: 400;

	margin: 0 auto;

	width: 70%;

}

.one-page-team #twitter-fetcher-tweet .tweet,  .one-page-personal #twitter-fetcher-tweet .tweet {

	margin: 20px 0 10px 0;

	padding: 0 0 25px 0;

	border-bottom: 2px solid #fff;

}

.one-page-team #twitter-fetcher-tweet a,  .one-page-personal #twitter-fetcher-tweet a {

	color: #333;

}

.one-page-team #twitter-fetcher-tweet a:hover,  .one-page-personal #twitter-fetcher-tweet a:hover {

	color: #666;

}

.one-page-team #twitter-fetcher-tweet .timePosted,  .one-page-personal #twitter-fetcher-tweet .timePosted {

	display: inline-block;

	margin-top: 10px;

	color: #333;

	font-size: 15px;

	font-style: normal;

	font-weight: 300;

	text-transform: uppercase;

	letter-spacing: 1px;

}

.one-page-team #twitter-fetcher-tweet .interact,  .one-page-personal #twitter-fetcher-tweet .interact {

	font-size: 14px;

	font-style: italic;

	font-weight: normal;

	margin: 0;

	padding: 0;

	text-transform: lowercase;

}

.one-page-team #twitter-fetcher-tweet .interact a,  .one-page-personal #twitter-fetcher-tweet .interact a {

	margin-left: 8px;

	padding: 0;

}

.one-page-team #twitter-fetcher-tweet .interact a:first-child,  .one-page-personal #twitter-fetcher-tweet .interact a:first-child {

	margin-left: 0;

}

.one-page-team #twitter-fetcher-tweet .interact a:not(:last-of-type):after,  .one-page-personal #twitter-fetcher-tweet .interact a:not(:last-of-type):after {

	content: "/";

	color: #333;

	margin-left: 8px;

}

.one-page-team .homepage-quotes,  .one-page-personal .homepage-quotes {

	text-align: center;

}

.one-page-team .homepage-quotes .fa,  .one-page-personal .homepage-quotes .fa {

	color: #fff;

	font-size: 30px;

}

.one-page-team .homepage-quotes .quotes blockquote,  .one-page-personal .homepage-quotes .quotes blockquote {

	width: 70%;

	margin: 0 auto;

	padding: 0;

	border: none;

}

.one-page-team .homepage-quotes .quotes li,  .one-page-personal .homepage-quotes .quotes li {

	list-style: none;

	padding: 0 0 20px 0;

}

.one-page-team .homepage-quotes .quotes blockquote p,  .one-page-personal .homepage-quotes .quotes blockquote p {

	color: #fff;

	font-size: 30px;

	line-height: 40px;

	font-weight: normal;

	font-style: italic;

	width: 100%;

	padding: 0 0 25px 0;

	border-bottom: 2px solid #fff;

}

.one-page-team .homepage-quotes .quotes cite,  .one-page-personal .homepage-quotes .quotes cite {

	display: inline-block;

	width: 70%;

	margin: 0 auto;

	color: #333;

	font-size: 15px;

	font-style: normal;

	font-weight: 300;

	text-transform: uppercase;

	text-align: center;

}

.one-page-team .portfolio-filter,  .one-page-personal .portfolio-filter {

	margin-top: 0;

}

.one-page-team #footer-global[role="contentinfo"],  .one-page-personal #footer-global[role="contentinfo"] {

	text-align: center;

}

.one-page-team .social-icons li .fa,  .one-page-personal .social-icons li .fa {

	color: #fff;

	font-size: 20px;

}

.one-page-team .homepage-team-member,  .one-page-personal .homepage-team-member {

	margin-bottom: 40px;

}

.one-page-team .homepage-team-member:hover img,  .one-page-personal .homepage-team-member:hover img {

	-moz-transform: none;

	-o-transform: none;

	-webkit-transform: none;

	transform: none;

}

.one-page-team .homepage-team-member .team-member-thumbnail,  .one-page-personal .homepage-team-member .team-member-thumbnail {

	margin-bottom: 30px;

}

.one-page-team .homepage-team-member h2,  .one-page-personal .homepage-team-member h2 {

	font-size: 25px;

	line-height: 1.3;

	border-bottom: 1px solid #333;

}

.one-page-team .homepage-team-member .member-role,  .one-page-personal .homepage-team-member .member-role {

	font-size: 12px;

	font-style: italic;

	font-weight: normal;

	color: #999;

	text-transform: lowercase;

}

.one-page-team .homepage-team-member .member-role span,  .one-page-personal .homepage-team-member .member-role span {

	color: #333;

	font-style: normal;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-left: 2px;

}

.one-page-team .homepage-team-member .social-icons,  .one-page-personal .homepage-team-member .social-icons {

	margin-top: 10px;

}

.one-page-team .homepage-team-member .social-icons li .fa,  .one-page-personal .homepage-team-member .social-icons li .fa {

	color: #333;

}

.one-page-team .news-item .date-stamp,  .one-page-personal .news-item .date-stamp {

	width: 60px;

	height: 70px;

	background: #333;

	color: #fff;

	border-radius: 3px;

	font-weight: 700;

	display: table;

	margin: 0 auto 20px auto;

}

.one-page-team .news-item .date-stamp .month,  .one-page-personal .news-item .date-stamp .month {

	width: 100%;

	text-align: center;

	position: relative;

	top: 9px;

	text-transform: uppercase;

}

.one-page-team .news-item .date-stamp .day,  .one-page-personal .news-item .date-stamp .day {

	width: 100%;

	text-align: center;

	position: relative;

	top: 9px;

	font-size: 28px;

}

.one-page-team .news-item .news-thumbnail,  .one-page-personal .news-item .news-thumbnail {

	margin-bottom: 30px;

}

.one-page-team .news-item h2,  .one-page-personal .news-item h2 {

	font-size: 25px;

	line-height: 1.3;

	border-bottom: 1px solid #333;

}

.one-page-team .news-item .post-cat,  .one-page-personal .news-item .post-cat {

	font-size: 12px;

	font-style: italic;

	font-weight: normal;

	color: #999;

	text-transform: lowercase;

}

.one-page-team .news-item .post-cat span a,  .one-page-personal .news-item .post-cat span a {

	color: #333;

	font-style: normal;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-left: 2px;

}

.one-page-team .news-item .post-cat span a:hover,  .one-page-personal .news-item .post-cat span a:hover {

	color: #666;

}

.one-page-team .news-item .meta-details a,  .one-page-personal .news-item .meta-details a {

	color: #333;

}

.one-page-team .news-item .meta-details a:hover,  .one-page-personal .news-item .meta-details a:hover {

	color: #666;

}

.one-page-team .news-items .one-third.column.clearcol,  .one-page-personal .news-items .one-third.column.clearcol {

	clear: both;

}

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







/*  10 - Homepage (Portfolio Showcase)







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















.portfolio-showcase {

	background: none;

}

.portfolio-showcase #header-global[role="banner"] {

	height: 300px;

	margin-bottom: 60px;

}

.portfolio-showcase .logo h1 {

	margin-bottom: 0;

	padding-bottom: 0;

}

.portfolio-showcase .uber-statement h2 {

	font-size: 30px;

	line-height: 35px;

}

.portfolio-showcase .filter li a {

	background: #fff;

	color: #333;

}

.portfolio-showcase .filter li a:hover,  .portfolio-showcase .filter li .current {

	background: #333;

	color: #fff;

}

.portfolio-showcase .homepage-portfolio {

	background: none;

	padding: 10px 0 70px 0;

}

.portfolio-showcase .homepage-portfolio-items {

	width: 100%;

	margin: 0;

	overflow: hidden;

	position: relative;

}

.portfolio-showcase .homepage-portfolio-items .homepage-project-item {

	width: 33.333%;

	overflow: hidden;

	position: relative;

	margin-bottom: 0;

}

.portfolio-showcase #footer-global[role="contentinfo"] {

	border-top: none;

}

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







/*  11 - Homepage (Blog Style)







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















.blog-style #header-global[role="banner"] {

	height: 550px;

}

.blog-style .logo h1 {

	text-align: left;

	margin-top: 35px;

}

.blog-style.homepage-section-header {

	max-width: 960px;

	overflow: hidden;

	text-align: left;

	margin-bottom: 0;

}

.blog-style .homepage-section-header h1 {

	color: #fff;

	font-size: 60px;

	line-height: 80px;

	width: 80%;

	margin: 0;

}

.blog-style .homepage-section-intro p {

	font-size: 18px;

	line-height: 28px;

}

.blog-style .homepage-section-intro p:first-of-type {

	color: #fff;

	font-size: 22px;

	font-weight: 400;

	line-height: 37px;

	margin-bottom: 30px;

}

.blog-style #homepage-news {

	background: none;

	padding: 90px 0;

}

.blog-style .post-excerpt {

	background-color: #fff;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	position: relative;

	width: 100%;

	max-width: 100%;

	margin: 0 auto;

	padding: 60px 0 60px 0;

	word-break: break-word;

	hyphens: auto;

	border-bottom: 1px solid #ddd;

}

.blog-style .post-excerpt:first-of-type {

	padding: 30px 0 60px 0;

}

.blog-style .post-excerpt:last-of-type {

	border-bottom: none!important;

}

.blog-style .post-excerpt.stripe {

	background-color: #eee;

}

.blog-style .post-excerpt .date-stamp {

	width: 60px;

	height: 70px;

	background: #333;

	color: #fff;

	border-radius: 3px;

	font-weight: 700;

	display: table;

	margin: 0 0 40px 0;

}

.blog-style .post-excerpt .date-stamp .month {

	width: 100%;

	text-align: center;

	position: relative;

	top: 9px;

	text-transform: uppercase;

}

.blog-style .post-excerpt .date-stamp .day {

	width: 100%;

	text-align: center;

	position: relative;

	top: 9px;

	font-size: 28px;

}

.blog-style .post-excerpt .news-thumbnail {

	margin-bottom: 30px;

}

.blog-style .post-excerpt h2 {

	font-size: 30px;

	line-height: 1.5;

	border-bottom: 1px solid #333;

}

.blog-style .post-excerpt .meta-details p {

	font-size: 12px;

	font-style: italic;

	font-weight: normal;

	color: #999;

	padding-right: 5px;

	text-transform: lowercase;

}

.blog-style .post-excerpt .meta-details p span {

	font-style: normal;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-left: 2px;

}

.blog-style .post-excerpt .post-cat {

	font-size: 12px;

	font-style: italic;

	font-weight: normal;

	color: #999;

	text-transform: lowercase;

}

.blog-style .post-excerpt .post-cat span a {

	color: #333;

	font-style: normal;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-left: 2px;

}

.blog-style .post-excerpt .post-cat span a:hover {

	color: #666;

}

.blog-style .post-excerpt .meta-details a {

	color: #333;

}

.blog-style .post-excerpt .meta-details a:hover {

	color: #666;

}

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







/*  12 - Homepage Sections







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















#homepage-about {

	background: #333;

	padding: 90px 0;

}

#homepage-portfolio {

	background: #f4f4f4;

	padding: 90px 0;

}

#homepage-news {

	background: #fff;

	padding: 90px 0;

}

#homepage-team,  #homepage-profile {

	background: #f4f4f4;

	padding: 90px 0;

}

#homepage-services {

	background: #fff;

	padding: 90px 0;

}

#homepage-contact {

	background: #333;

	padding: 90px 0;

}

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







/*  13 - Buttons







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















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

	position: relative;

	background: none;

	border: 1px solid #333;

	border-radius: 2px;

	color: #333;

	display: inline-block;

	font-size: 12px;

	font-style: normal;

	text-decoration: none;

	text-transform: uppercase;

	cursor: pointer;

	margin-left: 0;

	margin-top: 5px;

	padding: 5px 10px;

	-moz-transition: all .4s;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	-ms-transition: all .4s;

	transition: all .4s;

}

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

	border: 1px solid #6699A6;

	color: #6699A6;

}

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

	border: 1px solid #6699A6;

	color: #6699A6;

}

.button.full-width,  button.full-width,  input[type="submit"].full-width,  input[type="reset"].full-width,  input[type="button"].full-width {

	width: 100%;

	padding-left: 0 !important;

	padding-right: 0 !important;

	text-align: center;

}















/* Fix for odd Mozilla border & padding issues */







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

 border: 0;

 padding: 0;

}

/* Read More Button







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















a.read-more-btn {

	position: relative;

	display: inline-block;

	background: #333;

	border-radius: 30px;

	color: #fff;

	font-size: 12px;

	font-weight: 400;

	letter-spacing: 1px;

	text-decoration: none;

	text-transform: uppercase;

	margin-top: 15px;

	padding: 10px 20px;

	text-align: center;

	text-transform: uppercase;

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

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

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

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

	transition: all .2s ease-in-out;

}

a.read-more-btn:hover {

	background: #dd3e3e;

	color: #fff;

	position: relative;

}

/* Read More Button (Uber Statement)







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















a.read-more-btn-uber {

	position: relative;

	display: inline-block;

	background: #333;

	border-radius: 30px;

	color: #fff;

	font-size: 14px;

	font-weight: 400;

	letter-spacing: 1px;

	text-decoration: none;

	text-transform: uppercase;

	margin-top: 20px;

	padding: 12px 25px;

	text-align: center;

	text-transform: uppercase;

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

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

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

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

	transition: all .2s ease-in-out;

}

a.read-more-btn-uber:hover {

	background: #dd3e3e;

	color: #fff;

	position: relative;

}

/* Contact Button







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















.contact-btn {

	position: relative;

	display: inline-block;

	background: #333;

	border-radius: 30px;

	color: #fff;

	font-size: 12px;

	font-weight: 400;

	letter-spacing: 1px;

	text-decoration: none;

	text-transform: uppercase;

	margin-top: 15px;

	padding: 10px 20px;

	text-align: center;

	text-transform: uppercase;

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

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

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

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

	transition: all .2s ease-in-out;

}

.contact-btn:hover {

	background: #dd3e3e;

	color: #fff;

	position: relative;

}

/* Back to Top Button







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















.back-top-btn {

	position: relative;

	display: inline-block;

	background: #fff;

	border-radius: 30px;

	color: #333;

	font-size: 12px;

	font-weight: 400;

	letter-spacing: 1px;

	text-decoration: none;

	text-transform: uppercase;

	margin-top: 15px;

	padding: 10px 20px;

	text-align: center;

	text-transform: uppercase;

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

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

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

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

	transition: all .2s ease-in-out;

}

.back-top-btn:hover {

	background: #dd3e3e;

	color: #fff;

	position: relative;

}

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







/*  14 - Social Icons (Body)







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















.social-icons {

	margin: 0;

	padding: 0;

	border: 0;

	overflow: hidden;

 *zoom: 1;

	display: inline-block;

}

.social-icons > li {

	list-style-image: none;

	list-style-type: none;

	white-space: nowrap;

	margin-right: 20px;

	margin-left: 0;

	display: inline-block;

	float: left;

	padding-left: 4px;

	padding-right: 4px;

	padding: 10px;

}

.social-icons > li:first-child, .social-icons > li.first {

	padding-left: 0;

}

.social-icons > li:last-child {

	margin-right: 0;

	padding-right: 0;

}

.social-icons > li.last {

	padding-right: 0;

}

.social-icons li .fa {

	color: #fff;

	font-size: 20px;

}

#homepage-contact .fa {

	color: #fff;

	font-size: 50px;

	margin-bottom: 30px;

}

#homepage-contact .social-icons {

	margin-top: 20px;

}

#homepage-contact .social-icons li {

	list-style: none;

	float: left;

	margin-right: 10px;

}

#homepage-contact .social-icons li .fa {

	font-size: 20px;

}

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







/*  15 - Isotope (Portfolio Filtering)







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















.isotope-item {

	z-index: 2;

}

.isotope-hidden.isotope-item {

	pointer-events: none;

	z-index: 1;

}

.isotope, .isotope .isotope-item {

	/* change duration value to whatever you like */

	-webkit-transition-duration: 0.8s;

	-moz-transition-duration: 0.8s;

	transition-duration: 0.8s;

}

.isotope {

	-webkit-transition-property: height, width;

	-moz-transition-property: height, width;

	transition-property: height, width;

}

.isotope .isotope-item {

	-webkit-transition-property: -webkit-transform, opacity;

	-moz-transition-property: -moz-transform, opacity;

	-ms-transition-property: -ms-transform, opacity;

	-o-transition-property: top, left, opacity;

	transition-property: transform, opacity;

}

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







/*  16 - Portfolio Index (Standard / Full Width)







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















.portfolio-items.full-width .project-item {

	width: 33.333%;

	overflow: hidden;

	position: relative;

	margin-bottom: 0;

}

.portfolio-items.standard {

	margin-left: -10px;

}

.project-item {

	margin-bottom: 20px;

}

.project-item .project-image {

	list-style: none;

	overflow: hidden;

	position: relative;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-moz-transition: all .4s;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	-ms-transition: all .4s;

	transition: all .4s;

}

.project-item .details h2 {

	border: none;

	display: block;

}

.project-item .details p {

	font-size: 12px;

	font-style: italic;

	font-weight: normal;

	color: #999;

	border-top: 1px solid #ddd;

	padding-top: 10px;

	text-transform: lowercase;

}

.project-item .details p span {

	font-style: normal;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-left: 2px;

}

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







/*  17 - Single Project







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















.single-project {

	margin-top: 20px;

}

.single-project .project-description p:first-of-type {

	color: #666;

	font-size: 20px;

	font-weight: 400;

	line-height: 35px;

	margin-bottom: 30px;

}

.single-project p:last-of-type {

	margin-bottom: 30px;

}

.single-project h1 {

	display: block;

	font-size: 40px;

	line-height: 45px;

	border-bottom: 4px solid #333;

	margin-top: 5px;

	margin-bottom: 20px;

	padding-bottom: 20px;

}

.single-project img {

	max-width: 100%;

	height: auto;

}

.single-project .client-name {

	font-size: 12px;

	font-style: italic;

	font-weight: normal;

	color: #999;

	text-transform: lowercase;

}

.single-project .client-name span {

	color: #333;

	font-style: normal;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-right: 2px;

}

.single-project .project-details {

	font-style: italic;

	text-transform: lowercase;

	color: #999;

	border-top: #ddd 2px solid;

	font-size: 14px;

	margin-top: 40px;

	margin-bottom: 25px;

	padding-top: 20px;

	padding-bottom: 10px;

	list-style: none;

}

.single-project .project-details li {

	margin: 5px 0;

}

.single-project .project-details li span {

	color: #333;

	font-style: normal;

	font-size: 12px;

	text-transform: uppercase;

	letter-spacing: 1px;

}

.single-project img,  .single-project .video-frame {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	overflow: hidden;

}

.single-project img {

	margin-top: 15px;

	margin-bottom: 10px;

}

.single-project .video-frame {

	margin-bottom: 25px;

}

.single-project .slides li {

	margin-bottom: 0;

}

.single-project .project-icons {

	margin-top: 12px;

	margin-bottom: 30px;

}

.single-project .project-icons .fa {

	color: #ddd;

	font-size: 40px;

	margin-right: 10px;

}

.single-project.slideshow h1,  .single-project.video h1,  .single-project.audio h1 {

	display: block;

	font-size: 40px;

	line-height: 45px;

	border-bottom: 4px solid #333;

	margin-top: 30px;

	margin-bottom: 20px;

	padding-bottom: 20px;

}

.single-project.slideshow .project-icons,  .single-project.video .project-icons,  .single-project.audio .project-icons {

	margin-top: 35px;

	margin-bottom: 10px;

}

.single-project.slideshow .project-details,  .single-project.video .project-details,  .single-project.audio .project-details {

	border-top: #ddd 2px solid;

	margin-top: 20px;

	margin-bottom: 25px;

}

/* Project Navigation







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















.project-nav {

	display: block;

	float: left;

	margin: 15px 0 60px 0;

	list-style: none;

}

.project-nav li {

	float: left;

	background: #333;

	border-radius: 30px;

	color: #fff;

	font-size: 10px;

	font-weight: 400;

	letter-spacing: 1px;

	text-decoration: none;

	text-transform: uppercase;

	margin-right: 10px;

	text-align: center;

	text-transform: uppercase;

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

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

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

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

	transition: all .2s ease-in-out;

}

.project-nav .back-link {

	background: #dd3e3e;

}

.project-nav li a {

	text-decoration: none;

	display: block;

	padding: 5px 15px;

}

.project-nav .next-link:hover,  .project-nav .previous-link:hover {

	background: #dd3e3e;

	position: relative;

}

.project-nav .back-link:hover {

	background: #333;

}

.project-nav .previous-link,  .project-nav .next-link,  .project-nav .back-link {

	margin-right: 10px;

}

.project-nav .back-link a,  .project-nav .next-link a,  .project-nav .previous-link a {

	color: #fff;

}

.project-nav .back-link a:hover,  .project-nav .next-link a:hover,  .project-nav .previous-link a:hover {

	color: #fff;

}

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







/*  18 - Post Index / Single Post







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















.post-excerpt,  .post-single {

	padding: 30px 0 60px 0;

}

.post-excerpt:last-of-type {

	border-bottom: none!important;

}

.post-excerpt.stripe {

	background-color: #eee;

}

.post-excerpt .date-stamp,  .post-single .date-stamp {

	width: 60px;

	height: 70px;

	color: #fff;

	border-radius: 3px;

	font-weight: 700;

	display: table;

	margin: 0 0 20px 0;

}

.post-excerpt .date-stamp .month,  .post-single .date-stamp .month {

	width: 100%;

	text-align: center;

	position: relative;

	top: 9px;

	text-transform: uppercase;

}

.post-excerpt .date-stamp .day,  .post-single .date-stamp .day {

	width: 100%;

	text-align: center;

	position: relative;

	top: 9px;

	font-size: 28px;

}

.post-excerpt h2,  .post-single h2 {

	font-size: 30px;

	line-height: 1.5;

	border-bottom: 1px solid #333;

}

.post-excerpt .meta-details p,  .post-single .meta-details p {

	font-size: 12px;

	font-style: italic;

	font-weight: normal;

	color: #999;

	padding-right: 5px;

	text-transform: lowercase;

}

.post-excerpt .meta-details p span,  .post-single .meta-details p span {

	font-style: normal;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-left: 2px;

}

.post-excerpt .post-cat,  .post-single .post-cat {

	font-size: 12px;

	font-style: italic;

	font-weight: normal;

	color: #999;

	text-transform: lowercase;

}

.post-excerpt .post-cat span a,  .post-single .post-cat span a {

	color: #333;

	font-style: normal;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-left: 2px;

}

.post-excerpt .post-cat span a:hover,  .post-single .post-cat span a:hover {

	color: #666;

}

.post-excerpt .meta-details a,  .post-single .meta-details a {

	color: #333;

}

.post-excerpt .meta-details a:hover,  .post-single .meta-details a:hover {

	color: #666;

}

.post-excerpt .post-thumbnail,  .post-single .post-thumbnail {

	list-style: none;

	overflow: hidden;

	position: relative;

	margin-top: 30px;

	margin-bottom: 30px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.post-excerpt img,  .post-excerpt .video-frame {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	overflow: hidden;

}

.post-tags a::before {

	content: '#';

}

.post-tags a {

	float: left;

	position: relative;

	display: inline-block;

	background: #ddd;

	border-radius: 30px;

	color: #fff;

	font-size: 9px;

	font-weight: 400;

	letter-spacing: 1px;

	text-decoration: none;

	text-transform: uppercase;

	margin-top: 15px;

	margin-right: 10px;

	padding: 7px 17px;

	text-align: center;

	text-transform: uppercase;

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

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

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

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

	transition: all .2s ease-in-out;

}

.post-tags a:hover {

	background: #333;

	color: #fff;

	position: relative;

}

.author-bio {

	float: left;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	border-top: 2px solid #ddd;

	border-bottom: 2px solid #ddd;

	color: #333;

	position: relative;

	width: 100%;

	max-width: 100%;

	margin: 40px 0 20px 0;

	padding: 40px 40px 60px 0;

}

.author-bio p {

	margin-top: 20px;

}

.author-bio img {

	float: left;

	border-radius: 100px;

	border: 3px solid #ddd;

	max-width: 100%;

	height: auto;

	margin-top: 25px;

	margin-right: 25px;

}

.author-website {

	position: relative;

	display: inline-block;

	background: #333;

	border-radius: 30px;

	color: #fff;

	font-size: 12px;

	font-weight: 400;

	letter-spacing: 1px;

	text-decoration: none;

	text-transform: uppercase;

	margin-top: 15px;

	padding: 10px 20px;

	text-align: center;

	text-transform: uppercase;

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

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

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

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

	transition: all .2s ease-in-out;

}

.author-website:hover {

	background: #dd3e3e;

	color: #fff;

	position: relative;

}

.author-bio .author-social-icons {

	margin-top: 15px;

	display: inline-block;

}

.author-bio .author-social-icons li {

	list-style: none;

	float: left;

	margin-right: 20px;

}

.author-bio .author-social-icons li:last-child {

	margin-right: 0;

}

.author-bio .author-social-icons li .fa {

	color: #333;

	font-size: 20px;

}

.article-author {

	font-size: 14px;

	font-style: italic;

	font-weight: normal;

	color: #999;

	text-transform: lowercase;

}

.article-author span {

	margin-left: 5px;

}

.article-author span a {

	color: #333;

	font-style: normal;

	text-transform: uppercase;

	letter-spacing: 1px;

}

.article-author span a:hover {

	color: #666;

}

/* Single Post Navigation







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















.pager {

	clear: both;

	margin-left: 0;

	margin-top: 50px;

	margin-bottom: 35px;

	list-style: none;

	text-align: center;

	text-transform: uppercase;

 *zoom: 1;

}

.pager:before,  .pager:after {

	display: table;

	content: "";

}

.pager:after {

	clear: both;

}

.pager li {

	display: inline;

}

.pager a {

	position: relative;

	display: inline-block;

	background: #333;

	border-radius: 30px;

	color: #fff;

	font-size: 10px;

	font-weight: 400;

	letter-spacing: 1px;

	text-decoration: none;

	text-transform: uppercase;

	margin-top: 20px;

	margin-right: 0;

	padding: 5px 15px;

	text-align: center;

	text-transform: uppercase;

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

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

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

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

	transition: all .2s ease-in-out;

}

.pager a:hover {

	background: #dd3e3e;

	color: #fff;

	position: relative;

}

.pager .next a {

	float: right;

}

.pager .previous a {

	float: left;

}

.pager .disabled a,  .pager .disabled a:hover {

	color: #999;

	background-color: #fff;

	cursor: default;

}

/* Post Index Pagination







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















.pagination {

	float: right;

	margin-bottom: 30px;

}

.pagination a {

	list-style: none;

	margin: 0;

	padding: 5px;

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

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

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

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

	transition: all .2s ease-in-out;

}

.pagination a:hover {

	color: #333;

}

.pagination a:last-child {

	margin-right: 0;

}

.pagination .current {

	padding: 5px;

	font-weight: 600;

}

.pagination a,  .pagination .current {

	display: inline-block;

}

.pagination .next,  .pagination .prev {

	position: relative;

	display: inline-block;

	background: #333;

	border-radius: 30px;

	color: #fff;

	font-size: 10px;

	font-weight: 400;

	letter-spacing: 1px;

	text-decoration: none;

	text-transform: uppercase;

	margin-top: 20px;

	margin-right: 0;

	padding: 5px 15px;

	text-align: center;

	text-transform: uppercase;

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

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

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

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

	transition: all .2s ease-in-out;

}

.pagination .next:hover,  .pagination .prev:hover {

	background: #dd3e3e;

	color: #fff;

	position: relative;

}

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







/*  19 - Portfolio Navigation







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















.portfolio-filter {

	margin-bottom: 40px;

}

.portfolio-filter .filter {

	display: inline-block;

	margin: 0;

	padding: 0;

}

.filter li {

	float: left;

	list-style: none;

	margin-right: 10px;

}

.filter li a {

	position: relative;

	display: inline-block;

	background: #ddd;

	border-radius: 30px;

	color: #fff;

	font-size: 9px;

	font-weight: 400;

	letter-spacing: 1px;

	text-decoration: none;

	text-transform: uppercase;

	margin-top: 15px;

	padding: 7px 17px;

	text-align: center;

	text-transform: uppercase;

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

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

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

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

	transition: all .2s ease-in-out;

}

.filter li a:hover {

	position: relative;

}

.filter li a:hover,  .filter li .current {

	background: #333;

	color: #fff;

}

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







/*  20 - Portfolio Items







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















.homepage-project-item {

	margin-bottom: 20px;

}

.homepage-project-item .homepage-project-image {

	list-style: none;

	overflow: hidden;

	position: relative;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-moz-transition: all .4s;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	-ms-transition: all .4s;

	transition: all .4s;

}

.homepage-project-item .details h2 {

	border: none;

	display: block;

}

.homepage-project-item .details p {

	font-size: 12px;

	font-style: italic;

	font-weight: normal;

	color: #999;

	border-top: 1px solid #ddd;

	padding-top: 10px;

	text-transform: lowercase;

}

.homepage-project-item .details p span {

	font-style: normal;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-left: 2px;

}

.four.columns .homepage-project-item .details h2 {

	font-size: 20px;

}

/* Portfolio Items Overlay







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















.project-image .overlay {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	overflow: hidden;

	padding: 20px;

	opacity: 0;

	-webkit-background-clip: padding-box;

	background-clip: padding-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-transition: opacity .4s ease-in-out;

	-moz-transition: opacity .4s ease-in-out;

	-ms-transition: opacity .4s ease-in-out;

	-o-transition: opacity .4s ease-in-out;

	transition: opacity .4s ease-in-out;

}

.project-image:hover .overlay {

	background-color: rgba(0, 0, 0, .85);

	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

	filter: alpha(opacity=100);

	opacity: 1;

	-webkit-backface-visibility: hidden;

}

.project-item .overlay h2 {

	padding: 0;

	line-height: 1.3;

	font-size: 25px;

	font-weight: 700;

	-moz-transition: all .4s;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	-ms-transition: all .4s;

	transition: all .4s;

}

.project-item .overlay > h2 a {

	opacity: 1;

	-moz-transition: all .4s;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	-ms-transition: all .4s;

	transition: all .4s;

}

.project-item .overlay:hover > h2 a {

	opacity: 1;

}

.project-item .overlay h2 {

	color: #fff;

}

.project-item .overlay a {

	color: #fff;

	text-decoration: none;

}

.project-item .overlay em {

	color: #fff;

}

.project-item img {

	display: block;

	position: relative;

	max-width: 100%;

	height: auto;

}

.project-item img {

	-webkit-transition: all .4s ease-out;

	-moz-transition: all .4s ease-out;

	-o-transition: all .4s ease-out;

	-ms-transition: all .4s ease-out;

	transition: all .4s ease-out;

}

.project-item:hover img {

	-moz-transform: scale(1.2);

	-o-transform: scale(1.2);

	-webkit-transform: scale(1.2);

	transform: scale(1.2);

}

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







/*  21 - Team Members







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















.inner .team-member {

	margin-bottom: 70px;

}

.team-member:hover img {

	-moz-transform: none;

	-o-transform: none;

	-webkit-transform: none;

	transform: none;

}

.team-member .team-member-thumbnail {

	margin-bottom: 30px;

}

.team-member h2 {

	font-size: 25px;

	line-height: 1.3;

	border-bottom: 1px solid #333;

}

.team-member .member-role {

	font-size: 12px;

	font-style: italic;

	font-weight: normal;

	color: #999;

	text-transform: lowercase;

}

.team-member .member-role span {

	color: #333;

	font-style: normal;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-left: 2px;

}

.team-member .social-icons {

	margin-top: 10px;

}

.team-member .social-icons li {

	list-style: none;

	float: left;

}

.team-member .social-icons li:last-child {

	margin-right: 0;

}

.team-member .social-icons li .fa {

	color: #333;

	font-size: 20px;

}

.team-members .one-third.column.clearcol {

	clear: both;

}

.inner .team-members .column,  .inner .team-members .columns {

	margin-left: 0;

	margin-right: 20px;

}

.about-profile {

	margin: 60px 0;

}

.one-page-team .about-profile,  .one-page-personal .about-profile {

	margin: 30px 0;

}

.about-profile .about-profile-list {

	font-style: italic;

	text-transform: lowercase;

	color: #999;

	border-top: #ddd 2px solid;

	border-bottom: #ddd 2px solid;

	font-size: 14px;

	margin-top: 100px;

	margin-bottom: 25px;

	padding-top: 20px;

	padding-bottom: 20px;

	list-style: none;

}

.about-profile .about-profile-list li {

	margin: 5px 0;

}

.about-profile .about-profile-list li span {

	color: #333;

	font-style: normal;

	font-size: 12px;

	text-transform: uppercase;

	letter-spacing: 1px;

}

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







/*  22 - Services







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















.service {

	color: #fff;

	margin-bottom: 50px;

}

.service h2 {

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

	font-size: 20px;

	display: block;

	border-bottom: 1px solid #fff;

	margin-bottom: 20px;

}

.service p,  .service h2 a {

	color: #fff;

}

.service [class^="icon-"] {

	display: block;

	color: #fff;

	margin-bottom: 20px;

	font-size: 70px;

	-moz-transition: all .4s;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	-ms-transition: all .4s;

	transition: all .4s;

}

 .service:hover > [class^="icon-"] {

 color: #333;

}

.service-icon-large [class^="icon-"] {

	font-size: 200px;

	margin: 50px 0;

}

.service a.read-more-btn {

	background: none;

	border: 1px solid #fff;

	color: #fff;

}

.service a.read-more-btn:hover {

	border: 1px solid #333;

	color: #333;

}

.service.clearcol {

	clear: both;

}

.inner .service-items,  .one-page-team .service-items,  .one-page-personal .service-items,  .agency-alt .service-items,  .inner .team-members,  .one-page-team .team-members,  .one-page-personal .team-members,  .agency-alt .team-members,  .inner .news-items,  .one-page-team .news-items,  .one-page-personal .news-items,  .agency-alt .news-items {

	margin: 40px 0;

}

.service-item,  .news-item,  .team-member {

	margin-bottom: 40px;

}

.service-item .details .fa {

	font-size: 50px;

	line-height: 60px;

	color: #ddd;

	margin-bottom: 30px;

}

.service-item .details h2 {

	letter-spacing: 1px;

	display: block;

	border-bottom: 1px solid #333;

	line-height: 1.3;

	font-size: 25px;

	font-weight: 700;

}

.service-items .one-third.column.clearcol {

	clear: both;

}

.inner .service-items .column,  .inner .service-items .columns {

	margin-left: 0;

	margin-right: 20px;

}

/* Icon Holders







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















.icon-holder {

	width: 70px;

	height: 70px;

	background: none;

	margin-bottom: 10px;

	padding: 5px;

	text-align: center;

}

.icon-holder.about,  .icon-holder.portfolio,  .icon-holder.services,  .icon-holder.team,  .icon-holder.news,  .icon-holder.contact {

	display: inline-block;

}

.icon-holder .fa {

	font-size: 50px;

	line-height: 60px;

	color: #ddd;

}

#homepage-about .icon-holder .fa {

	font-size: 50px;

	line-height: 60px;

	color: #fff;

}

.agency-default .icon-holder,  .blog-style .icon-holder {

	text-align: left;

}

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







/*  23 - Comments (Including Comment Form)







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















#comments {

	float: left;

	margin-top: 30px;

	margin-bottom: 20px;

	margin-left: 0;

}

#comments h4 {

	font-size: 16px;

	padding-bottom: 20px;

	display: block;

	border-bottom: #ddd 2px solid;

	font-weight: 400;

}

.comments-info {

	font-size: 14px;

	font-style: italic;

	font-weight: normal;

	color: #999;

	text-transform: lowercase;

}

.comments-info span {

	color: #333;

	font-style: normal;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-left: 3px;

}

.comments-list {

	background-color: #fafbfc;

	border-bottom: 2px solid #ddd;

	margin: 25px 0 40px;

	padding: 40px 30px;

}

.comment {

	border-top: 2px solid #ddd;

	display: inline-block;

	margin-top: 10px;

	padding-top: 30px;

}

.comment .children .comment {

	margin-top: 10px;

	padding-top: 30px;

}

.comment:first-child {

	border-top: none;

	margin: 0;

	padding: 0;

}

.comment > div {

	display: inline-block;

}

.comment .avatar {

	display: block;

	float: left;

	position: relative;

	z-index: 1;

	margin-bottom: 10px;

}

.comment .comment-entry,  .comment .comment-meta {

	float: right;

	width: 100%;

}

.comment .comment-meta {

	margin-top: -4px;

}

.comment .author {

	font-size: 16px;

	margin: 10px 0 0 0;

	text-transform: uppercase;

}

.comment-reply-link::before {

	content: '+';

	margin-right: 3px;

}

.comment-reply-link {

	color: #999;

	font-style: italic;

	text-transform: lowercase;

	float: right;

}

.comment-reply-link:hover {

	color: #333;

}

.comment .date {

	font-size: 12px;

	font-style: italic;

	font-weight: normal;

	color: #999;

	text-transform: lowercase;

}

.comment .date span {

	color: #333;

	font-style: normal;

	text-transform: uppercase;

	letter-spacing: 1px;

}

.comment .children {

	padding-left: 60px;

}

.comment .children .comment {

	border-top: 2px solid #ddd;

	position: relative;

}

.comment .children .comment-entry,  .comment .children .comment-meta {

	width: 100%;

}

.comment .children .children .comment-entry,  .comment .children .children .comment-meta {

	width: 100%;

}

.comment-moderate {

	float: left;

}

/* Comment Form */















#respond {

	float: left;

	margin-top: 30px;

	margin-bottom: 20px;

	margin-left: 0;

}

#respond h3 {

	font-size: 21px;

	margin-top: 20px;

	margin-bottom: 0;

	font-weight: 700;

}

.comment-form input,  .comment-form textarea {

	border: 1px solid #333;

}

.comment-form {

	margin-top: 30px;

	margin-bottom: 20px;

	text-align: left;

}

.comment-form fieldset {

	margin-bottom: 20px;

}

.comment-form input[type=text],  .comment-form input[type=password],  .comment-form input[type=email],  .comment-form textarea, select {

	padding: 8px 8px 10px 0;

	border-top: none;

	border-right: none;

	border-bottom: 2px solid #333;

	border-left: none;

	outline: none;

	font-size: 16px;

	font-style: italic;

	color: #333;

	margin: 0;

	width: 90%;

	display: block;

	line-height: 1.3;

	margin-bottom: 20px;

	background: none;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.comment-form select {

	padding: 0;

}

.comment-form input[type=text]:focus,  .comment-form input[type=password]:focus,  .comment-form input[type=email]:focus,  .comment-form textarea:focus {

	color: #333;

}

.comment-form textarea {

	min-height: 150px;

}

.comment-form label,  .comment-form legend {

	display: block;

	font-weight: 700;

}

.comment-form select {

	width: 220px;

	padding: 6px;

}

.comment-form input[type=checkbox] {

	display: inline;

}

.comment-form label span,  .comment-form legend span {

	font-weight: 400;

	font-size: 12px;

	color: #444;

}

.comment-form input.error,  .comment-form textarea.error {

	margin-bottom: 6px;

}

.comment-form #submit {

	position: relative;

	display: inline-block;

	background: #333;

	border: none;

	border-radius: 30px;

	color: #fff;

	font-size: 12px;

	font-weight: 400;

	letter-spacing: 1px;

	text-decoration: none;

	text-transform: uppercase;

	margin-top: 15px;

	padding: 15px 25px;

	text-align: center;

	text-transform: uppercase;

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

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

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

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

	transition: all .2s ease-in-out;

}

.comment-form #submit:hover {

	background: #dd3e3e;

	color: #fff;

	position: relative;

}

 .comment-form ::-webkit-input-placeholder {

 /* WebKit browsers */

    color: #666;

}

 .comment-form :-moz-placeholder {

 /* Mozilla Firefox 4 to 18 */

    color: #666;

}

 .comment-form ::-moz-placeholder {

 /* Mozilla Firefox 19+ */

    color: #666;

}

 .comment-form :-ms-input-placeholder {

 /* Internet Explorer 10+ */

    color: #666;

}

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







/*  24 - Google Map







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















#map {

	width: 100%;

	height: 400px;

	position: relative;

}

.contact #map {

	margin-bottom: 60px;

}

.map-overlay {

	width: 100%;

	display: block;

	text-align: center;

	background-color: #333;

	background-color: none;

	color: #fff;

	padding: 10px 15px;

	border-radius: 2px;

	-moz-box-shadow: 1px 1px 8px 1px #666;

	-webkit-box-shadow: 1px 1px 8px 1px #666;

	box-shadow: 1px 1px 8px 1px #666;

}

.map-overlay_arrow {

	left: 50%;

	width: 0;

	height: 0;

	position: absolute;

}

.map-overlay_arrow.above {

	bottom: -16px;

	border-left: 16px solid transparent;

	border-right: 16px solid transparent;

	border-top: 16px solid #333;

}

.map-overlay_arrow.below {

	top: -16px;

	border-left: 16px solid transparent;

	border-right: 16px solid transparent;

	border-bottom: 16px solid #333;

}

#map .fa {

	font-size: 100px;

	color: #333;

	margin-top: 50px;

	margin-left: 30px;

}

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







/*  25 - Widgets







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















.widget {

	font-size: 12px;

	text-align: left;

	margin-bottom: 30px;

}

.widget ul {

	list-style: none;

}

.widget-thumb {

	float: left;

	margin-right: 20px;

}

.widget-thumb img {

	border: 1px solid #fff;

	border-radius: 1px;

	vertical-align: bottom;

}

.post-widget {

	margin-bottom: 20px;

}

.post-date {

	font-size: 9px;

	color: #999;

	font-style: normal;

	font-weight: 700;

	display: block;

	text-transform: uppercase;

	margin: 2px 0 5px 0;

}

.widget-excerpt a {

	font-size: 13px;

	text-transform: uppercase;

}

.widget .fa {

	margin-right: 7px;

}

.searchbar {

	float: left;

	width: 100%;

}

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

	float: left;

	padding: 8px 8px 10px 0;

	border-top: none;

	border-right: none;

	border-bottom: 2px solid #333;

	border-left: none;

	outline: none;

	font-size: 14px;

	font-style: italic;

	color: #333;

	margin: 0;

	width: 80%;

	display: block;

	line-height: 1.3;

	margin-bottom: 20px;

	background: none;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

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

	border-top: none;

	border-right: none;

	border-bottom: 2px solid #333;

	border-left: none;

	color: #333;

}

 .searchbar ::-webkit-input-placeholder {

 /* WebKit browsers */

    color: #999;

}

 .searchbar :-moz-placeholder {

 /* Mozilla Firefox 4 to 18 */

    color: #999;

}

 .searchbar ::-moz-placeholder {

 /* Mozilla Firefox 19+ */

    color: #999;

}

 .searchbar :-ms-input-placeholder {

 /* Internet Explorer 10+ */

    color: #999;

}

.searchbar .fa {

	color: #ddd;

	font-size: 20px;

}

/* Twitter Feed Widget







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















.really_simple_twitter_widget {

	list-style: none;

}

.really_simple_twitter_widget li {

	margin: 18px 0 10px 0;

}

.really_simple_twitter_widget li:before {

	float: left;

	font-family: 'FontAwesome';

	content: "\f192";

	color: #999;

	padding-right: 10px;

	font-size: 15px;

}

.really_simple_twitter_widget .rstw_comma {

	display: none;

}

.really_simple_twitter_widget .twitter-timestamp {

	color: #666;

	margin-top: 7px;

	display: block;

	font-size: 10px;

	font-style: normal;

	font-weight: 400;

	text-transform: uppercase;

}

/* Recent Posts Extended Widget







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















.rpwe-title {

	border-bottom: none;

}

.rpwe-block {

	margin-top: 35px;

}

.rpwe-ul {

	list-style: none;

	margin-left: 0!important;

	padding-left: 0!important;

}

.rpwe-block li {

	padding-bottom: 0px;

	margin: 0 0 20px 0;

}

.rpwe-block a {

	display: inline!important;

	text-decoration: none;

}

.rpwe-block h3 {

	background: none!important;

	clear: none;

	padding: 0!important;

	margin-bottom: 2px;

	font-weight: 400!important;

	font-size: 12px;

	line-height: 1.3em;

}

.rpwe-thumb {

	border: 1px solid #fff;

	margin: 2px 20px 5px 0;

	padding: 0;

	border-radius: 1px;

	vertical-align: bottom;

}

.rpwe-thumb img {

	float: left;

}

.rpwe-summary {

	font-size: 12px;

}

.rpwe-time {

	display: block;

	color: #666;

	font-size: 10px;

	font-style: normal;

	font-weight: 400;

	text-transform: uppercase;

}

.rpwe-alignleft {

	display: inline;

	float: left;

}

.rpwe-alignright {

	display: inline;

	float: right;

}

.rpwe-alignnone {

	display: block;

	float: none;

}

.rpwe-clearfix:before,  .rpwe-clearfix:after {

	content: "";

	display: table;

}

.rpwe-clearfix:after {

	clear: both;

}

.rpwe-clearfix {

	zoom: 1;

}

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







/*  26 - Contact Form (Homepage)







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















form {

	margin-top: 30px;

	margin-bottom: 20px;

	text-align: left;

}

fieldset {

	margin-bottom: 20px;

}

.contact-form input[type="text"],  .contact-form input[type="password"],  .contact-form input[type="email"],  .contact-form textarea,  .contact-form select {

	border-top: none;

	border-right: none;

	border-bottom: 3px solid #fff;

	border-left: none;

	padding: 0 8px 8px 0;

	outline: none;

	font-size: 30px;

	color: #fff;

	margin: 0;

	width: 100%;

	display: block;

	line-height: 1.5;

	margin-bottom: 20px;

	background: none;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	text-transform: uppercase;

}



::-webkit-input-placeholder {

 /* WebKit browsers */

    color: #fff;

}



:-moz-placeholder {

 /* Mozilla Firefox 4 to 18 */

    color: #fff;

}



::-moz-placeholder {

 /* Mozilla Firefox 19+ */

    color: #fff;

}



:-ms-input-placeholder {

 /* Internet Explorer 10+ */

    color: #fff;

}

select {

	padding: 0;

}

.contact-form input[type="text"]:focus,  .contact-form input[type="password"]:focus,  .contact-form input[type="email"]:focus,  .contact-form textarea:focus {

	border-top: none;

	border-right: none;

	border-bottom: 3px solid #fff;

	border-left: none;

	color: #ddd;

}

textarea {

	min-height: 150px;

}

label,  legend {

	display: block;

	font-weight: bold;

	font-size: 12px;

}

select {

	width: 220px;

	padding: 6px;

}

input[type="checkbox"] {

	display: inline;

}

label span,  legend span {

	font-weight: normal;

	font-size: 12px;

	color: #444;

}

input.error,  textarea.error {

	margin-bottom: 6px;

}

.error {

	color: #cc3333;

	margin-bottom: 10px;

}

#submit {

	position: relative;

	display: inline-block;

	background-color: #fff;

	border: none;

	border-radius: 30px;

	color: #333;

	font-size: 30px;

	text-decoration: none;

	text-transform: uppercase;

	padding: 10px 20px;

	text-align: center;

	text-transform: uppercase;

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

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

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

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

	transition: all .2s ease-in-out;

}

#submit:hover {

	background-color: #dd3e3e;

	color: #fff;

	position: relative;

}

#response {

	margin-top: 20px;

	margin-bottom: 20px;

}

#response .success {

	color: #afdd58;

}

#response .failure {

	color: #cc3333;

}

.contact-form #user {

	display: none;

}

.nogo {

	color: #cc3333;

}

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







/*  27 - Contact Form (Multi Page Version)







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















.contact-form-standard {

	margin-top: 50px;

	margin-bottom: 20px;

	text-align: left;

}

.contact-form-standard input,  .contact-form-standard textarea {

	border: 1px solid #333;

}

.contact-form-standard fieldset {

	margin-bottom: 20px;

}

.contact-form-standard input[type=text],  .contact-form-standard input[type=password],  .contact-form-standard input[type=email],  .contact-form-standard textarea, select {

	/*padding: 8px 8px 10px 0;*/

	padding: 8px;

	/*  border-top: none;







    border-right: none;

*/

    /*border-bottom: 2px solid #333;*/

    /*border-left: none;*/

	border: 2px solid #333;

	border-top-color: transparent;

	border-right-color: transparent;

	border-left-color: transparent;

	outline: none;

	font-size: 16px;

	font-style: italic;

	color: #333;

	margin: 0;

	/*width: 90%;*/

	width: 100%;

	display: block;

	line-height: 1.3;

	margin-bottom: 20px;

	background: none;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.contact-form-standard select {

	padding: 0;

}

.contact-form-standard input[type=text]:focus,  .contact-form-standard input[type=password]:focus,  .contact-form-standard input[type=email]:focus,  .contact-form-standard textarea:focus {

	color: #333;

}

.contact-form-standard textarea {

	min-height: 150px;

}

.contact-form-standard label,  .contact-form-standard legend {

	display: block;

	font-weight: 700;

	font-size: 12px;

}

.contact-form-standard select {

	width: 220px;

	padding: 6px;

}

.contact-form-standard input[type=checkbox] {

	display: inline;

}

.contact-form-standard label span,  .contact-form-standard legend span {

	font-weight: 400;

	font-size: 12px;

	color: #444;

}

.contact-form-standard input.error,  .contact-form-standard textarea.error {

	margin-bottom: 6px;

}

.contact-form-standard #submit {

	position: relative;

	display: inline-block;

	background: #333;

	border: none;

	border-radius: 30px;

	color: #fff;

	font-size: 12px;

	font-weight: 400;

	letter-spacing: 1px;

	text-decoration: none;

	text-transform: uppercase;

	margin-top: 15px;

	padding: 15px 25px;

	text-align: center;

	text-transform: uppercase;

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

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

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

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

	transition: all .2s ease-in-out;

}

.contact-form-standard #submit:hover {

	background: #dd3e3e;

	color: #fff;

	position: relative;

}

 .contact-form-standard ::-webkit-input-placeholder {

 /* WebKit browsers */

    color: #666;

}

 .contact-form-standard :-moz-placeholder {

 /* Mozilla Firefox 4 to 18 */

    color: #666;

}

 .contact-form-standard ::-moz-placeholder {

 /* Mozilla Firefox 19+ */

    color: #666;

}

 .contact-form-standard :-ms-input-placeholder {

 /* Internet Explorer 10+ */

    color: #666;

}

.contact-form-standard #user {

	display: none;

}

.contact-form-standard .nogo {

	color: #cc3333;

}

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







/*  28 - Contact Details







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















.contact-info {

	margin-top: 30px;

}

.contact-info h2 {

	padding-bottom: 20px;

}

.contact-details {

	color: #fff;

	font-size: 30px;

	line-height: 40px;

	font-weight: normal;

	text-align: left;

	margin-top: 20px;

	padding-top: 5px;

	text-transform: uppercase;

}

.contact-details li {

	margin-bottom: 20px;

	list-style: none;

	font-style: normal;

}

.contact-details li .fa {

	margin-right: 10px;

}

.contact-details li a:hover {

	color: #ddd;

}

.contact-details-standard {

	font-size: 15px;

	font-style: italic;

	text-transform: lowercase;

	margin-top: 20px;

}

.contact-details-standard li {

	list-style: none;

	margin-bottom: 10px;

}

.contact-details-standard li:before {

	font-family: 'FontAwesome';

	content: "\f041";

	margin-right: 10px;

	color: #484a54;

	font-style: normal;

}

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







/*  29 - Section Dividers







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















.section-divider-1,  .section-divider-2,  .section-divider-3 {

	width: 100%;

	height: 750px;

	position: relative;

}

.section-divider-1 .text-container,  .section-divider-2 .text-container,  .section-divider-3 .text-container {

	height: 750px;

	width: 960px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.text-container {

	display: table-cell;

	vertical-align: middle;

}

.bg1,  .bg2,  .bg3 {

	width: 100%;

	height: 750px;

	margin: 0 auto;

	position: absolute;

	background-size: 120%;

	-webkit-background-size: cover !important;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover !important;

}

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







/*  30 - Homepage Quotes







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















.homepage-quotes .fa {

	color: #333;

	font-size: 50px;

}

.homepage-quotes .quotes blockquote {

	margin: 0;

	padding: 0;

	border: none;

}

.homepage-quotes .quotes li {

	list-style: none;

	padding: 0 0 20px 0;

}

.homepage-quotes .quotes blockquote p {

	color: #333;

	font-size: 40px;

	line-height: 50px;

	font-weight: 700;

	font-style: normal;

	width: 70%;

}

.homepage-quotes .quotes cite {

	display: inline-block;

	margin-top: 10px;

	color: #333;

	font-size: 20px;

	font-style: normal;

	font-weight: 300;

	text-transform: uppercase;

	letter-spacing: 1px;

}

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







/*  31 - Homepage Latest Tweet







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















.homepage-tweet .fa {

	color: #fff;

	font-size: 50px;

}

.homepage-tweet ul {

	list-style: none;

}

#twitter-fetcher-tweet {

	font-size: 40px;

	line-height: 50px;

	font-style: italic;

	font-weight: 700;

	width: 70%;

}

#twitter-fetcher-tweet p {

	color: #fff;

}

#twitter-fetcher-tweet a {

	color: #333;

}

#twitter-fetcher-tweet a:hover {

	color: #999;

}

#twitter-fetcher-tweet .timePosted {

	display: inline-block;

	margin-top: 10px;

	color: #333;

	font-size: 20px;

	font-style: normal;

	font-weight: 300;

	text-transform: uppercase;

}

#twitter-fetcher-tweet .interact {

	font-size: 12px;

	font-style: italic;

	font-weight: normal;

	margin: 0;

	padding: 0;

	text-transform: lowercase;

}

#twitter-fetcher-tweet .interact a {

	margin-left: 8px;

	padding: 0;

}

#twitter-fetcher-tweet .interact a:first-child {

	margin-left: 0;

}

#twitter-fetcher-tweet .interact a:not(:last-of-type):after {

	content: "/";

	color: #333;

	margin-left: 8px;

}















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







/*  32 - Media Queries







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















/* Slight fix for IOS devices */







@media only screen and (min-width: 1200px) {

.header-background-image,  .one-page-team .bg1,  .one-page-personal .bg1,  .agency-default .bg1,  .one-page-team .bg2,  .one-page-personal .bg2,  .agency-default .bg2,  .one-page-team .bg3,  .one-page-personal .bg3,  .agency-default .bg3,  .agency-alt .bg1,  .agency-alt .bg2,  .agency-alt .bg3 {

}

}















/* Smaller than standard 960 (devices and browsers) */







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















/* Tablet Portrait size to standard 960 (devices and browsers) */







/* All Mobile Sizes (devices and browser) */







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















/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */







/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */







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















/* Mobile Portrait Size Only (devices and browsers) */









/*custom lol*/







.logo, .social-links-container {

	display: none;

}

#header-global *, #parallax-text-one *, #parallax-img-one *, #parallax-text-two *, #parallax-img-two * {

	color: #fff;

}

.uber-statement {

	margin-top: 60px;

}

#footer-global[role=contentinfo] {

	border: none;

	background-color: #1C1D21 !important;

}

#parallax-text-one, #parallax-img-one, #parallax-text-two, #parallax-img-two {

	/*background-color: #1C1D21;*/

	background-color: #27282e;

	padding: 90px 0;

}

#parallax-text-one .fa, #parallax-img-one .fa, #parallax-text-two .fa, #parallax-img-two .fa {

	color: #105B63;

}

.uber-statement h2, #parallax-img-one h1, #parallax-img-two h1 {

	margin: 0 auto;

	padding: 50px 100px;

	border: 5px solid #fff;

	width: 70%;

	font-family: "adriane";

}

#parallax-img-one {

	height: auto;

	padding: 200px 0;

	background: transparent url("http://g-roots-b.com/wp-content/uploads/2014/09/tools3.jpg") no-repeat fixed center;

	/*-webkit-background-size: cover !important;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover !important;*/

	text-align: center;

}

#parallax-img-two {



height: auto; 

	padding: 200px 0;

	background-image: url("http://g-roots-b.com/wp-content/uploads/2014/06/last.jpg");

	background-attachment: fixed;

	/*-webkit-background-size: cover !important;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover !important;*/

	text-align: center;

		

	/*background-attachment: fixed;

	background-clip: border-box;

	background-color: transparent;

	background-image: url("http://g-roots-b.com/wp-content/uploads/2014/06/last.jpg");

	background-origin: padding-box;

	background-position: center center;

	background-repeat: no-repeat;

	padding: 200px 0;

	text-align: center;*/

	
}

.header-image-slideshow {

	position: absolute;

	height: 100%;

	top: 0;

	bottom: 0;

	width: 100%;

	/*height: 800px;*/

	margin: 0 auto;	

	/*background-size:100% auto !important;*/

	-webkit-background-size: cover !important;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover !important;

	background: transparent url("http://g-roots-b.com/wp-content/uploads/2014/06/home2.jpg") no-repeat fixed center;

}

#parallax-img-one:before, #parallax-img-two:before {

	content: "";

	display: inline-block;

	height: 100%;

	margin-right: -0.25em;

	vertical-align: middle;

}

#parallax-img-one .container, #parallax-img-two .container {

	display: inline-block;

	vertical-align: middle;

	margin: 0 auto;

	text-align: left;

}

#footer-global[role="contentinfo"] .contact-btn, #parallax-text-one .contact-btn, #parallax-text-two .contact-btn {

	color: #fff !important;

	background-color: #00AEEF !important;

}

#footer-global[role="contentinfo"] .contact-btn:hover, #parallax-text-one .contact-btn:hover, #parallax-text-two .contact-btn:hover {

	color: #333 !important;

	background-color: #fff !important;

}

.uber-statement h2, #parallax-img-one h1, #parallax-img-two h1 {

	line-height: 1.2;

}

#parallax-img-two h1 {

	font-size: 44px;

}

#header-global-inner .logo h1, #header-global-inner .main-navigation {

	margin: 0;

}

#header-global-inner .logo {

	margin-top: 0;

}

.logo h1 a {

	color: #fff;

}

h2, p {

	color: #1C1D21;

}

.content * {

	color: #1C1D21;

}

.content h1 {

	display: none;

	font-size: 60px;

	margin-top: 0;

	line-height: 1.2;

}

/*line heights*/







.main-navigation ul > li a {

	line-height: 1;

}

.agency-default .homepage-section-header h1, .content h2 {

	line-height: 1.2;

}

.agency-default .homepage-section-intro p, .agency-default .homepage-section-intro p:first-of-type, .content p, .content li {

	line-height: 1.5;

}

/*end line heights*/























.content p, .content li {

	font-size: 18px;

}

.content h2 {

	font-size: 30px;

	font-family: "adriane";

}

.content h3 {

	padding-bottom: 0;

	margin-top: 40px;

	font-size: 20px;

}

.content ul ul {

	margin: 0;

	padding-left: 30px;

	display: none;

}

.content li {

	list-style: none;

}

.content li li, .content li li i {

	font-size: 16px;

	/*color: #105B63;*/;

}

.content li .fa {

	margin-right: 10px;

	color: #484a54;

}

.has-sublist i:nth-child(2) {

	font-size: 14px;

	color: #105B63;

	margin: 0 0 0 10px;

	cursor: pointer;

}

#map .fa {

	color: rgba(221, 62, 62, 0.9);

}

.contact-form-standard {

	margin-top: 30px;

}

.contact .content {

	padding-top: 0;

}

.contact-details-standard {

	text-transform: none;

}

#our-rich-work {

	margin: 0;

}

#our-rich-work li {

	width: 33.33%;

	float: left;

}

#our-rich-work li:nth-child(3n+1) {

	clear: left;

}

#our-rich-work li div {

	padding: 1px;

}

#our-rich-work img {

	display: block;

	position: relative;

	-webkit-transition: outline 0.2s ease-in-out;

	-moz-transition: outline 0.2s ease-in-out;

	-o-transition: outline 0.2s ease-in-out;

	transition: outline 0.2s ease-in-out;

	cursor: pointer;

}

#our-rich-work img:hover {

	z-index: 1000;

	outline: solid 6px rgba(221, 62, 62, 0.9);

}

.fade {

	-webkit-opacity: .8;

	-moz-opacity: .8;

	-ms-opacity: .8;

	-o-opacity: .8;

	opacity: .8;

}

.uber-statement h2, .agency-alt .uber-statement h2 {

	font-family: "adriane" !important;

}

.current-menu-item {

	text-decoration: underline;

}

.article-image {

	float: right;

	width: 30%;

	height: auto;

	padding: 20px 0 0 40px;

}

#parallax-text-one h1, #parallax-text-two h1, #footer-global[role="contentinfo"] .company-title {

	font-family: "adriane" !important;

	text-transform: none;

}

.uber-statement h2, #parallax-img-one h1, #parallax-img-two h1 {

	background-color: rgba(0, 0, 0, .4);

}

.uber-statement h2 {

/*width: 50%;*/;

}

#header-wrapper {

	position: relative;

	height: 800px;

}

/*border-box*/



#header-global[role="banner"],  #parallax-text-one .container,  #parallax-text-two .container,  #parallax-img-one,  #parallax-img-two,  #footer-global {

	-webkit-box-sizing: border-box;

	/* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;

	/* Firefox, other Gecko */

	box-sizing: border-box;

	/* Opera/IE 8+ */;

}

/**/







/*horizontal padding*/



#header-global[role="banner"],  #parallax-text-one .container,  #parallax-text-two .container,  #parallax-img-one,  #parallax-img-two,  #footer-global[role="contentinfo"] {

	padding-left: 20px;

	padding-right: 20px;

}

/**/







#footer-logo {

	float: left;

	height: 190px;

}

 @media screen and (min-width: 1024px) and (max-width: 1199px) {}

 @media screen and (min-width: 768px) and (max-width: 1023px) {}

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

 @media screen and (max-width: 599px) {}

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

 @media screen and (min-width: 1200px) {

#header-global[role="banner"] {

	padding-bottom: 300px;

}

.agency-default .uber-statement h2 {

	width: 410px;

	font-size: 40px;

	position: relative;

	left: 95px;

	padding: 30px 50px;

}

.uber-statement {

	margin-top: 120px;

}

}

/*contact form*/

.lebong {

	display: none !important;

	visibility: hidden;

}

.form-response {

	color: #dd3e3e;

	margin-bottom: 20px;

	display: none;

}

.form-response.success {

	color: #76c045;

}

.form-response ul {

	margin: 0;

}

.form-response li {

	color: #dd3e3e;

	font-size: 14px;

}

.form-response.success li {

	color: #76c045;

}

.has-error {

	border-color: #dd3e3e !important;

}

.contact-form-standard #submit {

	margin-right: 10px;

	margin-top: 0;

}

#submit + .fa-spin {

	display: none;

}

/*portfolio lightbox*/

#lightbox-portfolio-bg {

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, .9);

	position: fixed;

	top: 0;

	left: 0;

	z-index: 10000;

	display: none;

}

#lightbox-portfolio {

	width: 100%;

	height: 100%;

	padding: 50px 20px;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 10000;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

	display: none;

}

.lightbox-portfolio-nav {

	width: 110px;

	height: 100%;

	text-align: center;

	position: fixed;

	top: 0;

}

.lightbox-portfolio-nav:before {

	content: "";

	display: inline-block;

	height: 100%;

	vertical-align: middle;

	margin-right: -.25em;

}

.lightbox-portfolio-nav i {

	vertical-align: middle;

	font-size: 150px;

	color: rgba(255, 255, 255, .1);

	cursor: pointer;

	-webkit-transition: color 200ms ease-in-out;

	-moz-transition: color 200ms ease-in-out;

	-ms-transition: color 200ms ease-in-out;

	-o-transition: color 200ms ease-in-out;

	transition: color 200ms ease-in-out;

}

.lightbox-portfolio-nav i:hover {

	color: rgba(255, 255, 255, .2);

}

#lightbox-portfolio-prev {

	left: 20px;

}

#lightbox-portfolio-next {

	right: 20px;

}

#lightbox-portfolio-canvas {

	height: 100%;

	padding: 0 130px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

}

#lightbox-portfolio-image {

	height: 100%;

	position: relative;

	background-color: transparent;

	background-repeat: no-repeat;

	background-position: center;

	-webkit-background-size: contain;

	-moz-background-size: contain;

	-ms-background-size: contain;

	-o-background-size: contain;

	background-size: contain;

}

#lightbox-portfolio-close {

	font-size: 50px;

	position: fixed;

	top: 50px;

	right: 20px;

	color: rgba(255, 255, 255, .1);

	cursor: pointer;

}

#lightbox-portfolio-close:hover {

	color: rgba(255, 255, 255, .2);

}

/**/



/*optimizing smaller screens*/

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

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

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



@media (min-width: 768px) and (max-width: 991px) {}



@media (min-width: 992px) and (max-width: 1199px) {}