/*
  Theme Name: OnionWP
  Theme URI: http://www.shindiristudio.com/onion/
  Description: The OnionWP Wordpress Theme! by Shindiri Studio (http://www.shindiristudio.com/)
  Version: 1.1
  Author:  Shindiri Studio & Marko Gligorijević
  Author URI: http://www.shindiristudio.com/
  Tags: agency, wordpress, creative, design, flat, freelance, gallery, retina, modern, parallax, portfolio, responsive, showcase, studio, web
  Text Domain: onionwp
  Domain Path: /languages
  License:
  License URI:
  */

/* ---------------- Table of contents ----------------------

	1. BASE
	2. WP DEFAULT
	3. LOADER
	4. HEADER
	5. MENU
	6. INDEX PAGE
	7. WORK PAGE
	8. SINGLE PROJECT PAGE
	9. BLOG ARCHIVE PAGE
	10. BLOG POST PAGE
	11. ABOUT US PAGE
	12. SERVICES PAGE
	13. CONTACT PAGE
	14. SIDEBAR
	15. FOOTER
	16. COLOR SWITCHER
	17. VISUAL COMPOSER
	18. RESPONSIVE DESIGN

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


	/************************* */
	/* 1. BASE */
	/************************* */
	body {
		padding: 0;
		margin: 0;
		height: 100%;
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-size:16px;
		color: #222222;
		line-height: 28px;
		-webkit-font-smoothing:antialiased;
	}

	a, button {
		outline: medium none !important;
		text-decoration: none !important;
	}

	b, strong {
		font-weight: 600;
	}

	p{
		margin:0;
		font-size:18px;
		color:#3A3532;
		line-height:150%;;;
	}

	ul {
		margin: 0;
		padding: 0;
	}

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

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

	h1, h2, h3, h4, h5, h6{
		font-family: 'Open Sans', sans-serif;
		font-weight: 800;
		color:#222222;
		text-transform:uppercase;
	}

	h1{
		color:#fff;
		font-size:55px;
		line-height:78px;
		margin:4px auto 15px;
	}

	h1 span{
		box-decoration-break: clone;
	}

	h2{
		color:#fff;
		font-size:45px;
		line-height:55px;
		margin:10px 0 20px;
	}

	h3{
		font-size:23px;
		line-height:35px;
		margin:0;
	}

	.subtitle, .subtitle a{
		font-family: 'Merriweather', serif;
		font-size:18px;
		color:#fff;
	}

	.portfolio-item .subtitle.small{
		font-family: 'Merriweather', serif;
		display: block;
		color: #222;
		font-size:14px;
		opacity: 0;
		transform: translate(0, 20px);
		transition: transform .4s ease .1s, opacity .4s ease .1s;
	}

	.portfolio-item h2{
		color: #222;
		font-family: 'Open Sans', sans-serif;
		font-weight: bold;
		font-size: 30px;
		line-height: 36px;
		transform: translate(0, 20px);
		opacity: 0;
		transition: transform .4s ease .2s, opacity .4s ease .2s;
	}

	.portfolio-item .btn{
		border: none;
		margin-top: -12px;
		opacity: 0;
		transform: translate(0, 20px);
		transition: transform .4s ease .3s, opacity .4s ease .3s;
	}

	.portfolio-item .btn .icon-arrow{
		background: url(images/arrow-small.png) no-repeat center;
	}

	.portfolio-item .btn span{
		font-family: 'Merriweather', serif;
		color: #222;
		font-size:14px;
	}

	.portfolio-item .btn:after, .portfolio-item .btn:focus, .portfolio-item .btn:active{
		box-shadow: none;
		background-color: transparent;
	}

	.portfolio-item .btn:hover .icon-arrow{
		background-position: center;
	}

	.portfolio-item:hover h2{
		transform: translate(0, 0);
		opacity: 1;
	}

	.portfolio-item:hover .subtitle.small{
		transform: translate(0, 0);
		opacity: 1;
	}

	.portfolio-item:hover .btn{
		transform: translate(0, 0);
		opacity: 1;
	}

	.portfolio .portfolio-item:hover > .hover-item{
		opacity: 1;
	}

	.portfolio .portfolio-item:hover > .hover-item.whitelayer{
		opacity: 1;
	}

	.portfolio .hover-item {
		opacity: 0;
	}

	.portfolio .hover-item.whitelayer{
		background-color: rgba(255,255,255,0.85);
	}

	@media (max-width: 992px){
		.portfolio .portfolio-item .hover-item{
			background: transparent;
			opacity: 1 !important;
		}

		.portfolio .hover-item .hover-content{
			display: block !important;
			height: auto !important;
			position: absolute;
			bottom: 0;
			padding-left: 20px;
			padding-bottom: 20px;
			background-color: rgba(255,255,255,0.85);
		}

		.portfolio .hover-item .hover-content .hover-content-alignCenter{
			text-align: left !important;
		}

		.portfolio-item .btn{
			opacity: 1 !important;
			padding-left: 0;
			padding-bottom: 20px;
		}

		.portfolio-item .subtitle.small{
			opacity: 1 !important;
			display: none;
		}

		.portfolio-item h2{
			opacity: 1 !important;
			line-height: 26px;
			font-size: 16px;
		}

		.portfolio .portfolio-item:hover > .hover-item{
			background: transparent;
		}

		.portfolio-item:hover .subtitle.small{
			transform: translate(0, 20px) !important;
		}

		.portfolio-item h2{
			margin-bottom: 12px;
		}

		.portfolio-item:hover h2{  
			transform: translate(0, 20px) !important;
		}

		.portfolio-item:hover .btn{
			transform: translate(0, 20px) !important;
		}

		.project-pagination-content:hover .title-pag{
			display: none;
		}

	}

	.home .subtitle, .home .subtitle a, .subtitle-dark{
		color:#222;
	}

	.subtitle.small, .subtitle.small a{
		font-size:16px;
	}

	.subfont{
		font-family: 'Merriweather', serif;
	}

	::selection {
		color:#fff;
	}

	::-moz-selection {
		color:#fff;
	}

	#main{
		padding-top:72px;
	}

	.col-centered{
		float: none;
		margin: 0 auto;
	}

	.btn {
		position: relative;
		color: #fff;
		font-family: 'interstate' !important;
		cursor: pointer;
		padding: 5px 20px 5px 20px;
		margin: 0;
		border: 1px solid #fff;
		border-radius: 52px;
		display: inline-block;
		overflow: hidden;
		transition: all 200ms linear;
		-o-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-webkit-transition: all 200ms linear;
		transform: skew(0deg);
		-o-transform: skew(0deg);
		-moz-transform: skew(0deg);
		-webkit-transform: skew(0deg);
		font-size: 15px;
		letter-spacing: -1px;
		font-weight: bold;
		background:##86827F;
	}


	.btn:hover{
		border-color: transparent;
		color:#000 !important;
		background:#ccc;
	}

	.btn:hover .icon-arrow,
	.btn.dark .icon-arrow{
		background-position:0 -17px;
	}

	.btn.dark:focus .icon-arrow{
		background-position:0 0;
	}

	.btn:focus{
		background-color:#fff;
		color:#222222;
	}

	.btn:after {
		background-color: #fff;
		content: "";
		width: 0;
		height: 102%;
		position: absolute;
		top: 0;
		left: -10px;
		transition: all 320ms ease 0s;
		-o-transition: all 320ms ease 0s;
		-ms-transition: all 320ms ease 0s;
		-moz-transition: all 320ms ease 0s;
		-webkit-transition: all 320ms ease 0s;
		z-index:-1;
		transform: skew(-15deg);
		-o-transform: skew(-15deg);
		-moz-transform: skew(-15deg);
		-webkit-transform: skew(-15deg);
	}

	.btn:hover:after {
		width: 125%;
	}

	.btn span{
		display:inline-block;
		transform: skew(0deg);
		-o-transform: skew(0deg);
		-moz-transform: skew(0deg);
		-webkit-transform: skew(0deg);
	}

	.btn .icon-arrow {
		position: absolute;
		background:url(images/btn-arrow.png) 0 0;
		display:block;
		width:28px;
		height:17px;
		top:16px;
		right: 30px;
		z-index: 1;
	}

	.btn:focus .icon-arrow {
		background-position:0 -17px;
	}

	.btn.dark{
		/*background-color:#fff;*/
		color: #222222;
		border-color: #222222;
	}

	.btn.dark:hover{
		color:#fff;
		border-color:transparent;
	}

	.btn.dark:hover .icon-arrow{
		background-position:0 0;
	}

	.btn.dark:after,
	.btn.dark:focus {
		background-color: #222222;
		color:#fff;
	}

	.background-overlay {
		background-image: url("images/pattern.png");
		bottom: 0;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	.no-padding {
		padding: 0 !important;
	}

	.no-margin {
		margin: 0;
	}

	.text-align-left{
		text-align: left;
	}

	.text-align-right{
		text-align: right;
	}

	.float-right{
		float: right;
	}

	.relposdiv{
		position: relative;
	}

	.parallax-over{
		position: relative;
		background-color: #fff;
	}


	/************************* */
	/* 2. WP DEFAULT */
	/************************* */
	.alignnone {
		margin: 5px 20px 20px 0;
	}

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

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

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

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

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

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

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

	.wp-caption {
		border: none;
		max-width: 96%; /* Image does not overflow the content area */
		padding: 5px 3px 10px;
		text-align: center;
	}

	.wp-caption.alignnone {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignleft {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignright {
		margin: 5px 0 20px 20px;
	}

	.wp-caption img {
		border: 0 none;
		height: auto;
		margin: 0;
		max-width: 98.5%;
		padding: 0;
		width: auto;
	}

	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		margin: 0;
		padding: 0 4px 5px;
	}

	.commentlist .bypostauthor {
		/* Nothing */
	}

	.gallery-caption{
		/* Nothing */
	}

	.size-auto,
	.size-full,
	.size-large,
	.size-medium,
	.size-thumbnail,
	figure {
		max-width: 100%;
		height: auto;
	}


	/***************** */
	/* 3. LOADER */
	/***************** */
	#loader-container {
		position: fixed;
		display: table;
		width: 100%;
		height: 100%;
		min-height: 100%;
		overflow-x: hidden;
		overflow-y: hidden;
		vertical-align: middle;
		background: #fff;
		z-index: 99999;
	}

	.loader-content {
		position: relative;
		display: table-cell;
		vertical-align: middle;
		z-index: 3;
		text-align: center;
	}

	.loader {
		position: relative;
		margin: 0 auto;
		text-indent: -9999em;
		-webkit-animation: load8 1s infinite linear;
		animation: load8 1s infinite linear;
	}

	.loader,
	.loader:after {
		border-radius: 50%;
		width: 100px;
		height: 100px;
	}

	@-webkit-keyframes load8 {
		0% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	@keyframes load8 {
		0% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}


	/************************* */
	/* 4. HEADER  */
	/************************* */
	body.admin-bar #header{
		margin-top: 32px;
	}
	#header{
		position: fixed;
		top:0;
		left: 0;
		width: 100%;
		padding: 21px 40px;
		z-index: 1900;
		transition: background 0.3s;
		-webkit-transition: background 0.3s;
		width: 100%;
		/*max-width: 1620px;*/
		margin: 0 auto;
		
	}

	#header.no-background{
		background-color:transparent;
	}

	.logo{
		position: relative;
		float: left;
		overflow: hidden;
	}

	#btn-menu {position: relative; cursor:pointer; float: right; margin: 48px 10px 0; width:30px; height:22px; line-height:22px; }
	.scrolled #btn-menu { margin-top: 27px; }
	.scrolled .header-social { margin-top: 25px; }



	#btn-menu .title{
		font-size:18px;
		font-weight:600;
		color:#1e1d1d;
		transition: all 200ms linear;
		-o-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-webkit-transition: all 200ms linear;
	}

	#btn-menu .line {
		background:#39393b;
		width:24px;
		position:absolute;
		height:4px;
		right:0;
		transition: all 200ms linear;
		-o-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-webkit-transition: all 200ms linear;
	}

	#btn-menu .line1 {
		top: 0;
	}

	#btn-menu .line2 {
		top: 9px;
	}

	#btn-menu .line3 {
		top: 18px;
	}


	/************************* */
	/* 5. MENU  */
	/************************* */
	.offcanvas-menu {
		background:#222222;
		position: fixed;
		width: 375px;
		height: 100%;
		padding-right:40px;
		padding-bottom: 40px;
		top:72px;
		right: -375px;
		z-index: 3000;
		transition: all 150ms linear;
		-o-transition: all 150ms linear;
		-ms-transition: all 150ms linear;
		-moz-transition: all 150ms linear;
		-webkit-transition: all 150ms linear;
	}

	body.admin-bar .offcanvas-menu{
		margin-top: 32px;
		z-index: 2000;
	}

	.offcanvas-menu.slide {
		right:0;
	}

	.btn-menu-close{
		background:#222222;
		position:fixed;
		top:0;
		right:-375px;
		width: 375px;
		height:72px;
		text-align:center;
		cursor:pointer;
		z-index: 999;
		transition: all 150ms linear;
		-o-transition: all 150ms linear;
		-ms-transition: all 150ms linear;
		-moz-transition: all 150ms linear;
		-webkit-transition: all 150ms linear;
	}

	body.admin-bar .btn-menu-close{
		margin-top: 32px;
	}

	.btn-menu-close.slide{
		right:0;
	}

	.btn-menu-close i{
		vertical-align:middle;
		color:#fff;
		font-size:22px;
		margin-top:26px;
		float: right;
		margin-right: 40px;
		transition: all 200ms linear;
		-o-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-webkit-transition: all 200ms linear;
	}

	.menu-list{
		margin:0 0 15px;
	}

	.menu-list li a{
		color:#86827f;
		font-size:18px;
		line-height:24px;
		transition: all 200ms linear;
		-o-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-webkit-transition: all 200ms linear;
	}

	.menu-list li a{
		display:block;
		color:#fff;
		font-size:18px;
		font-weight:700;
		margin: 25px 0;
	}

	.menu-list li ul.sub-menu li a {
		display: inline;
		color: #86827f;
		font-size: 18px;
		line-height: 24px;
		font-weight:300;
		transition: all 200ms linear;
		-o-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-webkit-transition: all 200ms linear;
	}

	.menu-logo{
		margin:45px 0 20px;
	}

	.menu-text{
		font-size:14px;
		line-height:25px;
		letter-spacing:0.35px;
		color:#86827f;
		padding-left: 40px;
	}

	.menu-social{
		margin: 20px 0;
	}

	.menu-social li{
		display: inline-block;
		margin-left:15px;
	}

	.menu-social li a{
		border: 2px solid #fff;
		border-radius: 50%;
		display: inline-block;
		font-size: 16px;
		color:#fff;
		width: 32px;
		height: 32px;
		line-height: 30px;
		text-align: center;
		transition: all 200ms linear;
		-o-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-webkit-transition: all 200ms linear;
	}

	.mCSB_scrollTools {
		bottom: 0;
		height: auto;
		left: 0;
		position: absolute;
		right: auto;
		top: 0;
		width: 16px;
	}

	.mCSB_inside > .mCSB_container {
		margin-right: 0;
	}

	.mCSB_scrollTools {
		opacity:1;
		width: 6px;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		border-radius: 0;
		width: 6px;
	}

	.mCSB_scrollTools .mCSB_draggerRail {
		background-color: #444444;
	}

	.mCSB_scrollTools .mCSB_draggerRail {
		border-radius:0;
		width: 6px;
	}


	/************************* */
	/* 6. INDEX PAGE  */
	/************************* */
	.full-slide{
		position:relative;
		display:table;
		background-size:cover;
	}

	.full-slide-content{
		padding-bottom:10px;
	}

	.full-slide{
		position:relative;
		display:table;
	}

	.full-slide img.wp-post-image{
		bottom: -9999px;
		height: 100%;
		left: -9999px;
		margin: auto;
		max-width: initial;
		min-width: 100%;
		position: absolute;
		right: -9999px;
		top: -9999px;
		width: auto;
		z-index:-1;
	}

	.full-slide img.attachment-full{
		bottom: -9999px;
		height: 100%;
		left: -9999px;
		margin: auto;
		max-width: initial;
		min-width: 100%;
		position: absolute;
		right: -9999px;
		top: -9999px;
		width: auto;
		z-index:-1;
		transform: scale(0.6);
		transition: all .6s ease .7s;
	}

	.full-slide.active img.attachment-full{
		transform: scale(1);
	}

	.full-slide img.blurredimg{
		bottom: -9999px;
		height: 100%;
		left: -9999px;
		margin: auto;
		max-width: initial;
		min-width: 100%;
		position: absolute;
		right: -9999px;
		top: -9999px;
		width: auto;
		transform: scale(1) !important;
		-webkit-filter: blur(5px);
		-moz-filter: blur(5px);
		-o-filter: blur(5px);
		-ms-filter: blur(5px);
		filter: blur(5px);
		z-index: -3;
	}


	.revealOnScroll{
		opacity: 0;
		transform: scale(0.1);
		transition: all .7s ease .6s;
	}

	.revealOnScrollBtn{
		opacity: 0;
		transition: opacity .7s ease 1.2s;
	}

	.revealOnScrollCat{
		opacity: 0;
		transition: all .7s ease 0.9s;
	}

	.full-slide.active .revealOnScroll{
		opacity: 1;
		transform: scale(1);
		transition: opacity .7s ease .9s;
	}

	.full-slide.active .revealOnScrollBtn{
		opacity: 1;
	}

	.full-slide.active .revealOnScrollCat{
		opacity: 1;
	}

	.overlay-slider{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(255,255,255,0.5);
		z-index: -1;
		opacity: 0;
		transition: opacity 1.1s ease .9s;
	}

	.full-slide.active .overlay-slider{
		opacity: 1;
		transition: opacity 1.1s ease .9s;
	}

	/************************* */
	/* 7. WORK PAGE  */
	/************************* */
	.home-container{
		position:relative;
		color:#fff;
		overflow:hidden;
	}

	.home-container img{
		bottom: -9999px;
		height: 100%;
		left: -9999px;
		margin: auto;
		max-width: initial;
		min-width: 100%;
		position: absolute;
		right: -9999px;
		top: -9999px;
		width: auto;
	}

	.home-text-container{
		display:table;
		/*width:100%;*/
		height:100%;
	}

	.home-container.projects .home-text-container{
		width: 100%;
	}

	.home-text-content{
		display:table-cell;
		vertical-align:middle;
		margin:0 auto;
	}

	.home-text-content{
		display:table-cell;
		vertical-align:middle;
		margin:0 auto;
	}

	.portfolio .portfolio-container {
		margin-left:0;
		margin-right:0;
	}

	.portfolio .portfolio-content {
		padding-left:0;
		padding-right:0;
	}

	.portfolio .portfolio-item{
		padding-left:0;
		padding-right:0;
		margin-bottom:-1px;
		overflow:hidden;
	}

	.paralax-bg-effect{
		position: absolute;
	}

	.portfolio .portfolio-item:hover > .hover-item{
		opacity:1;
	}

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

	.portfolio .hover-item{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		opacity:0;
		transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		-ms-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-webkit-transition: all 250ms ease-in-out;
	}

	.portfolio .hover-item .hover-content{
		width:100%;
		height:100%;
		display:table;
	}

	.portfolio .hover-item .hover-content .hover-content-alignCenter{
		display:table-cell;
		vertical-align:middle;
		text-align:center;
	}

	.work3 .work3-container {
		margin-left:0;
		margin-right:0;
		height: 437px;
	}

	.work3 .work3-content {
		padding-left:0;
		padding-right:0;
	}

	.work3 .work3-item{
		padding-left:0;
		padding-right:0;
		margin-bottom:-1px;
	}

	.paralax-bg-effect{
		position: absolute;
	}

	.work3 .work3-item:hover > .hover-item{
		opacity:1;
	}

	.work3 .hover-item{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		opacity:0;
		transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		-ms-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-webkit-transition: all 250ms ease-in-out;
	}

	.work3 .hover-item .hover-content{
		width:100%;
		height:100%;
		display:table;
	}

	.work3 .hover-item .hover-content .hover-content-alignCenter{
		display:table-cell;
		vertical-align:middle;
		text-align:center;
	}

	.grid {
		max-width: 100%;
		list-style: none;
		padding: 0;
	}

	.grid li {
		display: block;
		float: left;
		opacity: 0;
	}

	.grid li.shown,
	.no-js .grid li,
	.no-cssanimations .grid li {
		opacity: 1;
	}

	.grid li img {
		outline: none;
		border: none;
		display: block;
		max-width: 100%;
	}

	.grid.effect li.animate {
		-webkit-transform: translateY(200px);
		transform: translateY(200px);
		-webkit-animation: moveUp 0.65s ease forwards;
		animation: moveUp 0.65s ease forwards;
	}

	@-webkit-keyframes moveUp {
		0% { }
		100% { -webkit-transform: translateY(0); opacity: 1; }
	}

	@keyframes moveUp {
		0% { }
		100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
	}

	.load-more-work{
		position:relative;
		padding:45px 0;
		background-color:#fff;
		z-index:1;
	}

	.load-more-archive{
		padding: 30px 0;
	}

	.load-more{
		display:table;
		margin:0 auto;
		padding:0;
		border:none;
		background-color:#fff;
	}

	.load-more:hover .icon{
		background-color:#fff;
	}

	.load-more .icon{
		display:block;
		width:52px;
		height:52px;
		margin:0 auto;
		border-radius:50%;
		text-align:center;
		line-height:52px;
		transition: all 200ms linear;
		-o-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-webkit-transition: all 200ms linear;
	}

	.load-more .icon i{
		color:#fff;
		font-size:24px;
		line-height:52px;
	}

	.load-more .icon-title{
		font-family: "Open Sans",sans-serif;
		font-size:16px;
		font-weight:800;
		color:#86827f;
	}

	.fast {
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
	}

	.slow {
		-webkit-animation-duration: 1.1s;
		animation-duration: 1.1s;
	}

	@-webkit-keyframes showInUp {
		0% {
			-webkit-transform: translateY(150px);
			transform: translateY(150px);
			-ms-transform: translateY(150px);
		}

		100% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
			-ms-transform: translateY(0);
		}
	}

	@keyframes showInUp {
		0% {
			-webkit-transform: translateY(150px);
			transform: translateY(150px);
			-ms-transform: translateY(150px);
		}

		100% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
			-ms-transform: translateY(0);
		}
	}

	.showInUp {
		-webkit-animation-name: showInUp;
		animation-name: showInUp;
	}

	.scrolloff{
		pointer-events: none;
	}


	/************************* */
	/* 8. SINGLE PROJECT PAGE */
	/************************* */
	.project-info{
		padding:4% 5%;
		position: relative;
		background-color: #fff;
	}

	.project-info .subtitle{
		color:#86827f;
	}

	.project-info h2{
		color:#333333;
		margin:0 0 30px;
	}

	.project-info .btn{
		margin-top:40px;
	}

	.project-pagination .project-pagination-content{
		width:100%;
		height:300px;
		line-height:300px;
		position: relative;
		overflow: hidden;
	}

	.project-pagination-content .title-pag{
		position: absolute;
		z-index: 9;
		height: auto !important;
		top: calc(50% + 16px);
		left: 0;
		width: 100%;
		color: #222;
		font-family: 'Open Sans', sans-serif;
		font-weight: bold;
		font-size: 30px;
		line-height: 36px;
		opacity: 0;
		cursor: pointer;
		text-transform: uppercase;
		transform: translate(0, 10px);
		transition: all .6s;
	}

	.project-pagination-content img{
		position: absolute;
		top: -9999px;
		right: -9999px;
		bottom: -9999px;
		left: -9999px;
		margin: auto;
		z-index: 5;
		opacity: 0;
		transition: all .6s;
	}

	.project-pagination-content:hover img{
		opacity: 0.2;
	}

	.project-pagination-content:hover .title-pag{
		opacity: 1;
		transform: translate(0, 0);
	}

	.project-pagination-content .prev-project,
	.project-pagination-content .next-project {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index: 10;
		font-family: 'Merriweather', serif;
		color: #222;
		font-size: 14px;
		transition: all 200ms linear;
		-o-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-webkit-transition: all 200ms linear;
	}

	.project-pagination-content .prev-project i,
	.project-pagination-content .next-project i{
		padding-left:15px;
	}

	.project-pagination-content .prev-project:hover,
	.project-pagination-content .next-project:hover {
		color:#222;
	}

	.project-pagination-content .prev-project:hover, .project-pagination-content .next-project:hover{
		background-color: transparent !important;
	}

	#video-player{
		background:url("images/background/video-pattern.jpg") repeat center top;
		min-height:600px;
	}

	.video-overlay{
		z-index:1;
	}

	.player-controls {
		position: absolute;
		z-index: 2;
		top:50%;
		margin-top:-45px;
		width: 100%;
		text-align: center;
	}

	.player-controls a {
		cursor:pointer;
		display: inline-block;
		width: 90px;
		height: 90px;
		line-height: 90px;
		border-radius: 50%;
		text-align: center;
		color: #fff;
		background-color: rgba(255, 255, 255, 0.5);
		transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-webkit-transition: all 200ms linear;
		-o-transition: all 200ms linear;
	}

	.player-controls a i {
		font-size: 24px;
	}

	.player-controls a:hover {
		background-color: rgba(255, 255, 255, 0.7);
	}


	/************************* */
	/* 9. BLOG ARCHIVE PAGE */
	/************************* */
	#sticky-post-wrapper{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		border-bottom: 1px solid #dcdcdc;
	}
	.blog-post-image.blog-archive #sticky-post-wrapper { 
		height: calc(100% - 119px);
	}

	/*.blog-post-image.blog-archive { height: 100% !important; }*/

	.blog-archive{
		padding:0 90px;
	}

	.blog-archive h1{
		padding-left:15px;
	}
	.blog-archive h1 a{
		color: inherit;
	}
	.post-info,
	.post-info a{
		color:#62605a;
		font-style:italic;
		font-size:16px;
		padding-bottom:4px;
	}

	.post-info i{
		font-size:8px;
		padding:0 12px;
	}

	.post-text p, .post-text{
		font-size:21px;
		font-weight:500;
		padding:15px 0 0;
	}

	.single-post .post-text p iframe, .post-text iframe,
	.single-post .post-text p embed, .post-text embed {
		max-width: 100%;
	}

	.post-text h1, .post-text h2{
		color: #222;
	}

	.post-category{
		font-size:14px;
		border-bottom:4px solid rgba(7, 6, 6, 0.05);
		display: table;
		padding-bottom: 10px;
		text-transform: uppercase;
		font-weight: bold;
	}

	.post-category a:hover{
		text-decoration:underline !important;
	}

	.inner-arch, .arch-wrapper{
		min-height: 540px;
	}

	.post-wrapper{
		display:table;
		width:100%;
		min-height: 490px;
		height:100%;
		padding:40px 90px;
		border-right:1px solid #DCDCDC;
		border-bottom:1px solid #DCDCDC;
		transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		-ms-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-webkit-transition: all 250ms ease-in-out;
	}
	.post-wrapper-colunistas{
		display:table;
		width:100%;
		min-height: 290px;
		height:100%;
		padding:40px 90px;
		border-right:1px solid #DCDCDC;
		border-bottom:1px solid #DCDCDC;
		transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		-ms-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-webkit-transition: all 250ms ease-in-out;
	}

	.post-wrapper:hover .post-info,
	.post-wrapper:hover .post-info a,
	.post-wrapper:hover .post-info i,
	.post-wrapper:hover .post-text,
	.post-wrapper:hover .post-text p,
	.post-wrapper:hover .post-category,
	.post-wrapper:hover .post-category a,
	.post-wrapper:hover .post-arch-title a{
		color:#fff;
		transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		-ms-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-webkit-transition: all 250ms ease-in-out;
	}

	.post-wrapper-text{
		display:table-cell;
		vertical-align:middle;
	}

	.post-arch-title,
	.post-arch-title a{
		font-size:45px;
		font-weight:800;
		color:#333;
		text-transform:none;
		line-height:55px;
		margin:0 0 -20px;
	}

	.post-arch-title a{
		margin:0;
	}

	.social-share{
		position:relative;
		width:auto;
		float: right;
	}

	.social-share:after {
		background-color: rgba(7, 6, 6, 0.05);
		content: "";
		width: 240px;
		height: 0;
		position: absolute;
		bottom: -10px;
		left: 0;
	}

	.social-share.subfont{
		/*margin-bottom: 24px;*/
	}

	.social-share.tags:after{
		background: none;
	}

	.social-share p a:nth-child(2){
		padding-left: 0 !important;
	}

	/************************* */
	/* 10. BLOG POST PAGE */
	/************************* */
	.spost{
		padding:30px 0 0;
		position: relative;
	}

	.spost .container{
		padding:0 200px;
		-ms-word-wrap: break-word;
		word-wrap: break-word;
	}

	.blog-post-image{
		height: 437px;
	}

	.intro-text{
		font-size:24px;
		margin-top: 90px;
	}

	.social-share p{
		font-size:14px;
	}

	.social-share p a{
		font-weight:600;
		padding:0 5px;
		border-right:1px solid #86827f;
	}

	.social-share p a:last-child{
		border-right:none;
	}

	.social-share p a:hover{
		text-decoration:underline !important;
	}

	.post-author{
		border-top:1px solid #dfdad8;
		margin:45px 0 90px;
		padding-top: 24px;
		margin-top: 90px;
	}

	.post-author .author-image img{
		border-radius: 50%;
		width:96px;
		height:auto;
	}

	.post-author .author-info {
		padding:0 0 0 30px;
	}

	.post-author .author-name {
		display: block;
		font-size: 18px;
		font-weight: 600;
		margin: 0;
		padding: 0 0 5px;
	}

	.comments-content{
		border-top:2px solid #dfdad8;
		padding-top:25px;
	}

	.post-subtitle{
		font-size: 18px;
		font-weight: 600;
		text-transform: uppercase;
	}

	.discussion-trigger{
		cursor:pointer;
	}

	.discussion{
		display:none;
	}

	.discussion.comments-paged{
		display:block;
	}

	.comments{
		margin-top:40px;
	}

	.comment{
		margin-bottom:30px;
		padding-bottom:30px;
		border-bottom:1px solid #dfdad8;
		padding-left: 0;
	}

	.children .comment{
		padding-left: 15px;
	}

	.children .children .comment{
		padding-left: 30px;
	}

	.children .children .children .comment{
		padding-left: 45px;
	}

	.children .children .children .children .comment{
		padding-left: 60px;
	}

	.comment:last-child{
		border-bottom:none;
	}

	.comment .comment-title{
		color: #86827f;
		font-size:22px;
	}

	.comment p{
		font-size:16px;
		padding-top:10px;
	}

	.comment-author{
		margin-top:15px;
	}

	.comment-author .comment-author-image,
	.comment-author .comment-info{
		display: table-cell;
		vertical-align: top;
	}

	.comment-author .comment-author-image{
		padding-right: 25px;
	}

	.comment-author .comment-author-image img{
		border-radius: 50%;
		width: 46px;
		height:46px;
	}

	.comment-info span{
		display:block;
		font-size:14px;
		line-height:24px;
	}

	.comment-info .comment-author-name{
		font-weight:600;
	}

	.comments-form-content{
		border-top:1px solid #dfdad8;
		padding-top:30px;
		margin-top:50px;
	}

	#comments-form{
		margin-top:30px;
		margin-left: -15px;
		margin-right: -15px;
	}

	.comment-btn{
		background-color: #ffffff;
	}

	.comments-nav {
		padding: 0;
		margin-bottom: 15px;
	}

	.comment-nav-prev, .comment-nav-next {
		padding: 0;
	}

	.comment-nav-next {
		text-align: right;
	}

	.recommended-posts-content{
		background-color: #fafafa;
		margin:55px 0 0;
		padding:55px 0;
	}

	.recommended-post{
		margin:0 0;
	}

	.recommended-post .post-info,
	.recommended-post .post-info a {
		padding-bottom: 0;
		line-height:16px;
	}

	.recommended-post .post-arch-title{
		line-height: 28px;
		margin-top: 18px;
		margin-bottom: 0;
		font-family: 'tungsten';
		letter-spacing: 1px;
	}

	.recommended-post .post-arch-title a{
		font-size:28px;
		line-height: 24px;
	}

	.recommended-post .post-text {
		font-size: 16px;
		padding:20px 0 15px;
		line-height: 25px;
	}


	/************************* */
	/* 11. ABOUT US PAGE */
	/************************* */
	.text-wrapper{
		display:table;
		height:600px;
		padding:45px 90px;
		width: 100%;
	}

	.text{
		display:table-cell;
		vertical-align:middle;
	}

	.text p{
		color:#fff;
	}

	.about-image{
		background-size: cover;
		position: relative;
	}

	.about-image img{
		position: absolute;
		top: -9999px;
		bottom: -9999px;
		left: -9999px;
		right: -9999px;
		margin: auto;
		max-width: none;
	}

	.about .col-full-height{
		overflow: hidden !important;
	}

	.team-item{
		position:relative;
		overflow:hidden;
	}

	.team-item:hover .hover-team-item{
		transform: translate(0,-60%);
		-webkit-transform: translate(0,-60%);
		-o-transform: translate(0,-60%);
		-moz-transform: translate(0,-60%);
	}

	.team-item img{
		width:100%;
		height:auto;
		transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
	}

	.team-item:hover img{
		transform: translate(0,-20%);
		-webkit-transform: translate(0,-20%);
		-o-transform: translate(0,-20%);
		-moz-transform: translate(0,-20%);
	}

	.team-item .hover-team-item{
		background-color: #f5f6f8;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		padding:20px 35px 35px;
		transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
	}

	.hover-team-item h3{
		font-size:20px;
	}

	.team-item .job-position,
	.our-testimonials .job-position{
		display:block;
		font-size:14px;
		color:#62605a;
		padding:2px 0 20px;
	}

	.team-item ul.social {
		margin: 25px 0 0;
	}

	.team-item ul.social li {
		display: table-cell;
	}

	.team-item ul.social li a {
		color: #333333;
		font-size: 18px;
		margin-right: 30px;
		transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
	}

	.team-text{
		padding:90px !important;
		background-color:#f2f2f2;
	}

	.team-text h2,
	.team-text p{
		color:#333333;
		margin-top:0;
	}

	.row-same-height {
		display: table;
		width: 100%;
		height: 100%;
		table-layout: fixed;
	}

	.col-full-height {
		height: 100%;
		vertical-align: middle;
		display: table-cell;
		float: none;
	}

	.our-testimonials p {
		font-size: 24px;
		font-style:italic;
	}

	.our-testimonials .name {
		display:block;
		font-size:14px;
		line-height:14px;
		font-weight:600;
		padding-top: 20px;
	}

	.owl-carousel{
		padding:45px 90px;
	}

	.owl-theme .owl-controls .owl-page span {
		border: 2px solid #62605a;
		width: 12px;
		height: 12px;
		margin-bottom:0;
		opacity: 1;
	}

	.quotation{
		text-align:center;
	}

	.quotation i{
		font-size:65px;
		color:#fff;
	}


	/************************* */
	/* 12. SERVICES PAGE */
	/************************* */
	.services-image{
		background-size:cover;
		height: 100%;
		min-height:600px;
	}

	.service-content{
		background-color:#fff;
		padding:90px 40px;
		text-align:center;
	}

	.service-content.border{
		border-right:1px solid #DCDCDC;
		border-bottom:1px solid #DCDCDC;
	}

	.service-content .icon{
		display:block;
		width:75px;
		height:75px;
		margin:0 auto 30px;
		border-radius:50%;
		text-align:center;
		line-height:75px;
	}

	.service-content .icon i{
		color:#fff;
		font-size:28px;
		line-height:73px;
	}

	.service-content p{
		padding:25px 0;
	}


	/************************* */
	/* 13. CONTACT PAGE */
	/************************* */
	#map-canvas {
		width: 100%;
		height: 100%;
		min-height:600px;
	}

	.wpb_gmaps_widget .wpb_wrapper{
		padding: 0 !important;
	}

	.contact-text-wrapper{
		background-color:#fff !important;
	}

	.contact-text h2{
		color:#333333;
	}

	.contact-text p{
		color:#86827F;
	}

	.contact-text .contact-information{
		color:#333333;
	}

	.contact-text a:hover{
		text-decoration:underline !important;
	}

	.form{
		padding:57px 90px;
	}

	#onion_contact_form{
		margin-top:150px;
	}
	.comment-form-comment{
		margin-left: -15px;
		margin-right: -15px;
	}

	#onion_contact_form input,
	#comments-form input,
	#onion_contact_form textarea,
	#comments-form textarea{
		border:1px solid #808080;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color:#222222;
		font-size:16px;
		height:auto;
		width:100%;
		letter-spacing:0.5px;
		margin-bottom:18px;
		outline:none;
		padding:10px 15px 10px;
		transition: all 300ms linear;
		-o-transition: all 300ms linear;
		-ms-transition: all 300ms linear;
		-moz-transition: all 300ms linear;
		-webkit-transition: all 300ms linear;
	}

	#onion_contact_form textarea,
	#comments-form textarea{
		height:185px;
	}

	#onion_contact_form .required:after,
	#comments-form .required:after {
		content: "Required field";
		font-size: 14px;
		color:#E74C3C;
		opacity: 0;
		pointer-events: none;
		position: absolute;
		right: 25px;
		top: 10px;
		transition: all 0.2s ease 0s;
		z-index: 15;
	}

	#onion_contact_form .required.error:after,
	#comments-form .required.error:after{
		opacity: 1;
	}

	.notification{
		display:none;
		cursor:pointer;
	}
	.form-submit{
		display: none;
	}

	/************************* */
	/* 14. SIDEBAR */
	/************************* */

	.right-sidebar{
		padding: 80px 15px 0 50px;
	}

	.right-sidebar.post-sidebar{
		padding-top:20px;
		border-left:1px solid #dcdcdc;
	}

	.widget{
		text-align:left;
		margin-bottom:50px;
	}

	.widget .widget-title{
		font-size: 20px;
		font-weight:800;
		color:#333;
		text-transform:uppercase;
		line-height: 35px;
		display:table;
		margin: 10px 0 18px;
		padding: 5px 12px;
		padding-left: 0;
	}

	.widget .widget-post{
		margin-bottom:40px;
	}

	.widget .post-info,
	.widget .post-info a{
		font-size:12px;
		line-height:16px;
	}

	.widget .widget-post-title{
		line-height:24px;
	}

	.widget .widget-post-title a{
		color: #86827F;
		display: block;
		font-size: 16px;
		font-weight: 800;
		margin-bottom: 8px;
		transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}

	.widget p{
		font-size: 14px;
		line-height: 22px;
	}

	.widget .searchform {
		margin-bottom: 60px;
		position: relative;
	}

	.widget .searchform .screen-reader-text{
		display:none;
	}

	#wp-calendar{
		width: 100%;
	}

	#wp-calendar caption{
		color: #fff;
		font-weight: 700;
		text-align: center;
	}

	#wp-calendar thead{
		border-bottom: 1px solid #86827F;
	}

	#wp-calendar tfoot a{
		font-weight: 700;
	}

	#wp-calendar tfoot #next a{
		float: right;
	}

	#wp-calendar th,
	#wp-calendar td{
		text-align: center;
	}

	/* Search form */
	.widget_search .search-field{
		border: 1px solid #86827F;
		border-radius: 3px;
		height: 48px;
		line-height: 48px;
		padding-left: 15px;
	}

	.widget_search .search-field::-webkit-input-placeholder {
		font-weight: 400;
	}

	.widget_search .search-field:-moz-placeholder { /* Firefox 18- */
		font-weight: 400; 
	}

	.widget_search .search-field::-moz-placeholder {  /* Firefox 19+ */
		font-weight: 400;  
	}

	.widget_search .search-field:-ms-input-placeholder {  
		font-weight: 400; 
	}

	/* Recent posts */

	.widget_recent_entries .post-date{
		display: block;
		font-size: 14px;
		font-weight: 400;
	}

	.widget input[type="text"]{
		border: 1px solid #86827F;
		border-radius: 2px;
		color: #333;
		font-size: 16px;
		outline: none;
		padding: 10px;
		position: relative;
		width: 100%;
	}

	.widget input[type="submit"]{
		background-color: transparent;
		border-radius: 3px;
		border: none;
		border-bottom-right-radius: 5px;
		border-top-right-radius: 5px;
		color: transparent;
		width: 15%;
		height: 100%;
		outline: none;
		position: absolute;
		top: 0;
		right: 0;
		text-align: center;
	}

	.widget form select{
		max-width: 200px;
	}

	.widget_nav_menu ul{
		background-color: transparent;
	}

	.widget ul li:before {
		content: "\f105";
		color: #86827F !important;
		font-family: "FontAwesome";
		font-size:13px;
		margin-left: 0;
		padding-right:5px;
		top: 0;
	}

	.widget li{
		padding:0;
		line-height: 20px;
		margin-bottom: 12px;    
		transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}

	.widget li ul{
		padding-top: 12px;
		padding-left: 10px;
	}

	.widget li a{
		color: #666;
		font-size: 14px;
		font-weight: 400;
		transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}

	.widget li .comment-author-link a{
		font-weight: 700;
	}

	.widget .tagcloud a{
		position:relative;
		display: inline-block;
		text-decoration: none;
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		font-size: 14px !important;
		color: #86827F;
		font-weight:400;
	}

	.widget .tagcloud a:after {
		content: "|";
		color: #86827F !important;
		padding:0 5px;
	}

	.widget .tagcloud a:last-child:after {
		display:none;
	}

	/* Rss widget */
	a.rsswidget:first-child{
		display: none;
	}

	a.rsswidget{
		font-weight: 800;
		color: #333;
	}

	.rssSummary{
		margin: 6px 0;
	}


	/************************* */
	/* 15. FOOTER */
	/************************* */
	footer {
		background-color:#f2f2f2;
		width: 100%;
		padding: 15px 40px;
	}

	footer.sticky {
		position: fixed;
		bottom:0;
		left: 0;
		z-index: 100;
	}

	footer p{
		font-size:14px;
		line-height:30px;
	}

	footer ul{
		float:right;
	}

	footer ul li {
		display: inline-block;
		margin-left:25px;
	}

	footer ul li:first-child {
		margin-left:0;
	}

	footer ul li a{
		color:#62605a;
		font-size:18px;
		transition: all 200ms linear;
		-o-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-webkit-transition: all 200ms linear;
	}


	/************************* */
	/* 16. COLOR SWITCHER */
	/************************* */
	.color-switcher {
		background-color: #fff;
		border: 1px solid #e5e5e5;
		padding:10px;
		position: fixed;
		top: 150px;
		transition: all 0.4s ease 0s;
		width: 200px;
		z-index: 1001;
	}

	.hide-color-switcher {
		left: -200px;
	}

	.show-color-switcher {
		left: -1px;
	}

	.color-switcher a.switcher-button {
		background: #fff;
		border-top:#e5e5e5;
		border-right:#e5e5e5;
		border-bottom:#e5e5e5;
		border-left: transparent;
		border-style: solid solid solid none;
		border-width: 1px 1px 1px medium;
		border-radius:2px;
		color: #383839;
		cursor: pointer;
		font-size: 22px;
		width: 45px;
		height: 45px;
		line-height: 43px;
		position: absolute;
		top: 24px;
		right: -44px;
		text-align: center;
	}

	.color-switcher .color-switcher-title{
		padding:0 0 8px;
	}

	.color-switcher .color-switcher-title:after {
		content: "";
		display: block;
		height: 1px;
		margin: 14px 0 0;
		position: relative;
		width: 20px;
	}

	.color-switcher .color-list a.color {
		cursor: pointer;
		display: inline-block;
		height: 25px;
		margin: 10px 0 0 1px;
		width: 25px;
	}

	.default-theme{
		background-color:#7BCFDA;
	}

	.emerald-theme{
		background-color:#2ecc71;
	}

	.peter-river-theme{
		background-color:#3498db;
	}

	.amethyst-theme{
		background-color:#9b59b6;
	}

	.wet-asphalt-theme{
		background-color:#34495e;
	}

	.green-sea-theme{
		background-color:#16a085;
	}

	.nephritis-theme{
		background-color:#27ae60;
	}

	.belize-hole-theme{
		background-color:#2980b9;
	}

	.wisteria-theme{
		background-color:#8e44ad;
	}

	.midnight-blue-theme{
		background-color:#2c3e50;
	}

	.sun-flower-theme{
		background-color:#f1c40f;
	}

	.carrot-theme{
		background-color:#e67e22;
	}

	.alizarin-theme{
		background-color:#e74c3c;
	}

	.concrete-theme{
		background-color:#95a5a6;
	}

	.orange-theme{
		background-color:#f39c12;
	}

	.pumpkin-theme{
		background-color:#d35400;
	}

	.bordeaux-theme{
		background-color:#de3926;
	}

	.asbestos-theme{
		background-color:#7f8c8d;
	}

	/************************* */
	/* 17. VISUAL COMPOSER */
	/************************* */

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

	.vc_row, .vc_col-xs-1, .vc_col-sm-1, .vc_col-md-1, .vc_col-lg-1, .vc_col-xs-2, .vc_col-sm-2, .vc_col-md-2, .vc_col-lg-2, .vc_col-xs-3, .vc_col-sm-3, .vc_col-md-3, .vc_col-lg-3, .vc_col-xs-4, .vc_col-sm-4, .vc_col-md-4, .vc_col-lg-4, .vc_col-xs-5, .vc_col-sm-5, .vc_col-md-5, .vc_col-lg-5, .vc_col-xs-6, .vc_col-sm-6, .vc_col-md-6, .vc_col-lg-6, .vc_col-xs-7, .vc_col-sm-7, .vc_col-md-7, .vc_col-lg-7, .vc_col-xs-8, .vc_col-sm-8, .vc_col-md-8, .vc_col-lg-8, .vc_col-xs-9, .vc_col-sm-9, .vc_col-md-9, .vc_col-lg-9, .vc_col-xs-10, .vc_col-sm-10, .vc_col-md-10, .vc_col-lg-10, .vc_col-xs-11, .vc_col-sm-11, .vc_col-md-11, .vc_col-lg-11, .vc_col-xs-12, .vc_col-sm-12, .vc_col-md-12, .vc_col-lg-12{
		padding: 0 !important;
		margin: 0 !important;
	}

	/*************************************************************** */
	/* ADDITIONAL CSS FOR STYLING HTML MARKUP PAGE, POST AND COMMENT */
	/*************************************************************** */
	.post-text table{
		border: 1px solid #333;
	}

	.post-text table tbody th, 
	.post-text table tr th,
	.post-text table tbody td{
		font-weight: 400;
		padding: 6px;
		border: 1px solid #333;
	}

	.post-text dl dd{
		padding-bottom: 6px;
	}

	.post-text ul{
		padding-left: 24px;
		list-style: disc;
	}

	.post-text ul li{
		list-style: disc;
	}

	.post-text ul ul{
		padding-left: 48px;
	}

	.post-text ol{
		list-style: decimal;
		padding: 0 0 0 24px;
	}

	.post-text ol li{
		list-style: decimal;
	}

	.post-text ol ol{
		padding-left: 48px;
	}

	/* Nested and mixed lists */
	.post-text ol ul{
		list-style: disc;
		padding-left: 48px;
	}

	.post-text ol ul > li{
		list-style: disc;
	}

	.post-text ul ol{
		list-style: decimal;
		padding-left: 48px;
	}


	/* HTML Markup comment */
	.comments-content h2, .comments-content h1{
		color: #000;
	}

	.comments-content table{
		border: 1px solid #333;
	}

	.comments-content table tbody th, 
	.comments-content table tr th,
	.comments-content table tbody td{
		font-weight: 400;
		padding: 6px;
		border: 1px solid #333;
	}

	.comments-content dl dd{
		padding-bottom: 6px;
	}

	.comments-content ul{
		list-style: disc;
	}

	.comments-content ul li{
		list-style: disc;
	}

	.comments-content ul li.one-comment{
		list-style: none;
	}

	.comments-content ul.comments > li{
		list-style: none;
	}

	.comments-content ul ul{
		padding-left: 24px;
	}

	.comments-content ol{
		list-style: decimal;
		padding-left: 24px;
	}

	.comments-content ol li{
		list-style: decimal;
	}

	.comments-content ol ol{
		padding-left: 24px;
	}

	/************************* */
	/* wide page fix */
	/************************* */
	.wide-page {
		padding: 0;
		overflow-x: hidden; 
	}

	/*** 18. RESPONSIVE DESIGN ***/
	@media screen and (max-width: 1680px) {
		/************************* */
		/* ABOUT US PAGE */
		/************************* */
		.team-item .hover-team-item{
			padding: 0 20px;
		}

		.team-item:hover .hover-team-item{
			transform: translate(0,-72%);
			-webkit-transform: translate(0,-72%);
			-o-transform: translate(0,-72%);
			-moz-transform: translate(0,-72%);
		}

		.team-item:hover img{
			transform: translate(0,-30%);
			-webkit-transform: translate(0,-30%);
			-o-transform: translate(0,-30%);
			-moz-transform: translate(0,-30%);
		}

		.team-item .job-position{
			font-size: 14px;
			padding: 2px 0 10px;
		}

		.hover-team-item p{
			font-size: 16px;
			line-height: 26px;
		}

		.team-item ul.social {
			margin: 15px 0 0;
		}

	}

	@media screen and (max-width: 1400px) {
		#map-canvas {
			height: 450px;
			min-height: auto;
		}

		.form {
			padding: 0 45px 35px;
		}

		#onion_contact_form{
			margin-top:0;
		}

		.full-width-contact{
			width: 100%;
		}
	}



	@media screen and (max-width: 991px) {
		/************************* */
		/* BASE */
		/************************* */
		#main.custome-padding{
			padding-top:72px !important;
		}


		/************************* */
		/* CONTACT PAGE */
		/************************* */
		#map-canvas {
			height: 450px;
			min-height: auto;
		}

		.form {
			padding: 0 45px 35px;
		}

		#onion_contact_form{
			margin-top:0;
		}

		/************************* */
		/* BLOG POST PAGE */
		/************************* */
		.post .container{
			padding:0 100px;
		}


		/************************* */
		/* BLOG ARCHIVE PAGE */
		/************************* */
		.post-arch-title,
		.post-arch-title a{
			font-size:40px;
			line-height:50px;
		}

		.blog-archive{
			padding:0 45px;
		}

		.post-wrapper{
			padding:30px 45px;
		}


		/************************* */
		/* ABOUT US PAGE */
		/************************* */
		.row-same-height,
		.col-full-height{
			display:inherit;
		}

		.about-image{
			height: 600px;
			min-height: auto;
		}

		.text-wrapper{
			height:500px;
			padding:0 45px;
		}

		.team-text {
			padding: 45px;
		}

		.team-item .hover-team-item{
			padding: 20px 35px 35px;
		}

		.team-item:hover .hover-team-item{
			transform: translate(0,-60%);
			-webkit-transform: translate(0,-60%);
			-o-transform: translate(0,-60%);
			-moz-transform: translate(0,-60%);
		}

		.team-item:hover img{
			transform: translate(0,-20%);
			-webkit-transform: translate(0,-20%);
			-o-transform: translate(0,-20%);
			-moz-transform: translate(0,-20%);
		}

		.owl-carousel{
			padding:45px;
		}

		.quotation{
			display:none;
		}


		/************************* */
		/* SERVICES PAGE */
		/************************* */
		.services-image{
			height: 600px;
			min-height:auto;
		}

		.service-content{
			padding:40px;
		}


		/************************* */
		/* SINGLE PROJECT PAGE */
		/************************* */
		#video-player{
			min-height:450px;
		}

		.project-info{
			padding-top: 50px;
		}


		/************************* */
		/* FOOTER */
		/************************* */
		footer {
			text-align:center;
		}

		footer p{
			line-height:22px;
		}

		footer ul {
			float: none;
			width: 270px;
			margin: 10px 27px 10px;
		}

		#footer-logo{
			display: none;
		}

		.footer-social{
			/*display: none;*/
		}

	}

	@media screen and (max-width: 767px) {
		/************************* */
		/* BASE */
		/************************* */
		h1 {
			font-size: 32px;
			line-height: 51px;
		}

		.subtitle {
			font-size: 16px;
		}

		h2 {
			font-size: 24px;
			line-height: 32px;
		}

		p{
			line-height:36px;
		}

		.btn {
			font-size:16px;
			padding: 10px 60px 6px 25px;
		}

		.btn .icon-arrow {
			right: 25px;
			top: 12px;
		}


		/************************* */
		/* HEADER  */
		/************************* */
		#header {
			padding: 21px 10px;
		}

		#btn-menu{
			width:24px;
			margin-top:37px;
		}

		#btn-menu .title{
			display:none;
		}


		/************************* */
		/* MENU  */
		/************************* */
		.offcanvas-menu {
			min-height:100%;
			width: 100%;
			right:-100%;
			top:0;
			padding: 0 40px 0 0;
		}

		.btn-menu-close {
			width: 35px;
			height: 35px;
		}

		.btn-menu-close i {
			margin-top: 5px;
		}

		.menu-content {
			padding-bottom: 25px;
		}


		/************************* */
		/* CONTACT PAGE */
		/************************* */
		#map-canvas {
			height: 300px;
		}

		.form {
			padding: 0 15px 30px;
		}


		/************************* */
		/* BLOG POST PAGE */
		/************************* */
		.post .container{
			padding:0 15px;
		}

		.social-share{
			text-align:left;
		}

	/*.share-title{
		display:block;
		}*/

		.post-author .author-image img {
			margin-bottom: 10px;
		}

		.post-author .author-info {
			padding: 0;
		}

		.right-sidebar{
			display:none;
		}


		/************************* */
		/* BLOG ARCHIVE PAGE */
		/************************* */
		.blog-archive{
			padding:0;
		}

		.post-arch-title,
		.post-arch-title a{
			font-size:30px;
			line-height:35px;
		}

		.post-wrapper{
			height:auto;
			padding:40px 15px;
		}

		.post-text {
			line-height: 30px;
		}

		.intro-text {
			font-size: 22px;
		}


		/************************* */
		/* SINGLE PROJECT PAGE */
		/************************* */
		.project-pagination-content .prev-project,
		.project-pagination-content .next-project {
			font-size: 14px;
		}

		#video-player{
			min-height:300px;
		}


		/************************* */
		/* ABOUT US PAGE */
		/************************* */
		.text-wrapper{
			height:auto;
			padding:25px 15px 35px;
		}

		.about-image {
			height: 300px;
		}

		.team-item .hover-team-item{
			padding: 0 20px;
		}

		.team-text {
			padding: 35px 15px;
		}

		/************************* */
		/* SERVICES PAGE */
		/************************* */
		.services-image {
			height: 300px;
		}

		.service-content{
			padding:40px 15px;
		}


		/************************* */
		/* FOOTER */
		/************************* */
		footer {
			padding:10px;
		}

		footer img{
			display:none;
		}

	}


	/*ALTERACOES INKA*/
	
	.banner-holder { display:block; position: relative; height: 90px; width: 728px; margin: 70px auto -30px;}
    .home .banner-holder { display:block;}
    
    @media (min-width: 768px) { 
        .single .banner-holder { margin:120px auto -30px; }
        .archive .banner-holder { margin-top:140px;}
    }
    
    .campanha #sticky-post-wrapper { margin-top: 240px; }
    .archive .campanha #sticky-post-wrapper { margin-top: 20px !important; }
    
    @media (max-width: 480px) { 
        .campanha .cat-holder.inside { top:180px} 
        .blog-post-content {
            margin-bottom: 90px;
        }    
    }
	
	.banner-holder iframe { border:0; width:100%; height:100%;}
	
	
    @media (max-width: 728px) {            
        .banner-holder { width:600px; height:74px; margin-top: 110px;}
    }
	
    @media (max-width: 480px) {            
        .banner-holder { width:440px; height:54px; margin-top: 100px;}
    }
    
     @media (max-width: 375px) {            
        .banner-holder { width:355px; height:43px; margin-top: 60px;}
    }
    
   
   

	.header-social { display: block; width: 60px; float: right; margin-top: 47px; font-size: 22px; color: #fff; }
	.header-social ul { display: inline-block;  } 
	.header-social ul li { display: inline-block; margin-left: 10px; } 
	.header-social ul li a { color:#222;} 

	.overlay.overlay-scale h2 { letter-spacing: 1px; font-family: 'tungsten'; }


	.home h2, footer h2 { color: #000; margin-top: 40px; }
	.no-float {
		float:none !important; }

		/* stylizer */
		body.single-post #header { position:absolute !important; background:transparent !important; }
		body.archive #header { position:absolute !important; background:#FFF !important; }


		body.franklin h2.title { font-family: 'franklin' !important; }
		body.tungsten h2.title { font-family: 'tungsten' !important; }
		body.franklin .post-arch-title.title { font-family: 'franklin' !important; }
		body.tungsten .post-arch-title.title { font-family: 'tungsten' !important; }

		body.franklinEye .eye { font-family: 'franklin' !important; }
		body.interstate .eye { font-family: 'interstate' !important; }

		body.center-a .home-hover-title h2.title { text-align: center !important; }
		body.left-a .home-hover-title h2.title { text-align: left !important; }
		body.right-a .home-hover-title h2.title { text-align: right !important; }

		body.georgia .body-text { font-family: 'Georgia' !important; }
		body.chaparral .body-text { font-family: 'chaparral' !important; }

		/*end stylizer*/


		.home .wpb_gallery_slides.flexslider h2 a, .home .wpb_gallery_slides.flexslider p a, .home .wpb_gallery_slides.flexslider .cat-holder a { background:transparent !important; display:inherit !important; font-size:inherit !important; font-weight:inherit !important; margin:inherit !important; line-height:inherit; color:inherit;  }

		/*.home .two-lines img.hidden-xs { width: auto; position: relative; left: -50%; }*/
		
		iframe.youtube-iframe { height:100% !important; }

		p.logo { color:#000 !important; }


		.logo a { display: block; width: 219px; height: 75px; background: url('./images/logo-preto.png') no-repeat; background-size: 100%; }
		.scrolled .logo a { width:150px; height:73px } 
		#header.background--light .logo a { background: url('./images/logo-preto.png') no-repeat; background-size: 100%; color:#000; }
		#header.background--dark .logo a { background: url('./images/logo-branco.png') no-repeat; background-size: 100%; color:#fff; }
		#header.background--complex .logo a { background: url('./images/logo-branco.png') no-repeat; background-size: 100%; color:#fff; }

		#header.background--light .line { background-color:#000 !important; }
		#header.background--dark  .line{ background-color:#fff !important; }
		#header.background--complex .line { background-color:#fff !important; }

		#header.background--light i { color:#000 !important; }
		#header.background--dark  i{ color:#fff !important; }
		#header.background--complex i { color:#fff !important; }

		.header2.background--light .cat-holder.inside { color:#000 !important; }
		.header2.background--dark .cat-holder.inside{ color:#fff !important; }
		.header2.background--complex .cat-holder.inside { color:#fff !important; }

		.header-holder {width: 100%; max-width: 1500px; margin: 0 auto; }

		/*.header-menu { display: none; }*/
		.header-menu .menu { background-color: transparent; display: block; float: left; width: 740px; margin: 52px 0 0 40px; } 
		.scrolled .header-menu .menu { margin-top: 31px !important; }
		.header-menu .menu li  { display: inline-block; margin-right: 15px;}
		.header-menu .menu li a { color: #000; font-size: 20px; font-family: 'Tungsten'; font-weight: 700; letter-spacing: 1px; -webkit-font-smoothing: subpixel-antialiased; text-transform: uppercase; }
		.header-menu .menu li:last-child { margin-right: 0 !important; }

		.header .current-menu-item { border-bottom: 2px solid; }

		/*.home .header-menu { display: block !important; }*/

		.main { padding: 0 100px !important; }
		div.home { height: auto !important; padding: 50px 50px; max-width: 1620px; margin: 0 auto; }
		.home .header {padding: 20px 60px !important; }

		@media (min-width: 1620px) {
			/*.header { left:50% !important; margin-left: -810px !important; }*/
		}

		@media (max-width: 768px) {
			.home { padding-top: 0 !important; }
			.home .header {padding: 20px 10px !important; }
			div.home { padding: 50px 0 !important; }
		}

		#sticky-post-wrapper {margin-top: 120px; }
		.archive #sticky-post-wrapper {margin-top: 70px; }


		/*  post */

		.inside-title-holder { position: absolute; background: rgba(0,0,0,0.2); z-index: 1000; bottom: 50px; text-align: right; padding: 27px 80px 10px 80px; left: 15px; right: 15px; }

		.single .inside-title-holder {  padding:27px 30px 10px 30px; }

		.inside-title-holder.largura-total-home { top: auto; bottom: auto; }
		.inside-title-holder.no-pic {position: relative; margin-top: 190px !important; padding: 20px; bottom: auto; top: auto; left: 0; right: 0; background: transparent; }
		.inside-title-holder.no-pic h2.title a, .inside-title-holder.no-pic .eye { color:#000; }

		.spost.no-pic.parallax-over { margin-top: 10px;}

		.inside-title-holder.top { top: 180px; bottom: auto; }
		.inside-title-holder.middle { bottom: auto; top: 50%; margin: -65px auto;}
		.inside-title-holder.bottom { bottom: 50px;}


		.inside-title-holder.in{ margin-top: -151px; }
		.inside-title-holder.out {  margin-top: -10px; position: relative; background-color: #fff; left: 0;}
		.inside-title-holder.out p, .inside-title-holder.out a { color:#3A3532 !important; }

		.inside-title-holder.right { text-align: right; }
		.inside-title-holder.left { text-align: left; }
		.inside-title-holder.center { text-align: center; }

		.blog-posts { max-width: 1580px; margin: 0 auto; }

		@media (max-width: 480px) {
			.inside-title-holder { position: relative !important; bottom:0; } 
		}

		.inside-title-holder .post-info, .inside-title-holder .post-info a {color: #fff; font-style: italic; font-size: 16px; padding-bottom: 5px; }
		.inside-title-holder h2.title { color: #fff; line-height: 15px; margin:0; text-transform: none; font-size: 70px !important; font-weight: 100; -webkit-font-smoothing: antialiased; letter-spacing: 0px; }
		.inside-title-holder .post-arch-title a { color:#fff; font-weight: 700 !important; text-transform: none; }
		.inside-title-holder h2.title a { font-size: 70px !important; font-weight: 100;   }

		.inside-title-holder .eye { font-family: 'interstate-condensed'; font-weight: 700; margin: 0 0 20px; color:#fff; letter-spacing: 0px; font-family: 'interstate-condensed' !important; text-transform: none; font-size: 22px;  line-height: 23px}
		.social-share:after { right:0; left:auto; }

		.body-text .wpb_column { padding: 0 15px !important; }

		.post-wrapper:hover { background-color: #A9A9A9;}

		.date-author span, .date-photo span {font-family:'interstate-condensed'; font-weight:100; color:#86827F; font-size:13px; letter-spacing:-1px; }

		.date-author::after, .date-photo::after{background-color: rgba(7, 6, 6, 0.05); content: ""; width: 240px; height: 0; position: absolute; bottom: -12px; left: 0; }

		.olho { font-weight: 700; }

		.olho.interstate { font-family: 'interstate' !important; }
		.olho.interstate-condensed { font-family: 'interstate-condensed' !important; }
		.olho.chaparral { font-family: 'chaparral' !important; }

		.olho.fixedContent { position:absolute; }
		.olho.fixedContent.left { left:-33.333333333%; text-align:right;}
		.olho.fixedContent.right { right:-33.333333333%; text-align:left;}

		.olho.center { position: relative !important; text-align: center; width:100%; float: none !important; padding: 0; }

		.olho.floatContent.left {  padding-left: 0; }
		.olho.floatContent.right { float:right !important; padding-right: 0; }

		@media (max-width: 992px) {
			.olho.fixedContent.left { left:-15%; }
		}

		.addthis_sharing_toolbox { float: left; margin-top: 5px; }

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

		.aesop-quote-component.aesop-quote-type-pull.aesop-component-align-left {
			float: left;
			border-left: 0;
			margin-left: 1.5rem;
			padding-left: 1.5rem;
			padding-right: 1.5rem;
			color: #3A3532 !important;
			font-family: 'interstate';
			font-style: italic;
			font-size: 21px;
			font-weight: bold;
		}
		.aesop-quote-component p {
			padding-top: 0 !important;
		}
		.aesop-image-component img {
			-webkit-box-shadow: none;
			box-shadow: none;
		}
		
		.full-pic { left:50%; position:relative; }
		.full-pic.meia-largura-conteudo, .full-pic.largura-conteudo {left:auto; }
		.image-caption span { font-family: 'interstate'; font-weight: 100; color: #86827F; font-size: 13px; letter-spacing: -1px; }
		/* end post  */


		.img-holder { margin-top: 20px; }

		h2.title{ color: #000; font-size: 27px; line-height: 15px; margin: 7px 0 20px; text-transform: none;}

		.home { padding-top: 60px; }
		.home .wpb_gallery_slides.flexslider { padding: 10px; background-color:#fff;}
		.home .wpb_gallery_slides.flexslider a { background-color:#fff; display:block; background: #000;}
		.wpb_gallery_slides.flexslider { overflow:hidden; }
		.wpb_gallery_slides.flexslider .home-hover-title { bottom:-100px !important; }
		.wpb_gallery_slides.flexslider .title-holder { opacity:0; }
		.intro-holder { background-color: rgba(0,0,0,0.2); position: absolute; opacity: 1; display: block; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; /* width: 98%; */ /* height: 98%; */ text-align: center; right: 30px; bottom: 30px; left: 30px; padding: 0 10px; }


		.intro-holder a, .intro-holder h2 { color:#FFF; text-align: left; }
		.intro-holder p.eye { color:#FFF; font-size: 18px; font-weight: 700; -webkit-font-smoothing: antialiased; margin: 0px auto 5px; line-height: 20px; text-align: left; letter-spacing: 0px; font-family: 'interstate-condensed' !important; }
		.intro-holder a { font-size: 20px; font-weight: 300; -webkit-font-smoothing: antialiased; margin: 20px; display: block;} 
		.intro-holder h2 { font-size: 45px; margin-bottom: 0px; margin-top: 5px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; line-height: 40px; }
		.intro-holder .divider-line { width: 99%; height: 2px; background:#fff; position: absolute; top: 47px; left:-2560px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
		.home .wpb_gallery_slides.flexslider img {  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
		.wpb_gallery_slides.flexslider:hover img {display:block; opacity:0.8; }
		.wpb_gallery_slides.flexslider:hover .intro-holder {background:rgba(0,0,0,0); }
		.wpb_gallery_slides.flexslider:hover .intro-holder h2 { margin-bottom: 20px; }
		.wpb_gallery_slides.flexslider:hover .intro-holder .divider-line { left:10px; }

		.wpb_wrapper > div { position:relative; }
		.logo a img { width:auto !important; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition-delay: 0.1s; /* Safari */ transition-delay: 0.1s; }

		.home-hover-title {    position: absolute; padding: 12px; color: #000; background-color: rgba(255,255,255,0.9); height:52px; bottom: 30px; left: 30px; right: 30px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;  min-height: 50px; font-size: 24px; font-weight: 700; text-transform: uppercase; opacity:1; color:#666 !important;}


		.cat-holder { position: absolute; top: 15px; right: 20px; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 700; }
		.cat-holder.inside { position: absolute; top: 60px; left: 264px; color: #fff; text-transform: uppercase; font-size: 34px; font-weight: 300 !important; z-index: 1000; font-family: 'interstate'; letter-spacing: -2px; padding: 10px; }

		@media (max-width: 480px) { 

			.intro-holder { display:block; position: relative; padding: 0; opacity:1; margin: 20px 0 10px; top:auto; left:auto; bottom:auto; right:auto; background:transparent; }
			.intro-holder h2 { color:#333 !important; }
			.intro-holder p.eye { color:#333 !important; }
			.home-hover-title { display:none; }
			.inside-title-holder { position: relative !important; bottom:0; }
			.header-social {display: none;}
			#searchBtn { display: none; }
			.flexslider:hover .divider-line { display: none !important; }
			.flexslider:hover h2 { margin-bottom: 0 !important; }
			.wpb_gallery_slides.flexslider:hover img { opacity:1 !important; }

		}
		
		@media (min-width: 480px) and (max-width:767px){
		    #searchBtn { margin-top: 33px !important; }
		}


		#headerMobile { padding: 21px 10px; margin-bottom: -40px; }

		/*interna*/
		.interna { padding-top: 140px; }
		.interna .title-interna { color: #3A3532; font-size: 60px !important; letter-spacing: 1px; font-family: 'tungsten'; padding-bottom: 10px; }
		.interna h2 { font-size: 34px; line-height: 40px; margin: 0; font-weight: 900; }
		.interna h4 { font-weight: 300; font-size: 16px; }
		.interna p, .subfooter p { font-size: 16px !important; font-family: 'interstate' !important; }
		/* / interna*/


		/* footer */

		.subfooter { padding: 40px 0 0; margin-top: 20px;}
		.subfooter p {
			-webkit-font-smoothing:antialiased;
			color:rgb(58, 53, 50);
			font-size:21px;
			font-weight:500;
			line-height:31.5px;
			margin-bottom:0px;
			margin-left:0px;
			margin-right:0px;
			margin-top:0px;
			padding-bottom:0px;
			padding-left:0px;
			padding-right:0px;
			padding-top:15px;
			font-family:'chaparral';	}
			.subfooter h2 { font-family: 'tungsten'; -webkit-font-smoothing: subpixel-antialiased; font-size: 64px; letter-spacing: 0px; }

			.quem-somos { background-color: #f1f1f1; }
			.editorial { background-color: #E0E0E0; }
			.colabore { background-color: #cacaca; }

			.colabore a { display: block; width: 200px; padding: 5px; background: rgba(0,0,0,0.8); text-align: center; font-family: 'tungsten'; font-weight: 500; -webkit-font-smoothing: subpixel-antialiased; color:#fff; border-radius: 4px; font-size: 24px; margin: 20px auto; }


			/* /footer */




			/* archive */
			/*.archive #sticky-post-wrapper { height: 60% !important; }*/
			.archive .inside-title-holder {top:60%; margin-top: 30px; bottom: auto; }
			.archive .blog_posts { border-top: 1px solid #DCDCDC;}
			.banner-promo { width: 100%; margin: 20px auto; background-color: #f1f1f1; padding: 40px 45px; min-height: 120px; }
			.banner-promo p { width: 100%; margin: 0 auto; text-align: center; font-family: 'chaparral'; font-size: 39px; display: block; letter-spacing: -1px; font-weight: bold; }
			.home .banner-promo { margin: 84px auto 0; }
            
            
            .inner-arch { min-height: 436px; height:436px; }
			.colunistas .inner-arch { min-height: 200px; height:200px; }

			@media (min-width: 900px) { 
				.inner-arch { min-height:386px; height:386px; }
				.colunistas .inner-arch { min-height: 420px; height:420px; }
			}

			@media (min-width: 1400px) { 
				.inner-arch { min-height:436px; height:436px; } 
			}

			.inner-arch .body-text p { font-family: 'interstate-condensed' !important; line-height: 20px; }


			.post-wrapper { border-right: 0; border-bottom: 0; padding: 40px; }
			.post-wrapper-text { vertical-align: top; }
			.post-wrapper:hover { background-color: transparent !important; }
			.post-wrapper .post-arch-title a { color:rgba(0,0,0,1); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
			.post-wrapper:hover .post-arch-title a { color:#86827F; }
			.post-wrapper:hover .post-text p { color:#86827F; }
			.post-wrapper:hover .post-info i, .post-wrapper:hover .post-info a, .post-wrapper:hover .post-info { color:#62605a; }

			.home-container img {bottom: -9999px; height: auto; left: -9999px; margin: auto; max-width: initial; min-width: 100%; position: absolute; right: -9999px; top: -9999px; width: 100%; }

			ul.footer-menu li {display: block; margin: 0; font-size: 15px !important; height: auto !important; margin-bottom: 8px; border-bottom: 1px solid #CCC; }

			h2.footer-menu-title { font-size: 24px; line-height: inherit; margin: 0; margin-left: 20px; margin-bottom: 10px; font-family: 'tungsten'; }
			ul.footer-menu li a { font-size: 16px; line-height: 14px; font-weight: 700; color: #000; }
			footer p.subfont {font-size:13px !important; line-height:23px; font-family:'interstate'; font-weight:300; margin-left:20px; }


			/*Responsive Fixes*/

			@media (max-width:1024px){
			
			.cat-holder.inside { top:120px; font-size: 20px; text-align: right; }
			.inside-title-holder { top:0 !important; }

			}
			@media (max-width : 992px) {
				.holderText h2.title { font-size:32px; line-height: 30px; }
				.holderText p.eye { display: none; }
			}

			@media (max-width:767px){
				.holderText p.eye { display: block !important; }
			}

			@media (max-width : 768px) {
				footer { padding-left: 0; }
				.menu-content { margin-top: 40px; }
				.post-wrapper { padding: 10px; }
				.mobile-pic-holder { margin-top: 55px; }
				.cat-holder.inside { font-size: 20px; top: 100px; right: 0; left: 0; text-align: right; letter-spacing: 1px; }
				.archive .inside-title-holder { top: 25%; margin-top: 30px; padding: 10px; font-size: 50px !important; line-height: 55px;}
				.inside-title-holder h2.title a { font-size: 50px !important; line-height: 55px; }
				.olho.fixedContent { position:relative !important;	text-align: left !important;	left: auto !important;	right: auto !important;	padding: 0;  }
				.olho.floatContent.right { padding: 0; }
				.post .inside-title-holder { bottom: auto !important; top: 0;}
				.date-author, .date-photo { float:none !important; width: 100%; height: 60px;}
				.date-author::after, .date-photo::after { bottom: 10px; left: 15px; right: 15px; width: auto; }
				.social-share { width: 100%; float:none !important; margin-top: 0px; position: relative;}
				.social-share:after { width: 100%; bottom: -40px; left: 0; right: 0; }
				.intro-holder { left: 15px; right: 15px; bottom: 15px }
			}
    
            

	        h3 a { color:#222222 !important; } 
            .vc_row .no-padding { padding:0 !important; }
            
            
			@media (max-width : 480px) {
                
                .vc_row .no-padding { padding:0 !important; padding-right:15px !important;}
				footer { padding-left: 0; }
				body.single-post #header { position: relative !important;  margin-bottom: -45px; height: 90px;} 
				.logo a { width: 180px; height: 73px; }
				.scrolled .logo a { width:150px; height:73px; } 
				/*SubHome*/
			.post .inside-title-holder .post-arch-title a

				#sticky-post-wrapper { position:relative; }
				.mobile-pic-holder { margin-top: 55px; }
				.cat-holder.inside { font-size: 16px; top: 100px; right: 0; left: 0; text-align: right; letter-spacing: 1px; }
				.archive .inside-title-holder { background:transparent; color:#000; padding:10px; left:0; right:0; text-align:left; margin-top:10px; }
				.post .inside-title-holder { background:transparent; color:#000; padding:10px; left:0; right:0; text-align:left; margin-top:20px; }
				.inside-title-holder h2.title { color:#000; margin-bottom:10px; }
				/*.post .inside-title-holder h2.title { color:#000; margin-bottom:16px; }*/
				.inside-title-holder .eye { color:#86827F; font-family:'interstate-condensed' !important; line-height:20px; font-size:20px; }
				.archive .inside-title-holder .post-arch-title a  {color:#000; font-size:40px !important; line-height:35px; }
				.post .inside-title-holder .post-arch-title a  {color:#000; font-size:40px !important; line-height:35px; }
				.banner-promo { width: 100%; }
				.banner-promo p { width: 100%; margin: 0 auto; text-align: center; font-family: 'chaparral'; font-size: 24px; display: block; letter-spacing: -1px; font-weight: bold; line-height: 22px; }
				.post-wrapper { padding: 10px; }
				.inner-arch {min-height: 245px !important; height: 245px !important; }
				.spost { margin-top: 0px; }

				.date-author, .date-photo { float:none !important; width: 100%; height: 60px;}
				.date-author::after, .date-photo::after { bottom: 10px; left: 15px; right: 15px; width: auto; }
				.social-share { width: 100%; float:none !important; margin-top: 0px; position: relative;}
				.social-share:after { width: 100%; bottom: -40px; left: 0; right: 0; }

				.olho.fixedContent { position:relative !important;	text-align: left !important;	left: auto !important;	right: auto !important;	padding: 0;  }
				.olho.floatContent.right { padding: 0; }
			}
















			/* Overlay style */
			#searchBtn{ background-color: transparent; border: 0; font-size: 20px; float: right; margin-top: 43px;}
			.scrolled #searchBtn { margin-top: 22px; }
			.overlay {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 10000; }

			/* Overlay closing cross */
			.overlay .overlay-close {width: 80px; height: 80px; position: absolute; right: 20px; top: 20px; overflow: hidden; border: none; background: url(images/cross.png) no-repeat center center; text-indent: 200%; color: transparent; outline: none; z-index: 100; }

			/* Menu style */
			.overlay nav {text-align: center; position: relative; top: 50%; height: 60%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
			.overlay ul {list-style: none; padding: 0; margin: 0 auto; display: inline-block; height: 100%; position: relative; }
			.overlay ul li {display: block; height: 20%; height: calc(100% / 5); min-height: 54px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
			.overlay ul li a {font-size: 54px; font-weight: 300; display: block; color: #fff; -webkit-transition: color 0.2s; transition: color 0.2s; }

			.overlay ul li a:hover, .overlay ul li a:focus {color: #f0f0f0; }

			/* Effects */
			.overlay-scale {visibility: hidden; opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s; }

			.overlay-scale.open {visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; } 
			@media screen and (max-height: 30.5em) {
				.overlay nav {height: 70%; font-size: 34px; }
				.overlay ul li {min-height: 34px; }
			}
			.fa-input{ font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif; }
			.overlay_widgets { width: 90%; margin: 160px auto; }
			.overlay input[type=search]{ background-color: rgba(255,255,255,0.5); border: 0; width: 96% !important; float:left; position: relative; display: block; padding: 10px; font-size: 20px; } 
			.overlay input[type=submit] {    position: relative; float: right; background-color: transparent; border: 0; color: #fff; font-size: 29px; margin-top: 6px;}
			.overlay input[type=search]::-webkit-input-placeholder {
				color: #fff;
			}

			.overlay input:-moz-placeholder { /* Firefox 18- */
				color: #fff;  
			}

			.overlay input::-moz-placeholder {  /* Firefox 19+ */
				color: #fff;  
			}

			.overlay input:-ms-input-placeholder {  
				color: #fff;  
			}



.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.player-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/*@media (max-width) ul.footer-menu {
		width:auto;
		margin-left:20px;
		float:none;
	}
@media (max-width:480p) ul.footer-menu {
		width:auto;
		margin-left:20px;
		float:none;
	}
@media (max-width:480px) ul.footer-menu {
		width:auto;
		margin-left:20px;
		float:none;
		}*/



.image-c .img-holder {
		margin-top:20px;
	}