/*

Theme Name: Down Converys Lane

Theme URI: http://www.downconveryslane.com.au

Author: Luke Outerbridge

Author URI: http://www.proxydesign.com.au

Description: 

Version: 2.0

License: GNU General Public License

License URI: license.txt

Tags:

Text Domain:

*/



/* Table of Content

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

	# Default

	# Typography

	# CSS3

	# Buttons

	# Icons

	# Form

	# Layout

	# Header

	# Main Navigation

	# Tiled Portfolio

	# Home Type

	# Revolution Slider

	# Bottom Arrows

	# Block

	# Services

	# Profile

	# Portfolio

	# Modal & Item Popup Block

	# Price Package

	# Blog

	# Sidebar

	# Clients

	# Skills

	# Seperator

	# Twitter Feed & Quote Box

	# Newsletter

	# Miscellaneaus

	# Media Queries

*/



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

	# Default

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

	body {

		font-weight:300;

	}

	a:focus {

		outline: 0px;

	}



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

	# Typography

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

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

		font-family: 'Montserrat', sans-serif;
		
		text-transform: uppercase;

		font-weight: normal;

		color: #00bba6;

	}

	.section-title{

		font-size: 30px;

		line-height: 36px;

		text-align: center;

	}

	.slogan{

		font-size:30px;

		line-height:36px;

		margin-bottom:40px;

	}

	.darkgrey {

		color: #393939;

	}

	.white {

		color: #fff;

	}





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

	# CSS3

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

	a, 

	a:hover,

	.profile:hover .profile-photo,

	.blog-post:hover .blog-thumb {

		-webkit-transition: all 0.3s ease;

		-moz-transition: all 0.3s ease;

        -ms-transition: all 0.3s ease;

        -o-transition: all 0.3s ease;

		transition: all 0.3s ease;

	}





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

	# Buttons - Changes made for WP version

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

	.border-btn,

	.form-submit input[type="submit"] {

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

		border: 1px solid #00bba6;

		text-transform: uppercase;

		font-size: 16px;

		padding: 10px 30px;

		color: #00bba6;

	}

	.border-btn.btn-large {

		font-size: 20px;

		padding: 15px 30px;

	}

	.border-btn.btn-medium {

		font-size: 13px;

		padding: 8px 15px;

	}

	.border-btn.btn-small {

		font-size: 11px;

		padding: 8px 15px;

	}

	.border-btn.btn-mini {

		font-size: 9px;

		padding: 5px 13px;

	}

	.border-btn,

	.social-btn {

		border-radius: 0px;

		background: none;

		text-shadow: none;

		box-shadow: none;

	}

	.social-btn {

		border: 1px solid #00bba6;

		color: #00bba6;

		font-size: 35px;

		line-height: 35px;

		padding: 25px;

		margin: 0px 10px 20px;

	}

	.social-btn.white {

		border: 1px solid #fff;

		color: #fff;

	}

	.border-btn:hover, 

	.border-btn:focus,

	.social-btn:hover,

	.social-btn:focus,

	.form-submit input[type="submit"]:hover,

	.form-submit input[type="submit"]:focus {

		background: #00bba6;

		border: 1px solid #00bba6;

		color: #fff;

		text-shadow: none;

		box-shadow: none;

		-webkit-transition: all 0.3s ease;

		-moz-transition: all 0.3s ease;

        -ms-transition: all 0.3s ease;

        -o-transition: all 0.3s ease;

		transition: all 0.3s ease;

	}

	.border-btn.white {

		color: #fff;

		border-color: #fff;

	}

	.border-btn.white:hover, 

	.border-btn.white:focus {

		background: #fff;

		border-color: #fff;

		color: #00bba6;

	}





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

	# Icons

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

	[class^="icon-"].medium,

	[class*=" icon-"].medium {

		font-size: 60px;

		line-height: 60px;

		margin: 0px;

	}

	[class^="icon-"].big,

	[class*=" icon-"].big {

		font-size: 90px;

		line-height: 90px;

		margin: 0px;

	}

	[class^="icon-"].huge,

	[class*=" icon-"].huge {

		font-size: 110px;

		line-height: 110px;

		margin: 0px;

	}

	a[class^="icon-"]:hover,

	a[class*=" icon-"]:hover,

	a[class^="icon-"]:focus,

	a[class*=" icon-"]:focus {

		text-decoration: none;

	}



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

	# Form

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

	label {

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

		font-size: 13px;

		color: #00bba6;

		text-transform: uppercase;

		margin-bottom: 10px;

	}

	textarea, 

	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="number"],

	input[type="email"],

	input[type="url"],

	input[type="search"],

	input[type="tel"],

	input[type="color"],

	.uneditable-input {

		border: none;

		box-shadow: none;

		background: #f0f0f4;

	}

	textarea:focus, 

	input[type="text"]:focus,

	input[type="password"]:focus,

	input[type="datetime"]:focus,

	input[type="datetime-local"]:focus,

	input[type="date"]:focus,

	input[type="month"]:focus,

	input[type="time"]:focus,

	input[type="week"]:focus,

	input[type="number"]:focus,

	input[type="email"]:focus,

	input[type="url"]:focus,

	input[type="search"]:focus,

	input[type="tel"]:focus,

	input[type="color"]:focus,

	.uneditable-input:focus {

		border-color: #cecece;

		-webkit-box-shadow: none;

		-moz-box-shadow: none;

		box-shadow: none;

		background: #e8e8e8;

		-webkit-transition: all 0.3s ease;

		-moz-transition: all 0.3s ease;

        -ms-transition: all 0.3s ease;

        -o-transition: all 0.3s ease;

		transition: all 0.3s ease;

	}

	select,

	textarea,

	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="number"],

	input[type="email"],

	input[type="url"],

	input[type="search"],

	input[type="tel"],

	input[type="color"],

	.uneditable-input {

		margin-bottom: 25px;

		padding: 10px 8px;

		height: auto;

	}

	textarea {

		resize: none;

	}

	input[type="submit"].input-block-level {

		width: 100%;

		display: block;

	}

	

	.contact-form {

		margin-top: 33px;

	}

	.form-success {

		display: none;

		padding: 15px;

		margin-top: 40px;

		color: #fff;

		background: #00bba6;

	}

	input.error,

	textarea.error {

		border: 1px solid #d3400c;

	}

	.contact-form .loading,

	.newsletter .loading {

		display: none;

		background: #000;

		background: url(assets/img/ajax-loader.gif) no-repeat;

		width: 25px;

		height: 25px;

		margin-top: 15px;

	}



	/* contact form 7 */

	.wpcf7-form-control-wrap {

		display: inline!important;

	}

	div.wpcf7-validation-errors,

	div.wpcf7-mail-sent-ok {

		display: none;

		padding: 15px;

		margin: 20px 0 0;

		color: #fff;

		background: #d3400c;

		border: none;

	}

	div.wpcf7-mail-sent-ok {

		background: #00bba6;

	}

	input.wpcf7-not-valid {

		border: 1px solid #d3400c!important;

	}

	span.wpcf7-not-valid-tip {

		display: none;

	}

	.wpcf7-form.sent p {

		display: none;

	}



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

	# Layout

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

	.home-type {

		width: 100%;

		overflow: hidden;

	}

	.page-type {

		padding: 45px 0px;

		width: 100%;

		background: #fff;

	}

	.page-type {

		position: relative;

	}

	.page-type:after {

		content: "";

		display: block;

		width: 0; 

		height: 0; 

		position: absolute; 

		z-index: 15;

	}

	.seperator-type {

		width: 100%;

		height: auto;

		position: relative;

	}

	.header-type {

		background: #000000;

		color: #8f8f8f;

		padding: 17px 0px;

		position: relative;

		z-index: 25;

	}

	.header-type:before {

		content: "";

		display: block;

		position: absolute;

		bottom: -6px;

		width: 100%;

		height: 6px;

		background: url(assets/img/top-border-re.png) repeat-x;

	}

	.footer-type {

		background: #000000;

		font-size: 11px;

		padding: 40px 0px;

		color: #fff;

		position: relative;

		z-index: 15;

	}

	.footer-type:before {

		content: "";

		display: block;

		position: absolute;

		top: -6px;

		width: 100%;

		height: 6px;

		background: url(assets/img/footer-border-re.png) repeat-x;

	}

	.light-bg {

		/* IE9 SVG, needs conditional override of 'filter' to 'none' */

		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

		background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */

		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */

		background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */

		background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* Opera 12+ */

		background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* IE10+ */

		background: radial-gradient(ellipse at center,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); /* W3C */

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

	}

	.green-bg {

		background-color: #00bba6;

	}

	.dark-bg {

		background-color: #393939;

	}

	/*

	#intro {

		background: #f7f7f9;

	}

	#team,

	#clients {

		background: #f0f0f4;

	}

	#blog {

		background-size: cover;

	}*/



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

	# Green Bg

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

	.green-bg h1,

	.green-bg h2,

	.green-bg h3,

	.green-bg h4,

	.green-bg h5,

	.green-bg h6 {

		color: #fff;

	}



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

	# Header

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

	.header-type .logo {

		height: 20px;

	}

	.header-type .logo a {

		display: block;

	}

	.header-type .logo img {

		max-height: 100%;

		display: block;

	}

	.header-type ul {

		list-style: none;

		margin: 0px;

	}

	.header-type .address li {

		float: left;

		text-transform: uppercase;

		font-size: 10px;

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

		margin-left: 8px;

	}

	.header-type .adds li {

		font-size: 20px;

		float: left;

		margin-left: 25px;

	}

	.header-type a:hover,

	.header-type a:focus {

		color: #fff;

	}



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

	# Main Navigation

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

	.nav-container {

		position: relative;

		background: #00bba6;

		height: 57px;

		z-index: 200;

	}

	.main-nav {

		height: 57px;

		width: 100%;

		margin: auto;

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

		background: #00bba6;

		z-index: 200;

	}

	.main-nav.affix {

		position: fixed;

		top: 0px;

		left: 0px;

		right: 0px;

		display: block;

	}

	.main-nav .nav {

		margin: 0px;

		text-align: center;

	}

	.nav > li > a:hover,

	.nav > li > a:focus,

	.nav > li.current-menu-item > a {

		background: none;

		color: #393939;

	}

	.main-nav li {

		display: inline-block;

		text-transform: uppercase;

		line-height: 57px;

	}

	.main-nav li a{

		color: #fff;

		padding: 0px 15px;

	}



	/** mobile navigation */

	#trigger-mobile-nav {

		width: 20px;

		height: 20px;

		background: none;

		display: none;

		width: 100%;

		text-align: center;

		padding: 15px 0;

		cursor: pointer;

		line-height: 25px;

		color: #fff;

	}

	#trigger-mobile-nav .icon-menu {

		font-size: 20px;

	}

	.header-type .mobile-pull .main-nav {

		background: #000;

	}



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

	# Tiled Portfolio

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

	.tiled-items {

		position: relative;

		display: none;

	}

	.items-container {

		position: relative;

		overflow: hidden;

	}

	.items-container.affix {

		position: fixed;

		z-index: 0;

		top: 0px;

	}

	.tiled-items .item {

		float: left;

		position: relative;

		overflow: hidden;

	}

	.tiled-items .item img {

		width: 101%;

		max-width: 101%;

	}

	.tiled-items .item img.grayscale {

		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */

		filter: gray; /* IE6-9 */

		-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

	}



	.tiled-items .direction-nav {

		list-style: none;

		margin: 0px;

	}

	.tiled-items .direction-nav a {

		position: absolute;

		top: 50%;

		height: 45px;

		line-height: 45px;

		margin-top: -22px;

		padding: 0px 15px;

		font-size: 24px;

		color: #fff;

		background: #2dc7b5;

	}

	.tiled-items .direction-nav .prev {

		left: 0px;

	}

	.tiled-items .direction-nav .next {

		right: 0px;

	}

	.tiled-items .direction-nav .disabled {

		opacity: 0.2;

	}

	#hide-overlay-phone {

		display: none;

	}



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

	# Home Type

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

	.home-type {

		position: relative;

	}

	.home-type .overlay {

		z-index: 5;

		position: absolute;

		top: 0px;

		bottom: 0px;

		left: 0px;

		right: 0px;

		background: url(assets/img/tile.png) repeat;

	}

	.home-type .overlay.affix {

		position: fixed;

		z-index: 0;

	}

	.home-type .overlay .fade-element {

		color: #fff;

		margin-top: 60px;

		padding: 0px 40px;

		display: none;

	}

	.home-type .overlay .container {

		height: 100%;

		position: relative;

	}

	.home-type .overlay .overlay-content {

		height: 380px;

		position: absolute;

		top: 50%;

		margin-top: -190px;

		left: 0px;

		right: 0px;

	}

	

	/* Since v1.1 */

	.home-type .video-bg {

		position: relative;

		background: url(assets/img/ajax-loader.gif) center no-repeat;

	}

	/* End Since v1.1 */

	.home-type.parallax-type .overlay {

		background: none;

		padding: 0px;

	}

	.home-type .parallax {

		height: 560px;

		position: relative;

		background-size: cover;

	}

	.home-type .parallax.short {

		height: 300px;

	}

	.home-type.parallax-type .container {

		padding-top: 0px;

		padding-bottom: 0px;

	}

	

	.home-type.fullwidthbanner-container ul {

		list-style: none;

		margin: 0px;

	}





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

	# Revolution Slider

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

	.rev-text {

		width: 61%;

		max-width: 61%!important;

		color: #fff;

	}

	.rev-title {

		margin: 0px;

	}

	.rev-title.big {

		font-size: 40px;

		line-height: 46px;

	}

	.tp-caption .border-btn,

	.ls-container .border-btn {

		margin-right: 3%;

	}

	.rev_slider_wrapper .tp-leftarrow {

		background-image: url(assets/img/rs-icon-prev.png);

		background-position: 25px 16px;

	}

	.rev_slider_wrapper .tp-rightarrow {

		background-image: url(assets/img/rs-icon-next.png);

		background-position: 25px 16px;

	}

	.rev_slider_wrapper .tparrows {

		background-color: #00bba6;

		width: 60px;

		height: 45px;

	}

	/*

	.tp-leftarrow.default,

	.tp-rightarrow.default {

		height: 45px!important;

		width: auto!important;

		line-height: 45px;

		margin-top: -22px;

		padding: 0px 15px;

		font-size: 24px;

		color: #fff;

		background: #2dc7b5!important;

	}*/

	



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

	# Bottom Arrows

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

	.bottom-arrow {

		position: relative;

	}

	.bottom-arrow:after {

		content: "";

		display: block;

		width: 0; 

		height: 0; 

		border-top: 28px solid #fff; 

		border-left: 27px solid transparent; 

		border-right: 28px solid transparent; 

		bottom: -28px; 

		left: 50%;

		margin-left: -28px;

		position: absolute; 

		z-index: 15;

	}

	.green-bg.bottom-arrow:after {

		border-top-color: #00bba6;

	}

	.dark-bg.bottom-arrow:after {

		border-top-color: #393939;

	}

	#intro.bottom-arrow:after {

		border-top-color: #f7f7f9;

	}

	.green-bg.light-bg.bottom-arrow:after {

		border-top-color: #2dc7b5;

	}

	#team.bottom-arrow:after,

	#clients.bottom-arrow:after {

		border-top-color: #f0f0f4;

	}

	#blog.bottom-arrow:after {

		border-top-color: #494949;

	}



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

	# Block

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

	.block{

		padding: 25px 0px;

	}

	.block .btn{

		margin: 15px 0px 0px;

	}

	.block [class^="icon-"],

	.block [class*=" icon-"] {

		color: #393939;

	}



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

	# Services

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

	.services {

		margin-bottom: 15px;

	}

	.service {

		height: 215px;

		position: relative;

		margin-bottom: 10px;

		cursor: pointer;

		overflow: hidden;

	}

	.service-title {

		text-transform: none;

		font-size: 20px;

		line-height: 26px;

		margin: 30px 0px;

		color: #fff;

	}

	.service .front {

		background:#00bba6;

		height:180px;

		padding:35px 0px 0px;

	}

	.service .back {

		background: #393939;

		color: #fff;

		padding: 40px 8.7% 30px;

		height: 145px;

		width: 82.6%;

		position: absolute;

	}

	.service p{

		margin-bottom:10px;

	}

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

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

		color:#fff;

	}



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

	# Profile

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

	.carousel .slides li {

		width: 230px;

		margin-right: 10px;

	}

	.flexslider.carousel {

		margin-bottom: 30px;

	}

	.profile {

		background: #fff;

		margin-bottom: 30px;

	}

	.profile-content {

		padding: 25px 8.7% 10px;

	}

	.profile-name,

	.profile-function,

	.profile-social {

		display:block;

	}

	.profile:hover .profile-photo {

		opacity:0.5;

	}

	.profile .profile-photo {

		overflow: hidden;

	}

	.profile .profile-photo img {

		width: 100.5%!important;

		max-width: 100.5%;

	}

	.profile .profile-photo:hover {

		cursor: pointer;

	}

	.profile-name {

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

		color: #393939;

		font-size: 15px;

		line-height: 20px;

		margin-bottom: 8px;

	}

	.profile-function {

		margin-bottom: 15px;

	}

	.profile-social {

		padding: 10px 0px 25px;

	}

	.profile-social [class^="icon-"],

	.profile-social [class*=" icon-"] {

		font-size: 17px;

		margin-right: 10px;

	}

	.profile-text{

		padding-top: 0px;

	}



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

	# Portfolio

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

	.item-box {

		background: #393939;

		color: #fff;

		margin-bottom: 30px;

	}

	.item-box .item-content {

		padding: 30px;

		width: 300px;

		float: left;

	}

	.item-box .item-content a:hover {

		color: #fff;

	}

	.item-box .item-title {

		margin-top:0px;

	}

	.item-box .item-images {

		width: 590px;

		float: left;

	}

	

	.portfolio {

		margin-bottom: 30px;

	}

	.portfolio .item {

		width: 230px;

		margin: 0px 0px 10px 10px;

		float: left;

	}

	.portfolio .item-thumb {

		position: relative;

		overflow: hidden;

	}

	.portfolio .item-thumb:hover,

	.tiled-items .item:hover {

		cursor: pointer;

	}

	.portfolio .item-info {

		margin-bottom: 15px;

	}

	.portfolio .item .back,

	.tiled-items .item .back {

		position: absolute;

		width: 100%;

		height: 100%;

		background: #00bba6;

		background: rgba(0, 187, 166, 0.85);

		display:none;

		-webkit-transform: translateZ(0);

	}

	.portfolio .item-icons,

	.tiled-items .item-icons {

		position: absolute;

		top: 50%;

		height: 38px;

		width: 100%;

		display: block;

		text-align: center;

		margin: -25px 0px 0px;

	}

	.portfolio .item-icons a,

	.tiled-items .item-icons a {

		border: 1px solid #fff;

		display: inline-block;

		color: #fff;

		height: 38px;

		width: 38px;

		margin-right: 2px;

	}

	.portfolio .item-icons a:hover,

	.tiled-items .item-icons a:hover {

		background: #fff;

		color: #00bba6;

	}

	.portfolio .item-icons a i,

	.tiled-items .item-icons a i {

		line-height: 38px;

		font-size: 18px;

	}

	.portfolio .item h4 {

		margin: 20px 0px 5px;

	}

	.portfolio .item-info span {

		margin-bottom: 5px;

		display: block;

	}

	

	/* =========== Portfolio Filter =========== */

	.filter ul {

		list-style: none;

		margin: 30px 0px 40px;

		display: block;

		text-align: center;

	}

	.filter ul li {

		margin: 0px 7px 10px;

		display: inline-block;

	}

	.filter ul li a {

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

		border: 1px solid #00bba6;

		padding: 10px 17px;

		text-transform: uppercase;

		display: block;

	}

	.filter ul li a:hover,

	.filter ul li a:focus,

	.filter ul li.active a {

		background: #00bba6;

		color: #fff;

	}

	

	/* =========== Isotope Filtering =========== */

	.isotope-item {

		z-index: 2;

	}

	.isotope-hidden.isotope-item {

		pointer-events: none;

		z-index: 1;

	}

	

	/* =========== Isotope CSS3 transitions =========== */

	.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, width;

		-moz-transition-property: height, width;

		-ms-transition-property: height, width;

		-o-transition-property: height, width;

		transition-property: height, width;

	}

	.isotope .isotope-item {

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

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

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

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

		transition-property:         transform, opacity;

	}

	

	/* =========== disabling Isotope CSS3 transitions =========== */

	.isotope.no-transition,

	.isotope.no-transition .isotope-item,

	.isotope .isotope-item.no-transition {

		-webkit-transition-duration: 0s;

		-moz-transition-duration: 0s;

		-ms-transition-duration: 0s;

		-o-transition-duration: 0s;

		transition-duration: 0s;

	}





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

	# Modal & Item Popup Block

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

	.modal {

		border-radius: 0px;

		-webkit-border-radius: 0px;

	}

	.modal-footer {

		border: none;

		background: #fff;

		padding-top: 0px;

	}

	

	.white-popup-block {

		background: #fff;

		margin: 20px auto;

		max-width: 600px;

		position: relative;

	}

	.item-in-detail .item-header {

		border-bottom: 1px solid #eee;

		padding: 15px 20px;

	}

	.item-in-detail .item-header h3 {

		margin: 0px;

	}

	.item-in-detail .item-media {

		width: 100%;

		background: url(assets/img/ajax-loader.gif) center no-repeat;

	}

	.item-in-detail .item-body {

		padding: 20px;

	}

	.item-in-detail .item-footer {

		padding: 0px 20px 20px;

	}

	

	/* Since v1.1 */

	.item-comments,

	.item-respond {

		padding: 0px 20px 15px;

		border-top: 1px solid #efefef;

	}

	.commentlist,

	.commentlist .children {

		padding: 0px;

		margin: 0px;

		list-style: none;

	}

	.commentlist .children {

		margin-left: 5%;

	}

	.comment-img {

		width: 60px;

		height: 60px;

		float: left;

		margin-bottom: 20px;

	}

	.children .comment-img {

		width: 50px;

		height: 50px;

	}

	.comment-meta {

		padding: 0px 0px 10px;

	}

	.comment-meta,

	.comment-text {

		padding-left: 80px;

	}

	.children .comment-meta,

	.children .comment-text {

		padding-left: 70px;

	}

	.comment-text {

		padding-bottom: 10px;

	}

	/* End Since v1.1 */

	

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

	# Price Package

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

	.price-package {

		background: #393939;

		margin-bottom: 10px;

	}

	.price-package:hover {

		margin-bottom: 0px;

		position: relative;

		z-index: 99;

	}

	.package-header,

	.package-price,

	.package-features {

		padding: 20px;

	}

	.price-package .name,

	.price-package .price {

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

		color: #fff;

	}

	.price-package .name {

		text-transform: uppercase;

		font-size: 16px;

	}

	.package-price {

		background: #4f4f4f;

		font-size: 30px;

		line-height: 36px; 

	}

	.price-package:hover {

		border: 1px solid #fff;

	}

	.price-package:hover .package-price {

		background: #00bba6;

	}

	.package-price small {

		font-size: 13px;

		line-height: 13px;

		text-transform: uppercase;

	}

	.price-package ul {

		list-style: none;

		margin: 0px;

	}

	.price-package ul li {

		margin-bottom: 8px;

	}

	.price-package ul li:hover {

		color: #fff;

	}

	.price-package .btn {

		margin: 0px 25px 20px;

		display: block;

	}



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

	# Blog - changed for WP version

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

	.blog-post {

		background: #fff;

		margin-bottom: 10px;

	}

	.blog-post p {

		color: #8f8f8f!important;

	}

	.blog-post:hover .blog-thumb {

		opacity: 0.5;

	}

	.single .blog-post:hover .blog-thumb {

		opacity: 1;

	}

	.blog-post .blog-thumb {

		overflow: hidden;

	}

	.blog-post .blog-thumb img {

		width: 100.5%;

		max-width: 100.5%;

	}

	.blog-post .blog-thumb:hover {

		cursor: pointer;

	}

	.blog-info {

		padding: 25px 20px 0px;

	}

	.blog-info.no-thumb {

		min-height: 300px;

	}

	.blog-thumb.video .fluid-width-video-wrapper {

		height: 10px;

	}

	.blog-info.video {

		min-height: inherit;

	}

	.blog-content {

		padding: 30px 30px 10px;

	}

	.blog-post h1,

	.blog-post h2,

	.blog-post h3,

	.blog-post h4,

	.blog-post h5,

	.blog-post h6 {

		color: #00bba6;

	}

	.blog-title {

		font-size: 16px;

		line-height: 21px;

		margin: 0px 0px 20px;

		word-wrap: break-word;

		-ms-word-wrap: break-word;

	}

	h1.blog-title {

		font-size: 22px;

		margin: 10px 0px 15px;

	}

	.blog-meta a {

		width: 25%;

		text-align: center;

		display: block;

		float: left;

		font-size: 16px;

		line-height: 16px;

		padding: 10px 0px;

		position: relative;

	}

	.blog-meta a:hover {

		color: #fff;

		background: #00bba6;

	}

	

	.blog-post .post-meta ul {

		list-style: none;

		margin: 0px;

		margin-bottom: 30px;

	}

	.blog-post .post-meta ul li {

		display: inline-block;

		margin-right: 10px;

		text-transform: uppercase;

	}

	.blog-post .post-meta ul li a {

	}

	

	.blog-post .comments-area {

		padding: 0px 30px 20px;

		border-top: 1px solid #efefef;

	}

	.comment-reply-title {

		border-top: 1px solid #efefef;

		margin-top: 0px;

		padding-top: 30px;

	}

	.commentlist,

	.commentlist .children {

		padding: 0px;

		margin: 0px;

		list-style: none;

	}

	.commentlist .children {

		margin-left: 5%;

	}

	.comment-img {

		width: 60px;

		height: 60px;

		float: left;

		margin-bottom: 20px;

	}

	.children .comment-img {

		width: 50px;

		height: 50px;

	}

	.comment-meta {

		padding: 0px 0px 10px;

	}

	.comment-meta,

	.comment-content {

		padding-left: 80px;

	}

	.children .comment-meta,

	.children .comment-content {

		padding-left: 70px;

	}

	.comment-content {

		padding-bottom: 10px;

	}

	

	.edit-link {

		margin-bottom: 15px;

	}

	#nav-single span {

		margin-bottom: 20px;

	}

	.comment-reply-link {

		padding: 5px 10px;

		border: 1px solid;

		font-size: 10px;

		font-weight: bold;

		line-height: 14px;

		text-transform: uppercase;

		float: right;

	}

	.comment-navigation {

		margin-bottom: 25px;

	}

	.comment-meta .fn span {

		background: #eee;

		font-size: 10px;

		font-weight: bold;

		text-transform: uppercase;

		padding: 2px 5px;

	}

	.comment-form code {

		white-space: normal;

	}

	.form-submit input[type="submit"] {

		background: #fff;

		font-size: 12px;

	}

	.page-links {

		margin-bottom: 25px;

	}

	.tags a {

		background: #eee;

		font-size: 10px;

		font-weight: bold;

		text-transform: uppercase;

		padding: 3px 6px;

	}

	p.no-comments {

		margin-top: 20px;

	}

	

	.paging-navigation {

		display: inline-block;

		margin-top: 25px;

	}

	

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

	# WordPress Blog styles

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

	

	/* Make sure videos and embeds fit their containers. */

	embed,

	iframe,

	object,

	video {

		max-width: 100%;

	}

	/* Override the Twitter embed fixed width. */

	.entry-content .twitter-tweet-rendered {

		max-width: 100% !important;

	}

	/* Images */

	.alignleft {

		float: left;

	}

	.alignright {

		float: right;

	}

	.aligncenter {

		display: block;

		margin-left: auto;

		margin-right: auto;

	}

	img.alignleft {

		margin: 5px 20px 5px 0;

	}

	.wp-caption.alignleft {

		margin: 5px 10px 5px 0;

	}

	img.alignright {

		margin: 5px 0 5px 20px;

	}

	.wp-caption.alignright {

		margin: 5px 0 5px 10px;

	}

	img.aligncenter {

		margin: 5px auto;

	}

	img.alignnone {

		margin: 5px 0;

	}

	.wp-caption {

		max-width: 100%;

	}

	.wp-caption .wp-caption-text,

	.entry-caption,

	.gallery-caption {

		color: #220e10;

		font-size: 18px;

		font-style: italic;

		font-weight: 300;

		margin-top: 10px;

	}

	img.wp-smiley,

	.rsswidget img {

		border: 0;

		border-radius: 0;

		box-shadow: none;

		margin-bottom: 0;

		margin-top: 0;

		padding: 0;

	}

	.wp-caption.alignleft + ul,

	.wp-caption.alignleft + ol  {

		list-style-position: inside;

	}

	

	.gallery-caption {

	}

	.sticky {

	}

	.bypostauthor {

	}

	

	table {

		width: 100%;

		border-bottom: 1px solid #ededed;

		margin-bottom: 15px;

	}

	th {

		text-align: left;

		padding-bottom: 6px;

	}

	td {

		border-top: 1px solid #ededed;

		padding: 6px 10px 6px 0px;

	}



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

	# Sidebar

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

	.widget {

		background: #fff;

		margin-bottom: 10px;

	}

	.widget-title {

		background: #393939;

		padding: 15px 25px;

		margin: 0px;

	}

	.widget ul {

		list-style: none;

		padding: 25px;

		margin: 0px;

	}

	.widget ul ul {

		padding: 5px 0px 5px 25px;

	}

	.textwidget,

	.widget .tagcloud {

		padding: 25px;

	}

	#calendar_wrap {

		padding: 25px;

	}

	#wp-calendar {

		width: 100%;

	}

	.widget_search .searchform {

		padding: 25px;

	}

	

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

	# Clients

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

	.clients.carousel {

		padding: 0px 85px;

		margin-bottom: 30px;

	}

	.clients.carousel .slides li {

		width: 230px;

		margin-right: 45px;

	}

	.clients.carousel .slides li a {

		opacity: 0.6;

		display: block;

	}

	.clients.carousel .slides li a:hover {

		opacity: 1;

	}



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

	# Skills

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

	.skill{

		margin-bottom:10px;

	}

	.progress{

		background: #f7f7f9;

		height: 8px;

		box-shadow: none;

		-webkit-box-shadow: none;

		-moz-box-shadow: none;

		border-radius: 0px;

		-webkit-border-radius: 0px;

		-moz-border-radius: 0px;

		overflow: visible;

	}

	.progress .bar{

		box-shadow: none;

		-webkit-box-shadow: none;

		-moz-box-shadow: none;

		position: relative;

	}

	.progress-success .bar, 

	.progress .bar-success{

		background-color: #00bba6;

		background-image: none;

		filter: none;

	}

	.percentage-marker {

		background: #393939;

		color: #fff;

		padding: 4px 6px;

		position: absolute;

		top: -30px;

		right: -13px;

		font-size: 10px;

		line-height: 10px;

	}

	.percentage-marker:after {

		content: "";

		display: block;

		width: 0; 

		height: 0; 

		border-top: 5px solid #393939; 

		border-left: 5px solid transparent; 

		border-right: 5px solid transparent; 

		bottom: -5px; 

		left: 50%;

		margin-left: -5px;

		position: absolute;

		z-index: 15;

	}



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

	# Seperator

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

	.seperator-type .slogan {

		color: #fff;

		margin: 45px 50px;

	}

	.seperator-type .slogan.less-margin {

		margin-bottom: 0px;

		margin-top: 20px;

	}

	.seperator-type .container {

		padding: 80px 0px 60px;

	}

	.parallax-type .container {

		padding: 100px 0px;

		position: relative;

	}

	.parallax {

		width: 100%;

		top: 0px;

		bottom: 0px;

		background: url(demo/dummy/1800x724.jpg) 50% 0 repeat fixed;

		margin: 0 auto; 

		overflow: hidden; 

		padding: 0;

		position: absolute;

		z-index: -10;

	}

	.seperator-type .dark-overlay {

		position: absolute;

		/* z-index: -5; */

		top: 0px;

		bottom: 0px;

		left: 0px;

		right: 0px;

		width: 100%;

		background: url(assets/img/tile.png) repeat;

	}



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

	# Google Maps

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

	.google-maps {

		height: 500px;

	}



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

	# Twitter Feed & Quote Box

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

	.tweet-box,

	.quote-box,

	.text-box {

		background: #393939;

		padding: 30px;

		position: relative;

		margin-bottom: 30px;

	}

	.text-box {

		padding-bottom: 10px;

	}

	.tweet-box:before,

	.quote-box:before,

	.text-box:before {

		content: "";

		display: block;

		width: 0; 

		height: 0; 

		border-bottom: 8px solid #393939; 

		border-left: 9px solid transparent; 

		border-right: 9px solid transparent; 

		top: -8px; 

		left: 35px;

		position: absolute; 

		z-index: 15;

	}

	.tweet-box .icon-twitter,

	.quote-box .icon-quote {

		color: #00bba6;

		font-size: 20px;

		position: absolute;

		bottom: 25px;

		right: 25px;

	}

	.tweet-box a:hover,

	.quote-box a:hover,

	.text-box a:hover {

		color: #fff;

	}

	.tweet_list {

		margin: 0px;

		list-style: none;

		color: #fff;

	}

	.tweet_list li {

		margin-top: 15px;

	}

	.tweet_list .tweet_first {

		margin-top: 0px;

	}

	.tweet_time {

		display: block;

		font-style: italic;

	}



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

	# Newsletter

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

	.newsletter {

		position: relative;

	}

	.newsletter .news-title {

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

		background: #00bba6;

		padding: 0px 15px;

		float: left;

		height: 44px;

		line-height: 44px;

		color: #fff;

		text-transform: uppercase;

		position: relative;

	}

	.newsletter .news-title:after {

		content: "";

		display: block;

		width: 0; 

		height: 0; 

		border-top: 22px solid transparent; 

		border-bottom: 22px solid transparent;

		border-left: 12px solid #00bba6;

		position: absolute;

		top: 0px;

		right: -12px;

	}

	.newsletter input {

		padding-left: 25px;

		height: 44px;

	}

	.newsletter button {

		position: absolute;

		top: 0px;

		right: 0px;

		background: none;

		border: none;

		color: #8f8f8f;

		border-left: 1px solid #fff;

		background: #f0f0f4;

		font-size: 18px;

	}

	.newsletter .news-icon {

		float: right;

		height: 44px;

		width: 46px;

		line-height: 44px;

	}

	.newsletter .news-icon:hover {

		color: #00bba6;

	}



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

	# Footer

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

	.copyright {

		margin-bottom: 0px;

	}

	

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

	# Miscellaneaus

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

	.tooltip-inner {

		-webkit-border-radius: 0px;

		-moz-border-radius: 0px;

		border-radius: 0px;

	}

	.last {

		margin-right: 0px!important;

	}

	

	/* Since v1.2 */

	.parallax-mobile {

		background-position: 50% 0px!important; 

		background-attachment: scroll!important;

	}

	/* End Since v1.2 */





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



	/** mobile navigation - since v1.4 */

	#trigger-mobile-nav {

		display: block;

	}

	.main-nav {

		display: block;

		height: auto;

		min-height: 57px;

	}

	.main-nav .nav {

		display: none;

	}

	.main-nav .nav li {

		float: none;

		display: block;

		line-height: 22px;

	}

	.main-nav .nav li a {

		font-size: 12px;

		border-top: 1px solid rgba(255,255,255,0.2);

		padding: 8px 0px;

	}

	.main-nav .nav li:first-child a {

		border-top: 0px;

	}

	/** fix for multi page mobile navigation */

	.header-type .mobile-pull {

		float: none;

	}

	.header-type .mobile-pull .main-nav {

		display: none;

	}

	.header-type .mobile-pull .main-nav .nav {

		display: block;

	}

	.header-type .mobile-pull #trigger-mobile-nav {

		padding: 0;

		position: relative;

		float: right;

		width: inherit;

	}

	.header-type .mobile-pull .main-nav {

		position: absolute;

		left: 0;

		right: 0;

		top: 45px;

		z-index: 100;

	}



	.item-box .item-content {

		width: auto;

		float: none;

	}

	.item-box .item-images {

		width: 100%;

		float: none;

	}

	.parallax {

		background-position: 50% 0px!important; 

		background-attachment: scroll!important;

	}

	.seperator-type .slogan {

		margin: 20px 0px;

	}

	.home-type .overlay .fade-element {

		padding: 0px;

	}

	.blog-thumb.video .fluid-width-video-wrapper {

		height: inherit;

	}

}

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

	.container{

		width:738px;

	}

	.service .back{

		min-height:190px;

	}

	.carousel .slides li {

		width: 176px!important;

	}

	.clients.carousel .slides li {

		width: 158px!important;

	}

	.portfolio .item {

		width: 176px;

	}

}

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

	.header-type .adds {

		display: none;

	}

	.header-type .logo {

		margin-bottom: 10px;

	}

	.portfolio .item {

		margin-left: 0px;

	}

	.google-maps {

		height: 300px;

	}

	.slogan{

		font-size: 24px;

		line-height: 30px;

		margin-bottom: 40px;

	}

	.service{

		height: auto;

	}

	.service .front {

		height: 180px;

		padding: 35px 0px 0px;

	}

	.service .back{

		height: auto;

		display: block;

		position: relative;

		top: inherit;

	}

	.tp-caption .border-btn {

		font-size: 12px;

		padding: 2% 4%;

	}

	.home-type .parallax.short {

		height: 280px;

	}

	#hide-overlay-phone {

		display: block;

	}

	.home-type .overlay .overlay-content {

		margin-top: -20px;

	}

	.home-type.parallax-type .overlay .overlay-content {

		margin-top: -100px;

		height: inherit;

	}

	.element-fader,

	.big-logo {

		display: none;

	}

	.home-type.parallax-type .big-logo {

		display: block;

	}

	

	.blog-info.no-thumb {

		min-height: inherit;

	}

	

}

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

	.container{

		width:420px;

	}

	.carousel .slides li {

		width: 205px!important;

	}

	.clients.carousel .slides li {

		width: 250px!important;

	}

	.portfolio .item {

		width: 200px;

	}

	.rev-title {

		font-size: 16px;

		line-height: 22px;

	}

	.rev-title.big {

		font-size: 24px;

		line-height: 28px;

	}

}



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

	.container{

		width: 300px;

	}

	.carousel .slides li {

		width: 300px!important;

	}

	.clients.carousel .slides li {

		width: 210px!important;

	}

	.clients.carousel {

		padding:0px 45px;

	}

	.portfolio .item {

		width: 300px;

	}

	.rev-title {

		font-size: 10px;

		line-height: 14px;

	}

	.rev-title.big {

		font-size: 16px;

		line-height: 20px;

	}

	.home-type.parallax-type .big-logo img {

		width: 70%;

	}

}