/*
Theme Name: Kling
Theme URI: http://www.cmkling.com
Description: Kling Theme
Version: 1.0
Author: GoldRush Creative
Author URI: http://goldrushcreative.com
Tags: rwd, new, clean, modern
*/


/* RESET (http://meyerweb.com/eric/tools/css/reset/ - v2.0 | 20110126 - License: none - public domain) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

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

/* 
==========================================================================
GLOBAL & WP SPECIFIC STYLES
==========================================================================
*/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance:none;
	-webkit-text-size-adjust: none; 	
}

input, textarea, select {
    -webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
}

img,
audio,
video,
canvas {
	max-width: 100%;
}

html {
	min-height: 100%;
	margin-bottom: 1px;
	overflow: -moz-scrollbars-vertical!important; 
}

::selection {
	background:#2aafe7;
	color:#fff;
}

::-moz-selection {
	background:#2aafe7;
	color:#fff;
}

::-webkit-selection {
	background:#2aafe7;
	color:#fff;
}

.cf:before,.cf:after {content: " "; /* 1 */    display: table; /* 2 */}
.cf:after {clear: both;}
.cf {clear: both;}

strong, b {
	font-weight:bold;
}

em, i {
	font-style:italic;
}

img.alignright {
	float:right;
	margin:0 0 2em 1em;
}

img.alignleft {
	float:left;
	margin:0 2em 1em 0;
}

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

.alignright {
	float:right;
	margin:0 0 2em 1em;
}

.alignleft {
	float:left;
	margin:0 0 2em 1em;
}

img.wp-smiley {
	float: none;
	margin: 0 0 0 5px;
	vertical-align:middle;
}

p {
	margin: 0 0 20px 0;
}

a {
	color: #2aafe7;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: none;
}

blockquote {
	background: #777777;
	border-left: 10px solid #2aafe7;
	color: #fff;
	padding: 15px;
	margin: 20px 0;
}

blockquote p {
	margin: 0;
}

ul {
	list-style-type: square;
	margin: 0 0 0 20px;
}

li {
	margin: 0 0 5px 0;
}


/* 
==========================================================================
H & LINKS
==========================================================================
*/

h1 {
	font: 25px/1.5 Helvetica, Arial, sans-serif;	
	margin:0 0 20px 0;
	padding:0;
	color: #2aafe7;
	text-transform: uppercase;
	letter-spacing: 2px;
}

h2 {
	font: 22px/1.5 Helvetica, Arial, sans-serif;	
	margin:0 0 20px 0;
	padding:0;
	color: #2aafe7;
	text-transform: uppercase;	
	letter-spacing: 2px;
}

h3 {
	font: 20px/1.5 Helvetica, Arial, sans-serif;
	margin:0 0 20px 0;
	padding:0;
	color: #2aafe7;
	text-transform: uppercase;	
	letter-spacing: 2px;
}

h4 {
	font: 18px/1.5 Helvetica, Arial, sans-serif;
	margin:0 0 20px 0;
	padding:0;
	color: #2aafe7;
	text-transform: uppercase;	
	letter-spacing: 2px;
}

h5 {
	font: 16px/1.5 Helvetica, Arial, sans-serif;
	margin:0 0 20px 0;
	padding:0;
	color: #2aafe7;
	text-transform: uppercase;	
	letter-spacing: 2px;
}

/* 
==========================================================================
GENERAL
==========================================================================
*/

body {
	background: #333333;
	color: #fff; 
	font: 16px/1.7 Helvetica, Arial, sans-serif;
	margin:0;
	-webkit-font-smoothing: antialiased;
}

.container {
	max-width: 1140px;
	width:100%;
	margin: 0px auto;
	border-top: 1px solid #fff;	
	padding: 40px 0;
}

.inner {
	position: relative;
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 10px;
}

.inner h2 {
	margin: 0 0 40px 0;
}

