/*
Theme Name: Barefeet Upgrade
Theme URI: http://barefootdesign.hu/
Author: Balazs Kundermann
Author URI: http://barefootdesign.hu/
Description: Barefeet is a responsive, accessible, high-resolution theme designed for the base for several future sites. It has large images, and easy to read typography that scales to fit all screens. Other features include keyboard accessible navigation, optional social menu, sidebar- and footer widgets, no-sidebar page template. It ships in English.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: barefeet
Tags: black, gray, white, two-columns, responsive-layout, custom-header, left-sidebar, 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

wanderlust is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
8.5 Header
9.0 Widgets
10.0 Content
    10.1 Posts and pages
    10.2 Asides
    10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-size: 16px;
        font-family: 'Open Sans', sans-serif;
	line-height: 1.5;
	//font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: right;
        font-weight: 600;
        font-family: 'Open Sans', sans-serif;
        color: black;
        font-size: 24px;
        line-height: 1.5;
       -ms-word-break: break-word;
        word-break: break-word;
        color: #404040;
}

p {
	margin-bottom: 1em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}


* {
    margin: 0;
    }

html, body {
    height: 100%;
    }

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	/*box-sizing: inherit;*/
        
}

body {
	background: #fafafa; /* Fallback for when there is no custom background color defined. */
	border-top: 3px #b96c5c solid; 
	
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	//margin: 0 0 1.5em 0em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
    *vertical-align: middle; /* Improves appearance and consistency in IE6/IE7 */
    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    font-size: 100%; /* Corrects font size not being inherited in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    padding: 1em;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: 'Lato';
    text-transform: uppercase;
    line-height: 1;
    color: hsl(0, 0%, 100%);
    background: #3c3c3c;
    background: hsl(0, 0%, 24%);
    border: none;
    border-radius: 3px;
    cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background: #000;
    background: hsl(0, 0%, 0%);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background: #fff;
    background: hsl(0, 0%, 100%);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
    text-decoration: none;	
    color: #000;
    color: hsl(0, 0%, 0%);    
}

a:visited {
    color: #404040;
    //color: hsl(0, 0%, 20%);
}

a:hover,
a:focus,
a:active { 
    text-decoration: none; 
}

a:focus {
	outline: none !important;
	outline: 0 !important;
}

a:hover,
a:active {
	outline: none !important;
	outline: 0 !important;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

.nav-indent {
	background-color: #eee;
}

.main-navigation {
    height: 44px;
    margin: 0 auto;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    text-align: center;
    width: 1920px;
    max-width: 100%;
}
 
.main-navigation ul {
    padding: 0px;
    display: inline-block;
    list-style: none;
    margin: 0px;
}

.main-navigation li {
    display: inline;
}


.main-navigation a {
    padding: 1em 2em;
    font-size: 14px;
    text-decoration: none;
    line-height: 1.2em;
    font-weight: 700;
    float: left;
}

.main-navigation li:last-child a {
	background-color: #b96c5c;
   	color: #fafafa;
}

.main-navigation li:last-child:hover a {
	background-color: #fafafa;
   	color: #404040;
}

.main-navigation li:hover > a {
   	background-color: #b96c5c;
   	color: #fafafa;
    
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
    color: #b96c5c;
}


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

	.main-navigation a {
	    padding: 1em 1.25em;
	}

}


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

    .menu-toggle {
        display: none;
    }

}


@media screen and (max-width: 768px){
    
	.menu-toggle {
        display: block;
        font-weight: normal;
        font-size: 22px;
        text-decoration: none;
        margin: 0px 0px 0px 16px;
        background: #eee;
        padding: 11px 16px;
        color: #b96c5c;
  	}
               
    .menu-toggle:hover {
        background: #fafafa;
        color: #404040;
    }
        
	.main-navigation.toggled .nav-menu {
        display: block;
        float: left;
        border-top: 1px solid #404040;
        width: 100%;
        //background-color: #fafafa;
	}

	.main-navigation .home a {
		display: none;
	}

	.main-navigation ul {
        display: none;
        padding-left: 0;
        float:left;
        margin-top: 0px;
        padding: 12px 0px 16px 0px;
        height: auto;
        position: absolute;
    	background: rgba(255, 255, 255, .9);
    	z-index: 2;
	}

	.main-navigation li { 
        padding: 0px;
        width: 100%;
		float: left;
	}

	.main-navigation li a {
        width: 100%;
        padding: 1em 0em; 
	}
        
	.main-navigation li:hover > a {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
	}
	
	.main-navigation .current_page_item > a,
    .main-navigation .current-menu-item > a,
    .main-navigation .current_page_ancestor > a {
        font-weight: 700;
        color: #b96c5c;
	}
        
} 

/* End responsive menu*/



/* Social Menu */

.menu-social {
    background-color: #ddd;
    text-align: center;
    width: 100%;
    height: 64px;
}

.menu-social ul {
   	padding: 0px;
    display: inline-block;
    list-style: none;
    margin: 0px;
}

.menu-social ul li {
    padding: 8px 0px;
    display: inline;
}

.menu-social li a:before {
    padding: 6px 11px;
    border: 2px #fafafa solid;
    border-radius: 30px;
    font-family: 'Fontawesome';
    color: #b96c5c;
    -webkit-font-smoothing: antialiased;
    content: '\f0c0';
    float: left;
    margin: 12px;
}

.menu-social .facebook a:before {
    padding: 6px 14px; 
}

.menu-social li a:hover:before {
    border: 2px #b96c5c solid;
}

.menu-social li a[href*="facebook.com"]::before { content: '\f09a'; }

.menu-social li a[href*="twitter.com"]::before { content: '\f099'; }

.menu-social li a[href*="dribbble.com"]::before { content: '\f17d'; }

.menu-social li a[href*="plus.google.com"]::before { content: '\f0d5'; }

.menu-social li a[href*="pinterest.com"]::before { content: '\f0d2'; }

.menu-social li a[href*="github.com"]::before { content: '\f09b'; }

.menu-social li a[href*="tumblr.com"]::before { content: '\f173'; }

.menu-social li a[href*="youtube.com"]::before { content: '\f167'; }

.menu-social li a[href*="flickr.com"]::before { content: '\f16e'; }

.menu-social li a[href*="vimeo.com"]::before { content: '\f194'; }

.menu-social li a[href*="instagram.com"]::before { content: '\f16d'; }

.menu-social li a[href*="linkedin.com"]::before { content: '\f0e1'; }


/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
       
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
8.5 Header Front Page
--------------------------------------------------------------*/


/*--------------------------------------------------------------
8.6 Header Inner Pages
--------------------------------------------------------------*/

.page-header {
    display: none;
}

.header-wrapper {
	padding: 32px 24px;
	background-color: #b96c5c;
}

.page .entry-header {
	background-color: #fafafa;
    height: 104px;
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}

.page .entry-header .thumbnail,
.page .entry-header .logo{
	border: 2px #fafafa solid;
	background-color: #b96c5c;
	width: 100px;
	height: 100px;
    position: absolute;
    top: 0;
}

.page .entry-header .thumbnail{
    left: 0;
}

.page .entry-header .logo{
    right: 0;
}

.page .entry-header .thumbnail img{
	width: 80%;
	padding: 10%;
}


.page .entry-header h1{
    padding: 23px 0px;
    text-transform: uppercase;
    font-weight: 300;
    color: #404040;
    font-size: 36px;
    margin: 0px;
    text-align: center;
}

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

	.header-wrapper {
		padding: 32px 20px;
	}

	.page .entry-header {
		margin: 36px 0px;
		height: 76px;
	}

	.page .entry-header .thumbnail,
	.page .entry-header .logo{
		width: 72px;
		height: 72px;
	}

	.page .entry-header h1{
		padding: 14px 28px 13px 28px;
		font-size: 30px;
		font-weight: 400;
	}

}

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

	.header-wrapper {
		padding: 32px 16px;
	}

	.page .entry-header {
		margin: 24px 0px;
		height: 68px;
	}

	.page .entry-header .thumbnail,
	.page .entry-header .logo{
		width: 64px;
		height: 64px;
	}

	.page .entry-header h1{
		padding: 14px 24px;
		font-size: 24px;
		font-weight: 400;
	}

}


