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

	Colors & Fonts

	font/background yellow 		#d6a125
	font/background black 		#231f20
	font grey 					#999999
	background grey 			#f7f7f7;
	border grey 				#d8d8d8

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

	@font-face {
		font-family: 'didot_bold';
		src: url('../font/didot_bold-webfont.eot');
		src: url('../font/didot_bold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../font/didot_bold-webfont.woff') format('woff'),
			 url('../font/didot_bold-webfont.ttf') format('truetype'),
			 url('../font/didot_bold-webfont.svg#didot_bold') format('svg');
		font-weight: normal;
		font-style: normal;
	}


/* ==========================================================================
   Basic element styles
   ========================================================================== */

	html,
	body {
		margin: 0;
		padding: 0;
		height: 100%;
		background: #fff;
		font-family: 'Roboto Slab', serif;
		font-size: 16px;
		line-height: 130%;
		color: #231f20;
	}

	body {
		-webkit-tap-highlight-color: #878A87;
	}

	::selection {
		background: #d6a125;
		color: #fff;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: 'Roboto Slab';
		font-weight: normal;
		color: #231f20;
		margin: 0;
		line-height: 130%;
	}

	h1 {
		font-size: 22px;
		margin-bottom: 15px;
	}

	h2 {
		font-size: 22px;
		margin-bottom: 15px;
	}

	h3 {
		font-size: 18px;
		margin-bottom: 15px;
	}

	h4 {
		font-size: 185%;
		margin-bottom: 15px;
	}

	h5 {
		font-size: 175%;
		margin-bottom: 20px;
		font-family: 'Roboto Slab';
		font-weight: normal;
	}

	h6 {
		font-size: 100%;
		margin-bottom: 15px;
	}

	p {
		font-size: 100%;
		line-height: 160%;
		margin: 0 0 25px;
	}

	b,
	strong {
		font-family: 'Roboto Slab';
		font-weight: normal;
	}

	i {
		font-family: 'Roboto Slab';
	}

	img::selection {
		background: transparent;
		color: #fff;
		text-shadow: 1px 1px 1px #3D3D3D;
	}

	blockquote {
		padding: 20px 40px;
		border: 1px solid #bca485;
		border-width: 1px 0;
		margin: 0 0 20px;
		font-size: 100%;
		clear: both;
	}

	blockquote p {
		font-size: 100%;
		margin: 0;
	}

	a {
		color: #231f20;
	}

	a:hover {
		color: #231f20;
		text-decoration: underline;
	}

	a:active,
	a:focus {
		outline: none;
		text-decoration: none;
	}



/* ==========================================================================
   Wordpress element styles
   ========================================================================== */

	.alignleft {
		float:left; margin:0 15px 15px 0;
	}

	.alignright {
		float:right;
		margin:0 0 15px 15px;
	}

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

	.wp-caption-text {
		font-family: 'Arial', sans-serif;
		font-size: 86%;
		line-height: 120%;
		padding-top: 6px;
		color: #666;
		padding-right: 10px;
	}

	.alignright .wp-caption-text {
		text-align: right;
	}

	.aligncenter .wp-caption-text {
		text-align: center;
	}




/*	==========================================================================
	Layout
	========================================================================== */

	.cala-screen {
		position: relative;
		width: 100%;
		min-width: 1170px;
		min-height: 100%;
		overflow: hidden;
		background: transparent;
		padding-top: 200px;
	}

	.container {
		width: 1170px !important;
  
	}

