/*
Theme Name: Expose
Theme URI: http://www.madeinebor.com
Version: 1.0.8
Description: Expose - A Multipurpose, Responsive WordPress Theme.
Author: Tom Rhodes
Author URI: http://www.madeinebor.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: white, custom-background, threaded-comments, translation-ready, custom-menu
*/

/* 

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)

*/

/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/

/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - HEADER, INTRO & NAVIGATION */
/* 03 - COMMON ELEMENTS & TYPOGRAPHY */
/* 04 - PAGES & SECTIONS SETUP*/
/* 05 - FOOTER*/

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
html {
	width: 100%;
	overflow-x: hidden;
}
body {
	font-weight:300;
	overflow-x: hidden;
}
a, a:hover, a:focus {
	text-decoration: none;
}
a:focus {
	outline: none;
}
.animated {
	visibility: hidden;
}
.ease {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.ease:hover {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.text-center > .img-responsive {
	display: block;
	display: inline-block;
}
p {
	color: #777;
	font-weight:300;
	font-size: 14px;
	line-height:21px;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	font-weight: normal;
}
@media (min-width: 1024px) and (max-width: 5000px) {
	.container {
		max-width: 990px;
	}
}
/*Common Spacing and Padding*/
 .page-top-space {
	margin-top: 0px;
}
.page-section {
	padding: 100px 0;
}
.separator-section {
	padding: 100px 0;
}
.add-top {
	margin-top: 120px;
}
.add-bottom {
	margin-bottom: 120px;
}
.add-top-half {
	margin-top: 60px;
}
.add-bottom-half {
	margin-bottom: 60px;
}
.add-top-quarter {
	margin-top: 30px;
}
.add-bottom-quarter {
	margin-bottom: 30px;
}
.pad-top {
	padding-top: 120px;
}
.pad-bottom {
	padding-bottom: 120px;
}
.pad {
	padding-left: 20px;
	padding-right: 20px;
}
.remove-top {
	margin-top: 0;
}
.remove-bottom {
	margin-bottom: 0;
}
.remove-pad-top {
	padding-top: 0;
}
.remove-pad-bottom {
	padding-bottom: 0;
}
.mob-center > .img-responsive {
	display: inline-block;
}
.no-gutter {
	margin-left: -15px !important;
}
.no-pad {
	padding: 0 !important;
}
.valign {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.absolute-overlay {
	position: absolute;
	top: 0;
	left: 0;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 02 - HEADER, FOOTER, INTRO & NAVIGATION */

/*-------------------------------------------------------------------------------------------------------------------------------*/
 .masthead {
	position: fixed;
	top: 0;
	width: 100%;
	height: 80px;
	z-index: 998;
}
.shadow-on {
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
/*FOOTER*/
 .mastfoot {
	padding: 100px;
}
.foot-top {
	padding: 50px 0;
}
.foot-logo {
	margin-top: 15px;
}
.foot-logo img {
	width:40px;
	opacity: 1;
}
.credits {
	margin: 0px;
	margin-bottom: 0;
	font-size: 10px;
	line-height: 19px;
	font-weight:200;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.handle {
	margin: 7px 0px;
	margin-bottom: 0;
	font-size: 18px;
	line-height: 25px;
	font-weight:600;
}
.social-wrap {
	padding: 0;
}
.foot-social {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	margin: 20px;
	margin-right: 0;
}
.foot-social li {
	display: inline-block;
	margin-right: 4px;
}
.foot-social li a {
	width: 36px;
	height: 36px;
	background: #111;
	border-radius: 99px;
	color: #fff;
	opacity: 1;
	-webkit-transition: all .8s linear;
	-moz-transition: all .8s linear;
	-ms-transition: all .8s linear;
	-o-transition: all .8s linear;
	transition: all .8s linear;
	display: block;
	text-align: center;
	font-size: 20px;
	line-height: 36px;
}
.foot-social li a:hover {
	opacity: 0.5;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 03 - COMMON ELEMENTS & TYPOGRAPHY */

/*-------------------------------------------------------------------------------------------------------------------------------*/
 .separator {
	margin: 20px 0 20px 0;
}
.separator2 {
	margin: 20px 0;
	margin-top: 0;
}
.logo-badge {
	margin-bottom: 30px;
}
.page-bg {
	padding: 200px 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.main-heading span {
	font-size: 48px;
	line-height: 55px;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 8px;
	border:solid 5px;
	padding: 15px 30px;
	padding-right: 20px;
}
.inner-main-heading span {
	font-size: 24px;
	line-height: 31px;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 4px;
	border:solid 3px;
	padding: 7px 15px;
	padding-right: 11px;
}
.super-heading {
	font-size: 36px;
	line-height: 56px;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 4px;
}
.inner-heading {
	font-size: 32px;
	line-height: 43px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 4px;
}
.sub-heading {
	font-size: 24px;
	line-height: 31px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 4px;
}
/*Buttons*/
.woocommerce input[type="submit"],
.woocommerce button,
.woocommerce .button {
	border-radius: 0px !important;
	text-decoration: none !important;
	padding: 15px 20px !important;
	font-size: 12px !important;
	line-height: 19px !important;
	text-transform: uppercase !important;
	letter-spacing: 4px !important;
	-webkit-transition: all .4s ease-in-out !important;
	-moz-transition: all .4s ease-in-out !important;
	-ms-transition: all .4s ease-in-out !important;
	-o-transition: all .4s ease-in-out !important;
	transition: all .4s ease-in-out !important;
	display: inline-block !important;
	border:solid 3px #000 !important;
	background: transparent !important;
	color: #000 !important;
	text-shadow: none !important;
	box-shadow: none !important;
}
.woocommerce input[type="submit"]:hover,
.woocommerce button:hover,
.woocommerce .button:hover {
	border:solid 3px #000 !important;
	background: #000 !important;
	color: #fff !important;
}

 .btn-expose,
 input[type="submit"],
 button {
	border-radius: 0px;
	text-decoration: none;
	padding: 15px 20px;
	font-size: 12px;
	line-height: 19px;
	text-transform: uppercase;
	letter-spacing: 4px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.btn-expose-small {
	border-radius: 0px;
	text-decoration: none;
	padding: 7px 10px;
	font-size: 12px;
	line-height: 19px;
	text-transform: uppercase;
	letter-spacing: 2px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.btn-expose-big {
	border-radius: 0px;
	text-decoration: none;
	padding: 15px 20px;
	font-size: 18px;
	line-height: 25px;
	text-transform: uppercase;
	letter-spacing: 1px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.btn-expose:hover,
 input[type="submit"]:hover,
 .active .btn-expose,
 button:hover {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.btn-expose-white,
#contact-form-wrap input[type="submit"] {
	border:solid 3px #fff;
	background: transparent;
	color: #fff;
}
.btn-expose-white:hover,
#contact-form-wrap input[type="submit"]:hover {
	border:solid 3px #fff;
	background: #fff;
	color: #000;
}
.btn-expose-dark,
 input[type="submit"],
 button {
	border:solid 3px #000;
	background: transparent;
	color: #000;
}
.btn-expose-dark:hover,
 input[type="submit"]:hover,
 .btn-active,
 .active .btn-expose,
 button:hover {
	border:solid 3px #000;
	background: #000;
	color: #fff;
}
.btn-expose-color {
	background: transparent;
}
.btn-expose-color:hover {
	color: #fff;
}
.aux-icon-btn-wrap a {
	padding: 30px 5px;
	border: solid 4px;
	display: block;
	-webkit-transition: all .8s linear;
	-moz-transition: all .8s linear;
	-ms-transition: all .8s linear;
	-o-transition: all .8s linear;
	transition: all .8s linear;
}
.aux-icon-btn-wrap a:hover {
	-webkit-transition: all .8s linear;
	-moz-transition: all .8s linear;
	-ms-transition: all .8s linear;
	-o-transition: all .8s linear;
	transition: all .8s linear;
}
.aux-icon-btn > span {
	font-size: 32px;
	-webkit-transition: all .8s linear;
	-moz-transition: all .8s linear;
	-ms-transition: all .8s linear;
	-o-transition: all .8s linear;
	transition: all .8s linear;
}
.aux-icon-btn:hover > span {
	-webkit-transition: all .8s linear;
	-moz-transition: all .8s linear;
	-ms-transition: all .8s linear;
	-o-transition: all .8s linear;
	transition: all .8s linear;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 04 - PAGES & SECTIONS SETUP */

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

/*ABOUT*/
.feature-item {
	padding: 40px;
}
.feature-item h3 {
	font-size: 18px;
	line-height: 25px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.team-block h3 {
	margin-top: 20px !important;
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 14px;
	line-height: 21px;
}
.team-block p {
	margin-bottom: 20px;
	margin-top: 5px;
}
/*agency*/
 .agency-tile {
	padding: 40px;
}
.agency-tile h2 {
	font-size: 64px !important;
	line-height: 71px !important;
}
.agency-tile h6 {
	font-size: 16px;
	line-height: 23px;
}
.agency-feature-img-bg {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.agency-feature-heading > span {
	margin-top: 20px;
	font-size: 16px;
	line-height: 23px;
	font-weight: 200;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.agency-feature-text {
	font-size: 24px;
	line-height: 31px;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 20px;
}
.agency-slider-triggers {
	margin-bottom: 30px;
}
.agency-slider-triggers img {
	width: 100px;
	margin: 0 10px;
}
.agency-slider-triggers a {
	opacity: 0.2;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.agency-slider-triggers a:hover {
	opacity: 1;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.agency-triggered {
	opacity: 1 !important;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.agency-service-block {
	margin: 20px 0;
}
.agency-service-block .service-inner-wrap {
	background-image:none;
	border:solid 8px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 40px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.agency-service-block .service-inner-wrap:hover {
	border:solid 8px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.agency-service-block h3 {
	margin-top: 5px;
	font-size: 18px;
	line-height: 25px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;

}
.agency-tiles-bg {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.agency-tiles-dark-overlay {
	padding: 160px 0;
	background-color:rgba(0, 0, 0, 0.1);
}
/* WORKS*/
 .works-container {
	padding: 0;
}
.works-filter {
	list-style: none;
	padding: 0;
	margin-top: 30px;
}
.works-filter li {
	display: inline-block;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-ms-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
.works-filter li a > span {
	font-size: 36px;
	line-height: 72px;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 8px;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-ms-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
.works-filter li:hover {
	cursor: pointer;
	opacity: 0.4;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-ms-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
.works-filter li:after {
	content:"/";
	font-size: 36px;
	line-height: 72px;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 8px;
	margin-left: 10px;
	margin-right: 10px;
}
.works-filter li a.active > span {
	background: #fff;
	color: #000;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-ms-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
.works-filter li:last-child:after {
	display: none;
}
.works-item {
	margin: 0 !important;
	padding: 0 !important;
	width: 33.3% !important;
}
.works-item a {
	border: solid 0px;
	opacity: 0;
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px;
	position: absolute;
	top: 0;
	z-index: 100;
	text-align: center;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.works-item a:hover {
	background: rgba(255, 255, 255, 0.9);
	border: solid 15px;
	opacity:1;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.info a:hover {
	cursor: url("style/images/plus.png") 40 40, crosshair;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.zoom a:hover {
	cursor: url("style/images/zoom.png") 40 40, crosshair;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.works-item-inner {
	text-align: center;
}
.works-item-inner h3 {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 4px;
	line-height: 19px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.works-item-inner p > span {
	font-size: 12px;
	font-weight: 200;
	line-height: 19px;
	padding: 8px;
	padding-top: 6px;
	margin-top: 0px;
	border-top: solid 1px;
}
/*CALL TO ACTION*/
 .call-to-action {
	padding: 100px 0;
}
.call-to-action h6 {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 19px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.call-to-action h2 {
	font-size: 24px;
	line-height: 31px;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 4px;
	margin-bottom: 40px;
}
/*PRICING TABLES*/
 .pricing-head-01 {
	background: url('style/images/bg/01.jpg') 50% 0 no-repeat fixed;
}
.pricing-head h3 {
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 8px;
	line-height: 32px;
	margin-bottom: 0;
	padding: 0;
	padding-top: 50px;
	text-transform: uppercase;
}
.pricing-head h2 {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 8px;
	line-height: 28px;
	margin-bottom: 0;
	padding: 0;
	text-transform: uppercase;
}
.pricing-container .pricing-header.alt {
	background: none repeat scroll 0 0 #BAA37A;
}
.pricing-container .pricing-header {
	padding: 35px 0;
	border: solid 8px;
}
.pricing-container .pricing-header h2 {
	letter-spacing: 4px;
	font-weight: 200;
	font-size: 16px;
	line-height: 23px;
	text-transform: uppercase;
}
.pricing-container .pricing-header .pricing p {
	font-size: 64px;
	line-height: 71px;
	font-weight: 600;
}
.pricing-container .pricing-header .pricing p span {
	font-size: 40px;
	line-height: 47px;
	margin-right: 10px;
}
.pricing-container .pricing-header h4 {
	font-size: 14px;
	line-height: 21px;
	margin-top: -5px;
}
.pricing-container .pricing-features {
	padding: 35px 0;
	padding-top: 0;
	border: solid 8px;
	border-top: none;
}
.pricing-container .pricing-features .each h2 {
	font-size: 12px;
	line-height: 21px;
	padding: 25px;
	margin-bottom: 0;
	border-bottom: solid 1px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.pricing-container .pricing-features .each h2:last-child {
	margin-bottom: 30px;
}
.pricing-container .pricing-features .custom-pricing-btn-style {
	font-size: 12px !important;
	padding: 12px 40px !important;
}
/*CLIENTS*/
 .clients-container {
	margin-top: 40px;
	margin-bottom: 140px;
}
.clients-container h2 {
	font-size: 24px;
	line-height: 31px;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 4px;
	margin-bottom: 10px;
}
.client-logo-inner {
	opacity: 1;
	border-right:solid 2px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.client-logo-inner:hover {
	opacity: 0.5;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.client-logo-row {
	border-bottom:solid 2px;
}
.client-logo:last-child .client-logo-inner {
	border-right:none;
}
.client-logo-row:last-child {
	border-bottom:none;
}
/*CONTACT*/
 .contact-content-overlay {
	background-color: rgba(0, 0, 0, 0.6);
}
.contact-content h3 {
	margin-top: 20px;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 200;
	letter-spacing: 2px;
	line-height: 23px;
	text-transform: uppercase;
}
.contact-content h6 {
	margin-top: 30px;
}
.contact-content h6 > a > span {
	padding: 5px;
	border:solid 1px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.contact-content h6 > a:hover > span {
	padding: 5px;
	border:solid 1px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.contact-form-wrap {
	display: none;
	padding-top: 30px;
}
.contact-item {
	padding: 0px;
}
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	background: transparent !important;
	border: none !important;
	border: 2px solid !important;
	border-radius: 0px !important;
	box-shadow: none !important;
	color: #444 !important;
	font-size: 14px !important;
	font-weight: 300 !important;
	line-height: 25px !important;
	height: 50px !important;
	margin-bottom: 30px !important;
	padding: 15px !important;
	width: 100%;
	-webkit-transition: all .8s linear;
	-moz-transition: all .8s linear;
	-ms-transition: all .8s linear;
	-o-transition: all .8s linear;
	transition: all .8s linear;
}
input:focus, textarea:focus {
	border: none 2px solid !important;
	color: #444 !important;
	-webkit-transition: all .8s linear;
	-moz-transition: all .8s linear;
	-ms-transition: all .8s linear;
	-o-transition: all .8s linear;
	transition: all .8s linear;
}
textarea {
	background: transparent !important;
	border: none !important;
	border: 2px solid !important;
	border-radius: 0px !important;
	box-shadow: none !important;
	color: #444 !important;
	font-size: 14px !important;
	font-weight: 300 !important;
	line-height: 25px !important;
	margin-top: 0;
	padding: 15px !important;
	resize: none;
	width: 100%;
	-webkit-transition: all .8s linear;
	-moz-transition: all .8s linear;
	-ms-transition: all .8s linear;
	-o-transition: all .8s linear;
	transition: all .8s linear;
}
input.send_message {
	background: none repeat scroll 0 0 #EF4A4A;
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	font-size: 12px;
	font-weight: 400;
	margin: 0;
	width: 120px;
}
input.send_message:hover {
	background: none repeat scroll 0 0 #262932;
}
fieldset {
	border: 0 none;
	float: left;
	padding: 0;
	position: relative;
	width: 100%;
}
fieldset h1 {
	color: #000000;
	font-size: 24px;
}
.contact-label-box {
	color: #222;
	font-size: 24px;
	line-height: 31px;
	padding: 30px 20px;
	text-align: center;
}
.contact-label-box > span {
	display: block;
	margin-right: 10px;
}
.contact-label-box > span > img {
	height: 60px;
	width: 60px;
}
.contact-label-box a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
.contact .alert {
	box-shadow: none;
	border:none;
	border-radius: 0;
	text-shadow:none;
	font-size: 12px;
	line-height: 19px;
	margin-bottom:10px;
	padding:10px;
	background:#000;
	color: #fff;
	text-align: left;
}
.btn-wrap {
	margin-top: 60px;
}
.space-left {
	margin-left: 1%;
}
.alert {
	width: 100%;
	position: absolute;
	top: 0;
	left:0;
	margin-top: 0px;
	border-radius: 0px;
	padding: 5px;
	text-align: center;
	-webkit-transition: all .8s linear;
	-moz-transition: all .8s linear;
	-ms-transition: all .8s linear;
	-o-transition: all .8s linear;
	transition: all .8s linear;
}
.alert > p {
	padding: 0px;
	text-shadow:none;
	font-size: 10px;
	line-height: 17px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.contact-wallpaper {
	padding: 100px 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.contact-dual-panel {
	padding: 70px;
}
/*MISC*/
 .video-title-holder h1 > span {
	font-size: 24px;
	line-height: 31px;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 4px;
	padding: 10px 16px 10px 20px;
	border: solid 2px;
}
.poster-img {
	background:url(style/images/poster.jpg) center center no-repeat !important;
	background-size: cover !important;
}
.carousel-control.right, .carousel-control.left {
	background:transparent;
}
/*--------------------------------------------------------------*/

/* MISC ELEMENTS */

/*--------------------------------------------------------------*/
.open-nav .mobile-toggle {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.mobile-toggle {
	cursor: pointer;
	font-size: 20px;
	position: fixed;
	right: 20px;
	top:25px;
	width: 40px;
	z-index: 1000;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.mobile-toggle span {
	width: 40px;
	height: 4px;
	margin-bottom: 6px;
	background: #000;
	display: block;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-ms-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
.black-color {
	background: #000 !important;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-ms-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
.white-color {
	background: #ccc !important;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-ms-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}
.menu-panel {
	width: 66%;
	position: fixed;
	top: 0;
	right: 3000px;
	z-index: 999;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.menu-block {
	border:solid 3px;
	padding: 20px 10px;
	margin: 12px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.menu-block:hover {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.menu-block a {
	display: block;
	font-size: 18px;
	line-height: 25px;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 8px;
}
/*NAV MENU LIST*/
 .nav-list-holder {
	padding: 80px;
}
.slogan-holder {
	display: none;
}
.main-nav-menu {
	list-style: none;
	padding: 0;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
}
.main-nav-menu li {
	padding: 0;
	margin-bottom: 15px;
}
.main-nav-menu > li > a {
	font-weight: 200;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 4px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all .8s linear;
	-moz-transition: all .8s linear;
	-ms-transition: all .8s linear;
	-o-transition: all .8s linear;
	transition: all .8s linear;
}
.main-nav-menu > li > a:hover {
	-webkit-transition: all .8s linear;
	-moz-transition: all .8s linear;
	-ms-transition: all .8s linear;
	-o-transition: all .8s linear;
	transition: all .8s linear;
}
.main-nav-menu > li > a:focus {
	font-weight: 600;
	border-bottom: solid 1px #fff;
	-webkit-transition: all .8s linear;
	-moz-transition: all .8s linear;
	-ms-transition: all .8s linear;
	-o-transition: all .8s linear;
	transition: all .8s linear;
}
.main-nav-menu > li > ul {
	display: none;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 15px;
}
.main-nav-menu > li > ul a {
	color: #777;
	display: block;
	font-weight: 200;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 0px;
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.main-nav-menu > li > ul a:hover {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.main-nav-menu > li > ul li {
	list-style: none;
	margin-bottom: 0;
}
/*SLOGAN*/
 .slogan-text {
	margin-top: 20px;
	font-size: 16px;
	line-height: 23px;
	font-weight: 600;
}
.copy-credits {
	text-align: right;
	margin-top: 60px;
	border-top: solid 1px;
	padding-top: 10px;
}
.copy-credits h4 > a {
	font-size: 18px;
	line-height: 25px;
	font-weight: 600;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.copy-credits h4 > a:hover {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.copy-credits p {
	font-size: 12px;
	line-height: 19px;
}
.nav-social {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	margin: 10px;
	margin-right: 0;
}
.nav-social li {
	display: inline-block;
	margin-left: 3px;
}
.nav-social li a {
	width: 26px;
	height: 26px;
	opacity: 1;
	background: #111;
	border-radius: 99px;
	color: #fff;
	-webkit-transition: all .8s linear;
	-moz-transition: all .8s linear;
	-ms-transition: all .8s linear;
	-o-transition: all .8s linear;
	transition: all .8s linear;
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 27px;
}
.nav-social li a:hover {
	opacity: 0.5;
}
/*-----------------------------------------------------------------------------------*/
/*	21. COMMENTS
/*-----------------------------------------------------------------------------------*/
#comments ol.commentlist {
    list-style: none;
    margin: -20px 0 0 0;
    padding: 0;
}
#comments ol.commentlist li {
    padding: 30px 0 0 0;
    background: none;
    margin-top: 20px;
}
#comments ol.commentlist li:first-child {
    border: none;
    margin: 0;
}
#comments .user {
    float: left;
    width: 70px;
    height: 70px;
    position: relative;
}
#comments .message {
    overflow: hidden
}
#comments .arrow-box {
    margin-left: 20px;
    position: relative;
}
#comments ul.children {
    margin: 0;
    overflow: inherit;
    padding: 0 0 0 55px;
    list-style: none;
}
#comments ol.commentlist ul.children li {
    padding-right: 0;
    border: none;
}
#comments .info h2 {
    font-size: 18px;
    margin: 0;
    display: inline;
    margin-right: 5px;
}
#comments .info {
    margin-bottom: 14px
}
#comments .info .meta {
    display: block;
    margin: 0;
}
#comments .info .meta .date {
    display: inline
}
#comments a.reply-link {
    display: inline;
}
.comment-form-wrapper p {
    padding-bottom: 20px
}
/*--------------------------------------------------------------*/
/* WORDPRESS STUFF */
/*--------------------------------------------------------------*/
#shipping_method + form {
	display: none !important;
}
.woocommerce ul#shipping_method li {
	text-indent: 0;
	padding-left: 0;
}
div.vwrap {
	position: relative !important;
	opacity: 1 !important;
}
ul#shipping_method li input[type="radio"] + label { padding-left: 10px; }
.mobile-toggle:after { 
	content: "MENU";
	position: absolute;
	display: block;
	top: -1px;
	left: -90px; 
	font-size: 14px;
	background: #333;
	color: #fff;
	font-weight: 700;
	padding: 3px 12px 3px;
}
.mobile-toggle:before {
	content: '';
	display: block;
	width: 0; 
	height: 0; 
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid #333;
	position: absolute;
	top: 5px;
	left: -25px;
}
@media (max-width: 990px) {
	.row.add-top-quarter.zoom article + article { margin-top: 30px; }
}
.demo-1 .main-title.font2 {
	margin-top: 80px;
	text-transform: none;
	font-size: 18px;
	font-weight: 300;
}
.price_slider_wrapper * {
	border-radius: 0 !important;
	border: none !important;
	background: none !important;
	box-shadow: none !important;
}
.hentry h1, .hentry h2, .hentry h3, .hentry h4, .hentry h5, .hentry h6 {
    font-family: "montserrat",sans-serif;
    font-weight: normal;
    letter-spacing: 4px;
    margin-top: 0;
    text-transform: uppercase;
}
.ebor-font-header {
	font-size: 20px;
}
table.variations {
	margin-bottom: 30px;
}
td.label {
	color: #000;
}
select {
	width: 100%;
}
/* Basic WordPress Styles */
.hentry table {
	text-align: left;
	width: 100%;
}
.hentry table td,
.hentry table th {
	padding: 10px 0;
}
.hentry table td:first-child,
.hentry table th:first-child {
	padding-left: 15px;
}
.hentry table tr:nth-child(even),
.hentry table thead tr {
	background: #f5f5f5;
}
hr {
	clear: both;
}
article.text-center.call-to-action {
	padding: 0;
}
.pagination li {
	display: inline-block;
	list-style: none;
	margin-right: 6px;
}
.pagination {
	padding-bottom: 60px;
}
.admin-bar header.masthead {
	top: 32px;
}
.blog-sidebar-row aside.col-md-4 {
	padding-top: 125px;
	padding-bottom: 100px;
}
.grid li h3 {
	position: static;
}
.grid li.has-post-thumbnail h3 {
	position: absolute;
}
.grid li > a:hover {
	padding-top: 50px;
}
.grid li.has-post-thumbnail > a:hover {
	padding-top: 0;
}
.slimmenu li {
	position: relative;
}
span.sub-collapser {
	position: absolute;
	top: -10px;
	right: 0;
	cursor: pointer;
}
.admin-bar .mobile-nav {
	top: 32px;
}
#respond label {
	display: none;
}
#respond textarea {
	margin-bottom: 30px;
}
#respond {
	padding-top: 40px;
}
.sticky {
	
}
.bypostauthor img.avatar {
	
}
.alignleft,
.aligncenter,
.alignright,
.alignnone {
	margin-bottom: 25px;
}
.alignnone {
	display: block;
}
.alignleft { 
	float: left; 
	margin-right: 30px; 
}
.alignright { 
	float: right; 
	margin-left: 30px; 
}
.aligncenter { 
	display: block; 
	margin-right: auto; 
	margin-left: auto; 
	text-align: center; 
}
figure.aligncenter a {
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.wp-caption { 
	max-width: 100%; 
	text-align: center; 
	color: #999; 
}
.gallery-caption { 
	margin: 40px 0; 
	max-width: 100%; 
	text-align: center; 
	color: #999; 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 999; 
}
.wp-caption-text, 
.gallery-caption-text { 
	margin: 6px 0; 
	font-style: italic; 
	font-size: 95%; 
	line-height: 120%; 
}
.aligncenter { 
	text-align: center;
}
table#wp-calendar {
	border: 1px solid #cccccc
}
table#wp-calendar>tbody>tr>td>a {
	text-decoration: underline
}
table#wp-calendar thead>tr>th { 
	width: 35px;
	height: 20px;
	text-align: center;
	border: 1px solid #cccccc;
}
table#wp-calendar tbody>tr>td {
	width: 35px;
	height: 20px;
	text-align: center;
	border: 1px solid #cccccc;
}
table#wp-calendar tfoot>tr>td>a, 
tfoot>tr>td>a:link, 
tfoot>tr>td>a:visited, 
tfoot>tr>td>a:hover, 
tfoot>tr>td>a:active {
	text-decoration: underline;
	height: 23px;
	margin-left: 10px;
	padding-bottom: 3px;
}
table#wp-calendar tfoot>tr>td#prev {
	width: 58px;
	height: 20px;
	text-align: left;
}
table#wp-calendar tfoot>tr>td#next {
	width: 58px;
	height: 20px;
	text-align: right;
}
.post-content table tr,
.post-content table td,
#wp-calendar table tr,
#wp-calendar table td {
	padding: 10px 15px;
	border: 1px solid #cccccc;
}
.widget_rss ul li:before {
	display: none;
}
.widget_rss li {
	margin-bottom: 20px; padding-bottom: 20px;
}
.widget_rss li .rsswidget, .widget_rss li cite {
	font-weight: bold; display: block;
}
.widget_rss li .rss-date {
	display: block; margin-bottom: 10px;
}
.widget_rss li cite {
	margin-top: 10px;
}
.widget_text p:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}
dt {
	font-weight: bold;
	margin-bottom: 10px;
}
dd {
	margin-bottom: 25px;
}
select {
	max-width: 100%;
}
.widget {
	margin-bottom: 40px;
}
aside.col-md-4 {
	padding-left: 30px;
}
input#adminbar-search.adminbar-input {
	max-height: 30px;
}
.single-portfolio .parallax-slide .valign {
	max-width: 400px;
}
.parallax-slide {
	padding-left: 10%;
	padding-right: 10%;
}
.parallax h1 {
	font-size: 48px;
	line-height: 55px;
	margin-bottom: 0px;
	letter-spacing: 4px;
	text-transform: uppercase;
	font-weight: 200;
}
.parallax h2 {
	font-size: 24px;
	line-height: 31px;
	margin-bottom: 20px;
	letter-spacing: 4px;
	text-transform: uppercase;
	font-weight: 200;
}
.parallax-portfolio h1 {
	font-size: 48px;
	font-weight: 600;
	line-height: 55px;
	letter-spacing: 4px;
	margin-bottom: 20px;
	text-transform: none !important;
}
.featured-action {
	margin-top: 20px;
}
.project-spec-text {
	width: 30%;
}
img {
	height: auto;
	max-width: 100%;
}
.services-carousel .owl-dots {
	bottom: -35px;
}
.admin-bar .mobile-toggle {
	top: 57px;
}
h1.email-heading {
	font-size: 18px;
	line-height: 25px;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 4px;
}

/* VC STUFF */
.mastwrap > .wpb_row {
	margin-bottom: 0 !important;
	padding: 100px 0;
}
.mastwrap > .wpb_row.full {
	padding: 0;
}

/*CF7*/
div.wpcf7 .wpcf7-not-valid { 
	border: 2px solid #b54d4d
}
span.wpcf7-not-valid-tip { 
	display: none !important 
}
div.wpcf7-validation-errors, .highlight {
	margin: 0;
	padding: 10px;
	background-color: #fcf8e3;
	color: #c09853;
	border: 2px solid #faebcc;
}
div.wpcf7-mail-sent-ok {
	margin: 0;
	padding: 10px;
	border: 2px solid #d6e9c6;
	background-color: #dff0d8;
	color: #468847;
}
div.wpcf7 textarea {
	height: 200px;
	margin-bottom: 30px;
}
.highlight {
	padding: 2px 8px;
	border: none;
}
p span.pull-right {
	float: right;
	display: inline-block;
	width: 300px;
	margin: 0 0 20px 20px;
	font-style: italic;
	font-size: 22px;
	line-height: 30px;
}
p span.pull-left {
	float: left;
	display: inline-block;
	width: 300px;
	margin: 0 20px 20px 0;
	font-style: italic;
	font-size: 22px;
	line-height: 30px;
}
.pagination ul,
.woocommerce-tabs .tabs {
	padding-left: 0;
}
/*WooCommerce Stuff*/
input[type="button"].plus,
input[type="button"].minus {
	display: none !important;
}
.woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty {
	width: 60px;
	line-height: 0;
	border: none;
	background: #e5e5e5;
}
.woocommerce .alert {
	position: static;
	text-align: left;
}
div[itemprop="offers"] {
	padding-bottom: 30px;
}
.woocommerce-tabs li {
	display: inline-block;
	list-style: none;
}
.woocommerce-tabs .tabs {
	padding: 45px 0 30px;
}
a.remove {
	font-size: 26px;
}
.shipping_calculator h2 {
	text-align: right;
	margin-bottom: 35px;
}
.product_meta {
	padding-top: 40px;
}
.woocommerce #content .quantity, .woocommerce .quantity, .woocommerce-page #content .quantity, .woocommerce-page .quantity {
	float: left;
	margin-right: 20px;
}
.single-product.woocommerce #content .quantity input.qty, .single-product.woocommerce .quantity input.qty, .single-product.woocommerce-page #content .quantity input.qty, .single-product.woocommerce-page .quantity input.qty {
	height: 55px;
}
/*--------------------------------------------------------------*/
/* RESPONSIVE STUFF */
/*--------------------------------------------------------------*/
/*Notebooks and Small Laptops*/
@media (max-width: 1199px) {
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
}

/*iPad Landscape Mode and Large Tablets */
@media (max-width: 1024px) {
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.sticky-panel{
		display: none;
	}
}

/*Small Desktop and Very Small Notebook */
@media (max-width: 990px) {
	
	.container{
	    max-width: 950px;
	    padding-left:20px;
	    padding-right:20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.mastfoot{
		padding: 100px 10px;
	}
	.foot-social{
		margin: 20px 0 0 0;
	}
	#slide-title, .slide-title{
		padding: 10px;
		border:solid 2px;
	}
	.parallax-slide{
		padding-left: 10%;
		padding-right: 10%;
	}
	.parallax h1, .intro-12 h6 span, .showcase-carousels-overlay h1 > span, 
	.main-heading span, .call-to-action h2, .demo-1 .main-title{
	    font-size: 24px;
	    letter-spacing: 4px;
	    line-height: 31px;
	}
	.main-heading span{
		padding: 15px;
	}
	.intro09-overlay h1 > span, .intro-12 h1 span, .intro-12 h2,  #slide-title, .slide-title,
	.intro-12 h5 span, .works-filter li a > span, .works-filter li:after, .intro06 h1, 
	.slide-sub-title, .video-title-holder h1 > span,
	.inner-main-heading span, .parallax h2, .agency-feature-text, .shop-mainheading{ 
	    font-size: 24px;
	    line-height: 31px;
	    font-weight: 200;
	    letter-spacing: 2px;
	}
	.intro-12 h4 {
	    font-size: 16px;
	    letter-spacing: normal;
	    line-height: 23px;
	} 
	.intro-10 h1, .intro-03 h2, .super-heading{ 
	    font-size: 24px;
	    line-height: 34px;
	    letter-spacing: 2px;
	}
	.intro-03-wrap .works-item{
		width: 100% !important;
	}
	.kenburns-title-holder{
		width: 100%;
	}
	.works-filter li, .works-filter li:after{
		line-height: 20px;
		margin-right: 10px;
	}
	.works-item{
		width: 45% !important;
	}
	.aux-icon-btn-wrap a{
		padding: 5px;
	}
	.project-spec-text{
		width: 100%;
	}
	.grid li{
		width: 50% !important;
	}
	.agency-tile .valign{
		top: 0;
	  	-webkit-transform: translateY(1%);
	  	-ms-transform: translateY(1%);
	  	transform: translateY(1%);
	}
	.agency-tile h2{
		font-size: 36px;
		line-height: 43px;
	}
	.client-logo-inner{
		float: left;
		width: 49%;
	}
	.agency-slider-triggers img{
		width: 20%;
	}
	.shop-sidebar{
		text-align: center;
	}
	.checkout-table td, .checkout-table th {
    display: block !important;
	}
	.checkout-table thead, .checkout-table tr {
	    border-bottom: 40px solid #ebebeb;
	}
	.checkout-table tr:last-child {
	    border-bottom: medium none;
	}
	.btn-expose {
	    margin-top: 5px;
	}
	.separator{
		text-align: center;
	}
	.separator img{
		display: inline-block;
	}
	.contact-dual-panel{
		padding:75px 30px; 
	}
	.client-logo-inner, .client-logo-row{
		border: none;
	}
}

/*Medium Tablets */
@media (max-width: 800px) {
	html {
		overflow-x: hidden;
	}
	#demo-canvas {
		display: none;
	}
	.container{
	    max-width: 760px;
	    padding-left:20px;
	    padding-right:20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.mastfoot{
		padding: 100px 10px;
	}
	.foot-social{
		margin: 20px 0 0 0;
	}
	#slide-title, .slide-title{
		padding: 10px;
		border:solid 2px;
	}
	.parallax-slide{
		padding-left: 10%;
		padding-right: 10%;
	}
	.parallax h1, .intro-12 h6 span, .showcase-carousels-overlay h1 > span, 
	.main-heading span, .call-to-action h2, .demo-1 .main-title{
	    font-size: 24px;
	    letter-spacing: 4px;
	    line-height: 31px;
	}
	.main-heading span{
		padding: 15px;
	}
	.intro09-overlay h1 > span, .intro-12 h1 span, .intro-12 h2,  #slide-title, .slide-title,
	.intro-12 h5 span, .works-filter li a > span, .works-filter li:after, .intro06 h1, 
	.slide-sub-title, .video-title-holder h1 > span,
	.inner-main-heading span, .parallax h2, .agency-feature-text, .shop-mainheading{ 
	    font-size: 24px;
	    line-height: 31px;
	    font-weight: 200;
	    letter-spacing: 2px;
	}
	.intro-12 h4 {
	    font-size: 16px;
	    letter-spacing: normal;
	    line-height: 23px;
	} 
	.intro-10 h1, .intro-03 h2, .super-heading{ 
	    font-size: 24px;
	    line-height: 34px;
	    letter-spacing: 2px;
	}
	.intro-03-wrap .works-item{
		width: 100% !important;
	}
	.kenburns-title-holder{
		width: 100%;
	}
	.works-filter li, .works-filter li:after{
		line-height: 20px;
		margin-right: 10px;
	}
	.works-item{
		width: 45% !important;
	}
	.aux-icon-btn-wrap a{
		padding: 5px;
	}
	.project-spec-text{
		width: 100%;
	}
	.grid li{
		width: 50% !important;
	}
	.agency-tile .valign{
		top: 0;
	  	-webkit-transform: translateY(1%);
	  	-ms-transform: translateY(1%);
	  	transform: translateY(1%);
	}
	.agency-tile h2{
		font-size: 36px;
		line-height: 43px;
	}
	.client-logo-inner{
		float: left;
		width: 49%;
	}
	.agency-slider-triggers img{
		width: 20%;
	}
	.shop-sidebar{
		text-align: center;
	}
	.checkout-table td, .checkout-table th {
    display: block !important;
	}
	.checkout-table thead, .checkout-table tr {
	    border-bottom: 40px solid #ebebeb;
	}
	.checkout-table tr:last-child {
	    border-bottom: medium none;
	}
	.btn-expose {
	    margin-top: 5px;
	}
	.separator{
		text-align: center;
	}
	.separator img{
		display: inline-block;
	}
	.contact-dual-panel{
		padding:75px 30px; 
	}
	.client-logo-inner, .client-logo-row{
		border: none;
	}
}


/*iPad Portrait Mode, iPad Mini and Small Tablets */
@media (max-width: 768px) {
	
	.container{
	    max-width: 728px;
	    padding-left:20px;
	    padding-right:20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.mastfoot{
		padding: 100px 10px;
	}
	.foot-social{
		margin: 20px 0 0 0;
	}
	#slide-title, .slide-title{
		padding: 10px;
		border:solid 2px;
	}
	.parallax-slide{
		padding-left: 10%;
		padding-right: 10%;
	}
	.parallax h1, .intro-12 h6 span, .showcase-carousels-overlay h1 > span, 
	.main-heading span, .call-to-action h2, .demo-1 .main-title{
	    font-size: 24px;
	    letter-spacing: 4px;
	    line-height: 31px;
	}
	.main-heading span{
		padding: 15px;
	}
	.intro09-overlay h1 > span, .intro-12 h1 span, .intro-12 h2,  #slide-title, .slide-title,
	.intro-12 h5 span, .works-filter li a > span, .works-filter li:after, .intro06 h1, 
	.slide-sub-title, .video-title-holder h1 > span,
	.inner-main-heading span, .parallax h2, .agency-feature-text, .shop-mainheading{ 
	    font-size: 24px;
	    line-height: 31px;
	    font-weight: 200;
	    letter-spacing: 2px;
	}
	.intro-12 h4 {
	    font-size: 16px;
	    letter-spacing: normal;
	    line-height: 23px;
	} 
	.intro-10 h1, .intro-03 h2, .super-heading{ 
	    font-size: 24px;
	    line-height: 34px;
	    letter-spacing: 2px;
	}
	.intro-03-wrap .works-item{
		width: 100% !important;
	}
	.kenburns-title-holder{
		width: 100%;
	}
	.works-filter li, .works-filter li:after{
		line-height: 20px;
		margin-right: 10px;
	}
	.works-item{
		width: 45% !important;
	}
	.aux-icon-btn-wrap a{
		padding: 5px;
	}
	.project-spec-text{
		width: 100%;
	}
	.grid li{
		width: 50% !important;
	}
	.agency-tile .valign{
		top: 0;
	  	-webkit-transform: translateY(1%);
	  	-ms-transform: translateY(1%);
	  	transform: translateY(1%);
	}
	.agency-tile h2{
		font-size: 36px;
		line-height: 43px;
	}
	.client-logo-inner{
		float: left;
		width: 49%;
	}
	.agency-slider-triggers img{
		width: 20%;
	}
	.shop-sidebar{
		text-align: center;
	}
	.checkout-table td, .checkout-table th {
    display: block !important;
	}
	.checkout-table thead, .checkout-table tr {
	    border-bottom: 40px solid #ebebeb;
	}
	.checkout-table tr:last-child {
	    border-bottom: medium none;
	}
	.btn-expose {
	    margin-top: 5px;
	}
	.team-block{
		padding-bottom: 3px !important;
	}
	.intro02 #demo-canvas{
		display: none;
		visibility: hidden;
	}
	.slide-sub-title{
		margin-top: 70px !important;
	}
	.separator{
		text-align: center;
	}
	.separator img{
		display: inline-block;
	}
	.contact-dual-panel{
		padding:75px 30px; 
	}
	.client-logo-inner, .client-logo-row{
		border: none;
	}
}

/*iPhone 6Plus Landscape Mode*/
@media screen and (max-width: 736px) {
	
	.container{
	    max-width: 696px;
	    padding-left:20px;
	    padding-right:20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.mastfoot{
		padding: 100px 10px;
	}
	.foot-social{
		margin: 20px 0 0 0;
	}
	#slide-title, .slide-title{
		padding: 10px;
		border:solid 2px;
	}
	.parallax-slide{
		padding-left: 10%;
		padding-right: 10%;
	}
	.parallax h1, .intro-12 h6 span, .showcase-carousels-overlay h1 > span, 
	.main-heading span, .call-to-action h2, .demo-1 .main-title{
	    font-size: 24px;
	    letter-spacing: 4px;
	    line-height: 31px;
	}
	.main-heading span{
		padding: 15px;
	}
	.intro09-overlay h1 > span, .intro-12 h1 span, .intro-12 h2,  #slide-title, .slide-title,
	.intro-12 h5 span, .works-filter li a > span, .works-filter li:after, .intro06 h1, 
	.slide-sub-title, .video-title-holder h1 > span,
	.inner-main-heading span, .parallax h2, .agency-feature-text, .shop-mainheading{ 
	    font-size: 24px;
	    line-height: 31px;
	    font-weight: 200;
	    letter-spacing: 2px;
	}
	.intro-12 h4 {
	    font-size: 16px;
	    letter-spacing: normal;
	    line-height: 23px;
	} 
	.intro-10 h1, .intro-03 h2, .super-heading{ 
	    font-size: 24px;
	    line-height: 34px;
	    letter-spacing: 2px;
	}
	.intro-03-wrap .works-item{
		width: 100% !important;
	}
	.kenburns-title-holder{
		width: 100%;
	}
	.works-filter li, .works-filter li:after{
		line-height: 20px;
		margin-right: 10px;
	}
	.works-item{
		width: 45% !important;
	}
	.aux-icon-btn-wrap a{
		padding: 5px;
	}
	.project-spec-text{
		width: 100%;
	}
	.grid li{
		width: 50% !important;
	}
	.agency-tile .valign{
		top: 0;
	  	-webkit-transform: translateY(1%);
	  	-ms-transform: translateY(1%);
	  	transform: translateY(1%);
	}
	.agency-tile h2{
		font-size: 36px;
		line-height: 43px;
	}
	.client-logo-inner{
		float: left;
		width: 49%;
	}
	.agency-slider-triggers img{
		width: 20%;
	}
	.shop-sidebar{
		text-align: center;
	}
	.checkout-table td, .checkout-table th {
    display: block !important;
	}
	.checkout-table thead, .checkout-table tr {
	    border-bottom: 40px solid #ebebeb;
	}
	.checkout-table tr:last-child {
	    border-bottom: medium none;
	}
	.btn-expose {
	    margin-top: 5px;
	}
	.showcases-overlay h1 > span{
	    font-size: 24px;
	    line-height: 31px;
	    font-weight: 600;
	    letter-spacing: 0px;
	    border: none;
	}
	.team-block{
		padding-bottom: 3px !important;
	}
	.intro02 #demo-canvas{
		display: none;
		visibility: hidden;
	}
	.slide-sub-title{
		margin-top: 70px !important;
	}
	.separator{
		text-align: center;
	}
	.separator img{
		display: inline-block;
	}
	.contact-dual-panel{
		padding:75px 30px; 
	}
	.client-logo-inner, .client-logo-row{
		border: none;
	}
}

/*iPhone 6 Landscape Mode*/
@media screen and (max-width: 667px) {
	
	.container{
	    max-width: 627px;
	    padding-left:20px;
	    padding-right:20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.mastfoot{
		padding: 100px 10px;
	}
	.foot-social{
		margin: 20px 0 0 0;
	}
	#slide-title, .slide-title{
		padding: 10px;
		border:solid 2px;
	}
	.parallax-slide{
		padding-left: 10%;
		padding-right: 10%;
	}
	.parallax h1, .intro-12 h6 span, .showcase-carousels-overlay h1 > span, 
	.main-heading span, .call-to-action h2, .demo-1 .main-title{
	    font-size: 24px;
	    letter-spacing: 4px;
	    line-height: 31px;
	}
	.main-heading span{
		padding: 15px;
	}
	.intro09-overlay h1 > span, .intro-12 h1 span, .intro-12 h2,  #slide-title, .slide-title,
	.intro-12 h5 span, .works-filter li a > span, .works-filter li:after, .intro06 h1, 
	.slide-sub-title, .video-title-holder h1 > span,
	.inner-main-heading span, .parallax h2, .agency-feature-text, .shop-mainheading{ 
	    font-size: 24px;
	    line-height: 31px;
	    font-weight: 200;
	    letter-spacing: 2px;
	}
	.intro-12 h4 {
	    font-size: 16px;
	    letter-spacing: normal;
	    line-height: 23px;
	} 
	.intro-10 h1, .intro-03 h2, .super-heading{ 
	    font-size: 24px;
	    line-height: 34px;
	    letter-spacing: 2px;
	}
	.intro-03-wrap .works-item{
		width: 100% !important;
	}
	.kenburns-title-holder{
		width: 100%;
	}
	.works-filter li, .works-filter li:after{
		line-height: 20px;
		margin-right: 10px;
	}
	.works-item{
		width: 45% !important;
	}
	.aux-icon-btn-wrap a{
		padding: 5px;
	}
	.project-spec-text{
		width: 100%;
	}
	.grid li{
		width: 50% !important;
	}
	.agency-tile .valign{
		top: 0;
	  	-webkit-transform: translateY(1%);
	  	-ms-transform: translateY(1%);
	  	transform: translateY(1%);
	}
	.agency-tile h2{
		font-size: 36px;
		line-height: 43px;
	}
	.client-logo-inner{
		float: left;
		width: 49%;
	}
	.agency-slider-triggers img{
		width: 20%;
	}
	.shop-sidebar{
		text-align: center;
	}
	.checkout-table td, .checkout-table th {
    display: block !important;
	}
	.checkout-table thead, .checkout-table tr {
	    border-bottom: 40px solid #ebebeb;
	}
	.checkout-table tr:last-child {
	    border-bottom: medium none;
	}
	.btn-expose {
	    margin-top: 5px;
	}
	.showcases-overlay h1 > span{
	    font-size: 24px;
	    line-height: 31px;
	    font-weight: 600;
	    letter-spacing: 0px;
	    border: none;
	}
	.team-block{
		padding-bottom: 3px !important;
	}
	.intro02 #demo-canvas{
		display: none;
		visibility: hidden;
	}
	.slide-sub-title{
		margin-top: 70px !important;
	}
	.separator{
		text-align: center;
	}
	.separator img{
		display: inline-block;
	}
	.contact-dual-panel{
		padding:75px 30px; 
	}
	.client-logo-inner, .client-logo-row{
		border: none;
	}
}

/*Medium Smart Phones v2*/
@media screen and (max-width: 640px) {
	
	.container{
	    max-width: 600px;
	    padding-left:20px;
	    padding-right:20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.mastfoot{
		padding: 100px 10px;
	}
	.foot-social{
		margin: 20px 0 0 0;
	}
	#slide-title, .slide-title{
		padding: 10px;
		border:solid 2px;
	}
	.parallax-slide{
		padding-left: 10%;
		padding-right: 10%;
	}
	.parallax h1, .intro-12 h6 span, .showcase-carousels-overlay h1 > span, 
	.main-heading span, .call-to-action h2, .demo-1 .main-title{
	    font-size: 24px;
	    letter-spacing: 4px;
	    line-height: 31px;
	}
	.main-heading span{
		padding: 15px;
	}
	.intro09-overlay h1 > span, .intro-12 h1 span, .intro-12 h2,  #slide-title, .slide-title,
	.intro-12 h5 span, .works-filter li a > span, .works-filter li:after, .intro06 h1, 
	.slide-sub-title, .video-title-holder h1 > span,
	.inner-main-heading span, .parallax h2, .agency-feature-text, .shop-mainheading{ 
	    font-size: 24px;
	    line-height: 31px;
	    font-weight: 200;
	    letter-spacing: 2px;
	}
	.intro-12 h4 {
	    font-size: 16px;
	    letter-spacing: normal;
	    line-height: 23px;
	} 
	.intro-10 h1, .intro-03 h2, .super-heading{ 
	    font-size: 24px;
	    line-height: 34px;
	    letter-spacing: 2px;
	}
	.intro-03-wrap .works-item{
		width: 100% !important;
	}
	.kenburns-title-holder{
		width: 100%;
	}
	.works-filter li, .works-filter li:after{
		line-height: 20px;
		margin-right: 10px;
	}
	.works-item{
		width: 45% !important;
	}
	.aux-icon-btn-wrap a{
		padding: 5px;
	}
	.project-spec-text{
		width: 100%;
	}
	.grid li{
		width: 50% !important;
	}
	.agency-tile .valign{
		top: 0;
	  	-webkit-transform: translateY(1%);
	  	-ms-transform: translateY(1%);
	  	transform: translateY(1%);
	}
	.agency-tile h2{
		font-size: 36px;
		line-height: 43px;
	}
	.client-logo-inner{
		float: left;
		width: 49%;
	}
	.agency-slider-triggers img{
		width: 20%;
	}
	.shop-sidebar{
		text-align: center;
	}
	.checkout-table td, .checkout-table th {
    display: block !important;
	}
	.checkout-table thead, .checkout-table tr {
	    border-bottom: 40px solid #ebebeb;
	}
	.checkout-table tr:last-child {
	    border-bottom: medium none;
	}
	.btn-expose {
	    margin-top: 5px;
	}
	.showcases-overlay h1 > span{
	    font-size: 24px;
	    line-height: 31px;
	    font-weight: 600;
	    letter-spacing: 0px;
	    border: none;
	}
	.team-block{
		padding-bottom: 3px !important;
	}
	.intro02 #demo-canvas{
		display: none;
		visibility: hidden;
	}
	.slide-sub-title{
		margin-top: 70px !important;
	}
	.separator{
		text-align: center;
	}
	.separator img{
		display: inline-block;
	}
	.contact-dual-panel{
		padding:75px 30px; 
	}
	.client-logo-inner, .client-logo-row{
		border: none;
	}
}
	

/*Google Nexus and Other Large Smart Phones v1*/
@media screen and (max-width: 600px)  {
	
	.container{
	    max-width: 560px;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.mastfoot{
		padding: 100px 10px;
	}
	.foot-social{
		margin: 20px 0 0 0;
	}
	#slide-title, .slide-title{
		padding: 10px;
		border:solid 2px;
	}
	.parallax-slide{
		padding-left: 10%;
		padding-right: 10%;
	}
	.parallax h1, .intro-12 h6 span, .showcase-carousels-overlay h1 > span, 
	.main-heading span, .call-to-action h2, .demo-1 .main-title{
	    font-size: 24px;
	    letter-spacing: 4px;
	    line-height: 31px;
	}
	.main-heading span{
		padding: 15px;
	}
	.intro09-overlay h1 > span, .intro-12 h1 span, .intro-12 h2,  #slide-title, .slide-title,
	.intro-12 h5 span, .works-filter li a > span, .works-filter li:after, .intro06 h1, 
	.slide-sub-title, .video-title-holder h1 > span,
	.inner-main-heading span, .parallax h2, .agency-feature-text, .shop-mainheading{ 
	    font-size: 24px;
	    line-height: 31px;
	    font-weight: 200;
	    letter-spacing: 2px;
	}
	.intro-12 h4 {
	    font-size: 16px;
	    letter-spacing: normal;
	    line-height: 23px;
	} 
	.intro-10 h1, .intro-03 h2, .super-heading{ 
	    font-size: 24px;
	    line-height: 34px;
	    letter-spacing: 2px;
	}
	.intro-03-wrap .works-item{
		width: 100% !important;
	}
	.kenburns-title-holder{
		width: 100%;
	}
	.works-filter li, .works-filter li:after{
		line-height: 20px;
		margin-right: 10px;
	}
	.works-item{
		width: 45% !important;
	}
	.aux-icon-btn-wrap a{
		padding: 5px;
	}
	.project-spec-text{
		width: 100%;
	}
	.grid li{
		width: 50% !important;
	}
	.agency-tile .valign{
		top: 0;
	  	-webkit-transform: translateY(1%);
	  	-ms-transform: translateY(1%);
	  	transform: translateY(1%);
	}
	.agency-tile h2{
		font-size: 36px;
		line-height: 43px;
	}
	.client-logo-inner{
		float: left;
		width: 49%;
	}
	.agency-slider-triggers img{
		width: 20%;
	}
	.shop-sidebar{
		text-align: center;
	}
	.checkout-table td, .checkout-table th {
    display: block !important;
	}
	.checkout-table thead, .checkout-table tr {
	    border-bottom: 40px solid #ebebeb;
	}
	.checkout-table tr:last-child {
	    border-bottom: medium none;
	}
	.btn-expose {
	    margin-top: 5px;
	}
	.showcases-overlay h1 > span{
	    font-size: 24px;
	    line-height: 31px;
	    font-weight: 600;
	    letter-spacing: 0px;
	    border: none;
	}
	.team-block{
		padding-bottom: 3px !important;
	}
	.intro02 #demo-canvas{
		display: none;
		visibility: hidden;
	}
	.slide-sub-title{
		margin-top: 70px !important;
	}
	.separator{
		text-align: center;
	}
	.separator img{
		display: inline-block;
	}
	.contact-dual-panel{
		padding:75px 30px; 
	}
	.client-logo-inner, .client-logo-row{
		border: none;
	}
}
	

/*iPhone Landscape Mode and Mediium Smart Phones*/
@media screen and (max-width: 480px) {
	
	.container{
	    max-width: 440px;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.mastfoot{
		padding: 100px 10px;
	}
	.foot-social{
		margin: 20px 0 0 0;
	}
	#slide-title, .slide-title{
		padding: 10px;
		border:solid 2px;
	}
	.parallax-slide{
		padding-left: 10%;
		padding-right: 10%;
	}
	.parallax h1, .intro-12 h6 span, .showcase-carousels-overlay h1 > span, 
	.main-heading span, .call-to-action h2, .demo-1 .main-title{
	    font-size: 14px;
	    letter-spacing: 4px;
	    line-height: 21px;
	}
	.main-heading span{
		padding: 15px;
	}
	.intro09-overlay h1 > span, .intro-12 h1 span, .intro-12 h2,  #slide-title, .slide-title,
	.intro-12 h5 span, .works-filter li a > span, .works-filter li:after, .intro06 h1, 
	.slide-sub-title, .video-title-holder h1 > span,
	.inner-main-heading span, .parallax h2, .agency-feature-text, .shop-mainheading{ 
	    font-size: 16px;
	    line-height: 23px;
	    font-weight: 200;
	    letter-spacing: 2px;
	}
	.intro-12 h4 {
	    font-size: 10px;
	    letter-spacing: normal;
	    line-height: 17px;
	} 
	.intro-10 h1, .intro-03 h2, .super-heading{ 
	    font-size: 20px;
	    line-height: 30px;
	    letter-spacing: 2px;
	}
	.intro-03-wrap .works-item{
		width: 100% !important;
	}
	.kenburns-title-holder{
		width: 100%;
	}
	.works-filter li, .works-filter li:after{
		line-height: 20px;
		margin-right: 10px;
	}
	.works-item{
		width: 85% !important;
	}
	.aux-icon-btn-wrap a{
		padding: 5px;
	}
	.project-spec-text{
		width: 100%;
	}
	.grid li{
		width: 50% !important;
	}
	.agency-tile .valign{
		top: 0;
	  	-webkit-transform: translateY(1%);
	  	-ms-transform: translateY(1%);
	  	transform: translateY(1%);
	}
	.agency-tile h2{
		font-size: 32px;
		line-height: 39px;
	}
	.client-logo-inner{
		float: left;
		width: 49%;
	}
	.agency-slider-triggers img{
		width: 20%;
	}
	.shop-sidebar{
		text-align: center;
	}
	.checkout-table td, .checkout-table th {
    display: block !important;
	}
	.checkout-table thead, .checkout-table tr {
	    border-bottom: 40px solid #ebebeb;
	}
	.checkout-table tr:last-child {
	    border-bottom: medium none;
	}
	.btn-expose {
	    margin-top: 5px;
	}
	.showcases-overlay h1 > span{
	    font-size: 16px;
	    line-height: 23px;
	    font-weight: 600;
	    letter-spacing: 0px;
	    border: none;
	}
	.team-block{
		padding-bottom: 3px !important;
	}
	.intro02 #demo-canvas{
		display: none;
		visibility: hidden;
	}
	.slide-sub-title{
		margin-top: 70px !important;
	}
	.separator{
		text-align: center;
	}
	.separator img{
		display: inline-block;
	}
	.contact-dual-panel{
		padding:75px 30px; 
	}
	.client-logo-inner, .client-logo-row{
		border: none;
	}
}


/*iPhone 6Plus Portrait Mode*/
@media screen and (max-width: 414px) {
	
	.container{
	    max-width: 384px;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.mastfoot{
		padding: 100px 10px;
	}
	.foot-social{
		margin: 20px 0 0 0;
	}
	#slide-title, .slide-title{
		padding: 10px;
		border:solid 2px;
	}
	.parallax-slide{
		padding-left: 10%;
		padding-right: 10%;
	}
	.parallax h1, .intro-12 h6 span, .showcase-carousels-overlay h1 > span, 
	.main-heading span, .call-to-action h2, .demo-1 .main-title{
	    font-size: 12px;
	    letter-spacing: 4px;
	    line-height: 19px;
	}
	.main-heading span{
		padding: 15px;
	}
	.intro09-overlay h1 > span, .intro-12 h1 span, .intro-12 h2,  #slide-title, .slide-title,
	.intro-12 h5 span, .works-filter li a > span, .works-filter li:after, .intro06 h1, 
	.slide-sub-title, .video-title-holder h1 > span,
	.inner-main-heading span, .parallax h2, .agency-feature-text, .shop-mainheading{ 
	    font-size: 14px;
	    line-height: 21px;
	    font-weight: 200;
	    letter-spacing: 2px;
	}
	.intro-12 h4 {
	    font-size: 10px;
	    letter-spacing: normal;
	    line-height: 17px;
	} 
	.intro-10 h1, .intro-03 h2, .super-heading{ 
	    font-size: 18px;
	    line-height: 28px;
	    letter-spacing: 2px;
	}
	.intro-03-wrap .works-item{
		width: 100% !important;
	}
	.kenburns-title-holder{
		width: 100%;
	}
	.works-filter li, .works-filter li:after{
		line-height: 18px;
		margin-right: 10px;
	}
	.works-item{
		width: 85% !important;
	}
	.aux-icon-btn-wrap a{
		padding: 5px;
	}
	.project-spec-text{
		width: 100%;
	}
	.grid li{
		width: 320px !important;
	}
	.agency-tile .valign{
		top: 0;
	  	-webkit-transform: translateY(1%);
	  	-ms-transform: translateY(1%);
	  	transform: translateY(1%);
	}
	.agency-tile h2{
		font-size: 32px;
		line-height: 39px;
	}
	.client-logo-inner{
		float: left;
		width: 49%;
	}
	.agency-slider-triggers img{
		width: 20%;
	}
	.shop-sidebar{
		text-align: center;
	}
	.checkout-table td, .checkout-table th {
    display: block !important;
	}
	.checkout-table thead, .checkout-table tr {
	    border-bottom: 40px solid #ebebeb;
	}
	.checkout-table tr:last-child {
	    border-bottom: medium none;
	}
	.btn-expose {
	    margin-top: 5px;
	}
	.showcases-overlay h1 > span{
	    font-size: 12px;
	    line-height: 19px;
	    font-weight: 600;
	    letter-spacing: 0px;
	    border: none;
	}
	.team-block{
		padding-bottom: 3px !important;
	}
	.intro02 #demo-canvas{
		display: none;
		visibility: hidden;
	}
	.slide-sub-title{
		margin-top: 70px !important;
	}
	.separator{
		text-align: center;
	}
	.separator img{
		display: inline-block;
	}
	.contact-dual-panel{
		padding:75px 30px; 
	}
	.client-logo-inner, .client-logo-row{
		border: none;
	}
}


/*iPhone 6 Portrait Mode*/
@media screen and (max-width: 375px) {
	
	.container{
	    max-width: 355px;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.mastfoot{
		padding: 100px 10px;
	}
	.foot-social{
		margin: 20px 0 0 0;
	}
	#slide-title, .slide-title{
		padding: 10px;
		border:solid 2px;
	}
	.parallax-slide{
		padding-left: 10%;
		padding-right: 10%;
	}
	.parallax h1, .intro-12 h6 span, .showcase-carousels-overlay h1 > span, 
	.main-heading span, .call-to-action h2, .demo-1 .main-title{
	    font-size: 12px;
	    letter-spacing: 4px;
	    line-height: 19px;
	}
	.main-heading span{
		padding: 15px;
	}
	.intro09-overlay h1 > span, .intro-12 h1 span, .intro-12 h2,  #slide-title, .slide-title,
	.intro-12 h5 span, .works-filter li a > span, .works-filter li:after, .intro06 h1, 
	.slide-sub-title, .video-title-holder h1 > span,
	.inner-main-heading span, .parallax h2, .agency-feature-text, .shop-mainheading{ 
	    font-size: 14px;
	    line-height: 21px;
	    font-weight: 200;
	    letter-spacing: 2px;
	}
	.intro-12 h4 {
	    font-size: 10px;
	    letter-spacing: normal;
	    line-height: 17px;
	} 
	.intro-10 h1, .intro-03 h2, .super-heading{ 
	    font-size: 18px;
	    line-height: 28px;
	    letter-spacing: 2px;
	}
	.intro-03-wrap .works-item{
		width: 100% !important;
	}
	.kenburns-title-holder{
		width: 100%;
	}
	.works-filter li, .works-filter li:after{
		line-height: 18px;
		margin-right: 10px;
	}
	.works-item{
		width: 85% !important;
	}
	.aux-icon-btn-wrap a{
		padding: 5px;
	}
	.project-spec-text{
		width: 100%;
	}
	.grid li{
		width: 280px !important;
	}
	.agency-tile .valign{
		top: 0;
	  	-webkit-transform: translateY(1%);
	  	-ms-transform: translateY(1%);
	  	transform: translateY(1%);
	}
	.agency-tile h2{
		font-size: 32px;
		line-height: 39px;
	}
	.client-logo-inner{
		float: left;
		width: 49%;
	}
	.agency-slider-triggers img{
		width: 20%;
	}
	.shop-sidebar{
		text-align: center;
	}
	.checkout-table td, .checkout-table th {
    display: block !important;
	}
	.checkout-table thead, .checkout-table tr {
	    border-bottom: 40px solid #ebebeb;
	}
	.checkout-table tr:last-child {
	    border-bottom: medium none;
	}
	.btn-expose {
	    margin-top: 5px;
	}
	.showcases-overlay h1 > span{
	    font-size: 12px;
	    line-height: 19px;
	    font-weight: 600;
	    letter-spacing: 0px;
	    border: none;
	}
	.team-block{
		padding-bottom: 3px !important;
	}
	.intro02 #demo-canvas{
		display: none;
		visibility: hidden;
	}
	.slide-sub-title{
		margin-top: 70px !important;
	}
	.separator{
		text-align: center;
	}
	.separator img{
		display: inline-block;
	}
	.contact-dual-panel{
		padding:75px 30px; 
	}
	.client-logo-inner, .client-logo-row{
		border: none;
	}
}

/*Other Major Small Smart Phones*/
@media screen and (max-width: 360px) {
	
	.container{
	    max-width: 320px;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.mastfoot{
		padding: 100px 10px;
	}
	.foot-social{
		margin: 20px 0 0 0;
	}
	#slide-title, .slide-title{
		padding: 10px;
		border:solid 2px;
	}
	.parallax-slide{
		padding-left: 10%;
		padding-right: 10%;
	}
	.parallax h1, .intro-12 h6 span, .showcase-carousels-overlay h1 > span, 
	.main-heading span, .call-to-action h2, .demo-1 .main-title{
	    font-size: 12px;
	    letter-spacing: 4px;
	    line-height: 19px;
	}
	.main-heading span{
		padding: 15px;
	}
	.intro09-overlay h1 > span, .intro-12 h1 span, .intro-12 h2, #slide-title, .slide-title,
	.intro-12 h5 span, .works-filter li a > span, .works-filter li:after, .intro06 h1, 
	.slide-sub-title, .video-title-holder h1 > span,
	.inner-main-heading span, .parallax h2, .agency-feature-text, .shop-mainheading{ 
	    font-size: 14px;
	    line-height: 21px;
	    font-weight: 200;
	    letter-spacing: 2px;
	}
	.intro-12 h4 {
	    font-size: 10px;
	    letter-spacing: normal;
	    line-height: 17px;
	} 
	.intro-10 h1, .intro-03 h2, .super-heading{ 
	    font-size: 18px;
	    line-height: 28px;
	    letter-spacing: 2px;
	}
	.intro-03-wrap .works-item{
		width: 100% !important;
	}
	.kenburns-title-holder{
		width: 100%;
	}
	.works-filter li, .works-filter li:after{
		line-height: 18px;
		margin-right: 10px;
	}
	.works-item{
		width: 85% !important;
	}
	.aux-icon-btn-wrap a{
		padding: 5px;
	}
	.project-spec-text{
		width: 100%;
	}
	.grid li{
		width: 240px !important;
	}
	.agency-tile .valign{
		top: 0;
	  	-webkit-transform: translateY(1%);
	  	-ms-transform: translateY(1%);
	  	transform: translateY(1%);
	}
	.agency-tile h2{
		font-size: 32px;
		line-height: 39px;
	}
	.client-logo-inner{
		float: left;
		width: 49%;
	}
	.agency-slider-triggers img{
		width: 20%;
	}
	.shop-sidebar{
		text-align: center;
	}
	.checkout-table td, .checkout-table th {
    display: block !important;
	}
	.checkout-table thead, .checkout-table tr {
	    border-bottom: 40px solid #ebebeb;
	}
	.checkout-table tr:last-child {
	    border-bottom: medium none;
	}
	.btn-expose {
	    margin-top: 5px;
	}
	.showcases-overlay h1 > span{
	    font-size: 12px;
	    line-height: 19px;
	    font-weight: 600;
	    letter-spacing: 0px;
	    border: none;
	}
	.team-block{
		padding-bottom: 3px !important;
	}
	.intro02 #demo-canvas{
		display: none;
		visibility: hidden;
	}
	.slide-sub-title{
		margin-top: 70px !important;
	}
	.separator{
		text-align: center;
	}
	.separator img{
		display: inline-block;
	}
	.contact-dual-panel{
		padding:75px 30px; 
	}
	.client-logo-inner, .client-logo-row{
		border: none;
	}
}

/*iPhone (5S, 5, 4S and 4) Portrait Mode and Very Small Mobile Phones*/
@media screen and (max-width: 320px) {
	
	.container{
	    max-width: 280px;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.mastfoot{
		padding: 100px 10px;
	}
	.foot-social{
		margin: 20px 0 0 0;
	}
	#slide-title, .slide-title{
		padding: 10px;
		border:solid 2px;
	}
	.parallax-slide{
		padding-left: 10%;
		padding-right: 10%;
	}
	.parallax h1, .intro-12 h6 span, .showcase-carousels-overlay h1 > span, 
	.main-heading span, .call-to-action h2, .demo-1 .main-title{
	    font-size: 12px;
	    letter-spacing: 4px;
	    line-height: 19px;
	}
	.main-heading span{
		padding: 15px;
	}
	.intro09-overlay h1 > span, .intro-12 h1 span, .intro-12 h2, #slide-title, .slide-title,
	.intro-12 h5 span, .works-filter li a > span, .works-filter li:after, .intro06 h1,
	.slide-sub-title, .video-title-holder h1 > span,
	.inner-main-heading span, .parallax h2, .agency-feature-text, .shop-mainheading{ 
	    font-size: 14px;
	    line-height: 21px;
	    font-weight: 200;
	    letter-spacing: 2px;
	}
	.intro-12 h4 {
	    font-size: 10px;
	    letter-spacing: normal;
	    line-height: 17px;
	} 
	.intro-10 h1, .intro-03 h2, .super-heading{ 
	    font-size: 18px;
	    line-height: 28px;
	    letter-spacing: 2px;
	}
	.intro-03-wrap .works-item{
		width: 100% !important;
	}
	.kenburns-title-holder{
		width: 100%;
	}
	.works-filter li, .works-filter li:after{
		line-height: 18px;
		margin-right: 10px;
	}
	.works-item{
		width: 85% !important;
	}
	.aux-icon-btn-wrap a{
		padding: 5px;
	}
	.project-spec-text{
		width: 100%;
	}
	.grid li{
		width: 240px !important;
	}
	.agency-tile .valign{
		top: 0;
	  	-webkit-transform: translateY(1%);
	  	-ms-transform: translateY(1%);
	  	transform: translateY(1%);
	}
	.agency-tile h2{
		font-size: 32px;
		line-height: 39px;
	}
	.client-logo-inner{
		float: left;
		width: 49%;
	}
	.agency-slider-triggers img{
		width: 20%;
	}
	.shop-sidebar{
		text-align: center;
	}
	.checkout-table td, .checkout-table th {
    display: block !important;
	}
	.checkout-table thead, .checkout-table tr {
	    border-bottom: 40px solid #ebebeb;
	}
	.checkout-table tr:last-child {
	    border-bottom: medium none;
	}
	.btn-expose {
	    margin-top: 5px;
	}
	.showcases-overlay h1 > span{
	    font-size: 12px;
	    line-height: 19px;
	    font-weight: 600;
	    letter-spacing: 0px;
	    border: none;
	}
	.team-block{
		padding-bottom: 3px !important;
	}
	.intro02 #demo-canvas{
		display: none;
		visibility: hidden;
	}
	.slide-sub-title{
		margin-top: 70px !important;
	}
	.separator{
		text-align: center;
	}
	.separator img{
		display: inline-block;
	}
	.contact-dual-panel{
		padding:75px 30px; 
	}
	.client-logo-inner, .client-logo-row{
		border: none;
	}
}



/******* yao coding start *******/
.large-header {
	background-size: auto;
}
.vc_custom_1446482102254 .agency-slider-triggers a {
	cursor: auto;
}

/* Process, About page */
.page-id-28 .page-bg,
.page-id-71 .page-bg {
	padding: 200px 0 0;
}
.page-id-28 .agency-service-block .service-inner-wrap {
	border-color: #ffc1c1;
}
.page-id-28 .agency-service-block .service-inner-wrap:hover {
	border-color: #9a7070;
}

/* About page */
.page-id-71 .owl-theme .owl-controls {
	display: none;
}

/* project page */
.page-id-95 h1 {
	color: #FFF;
}
.page-id-95 h1.super-heading.grey {
	color: #cfccc4;
}
.page-id-95 .featured-action a {
	color: #FFF;
	border-color: #FFF;
}

/* portfolio page */
body.portfolio-template-default h1, 
body.portfolio-template-default h1 span,
body.portfolio-template-default h3, 
body.portfolio-template-default h3 span {
	color: #FFF;
	border-color: #FFF !important;
}

@media screen and (max-width: 768px) {
	.large-header {
		background-size: cover;
	}	
}
/******* yao coding end *******/