/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/

.site-content{ 
    background-color: #fafafa;
}

.content-area { 
    margin: 0 auto;
    max-width: 1080px;
    width: 100%;
    display: block;
}

.indent {
   	margin: 0 auto;
    max-width: 1080px;
    width: 100%;
}

.page .page-wrapper {
	padding: 0px 0px 24px 0px;
	display: inline-block;
}

.page .entry-content {
    margin: 48px 0px;
	display: inline-block;
}

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

	.page .entry-content {
	    margin: 48px 24px;
	}

}

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

	.page .entry-content {
		margin: 36px 18px;
	}
}

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

	.page .entry-content {
		margin: 24px 12px;
			
	}
}




/*
*PORTFOLIO PAGE
*********************************************************************************************************/


#page-portfolio ul {
    display: block;
    padding: 0px;
    height: auto;
}

#page-portfolio li {
    max-width: 32%;
    float: left;
    margin: 1% 2% 1% 0%;
    list-style-type: none;
    vertical-align: top;
    height: 380px;
}

#page-portfolio li:nth-child(3n+3) {
    margin-right: 0%;
}

#page-portfolio .knob {
    width:12px;
    height: 12px;
    border-radius: 6px;
    background-color: #fafafa;
    margin: 0 auto;
    margin-top: -18px;
}