/* 
==========================================================================
HEADER
==========================================================================
*/

header {
	width:100%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 30px 0;
}

.logo {
    width: 350px;
    height: 44px;
    float: right;
    margin: 0 -5px 0 0;
	transition: all 0.3s ease-in;    
}

.logo a {
	background: url("images/logo.png");
    float: right;
    width: 350px;
    height: 44px;
    margin: 0px;
    text-decoration: none;
	transition: all 0.3s ease-in-out;
}

.full {
	width: 100%;
	display: block;
}

.left {
	float: left;
	width: 30.701754385964914%;
	padding: 0 2.631578947368421% 0 0;
}

.right {
	float: left;
	width: 69.2982456140351%;
	border-left: 1px solid #aaaaaa;
	padding: 0 0 0 2.631578947368421%;
}

.left img, .right img {
	margin: 0 0 20px 0;
}

.widget {
	margin: 0 0 30px 0;
}

.widget ul {
	list-style-type: none;
	margin: 0;
}

.widget li {
	text-transform: uppercase;
	border-top: 1px solid #555;
	padding: 5px 0;
}

.widget h2, .widget h3 {
	margin: 0 0 5px 0;
}

.widget a {
	color: #fff;
}

.widget a:hover {
	color: #2aafe7;
}

.info h5 {
	margin: 0;
}

/* 
==========================================================================
OFF CANVAS NAV
==========================================================================
*/

#lntoggle {
	color: #fff;
	position: absolute;
	left: 5px;
	top: 0;
    cursor: pointer;
    font: 40px Helvetica, Arial, sans-serif; 	
    z-index: 100;
}

.menu-text {
    font: 16px Helvetica, Arial, sans-serif; 
    font-weight: 700;
    vertical-align: middle;
    text-transform: uppercase;
    display: inline-block;
    margin: -5px 0 0 0;    
}

#lntoggles {
    float:none;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    font-size: 30px;
    margin: 10px;
    vertical-align: middle;
}

.lntoggles-text {
    font-size: 20px;
    padding: 0px 0px 5px 8px;   
    vertical-align: middle;
}

.pushy ul, .pushy li {
    margin:0;
    padding:0;
    font-weight: 500!important;
}

.pushy ul {
    margin-top:3px;
}

.pushy {
    font: 15px Helvetica, Arial, sans-serif; 
    text-shadow: none;
    position: fixed;
    width: 240px;
    height: 100%;
    top: 0;
    z-index: 9999;
    background: #202020;
    color:#fff;
    text-transform: uppercase;
    overflow: auto;
    -webkit-overflow-scrolling: touch; 
}

.pushy a {
    display: block;
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 200!important;
    letter-spacing: 0.5px;
    color:#fff;
    border-top:1px solid #353535;
}

.pushy a:hover{
    background: #2aafe7;
    color: #FFF;
    transition: all 0.3s ease 0s;
}


.pushy-left{
    -webkit-transform: translate3d(-240px,0,0);
    -moz-transform: translate3d(-240px,0,0);
    -ms-transform: translate3d(-240px,0,0);
    -o-transform: translate3d(-240px,0,0);
    transform: translate3d(-240px,0,0);
}