/*	==========================================================================
	Header
	========================================================================== */

	.cala-header {
		position: fixed;
		top: 0;
		width: 100%;
		border-top: 10px solid #d6a125;
		background: #fff;
		z-index: 10;
	}

	.cala-header .cala-status {
		font-family: 'Roboto Slab';
		color: #999999;
		padding-top: 30px;
		padding-bottom: 20px;
	}

	.cala-header .cala-status span,
	.cala-header .cala-status a {
		margin-left: 25px;
	}

	.cala-header .cala-status a {
		color: #999999;
	}

	.cala-header .cala-status a:hover {
		color: #231f20;
	}

	.cala-header .cala-navigation {
		padding-top: 20px;
		padding-bottom: 50px;
	}

	.cala-header .cala-navigation .cala-logo a {
		position: relative;
	}

	.cala-header .cala-navigation .cala-logo img {
		width: auto;
	}

	.cala-header .cala-navigation-item a {
		font-family: 'Roboto Slab';
		color: #999999;
		display: block;
	}

	.cala-header .cala-navigation-item a:hover,
	.cala-header .cala-navigation-item a.active {
		color: #231f20;
		text-decoration: none;
	}

	.cala-header .cala-navigation-item span:last-child {
		font-family: 'Roboto Slab';
		font-size: 90%;
		color: #999999;
		display: block;
	}

	.cala-header .cala-navigation-item a span:first-child i {
		font-family: 'Roboto Slab';
		font-style: normal;
	}

	.cala-header .cala-navigation-item a:hover span:first-child {
		/*text-decoration: underline;*/
	}

	.cala-header .cala-status-site {
		position: absolute;
		top: -10px;
		right: 56px;
		list-style-type: none;
		padding: 0;
		margin: 0;
		z-index: 10;
	}

	.cala-header .cala-status-site li {
		margin: 0 0 1px;
	}

	.cala-header .cala-status-site.colapsed li {
		display: none;
	}

	.cala-header .cala-status-site.colapsed li:first-child {
		display: block;
	}

	.cala-header .cala-status-site li a,
	.cala-status-site-trigger {
		display: block;
		width: 40px;
		height: 40px;
		padding: 11px 0;
		background: #999;
		color: #fff;
		text-align: center;
	}

	.cala-header .cala-status-site li a:hover {
		background: #d6a125;
		color: #fff;
		text-decoration: none;
	}

	.cala-status-site-trigger {
		position: relative;
		top: -10px;
		background: #d6a125;
		font-size: 140%;
		float: right;
		padding-top: 10px;
		margin-left: 60px;
		cursor: pointer;
	}

	.cala-header .cala-border {
		border-top: 3px solid #231f20;
		margin-top: 25px;
		margin-bottom: -3px;
	}