#page-portfolio li .ref-item{
    border: 5px solid #ddd;
    border-bottom: 24px solid #ddd;
    border-radius: 7px;
}

#page-portfolio li:hover > .ref-item{
    border: 5px solid #ccc;
    border-bottom: 24px solid #ccc;
}

#page-portfolio li .ref-item img{
    margin-bottom: -6px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#page-portfolio li:hover > .knob{
   background-color: #b96c5c;
}

#page-portfolio li h4 {
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    margin: 22px 0px 16px 0px;
}

#page-portfolio li p {
    text-align: center;
    font-size: 14px;
}


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

	#page-portfolio#page-portfolio li {
	    max-width: 48%;
	    margin: 1%;
	}
}

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

	#page-portfolio#page-portfolio li {
	    max-width: 100%;
	    margin: 0%;
	    margin: 24px 0px;
	    height: auto;

	}
}


/*
*GENERAL TEMPLATE
*********************************************************************************************************/


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

	.page-template-page-general .entry-content{
		font-size: 15px;
	}

}



/*
*PACKAGES PAGE
*********************************************************************************************************/


.page-template-page-packages .site-content {
	background-color: #404040;
}

#page-packages .page-wrapper ul {
	padding: 0px;
}

#page-packages .page-wrapper ul li{
   	list-style-type: none;
    margin: 24px 0px;
    background-color: #eee;
    border-top-left-radius: 96px;
    float: left;
    border: 2px #b96c5c solid;
}


#page-packages .page-wrapper ul li img {
	background-color: #404040;
    width: 160px;
    border-radius: 90px;
    float: left;
    border: 10px #b96c5c solid;
    margin: 0px;
}

 #page-packages .page-wrapper .txt-wrapper{
	padding: 0px 24px 24px 200px;
	position: relative;
}

#page-packages .page-wrapper .txt-wrapper h4{
    padding: 16px 26px;
    margin: 0px -24px;
    border-bottom: 10px #b96c5c solid;
    text-transform: uppercase;
    font-size: 24px;
}

#page-packages .page-wrapper .txt-wrapper p{
	margin-bottom: 20px;
}

#page-packages .page-wrapper .txt-wrapper ul{
	width: 100%;
	float: left;
	margin-bottom: 16px;
}

#page-packages .page-wrapper .txt-wrapper ul li{
	width: 100%;
	float: left;
	margin: 4px;
	margin-left: 16px;
	border: 0px;
}

#page-packages .page-wrapper .txt-wrapper ul li:before{
	font-family: 'Fontawesome';
    font-size: 14px;
    color: #b96c5c;
    -webkit-font-smoothing: antialiased;
    content: '\f054';
    padding-right: 7px;
    margin-left: -16px;
}

#page-packages .page-wrapper .txt-wrapper .content {
	padding-top: 24px;
}

#page-packages .page-wrapper .txt-wrapper .price {
	width: 200px;
	display: inline-block;
	margin-top: 12px;
	margin-bottom: 12px;

}

#page-packages .page-wrapper .txt-wrapper .order {
	text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 20px;
    background-color: #b96c5c;
    color: #fafafa;
    border-radius: 4px;
    width: 100px;
	right: 24px;
	bottom: 24px;
	position: absolute;
}