.pushy-open{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.container-push, .push-push{
    -webkit-transform: translate3d(240px,0,0);
    -moz-transform: translate3d(240px,0,0);
    -ms-transform: translate3d(240px,0,0);
    -o-transform: translate3d(240px,0,0);
    transform: translate3d(240px,0,0);
}

.pushy, .push{
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
    /* improves performance issues on mobile*/
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

.site-overlay{
    display: none;
}

.pushy-active .site-overlay{
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 240px;
    z-index: 9999;
    background:#000;
    opacity: 0.5;
    margin:0;
}

/* 
==========================================================================
HOME
==========================================================================
*/

.hero-grid {
	width: 100%;
	max-width: 1140px;
	display: block;
	position: relative;
	margin: 0 auto;
}

.grid-item {
	width: 24.342105263157894%;
	float: left;
	margin: 0 0.8771929824561403% 0.8771929824561403% 0;
}

.grid-item:nth-of-type(4n) {
	margin: 0 0 0.8771929824561403% 0;
}

.hover-tile {
	position: relative;
	font-size: 0;
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	cursor: pointer;
}

.hover-tile h2 {
	font-size: 0;
	letter-spacing:0;
}

.hover-tile:hover .hover-tile__overlay {
	height: 100%;
}

.hover-tile:hover .hover-tile__overlay .copy {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.hover-tile:hover .hover-tile__overlay p {
	font-size: 17px;
	margin: 0;
}

.hover-tile:hover .hover-tile__overlay h2 {
	font-size: 28px;
	font-weight: bold;
	margin: 0;
	text-transform: none;
	color: #fff;
}

.hover-tile__image {
	max-width: 100%;
	height: auto;
}

.hover-tile__overlay {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 0;
	color: #fff;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	-webkit-transition: height 0.5s ease;
	transition: height 0.5s ease;
}

.welcome {
	text-align: center;
	margin: 50px auto;
}

.welcome .inner {
	width: 75%;
}

.portfolio-item {
	width:24.342105263157894%;
	position: relative;
}

.portfolio-item .grid-item {
	width: 100%;
}

/* 
==========================================================================
TEAM
==========================================================================
*/

.team {
	display: block;
	width: 100%;
	margin: 50px auto 0 auto;
}

.team-member {
	width: 30.409356725175442%;
	float: left;
	margin: 0 4.385964912280701% 0 0;
	text-align: center;
}

.team-member:nth-of-type(3n) {
	margin: 0 0 0 0;
}

.team h4 {
	margin: 0;
	letter-spacing: 0;
}

/* 
==========================================================================
POSTS
==========================================================================
*/

.post {
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	border-bottom: 1px solid #fff;
}

.post:last-of-type {
	border-bottom: 0;
}

.single {
	margin: 0 0 40px 0;
}

.post h2 {
	margin: 0 0 10px 0;
}

.singleteam h5 {
	font: 16px/1.5 Helvetica, Arial, sans-serif;
	margin: -35px 0 20px 0;
	color: #ccc;
}

.date {
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	margin: -10px 0 10px 0;
	font-weight: bold;
}

.button {
	color: #fff;
	background: #29abe2;
	padding: 5px 10px;
	margin: 0;
	display:inline-block;
	cursor:pointer;
	transition: all 0.3s ease-in;
}

.button:hover {
	background: #fff;
	color: #29abe2;
	transition: all 0.3s ease-in-out;
}

/* 
==========================================================================
PAGE NAVIGATION
==========================================================================
*/

.paged {
	clear:both;
	margin: 0;
	text-align: left;
}

.wp-pagenavi {
	border:0;
	padding: 20px 0;	
	margin:0;
	border-top: 1px solid #fff;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 5px; 
	margin: 2px 5px;
	text-decoration: none;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 3px solid transparent;
	color: #ffffff;
	font-weight: bold;	
	transition: all 0.3s ease-in-out;		
}

.wp-pagenavi a:visited {
	padding: 5px; 
	margin: 2px 5px;
	text-decoration: none;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 3px solid transparent;
	color: #ffffff;
	font-weight: bold;	
}

.wp-pagenavi a:hover {	
	border: 0;
	color: #2aafe7;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: transparent;
	padding: 5px; 
	margin: 2px 5px;
	font-weight: bold;
}

.wp-pagenavi a:active {
	padding: 5px; 
	margin: 2px 5px;
	text-decoration: none;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 3px solid #2aafe7;
	color: #2aafe7;
	font-weight: bold;
}

.wp-pagenavi span.pages {
	padding: 5px; 
	margin: 2px 5px;
	color: #ffffff;
	font-weight: bold;
	border:0;
}

.wp-pagenavi span.current {
	padding: 5px; 
	margin: 2px 5px;
	font-weight: bold;
	border: 0;
	color: #2aafe7;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 3px solid #2aafe7 !important;
}

.wp-pagenavi span.extend {
	padding: 5px; 
	margin: 2px 5px;
	border: 0;
	color: #ffffff;
	font-weight: bold;
}

/* 
==========================================================================
SEARCH
==========================================================================
*/

#searchform {
	margin: 0 0 15px 0;
	width: 100%;
	display:block;
}

#s {
	width: 75%;
	margin: 0;
	border: 1px solid #ffffff;
	padding: 10px;
	font: 16px Helvetica, Arial, sans-serif;	
	color:#333;
}

#go {
	width: 23%;
	margin: 0px 0 0 -6px;
	border: 0;
	padding: 10px;
	background: #2aafe7;
	color: #fff;
	font: 16px Helvetica, Arial, sans-serif;	
	cursor: pointer;
	transition: all 0.3s ease-in;	
}

