/*
Theme Name: Client Theme
Theme URI: http://www.p11.com/
Author: p11 Creative
Author URI: http://www.p11.com/
Description: Based off the advanced Redux Framework, our Client Framework provides us with the flexibility and power to create amazing websites for our clients. It's really all about them, thus we call this the "Client" theme. Who else would it be for?
Version: 3.0.1
Text Domain: client-theme
*/

/*```````````````````````````//
//			GLOBALS			         //
//___________________________*/

*, *:before, *:after {
	border:0;
	border-collapse:collapse;
	margin:0;
	padding:0;
	line-height:normal;
	vertical-align:normal;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
	font-size:16px;
	font-weight:normal;
	zoom:1;
	overflow-x: hidden;
}

section {
	overflow: hidden;
}

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

}

h1 {

}

h2 {

}

h3 {

}

h4 {

}

h5 {

}

h6 {

}

p {

}

.bold {
	font-weight:800!important;
}

.semibold {
	font-weight:600!important;
}

.regular {
	font-weight:400!important;
}

.light {
	font-weight:200!important;
}

a, button, .trans, a:before, a:after, button:before, button:after, .trans:before, .trans:after {
	text-decoration: none;
    -webkit-transition:all .5s;
       -moz-transition:all .5s;
        -ms-transition:all .5s;
         -o-transition:all .5s;
            transition:all .5s;
}

a:hover {

}

a:active {
 	top:1px;
}

b, strong {
	font-weight: 700;
	vertical-align: initial;
}

sup {
	vertical-align: super;
	font-size: 50%;
}

.light {
	font-weight: 300;
}

input {
	font-family:inherit;
}

input:hover {

}

input[type="submit"] {
	position:relative;
	font-family:inherit;
}

input[type="submit"]:hover {

}

input[type="submit"]:active {

}

textarea {
	font-family:inherit;
	resize:none;
}

textarea:hover {

}

input:focus, textarea:focus, button:focus {
  outline:none;
  box-shadow:inset 0 0 2px (0,0,0,.3);
}

ul, li, ol {
	list-style:none;
	list-style-type:none;
}