#page-packages .page-wrapper .txt-wrapper .order:hover {
    background-color: #404040;
}

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

	#page-packages .page-wrapper ul li{
	    border-top-left-radius: 76px;
	}


	#page-packages .page-wrapper ul li img {
	    width: 120px;
	    border-radius: 68px;
	    border: 8px #b96c5c solid;
	}

	 #page-packages .page-wrapper .txt-wrapper{
		padding: 0px 24px 24px 150px;
	}

	#page-packages .page-wrapper .txt-wrapper h4{
	    padding: 16px 20px;
	    margin: 0px -24px 0px -22px;
	    border-bottom: 7px #b96c5c solid;
	    font-size: 22px;
	}


	#page-packages .page-wrapper .txt-wrapper p{
		margin-bottom: 24px;
		font-size: 15px;
	}

	#page-packages .page-wrapper .txt-wrapper ul li{
		font-size: 15px;
	}

}


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

	#page-packages .page-wrapper ul li{
	    margin: 12px 0px 24px 0px;
		border-top-left-radius: 48px;
	}


	#page-packages .page-wrapper ul li img {
	    border: 6px #b96c5c solid;
	    width: 80px;
		border-radius: 50px;
		margin: 0 24px 0 0;
	}

	 #page-packages .page-wrapper .txt-wrapper{
		padding: 0px 16px 24px 16px;
	}

	#page-packages .page-wrapper .txt-wrapper h4{
        border-bottom: 6px #b96c5c solid;
		padding: 28px 20px 28px 48px;
		margin: 0px -18px 0 32px;
		font-size: 20px;
	}


	#page-packages .page-wrapper .txt-wrapper p{
		margin-bottom: 24px;
		font-size: 15px;
	}

	#page-packages .page-wrapper .txt-wrapper ul li{
		font-size: 15px;
	}

	#page-packages .page-wrapper .txt-wrapper .content {
		padding: 24px 2px 0px 2px;
	}

	#page-packages .page-wrapper .txt-wrapper .price {
		width: 100%;
		margin-bottom: 24px;
		float: left;
	}

	#page-packages .page-wrapper .txt-wrapper .order {
		padding: 10px 0px;
	    width: 100%;
	    margin: auto 0;
		right: 0px;
		bottom: 0px;
		position: relative;
		display: inline-block;
	}
}

/*
*SERVICES PAGE
*********************************************************************************************************/


#page-services ul {
	padding: 0px;
}

#page-services li {
	list-style-type: none;
	float: left;
	border-bottom: 5px #fafafa solid;
	background-color: #f1f1f1;
}

#page-services li .service-img{
	width: 50%;
	line-height: .7;
	float: left;
	position: relative;
}

#page-services li:nth-child(2n+2) .service-img{
	float: right;
}

#page-services li .service-img img{
    width: 100%;
    max-width: 600px;
}

#page-services li .service-img h1{
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    margin: 0px;
    font-size: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: rgba(255, 255, 255, .7);
    padding: 24px 0px;
}

#page-services li .content-txt{
	float: left;
	width: 44%;
	padding: 3%;
	font-size: 18px;
	font-weight: 300;
}

#page-services li .content-txt strong{
	font-weight: 600;
}

#page-services li .content-txt p{
    margin: 0px;
}

#page-services li .content-txt .center,
#page-services li .content-txt .tagline{
    padding: 3% 0%;
}

#page-services li .content-txt .tagline{
   	font-size: 18px;
    text-transform: uppercase;
    color: #b96c5c;
    font-weight: 500;
}

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


	#page-services li .service-img h1{
	    font-size: 40px;
	    padding: 20px 0px;
	}

	#page-services li .content-txt{
		width: 46%;
		padding: 2%;
		font-size: 16px;
	}

	#page-services li .content-txt p{
	    margin: 0px;
	}

	#page-services li .content-txt .center,
	#page-services li .content-txt .tagline{
	    padding: 1% 0%;
	}

	#page-services li .content-txt .tagline{
	   	font-size: 16px;
	}

}


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


	#page-services li .service-img{
		width: 100%;
	}

	#page-services li:nth-child(2n+2) .service-img img{
		float: right;
	}

	#page-services li .service-img img{
	    width: 33%;
	    max-width: 600px;
	}

	#page-services li .service-img h1{
        width: 63%;
    	padding: 24px 2%;
	    font-size: 36px;
	    transform: translateX(-25%) translateY(-50%);
	}

	#page-services li:nth-child(2n+2) .service-img h1{
		transform: translateX(-75%) translateY(-50%);
	}

	#page-services li .content-txt{
		width: 94%;
		padding: 3%;
		font-size: 17px;
	}

	#page-services li .content-txt .tagline{
	   	font-size: 17px;
	}
}

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

	#page-services li .service-img{
		width: 100%;
	}

	#page-services li:nth-child(2n+2) .service-img{
		float: left;
	}

	#page-services li .service-img img{
	    width: 100%;
	    max-width: 600px;
	}

	#page-services li .service-img h1{
	    text-align: center;
	    text-transform: uppercase;
	    width: 96%;
	    margin: 0px;
	    font-size: 36px;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translateX(-50%) translateY(-50%);
	    background: rgba(255, 255, 255, .7);
	    padding: 24px 12px;
	    padding: 24px 2%;
	}

	#page-services li:nth-child(2n+2) .service-img h1{
		transform: translateX(-50%) translateY(-50%);
	}

	#page-services li .content-txt{
		width: 94%;
		padding: 3%;
		font-size: 17px;
	}

	#page-services li .content-txt .center,
	#page-services li .content-txt .tagline{
	    padding: 3% 0%;
	}

	#page-services li .content-txt .tagline{
	   	font-size: 17px;
	}
}

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

	#page-services li .service-img h1{
	    font-size: 30px;
	}

	#page-services li .content-txt{
		width: 90%;
		padding: 5%;
		font-size: 16px;
	}

	#page-services li .content-txt .tagline{
	   	font-size: 16px;
	}
}