#go:hover {
	background: #fff;
	color:#2aafe7;
	border:0;
	transition: all 0.3s ease-in-out;	
}

/* 
==========================================================================
WPCF7
==========================================================================
*/

.wpcf7-submit {
	font: 16px  Helvetica, Arial, sans-serif;	
	display: block;
	background: #2aafe7;
	color: #fff;
	padding: 10px 20px;
	text-align: center;
	margin: 10px 0;
	width: 150px;
    	transition: all 0.3s ease 0s;
	border:0;
	cursor: pointer;
}

.wpcf7-submit:hover {
	background: #fff;
	color: #2aafe7;
}

.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 select, .wpcf7 textarea {
    	background: #fff;
	border: 3px solid #fff;
	padding: 10px;
	color: #fff; 
	background: #777777;
	font: 16px Helvetica, Arial, sans-serif;	
    	width: 100%;
    	margin: 15px 0;
}

.ajax-loader {
	width:auto !important;
	height:auto !important;
}

div.wpcf7-mail-sent-ok {
	background: #b7cb5c!important;
	color: #fff;
	margin: 10px 0 10px 0px!important;
	font-size: 13px;
	font-weight:bold;
	padding: 10px 0 10px 0!important;
	text-align:center;
	border: none!important;
}

div.wpcf7-mail-sent-ng {
	border: none!important;
	background: #f26263!important;
	color: #fff;
}

div.wpcf7-spam-blocked {
	border: none!important;
	background: #f26263!important;
	color: #fff;
}

div.wpcf7-validation-errors {
	border: none!important;
	background: #f26263!important;
	color: #fff;
	margin: -10px 0 10px 0!important;
	font-size: 13px;
	font-weight:bold;
	padding: 10px 0 10px 0!important;
	text-align:center;
}

.wpcf7-not-valid-tip {
	border: none!important;
	background: #none!important;
	color: #f26263!important;
	margin: -5px 0 10px 10px;
	width: 200px!important;
	font-size: 12px!important;
	font-weight: bold;
	text-align:left;
	left: 0!important;
}

/* 
==========================================================================
COMMENTS
==========================================================================
*/

#comments ul {
	list-style-type: none;
	margin:5px 0;
	padding:0;
}

#comments li {
	background: none!important;	
	margin:0 0 5px 0;
	padding: 5px 0 5px 0px;
	vertical-align: middle;
}

.comm {
	margin:0;
	padding:0 0 20px 0;
	border-bottom: 1px solid #fff;
}

#commentform {
	margin: 0;
}

#comments {
	width: 100%;
	padding:0;
	margin: 0;
}

#comments .tabs {
	width: 100%;
}

#comments .sidetab-head {
	padding: 5px 15px;
}

#comments ul {
	list-style: none;
}

#comments ul.commentlist {
	padding: 0;
}