/*	==========================================================================
	Content
	========================================================================== */

	.cala-item {
		padding-top: 50px;
	}

	.cala-item-odd {
		border: 1px solid #d8d8d8;
		border-width: 1px 0;
		background: #f7f7f7;
	}

	.cala-item .row {
		margin-bottom: 90px;
	}

	.cala-item .cala-letter-first {
		font-family: 'didot_bold';
		font-size: 400%;
		float: left;
		display: block;
		margin-bottom: 20px;
		margin-right: 5px;
		position: relative;
		top: 8px;
	}

	.cala-item h6 .cala-letter-first {
		font-family: 'Roboto Slab';
		font-size: 100%;
		float: none;
		display: inline;
		margin-bottom: 0;
		margin-right: 0;
		position: relative;
		top: auto;
	}

	.cala-item a {
		color: #d6a125;
	}

	.cala-item a:hover {
		color: #d6a125;
		text-decoration: underline;
	}

	.cala-item img {
		width: 100%;
		height: auto;
	}

	.cala-item-last img {
		width: auto;
	}

	.cala-item  ul {
		list-style-position: inside;
		list-style-type: none;
		padding: 0;
	}

	.cala-item ul li {
		margin-bottom: 4px;
	}

	.cala-item ul li:before {
		content: '\2022';
		color: #d6a125;
		font-size: 100%;
		margin-right: 30px;
	}

	.cala-item .cala-image {
		height: 500px;
		overflow: hidden;
	}

	.cala-item .cala-gallery .cala-image {
		margin-bottom: 20px;
	}

	.cala-item .cala-title h2 {
		font-family: 'Roboto Slab';
		font-size: 265%;
		color: #d6a125;
		margin-top: 60px;
		margin-bottom: 10px;
	}

	.cala-item .cala-title h3,
	.cala-item .cala-title h2 span {
		font-family: 'Roboto Slab';
		font-size: 100%;
		color: #231f20;
	}

	.cala-item .cala-title h3 {
		font-size: 265%;
		margin-top: -10px;
		margin-bottom: 10px;
	}

	.cala-item .cala-title h2 span:first-child {
		font-family: 'Roboto Slab';
		color: #d6a125;
	}

	.cala-item .cala-image:before {
		content: '';
		top: -1px;
		left: -1px;
		position: absolute;
		height: 502px;
		width: 232px;
		border:  2px solid #fff;
		border-width: 250px 115px;
		border-color: #fff transparent transparent #fff;
		z-index: 3;
	}

	.cala-item-odd .cala-image:before {
		border-color: #f7f7f7 transparent transparent #f7f7f7;
	}

	.cala-screen .cala-item-last {
		background: #231f20;
		color: #fff;
		padding-top: 0;
	}

	.cala-screen .cala-item-last .row {
		margin-bottom: 20px;
	}

	.cala-screen .cala-item-last a {
		color: #fff;
	}

	.cala-screen .cala-item-last .cala-title h2 span:last-child {
		color: #fff;
	}

	.cala-column-5 {
		width: 20%;
	}

	.cala-item .cala-clients {
		text-align: center;
	}

	.cala-item .cala-clients img {
		width: 150px;
		height: auto;
		filter: gray;
		-webkit-filter: grayscale(100%);
		margin: 0 10px;
	}

	.cala-products .cala-products-row {
		border-top: 1px solid #d8d8d8;
		padding: 15px 0;
	}

	.cala-products .cala-products-row:last-child {
		border-bottom: 1px solid #d8d8d8;
	}

	.cala-products .cala-products-row:before,
	.cala-products .cala-products-row:after {
		content: '';
		display: table;
	}

	.cala-products .cala-products-row:after {
		clear: both;
	}

	.cala-products .cala-products-column {
		position: relative;
		padding-left: 35px;
		width: 33%;
		float: left;
	}

	.cala-products .cala-products-column span {
		position: absolute;
		top: -1px;
		left: 0;
		display: block;
		width: 20px;
		height: 20px;
		text-align: center;
		background: #d6a125;
		color: #fff;
		padding-top: 1px;
	}

	.cala-gallery-title {
		position: absolute;
		top: 0;
		left: 0;
		width: 200px;
		z-index: 4;
	}

	.cala-gallery-title span {
		font-family: 'Roboto Slab';
		font-weight: normal;
		font-size: 110%;
		color: #231f20;
	}

	.cala-gallery-title strong {
		font-family: 'Roboto Slab';
		font-size: 110%;
		color: #d6a125;
		display: block;
	}

	.cala-gallery-description {
		position: absolute;
		top: 150px;
		right: 70px;
		width: 430px;
		z-index: 5;
	}

	.cala-gallery-skip {
		position: absolute;
		top: 50%;
		display: block;
		padding: 8px 17px;
		margin-top: -20px;
		background: #d6a125;
		font-size: 150%;
		color: #fff;
		z-index: 4;
		cursor: pointer;
	}

	.cala-gallery-skip-previous {
		left: 0;
		padding-left: 14px;
	}

	.cala-gallery-skip-next {
		right: 0;
		padding-right: 14px;
	}

	.cala-gallery-pagination {
		width: 100%;
		text-align: center;
		padding: 0 0 80px;
		margin-bottom: 0;
		display: block;
		z-index: 4;
	}

	.cala-gallery-pagination li {
		display: inline-block;
		width: 10px;
		height: 10px;
		background: #fff;
		border: 1px solid #231f20;
		border-radius: 50%;
		cursor: pointer;
	}

	.cala-item  .cala-gallery-pagination li:before {
		content: '';
	}

	.cala-gallery-pagination li.active {
		background: #d6a125;
		border-color: #d6a125;
	}

	.cala-link-button {
		background: transparent;
		border: 3px solid #d6a125;
		font-family: 'Roboto Slab';
		color: #d6a125;
		font-size: 110%;
		font-weight: normal;
		padding: 15px 60px;
		margin: 10px 0;
		display: block-block;
	}

	a.cala-link-button:hover {
		background: #d6a125;
		color: #fff;
		text-decoration: none;
	}

/*	==========================================================================
	Footer
	========================================================================== */

	.cala-footer {
		position:  relative;
		width: 100%;
		min-height: 100%;
		overflow: hidden;
		background: transparent;
	}




	@media (max-width: 1170px) {
		.cala-screen {
			padding-top: 0;
		}

		.cala-header {
			position: relative;
		}
	}