/*
*TESTIMONIALS   - UNUSED TEMPORARILY
*********************************************************************************************************/
/*
#page-testimonials ul{
    padding: 0px;
}

#page-testimonials li{
    list-style-type: none;
    margin-bottom: 48px;
}

#page-testimonials .testimonials-txt{
    padding: 12px 24px;
    background: #f1f1f1;
    border: 2px #e7e7e7 solid;
 	text-align: center;
}

#page-testimonials .meta {
    text-align: center;
    font-size: 14px;
    height: 24px;
}

#page-testimonials .name,
#page-testimonials .from,
#page-testimonials .location {
    display: inline-block;
}

#page-testimonials .from {
    margin: 0px 12px;
    font-size: 13px;
    color: #b96c5c;
}

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

	#page-testimonials .testimonials-txt{
	    padding: 10px 20px;
	}

	#page-testimonials li{
	    font-size: 15px;
	}
}

*/

/*
*FAQ PAGE
*********************************************************************************************************/

#page-faq .page-wrapper ul {
	padding: 0px;
}

#page-faq .page-wrapper ul li {
	list-style-type: none;
    margin: 16px 0px;
    float: left;
}

#page-faq strong {
	font-weight: 600;
}

#page-faq .page-wrapper .dot {
    width: 100px;
    max-width: 100%;
    vertical-align: top;
    display: block;
    float: left;
}

#page-faq .page-wrapper .question,
#page-faq .page-wrapper .answer {
	float: left;
    height: auto;
    margin-bottom: 16px;
}

#page-faq .page-wrapper h2 {
	background-color: #b96c5c;
	color: #fafafa;
	padding: 12px;
	border-radius: 30px;
	text-align: center;
	font-size: 24px;
	width: 36px;
	margin-left: 20px;
}

#page-faq .page-wrapper h4 {
	margin: 12px 0px;
	display:block;
    max-width: 960px;
    margin-left: 100px;
    font-weight: 400;
}

#page-faq .page-wrapper .answer p {
    display:block;
    max-width: 960px;
    margin: 12px 0px;
    margin-left: 100px;
}

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

	#page-faq .page-wrapper .dot {
	    width: 72px;
	}

	#page-faq .page-wrapper h2 {
		font-size: 20px;
		width: 30px;
		margin-left: 5px;
	}

	#page-faq .page-wrapper h4 {
	    margin-left: 72px;
	    font-size: 20px;
	}

	#page-faq .page-wrapper .answer p {
	    margin-left: 72px;
	    font-size: 15px;
	}
}

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

	#page-faq .page-wrapper .dot {
	    width: 64px;
	}

	#page-faq .page-wrapper .question,
	#page-faq .page-wrapper .answer {
	   	margin-bottom: 12px;
	}

	#page-faq .page-wrapper h2 {
		font-size: 16px;
		width: 24px;
		margin-left: 4px;
	}

	#page-faq .page-wrapper h4 {
	    margin-left: 64px;
	    font-size: 18px;
	}

	#page-faq .page-wrapper .answer p {
	    margin-left: 64px;
	    font-size: 15px;
	}
}


/*
*ABOUT PAGE
*********************************************************************************************************/



#page-about ul {
	padding: 0px;
}

#page-about ul li{
	list-style-type: none;
	margin: 1.5px 0px;
	background-color: #ddd;
	float: left;
}

#page-about  ul li .avatar{
	width: 50%;
	height: auto;
	float: left;
	line-height: 0px;
	display: inline-block;
}