#comments ul.parent {
	padding-bottom: 0px;
}

#comments ul.children {
	margin:0 0 0 15px;
	padding:0;
	list-style:none;

}

#comments ul.commentlist li {
	margin: 0;
}

.comment-reply-link {
	float: left;
	position: relative;
	text-transform: uppercase;
	font: 14px Helvetica, Arial, sans-serif;	
	color: #fff!important;
	text-decoration: none !important;
}

.comment-reply-link {
	padding:3px;
	margin:0 0 5px 0;
	border: 0;
	font: 14px Helvetica, Arial, sans-serif;	
	background: #2aafe7;
	color: #fff;
	font-weight:bold;
    transition: all 0.3s ease 0s;
}

.comment-reply-link:hover{
	padding:3px;
	margin:0 0 5px 0;
	border: 0;
	font: 14px Helvetica, Arial, sans-serif;	
	background: #fff;
	color: #2aafe7!important;
	text-decoration: none !important;
	font-weight:bold;
    transition: all 0.3s ease 0s;
}

.comment-reply-link a {
	color: #fff;
}

.comment-reply-link a:hover {
	color: #2aafe7;
}

#respond {
	margin: 0;
	padding:0;
}

ul.pinglist {
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
}

li.pinglist {
	margin:0 0 3px 0;
	padding:0;
}

.pinglist a {
	color: #ffffff;
}

.pinglist a:hover{
	color: #ffffff;
}

.trackback {
	clear: both;
}

.trackback ul {
	list-style: none;
	margin-top: 10px;
}

small {
	font: 12px Helvetica, Arial, sans-serif;	
	vertical-align:middle;
	color:#2aafe7;
	margin: 5px 0 5px 0;
}

.comhead {
	display:inline;
	font-size: 18px;
	font-weight:bold;
	vertical-align:middle;
}

.comment-metas {
	float:left;
	width: 100%;
	margin: 10px 0 5px 0;
	padding: 0;

}

.says {
	margin:10px 0 10px 0;
	padding:0;
}

.says p {
	margin:0;
	padding:0;
}

label {
	display:block;
	font: 13px Helvetica, Arial, sans-serif;	
	color: #ffffff;
	margin: 0 0 10px 0;
	padding:0;
	font-weight:normal;
}

#commentform {
	width: 100%;
	margin: 0 0 20px 0;
}

#author2 {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 10px;
	font: 14px Helvetica, Arial, sans-serif;	
	color: #333;
	border:1px solid #fff;
}

#author2:focus {
	border:1px solid #7fc7db;
	padding: 10px;
}

#email {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 10px;
	font: 14px Helvetica, Arial, sans-serif;	
	color: #333;
	border:1px solid #fff;
}

#email:focus {
	border:1px solid #2aafe7;
	padding: 10px;
}

#url {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 10px;
	font: 14px Helvetica, Arial, sans-serif;	
	color: #333;
	border:1px solid #fff;
}

#url:focus {
	border:1px solid #7fc7db;
	padding: 10px;
}

#comment {
	width: 100%;
	minwidth: 380px;
	min-height: 150px;
	margin: 0;
	padding: 10px;
	font: 14px Helvetica, Arial, sans-serif;	
	color: #333;
	border:1px solid #fff;
}

#comment:focus {
	border:1px solid #2aafe7;
	padding: 10px;
}

.submit-comment {
	display:block;
	background: #2aafe7;
	color: #fff;
	font: 14px Helvetica, Arial, sans-serif;	
	padding: 10px;
	width: 100%;
	margin: 10px 0 10px 0;
	border:0;
	cursor:pointer;
    transition: all 0.3s ease 0s;
}

.submit-comment:hover {
	background: #fff;
	color:#2aafe7;
	transition: all 0.3s ease 0s;
}

#cancel-comment-reply-link {
	font: 12px Helvetica, Arial, sans-serif;	
	margin: 0px 0 15px 0;
	display:inline-block;
	padding:5px;
	background: #2aafe7;
	color: #fff;
    transition: all 0.3s ease 0s;
}