hr {
	border-bottom: 1px solid #483729;
	border-bottom: 1px solid rgba(72,55,41,0.3);
	padding-top: 1em;
	margin-bottom: 2em;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

.small {
	font-size:0.9em;
}

.xsmall {
	font-size:0.8em;
}

.xxsmall {
	font-size:0.6em;
}

.big {
	font-size:1.1em;
}

.xbig {
	font-size:1.2em;
}

.xxbig {
	font-size:1.4em;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.full {
	width:100%;
}

.half {
	width:50%;
}

.third {
	width:33.33%;
}

.twothird {
	width:66.66%;
}

.fourth {
	width:25%;
}

.threefourth {
	width:75%;
}

.fifth {
	width:20%;
}

.fourfifth {
	width:80%;
}

.left, .alignleft {
	float:left;
}

.right, .alignright {
	float:right;
}

.center {
	margin:0 auto;
}

.tleft {
	text-align: left;
}

.tright {
	text-align: right;
}

.tcenter {
	text-align: center;
}

.twhite {
	color:#fff;
}

.tblack {
	color:#000;
}

.vcenter {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

/* Wordpress CSS for image align */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

/* --- */

.noline {
	text-decoration: none;
}

.upper {
	text-transform: uppercase;
}

strong, .bold {
	font-weight: 500;
}

.italic {
	font-style: italic;
}

.full-height {
	height: 100%;
}

.fixed {
	background-attachment: fixed;
}

.bgimg {
	background-repeat: no-repeat;
  background-attachment:fixed;
	background-position: top center;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bgimg2 {
	background-repeat: no-repeat;
  background-attachment: scroll;
	background-position: center;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bgw {
	background-color:#fff;
}

.bgw90 {
	background:url('library/images/bgw90.png') repeat center scroll transparent;
}

.bgw70 {
	background:url('library/images/bgw70.png') repeat center scroll transparent;
}

.bgw50 {
	background:url('library/images/bgw50.png') repeat center scroll transparent;
}

.bgw30 {
	background:url('library/images/bgw30.png') repeat center scroll transparent;
}

.bgb {
	background-color:#000;
}

.bgb90 {
	background:url('library/images/bgb90.png') repeat center scroll transparent;
}

.bgb70 {
	background:url('library/images/bgb70.png') repeat center scroll transparent;
}

.bgb50 {
	background:url('library/images/bgb50.png') repeat center scroll transparent;
}

.bgb30 {
	background:url('library/images/bgb30.png') repeat center scroll transparent;
}

.bggrn {
	background-color:#5e6151;
}

.bggrn30 {
	background:url('library/images/bggrn30.png') repeat center scroll transparent;
}

.bggrn90 {
	background:url('library/images/bggrn90.png') repeat center scroll transparent;
}

.bggrn70 {
	background:url('library/images/bggrn70.png') repeat center scroll transparent;
}

.bggrn50 {
	background:url('library/images/bggrn50.png') repeat center scroll transparent;
}

.fill, .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

button, .button {
	padding:0.5em 1em;
	text-decoration: none;
	letter-spacing: 0.5px;
	display:inline-block;
	font-weight: 400;
}

button, .button:hover {
	text-decoration: none;
	cursor:pointer;
}

a.more {
  text-decoration: underline;
  letter-spacing: 0.5px;
  font-weight: 400;
  clear:both;
  display:inline-block;
  margin:0;
}

.pad0 {
  padding:0;
}

.padt0 {
  padding-top:0;
}

.padb0 {
  padding-bottom:0;
}

.padr0 {
  padding-right:0;
}

.padl0 {
  padding-left:0;
}

.pad1 {
  padding:1em;
}

.pad1-0 {
  padding:1em 0;
}

.pad0-1 {
  padding:0 1em;
}

.pad2 {
  padding:2em;
}

.pad2-0 {
  padding:2em 0;
}

.pad0-2 {
  padding:0 2em;
}

.pad1-2 {
  padding:1em 2em;
}

.pad2-1 {
  padding:2em 1em;
}

.pad3-0 {
  padding: 3em 0;
}

.pad4-0 {
  padding: 4em 0;
}

.padl {
	padding-left:1em;
}

.padr {
	padding-right:1em;
}

.padt1 {
	padding: 1em 0 0 0;
}

.padt2 {
	padding: 2em 0 0 0;
}

.padt3 {
	padding: 3em 0 0 0;
}

.padb1 {
	padding: 0 0 1em 0;
}

.padb2 {
	padding: 0 0 2em 0;
}

.padb3 {
	padding: 0 0 3em 0;
}

.mar0 {
	margin:0!important;
}

.mart0 {
  margin-top:0!important;
}

.marb0 {
  margin-bottom:0!important;
}

.marr0 {
  margin-right:0!important;
}

.marl0 {
  margin-left:0!important;
}

.mar1 {
	margin:1em;
}

.mar1-0 {
	margin:1em 0;
}

.mar0-1 {
	margin: 0 1em;
}

.mar2 {
	margin: 2em;
}

.mar2-0 {
	margin: 2em 0;
}

.mar0-2 {
	margin: 0 2em;
}

.mart1 {
	margin: 1em 0 0 0;
}

.mart2 {
	margin: 2em 0 0 0;
}

.mart3 {
	margin: 3em 0 0 0;
}

.marb1 {
	margin: 0 0 1em 0;
}

.marb2 {
	margin: 0 0 2em 0;
}

.marb3 {
	margin: 0 0 3em 0;
}

.large {
  font-size:1.2em;
}

.small {
  font-size:0.9em;
}

.noscroll {
	height:100%;
	overflow:hidden;
}

.figure {
	overflow:hidden;
	position:relative;
	display:block;
}

.figure img {
	width:100%;
	height:auto;
}

.overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.rel {
	position:relative;
}

.hidden {
	display:none;
}

.spaced {
	letter-spacing: 1px;
}

/*```````````````````````````//
//			PAGE CORE		         //
//___________________________*/

.wrapper {
    max-width:1100px;
		width:95%;
    margin:0 auto;
    position:relative;
}

.wrapper.slim {
	max-width:1200px;
}

header, footer, section {
	/*display:inline-block;
	float:left;
	clear:both;
	width:100%;*/
	position:relative;
}



/* Column Classes
 *
 * Width: 1200px
 * Gutter: 20px
 * Link: http://www.billerickson.net/column-class-generator/
--------------------------------------------- */

.five-sixths,
.four-sixths,
.four-fifths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-fifths,
.three-sixths,
.two-fourths,
.two-fifths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 1.66666666667%;
	margin-bottom: 1em;
}
 
.one-half,
.three-sixths,
.two-fourths {
	width: 49.1666666667%;
}
 
.one-third,
.two-sixths {
	width: 32.2222222222%;
}
 
.four-sixths,
.two-thirds {
	width: 66.1111111111%;
}
 
.one-fourth {
	width: 23.75%;
}
 
.three-fourths {
	width: 74.5833333333%;
}
 
.one-fifth {
	width: 18.6666666667%;
}
 
.two-fifths {
	width: 39%;
}
 
.three-fifths {
	width: 59.3333333333%;
}
 
.four-fifths {
	width: 79.6666666667%;
}
 
.one-sixth {
	width: 15.2777777778%;
}
 
.five-sixths {
	width: 83.0555555556%;
}
 
.first {
	clear: both;
	margin-left: 0;
}