#page-about  ul li:nth-child(2n+2) .avatar{
	float: right;
}

#page-about ul li .txt-wrapper{
    width: 50%;
    float: left;
    display: inline-block;
}

#page-about ul li .about-txt h2{
	text-transform: uppercase;
    font-size: 24px;
    margin: 12px 0px 0px 0px;
    text-align: center;
    font-weight: 400;
}

#page-about ul li .about-txt i{
	margin-bottom: 16px;
    display: block;
    text-align: center;
    color: #b96c5c; 
}

#page-about ul li .about-txt p{
	padding: 12px 16px;
	border-top: 3px #fafafa solid;
	border-bottom: 3px #fafafa solid;
}

#page-about .contact{
	text-align: center;
}

#page-about .contact ul{
	padding: 0px;
    display: inline-block;
    list-style: none;
    margin: 0px;
}

#page-about .contact ul li{
    display: inline;
    margin: 12px 0px;
}

#page-about .contact ul li a i{
	margin-bottom: 0px;
    color: #b96c5c;
    padding: 6px 7px;
    border: 2px #b96c5c solid;
    border-radius: 30px;
    margin: 0px 12px;
}

#page-about .contact ul li a i:hover{
	background-color: #b96c5c;
	color: #fafafa;
	border: 2px #fafafa solid;

}

#page-about .contact ul li a i.fa-facebook{
    padding: 6px 9px;
}

@media screen and (max-width: 1080px) and (min-width: 601px){

	#page-about  ul li .avatar{
		width: 40%;
	}

	#page-about ul li .txt-wrapper{
	    width: 58%;
	    border-left: 3px #fafafa solid;
	}

	#page-about ul li:nth-child(2n+2) .txt-wrapper {
		border-right: 3px #fafafa solid;
    	border-left: 0px;
    	float: right;
	}

	#page-about ul li .about-txt p{
		border-top: 0px #fafafa solid;
		border-bottom: 0px #fafafa solid;
	}

}


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

	#page-about  ul li .avatar,
	#page-about ul li .txt-wrapper{
		width: 100%;
	}
}


/*PAGE GENERAL - SEO
***************************************************************************************************/

.page-id-588 .content-area {
	background-image: url(/wp-content/uploads/2017/07/battleship-seo_s.jpg);
	max-width: 100%;
}

#page-general .entry-content {    
	background-color: rgba(250, 250, 250, .9);
    border: 2px #fafafa solid;
    padding: 24px;
    border-radius: 4px;
}

#page-general .entry-content h2{    
	font-size: 20px;
    text-align: center;
    margin: 16px 0px;

}

#page-general .entry-content a{    
	color: #b96c5c;
	font-weight: 700;

}

#page-general .entry-content a:hover{    
	text-decoration: underline;

}

.page-id-652 #page-general .entry-content {  
	padding: 24px 0px !important;
}


/*PAGE APPS
***************************************************************************************************/


#page-apps .apps-intro {
    background-color: #f1f1f1;
    padding: 24px;
    margin-bottom: 5px;
}

#page-apps .apps-intro h2{
    text-transform: uppercase;
    font-size: 24px;
    margin: 4px 0px 12px 0px;
    text-align: center;
    font-weight: 400;
}

#page-apps .content-txt h1 {
	text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    border-bottom: 5px #fafafa solid;
    margin: -10px -32px 12px -39px;
    padding: 0px 32px 12px 32px;
}


#page-apps ul {
	padding: 0px;
}

#page-apps li {
	list-style-type: none;
	float: left;
	border-bottom: 5px #fafafa solid;
	background-color: #f1f1f1;
}

#page-apps li .apps-img{
	width: 33%;
	line-height: .7;
	float: left;
	position: relative;
}

#page-apps li:nth-child(2n+2) .apps-img{
	float: right;
}

#page-apps li .apps-img img{
    width: 100%;
    max-width: 360px;
    border: 5px #f1f1f1 solid;
    border-right: 0px;
}

#page-apps li .content-txt{
	float: right;
	width: 60%;
	padding: 3%;
	//font-weight: 300;
}

#page-apps li .content-txt strong{
	font-weight: 600;
}