#cancel-comment-reply-link:hover {
	font: 12px Helvetica, Arial, sans-serif;	
	margin: 0px 0 15px 0;
	display:inline-block;
	padding:5px;
	background: #fff;
	color: #2aafe7;
    transition: all 0.3s ease 0s;
}

.minusone {
	margin-top: -2px;
}

.page-titles {
    clear: both;
    font-size: 20px;
    margin: -11px 0px 10px !important;
    padding: 5px 0;
    font-weight: bold;
    color: #2AAFE7 !important;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}


/* 
==========================================================================
FILTER EFFECTS
==========================================================================
*/

.portfolio {
	list-style-type: none;
	margin: 0 0 20px 0!important;
}

.portfolio li {
	display: inline-block;
	margin:0;
}

.portfolio li a {
	background: #2AAFE7;
	padding: 5px 10px;
	color: #fff;
	display:inline-block;
	margin: 0 10px 10px 0;
	transition: all 0.3s ease-in-out;
}

.portfolio li a:hover{
	background: #fff;
	color: #2AAFE7;
	transition: all 0.3s ease-in-out;
}

.portfolio .active {
	background: #fff!important;
	color: #2AAFE7!important;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height;
     -moz-transition-property: height;
      -ms-transition-property: height;
       -o-transition-property: height;
          transition-property: height;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/* 
==========================================================================
FOOTER
==========================================================================
*/

footer {
	clear:both;
	font: 14px/1.5 Helvetica, Arial, sans-serif;
	border-top: 1px solid #fff;
	padding: 40px 0;
	margin: 0 auto;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	text-align: center;
	max-width: 1140px;
}

footer p {
	margin: 0;
}


/* 
==========================================================================
RETINA FULL SIZE
==========================================================================
*/

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 

 .logo a {
	background: url('images/logo_2x.png') no-repeat;
	background-size: 350px 44px;
 }

}


/* 
==========================================================================
MEDIA QUERIES
==========================================================================
*/


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

}


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

}


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

}


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

 .grid-item, .grid-item:nth-of-type(4n) {
	width: 49.56140350877193%;
	margin: 0 0.8771929824561403% 0.8771929824561403% 0;
 }

 .grid-item:nth-of-type(2n) {
	margin: 0 0 0.8771929824561403% 0;
 }

  .portfolio-item {
	width: 48%;
 }

 .welcome .inner {
	width: 100%;
 }

 .left {
	float: none;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0 0 10px 0;
 }

 .right {
	float: none;
	display: block;	
	width: 100%;
	border-left: 0;
	padding: 0;
 }

 .team-member, .team-member:nth-of-type(3n){
	width: 47.8070175439%;
	margin: 0 4.385964912280701% 0 0;
 }

 .team-member:nth-of-type(2n) {
	margin: 0 0 0 0;
 }

}


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

}


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

 .team-member, .team-member:nth-of-type(3n), .team-member:nth-of-type(2n) {
	width: 100%;
	float: none;
	display: block;
	margin: 0;
 }


 .grid-item, .grid-item:nth-of-type(4n),  .grid-item:nth-of-type(2n) {
	width: 100%;
	margin: 0 0 10px 0;
 }

  .portfolio-item {
	width: 100%;
 }

 .logo {
    width: 175px;
    height: 22px;
 }

 .logo a {
	background: url("images/logo_mob.png");
    width: 175px;
    height: 22px;
 }

 #lntoggle {
	top: -10px;
    cursor: pointer;
    font: 35px 'Source Sans Pro', Helvetica, Arial, sans-serif; 	
 }

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 

 .logo a {
	background: url('images/logo.png') no-repeat;
	background-size: 200px 25px;
 }

}

}


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

 .container {
	min-width:240px;
	width:100%;
 }
 
}