#page-apps li .content-txt p{
    margin: 0px;
}



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

	#page-apps .apps-intro h2{
	    font-size: 22px;
	}

	#page-apps .content-txt h1 {
	    margin: 0px -24px 12px -24px;
	}

	#page-apps .entry-content p {
	    font-size: 15px;
	}

	#page-apps li .apps-img{
		width: 46%;
		 margin-right: 4%;
	}

	#page-apps li .content-txt{
	    width: 96%;
	    padding: 2%;
	    float: none;
	}

}

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

	#page-apps .apps-intro h2{
	    font-size: 20px;
	}

	#page-apps .apps-intro {
	    padding: 16px;
	}

	#page-apps .content-txt h1 {
	    font-size: 18px;
	    margin: 0px -3% 12px -3%;
	    padding: 0px 16px 12px 16px;
	}

	#page-apps li .apps-img{
		width: 96%;
		padding: 2% ;
	}

	#page-apps li:nth-child(2n+2) .apps-img{
		float: none;
	}

	#page-apps li .apps-img img{
	    border: 0px #f1f1f1 solid;
        margin: 0 auto;
	    display: block;
	}

	#page-apps li .content-txt{
		float: left;
		width: 94%;
		padding: 3%;
	}
	
}

/*PAGE GENERAL -  Enquiry Form
***************************************************************************************************/

.page-id-652 #page-general .entry-content iframe {
	height: 2300px;
}


@media screen and (max-width: 425px) {
 	
	.page-id-652 #page-general .entry-content {  
		padding: 24px 0px !important;
		margin: 24px 0px !important;
	}

	.page-id-652 #page-general .entry-content iframe {
		height: auto;
	}
}


	



/*CONTACT US  - TEMPORARILY UNUSED
***************************************************************************************************/
/*
#page-contact .entry-header {
	margin-bottom: 0px;
}

#page-contact .page-wrapper {
	max-width: 1060px;
	width: 100%;
	margin-bottom: 12px;
	padding: 0px;
}

#page-contact h3{
	margin-bottom: 24px;
	text-transform: uppercase;
	font-weight: 400;
}

#page-contact .left{
	float: left;
	border-right: 24px #ddd solid;
	width: 55%;
	display: inline-block;
}

#page-contact .left .txt{
	padding: 48px 24px 24px 48px;
}


#page-contact .left .txt .wpcf7-form{
	max-width: 70%;
}

#page-contact .left .txt .wpcf7-form span{
	max-width: 100%;
	display: block;
}

#page-contact .left .txt .wpcf7-form p{
	text-transform: uppercase;
	font-size: 15px;
	line-height: 1.5;
}

#page-contact .left .txt .wpcf7-form input,
#page-contact .left .txt .wpcf7-form textarea {
	width: 100%;
}

#page-contact .left .txt .wpcf7-form textarea{
	height: 120px;
}

#page-contact .left .txt .wpcf7-not-valid-tip {
	color: #b96c5c;
}

#page-contact .left .txt .wpcf7-validation-errors {
	border: 2px solid #b96c5c;
}

#page-contact .left .txt .wpcf7-response-output {
    margin: 2em 0em 1em 0em;
    padding: 12px;
    text-transform: uppercase;
	font-size: 14px;
	border-radius: 3px;
	max-width: 296px;
	line-height: 1.2;
}


#page-contact .left .txt .wpcf7 .wpcf7-submit {
	padding: 12px 24px;
	border: 2px #b96c5c solid;
	border-radius: 3px;
    width: 100%;
	background-color: #b96c5c;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	margin: 0 3px;
}

#page-contact .left .txt .wpcf7 .wpcf7-submit:hover {
	background-color: #fafafa;
	color: #b96c5c;
}

#page-contact .left .txt .wpcf7 .ajax-loader {
	display: none;
}

#page-contact .right {
	float: left;
	width: 36%;
	line-height: 1.5;
	padding: 48px 24px 24px 24px;
	display: inline-block;
}

#page-contact .right h4{
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
}

#page-contact .right p,
#page-contact .right a{
	font-size: 15px;
	padding-bottom: 12px;
	margin: 0px;
	display: block;
}

@media screen and (max-width: 1080px) and (min-width: 769px) {

	#page-contact .left{
		width: 46%;
	}

	#page-contact .left .txt .wpcf7-form{
		max-width: 80%;
	}

	#page-contact .right {
		width: 43%;
		padding: 48px 0px 24px 24px;
	}
}

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

	#page-contact h3{
		font-size: 20px;
	}

	#page-contact .left{
		border-right: 0px #ddd solid;
	    width: 75%;
	    margin-left: 90px;
	}

	#page-contact .left .txt{
		padding: 36px 0px;
	}

	#page-contact .left .txt .wpcf7-form{
		max-width: 80%;
	}

	#page-contact .left .txt .wpcf7-form p{
		font-size: 14px;
	}

	#page-contact .right {
		float: left;
		width: 75%;
		padding: 24px 0px;
	    margin-left: 90px;
	}

	#page-contact .right h4{
		font-size: 15px;
	}

	#page-contact .right p,
	#page-contact .right a{
		font-size: 14px;
	}


}

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

	#page-contact h3{
		margin-bottom: 20px;
		font-size: 18px;
	}

	#page-contact .left{
		border-right: 0px #ddd solid;
	    width: 80%;
	    float: none;
	    display: block;
	    margin-left: 0px;
	    margin: 2% auto;
	}

	#page-contact .left .txt{
		padding: 24px 0px;
	}

	#page-contact .left .txt .wpcf7-form{
		max-width: 100%;
	}

	#page-contact .left .txt .wpcf7-form p{
		font-size: 14px;
	}

	#page-contact .left .txt .wpcf7-form input,
	#page-contact .left .txt .wpcf7-form textarea {
		max-width: 400px;
	}

	#page-contact .right {
		padding: 24px;
	    width: 80%;
	    float: none;
	    display: block;
	    margin-left: 0px;
	    margin: 2% auto;
	}

	#page-contact .right h4{
		font-size: 15px;
	}

	#page-contact .right p,
	#page-contact .right a{
		font-size: 14px;
	}
}
*/
/*---------------------------------------*/



.sticky {
	display: block;
}

.hentry {
	//margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	//margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
13.0 Footer
--------------------------------------------------------------*/

.pre-footer {
	background-color: #bababa;
}

.pre-footer aside {
	display: inline-block;
	width: 30.33%;
	padding: 1.5%;
	vertical-align: top;
	margin: 0px;
}

.pre-footer aside h2{
	font-size: 15px;
	text-transform: uppercase;
    margin-bottom: 4px;
}


.pre-footer aside .textwidget{
	font-size: 13px;
}

.pre-footer aside .textwidget a{
	color: #404040;
}

.pre-footer aside .textwidget a:hover{
	color: #fafafa;
}

.pre-footer aside .textwidget h4{
	font-size: 13px;
    text-transform: uppercase;
    margin-top: 6px;
}


.footer-breadcrumbs{
    background-color: #444;
    text-align: center;
    width: 100%;
    ///height: 64px;
}

.footer-breadcrumbs ul{
    padding: 0px;
    display: inline-block;
    list-style: none;
    margin: 0px;
}

.footer-breadcrumbs ul li {
	float: left;
	padding: 8px 0px;
}

.footer-breadcrumbs ul li:after {
    content: "|";
    color: #fafafa;
    font-size: 12px;
    font-weight: 300;
    padding: 0px 8px;
}

.footer-breadcrumbs ul li:last-child:after {
    display: none;
}

.footer-breadcrumbs ul li a{
	color: #fafafa;
    font-size: 12px;
    font-weight: 300;
}

.footer-breadcrumbs ul li a:hover{
	color: #b96c5c;
}


.site-footer {
    font-size: 13px;
    font-weight: 400;
    color: #fafafa;
    background-color: #303030;
}


.site-info { 
	//border-top: 1px solid #fafafa;
	padding: 4px 0px;
    text-align: center;
    float: left;
    width: 100%;
}

.footer-barefoot-info {
    margin: 0 auto;
    padding-top: 15px;
    display: inline-block;
}

.barefoot-logo-here,
.barefoot,
.date {
    float: left;
    color: #fafafa
}

.barefoot {
    padding: 0 4px;
    font-family: 'Stalemate', cursive;
    font-size: 28px;
    margin-top: -10px;
}

.barefoot:hover {  
    color: #b96c5c;
}

.barefoot-logo-here img {
    width: 17px;
}

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

	.pre-footer .footer-widgets {
		padding: 12px 0px;
	}

    .pre-footer aside h2{
        text-align: center;
    }

    .pre-footer aside {
        width: 90%;
        padding: 3% 5%;
        margin: 0px;
    }

    .pre-footer aside .textwidget{
		text-align: center;
	}


	.pre-footer aside .textwidget .contact-wrapper {
		padding: 24px 0px 12px 0px;
	}

    .pre-footer aside .textwidget a,
    .pre-footer aside .textwidget h4{
		text-align: center;
	    width: 100%;
        display: inline-block;
	    font-size: 16px;
	    margin: 4px 0px;
	}

}