/* Global */



* {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

li {
	list-style: none;
}

@font-face {
    font-family: 'geometricBK';
    src: url('fonts/geometricBK.eot#') format('eot'),
        url('fonts/geometricBK.woff') format('woff'),
        url('fonts/geometricBK.ttf') format('truetype'),
        url('fonts/geometricBK.svg#geometricBK') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'geometricLT';
    src: url('fonts/geometricLT.eot#') format('eot'),
        url('fonts/geometricLT.woff') format('woff'),
        url('fonts/geometricLT.ttf') format('truetype'),
        url('fonts/geometricLT.svg#geometricLT') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'geometricM';
    src: url('fonts/geometricM.eot#') format('eot'),
        url('fonts/geometricM.woff') format('woff'),
        url('fonts/geometricM.ttf') format('truetype'),
        url('fonts/geometricM.svg#geometricM') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'heroicCB';
    src: url('fonts/heroicCB.eot#') format('eot'),
        url('fonts/heroicCB.woff') format('woff'),
        url('fonts/heroicCB.ttf') format('truetype'),
        url('fonts/heroicCB.svg#heroicCB') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'heroicCBOOK';
    src: url('fonts/heroicCBOOK.eot#') format('eot'),
        url('fonts/heroicCBOOK.woff') format('woff'),
        url('fonts/heroicCBOOK.ttf') format('truetype'),
        url('fonts/heroicCBOOK.svg#heroicCBOOK') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fontello';
    src: url('fonts/fontello.eot#') format('eot'),
        url('fonts/fontello.woff') format('woff'),
        url('fonts/fontello.ttf') format('truetype'),
        url('fonts/fontello.svg#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

::selection {
	background: #4d4d4d;
	color: #fff;
}

img {
	max-width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

a:link {
	color: #ffffff;
	text-decoration: none;
	margin: 0 auto;
	border: 0;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all.3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all.3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

a:hover {
	color: #4d4d4d;
	text-decoration: none;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all.3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all.3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

a:visited {
	color: #acb1b1;
	text-decoration: none;
}

a:visited:hover {
	color: #4d4d4d;
	text-decoration: none;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all.3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all.3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

body {
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 0;
}

p {
	padding-top: 30px;
	text-align: left;
	font-weight: 300;
	font-size: 17px;
	line-height: 40px;
	font-family: "Georgia", Times New Roman, Times, serif;
	color: #000000;
	text-transform: none;
	letter-spacing: 1px;
	width: 100%;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

p2 {
	text-align: left;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	font-family: "Georgia", Times New Roman, Times, serif;
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 1px;
}

h1 {
	font-weight: normal;
	font-size: 60px;
	line-height: 60px;
	font-family: "heroicCB", sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	font-style: bold;
	letter-spacing: 1px;
}

h2 {
	padding-top: 10px;
	font-size: 34px;
	line-height: 35px;
	font-family: "heroicCBOOK", sans-serif;
	color: #513F38;
	text-transform: uppercase;
	letter-spacing: 1px;
}

h3 {
	font-weight: normal;
	font-size: 80px;
	font-family: "heroicCBOOK", sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 65px;
	margin-top:-75px;
}

h4 {
	font-weight: normal;
	font-size: 25px;
	line-height: 50px;
	font-family: "heroicCBOOK", sans-serif;
	color: #ffffff;
	text-transform: uppercase;
}

h5 {
	font-weight: normal;
	font-size: 30px;
	font-family: "heroicCB", sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	font-style: bold;
	letter-spacing: 1px;
}

h6 {
	font-weight: normal;
	font-size: 14px;
	font-family: "geometricBK",sans-serif;
	color: #A15323;
	text-transform: uppercase;
	font-style: bold;
	letter-spacing: 1px;
}

h7 {
	font-weight: normal;
	font-size: 15px;
	font-family: "geometricBK", sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	font-style: bold;
	letter-spacing: 1px;
	padding-top: 20px;
	line-height: 25px;
}

a:hover h2 {
	color: #8D6D3E;
}

b, strong {
	font-weight: bold;
}

li.blog strong {
	font-weight: bold;
	font-family: 'geometricM' !important;
	color: #8C6C3E;
	letter-spacing: 0.8px;
}

.cells.contact {
background-color:#FAF4EF!important;
padding-top:10px
}

.about .cells .grid_70 {
background-color:#fff!important
}

.cells.contact .grid_60,.cells.contact .grid_40 {
background-color:#FAF4EF
}

.cells.olis .grid_40 {
height:500px;
padding-left:12%
}

.cells.olis{
background-color:#F4E5D6!important
}

.cells.olis ul {
width:1070px;
margin:auto;
height:460px;
display:block !important;
}

.about .grid_70 li.blog {
padding:60px
}

.about .grid_30 li.blog {
padding:30px
}

.about .grid_30 {
background-color:#F4E5D6;
padding-top:10px
}

.about .grid_30.nosaltres li {
display:block;
float:right;
line-height:40px;
width:100%
}

.single .grid_30 li {
display:block;
float:left;
line-height:40px;
width:100%
}

.about .grid_30.nosaltres li a,.about .grid_30.nosaltres li h4 {
float:right;
padding-left:30px;
padding-right:30px
}

.about .block3.about .cells ul {
background-color:#F4E5D6
}

.about .grid_30 li h4 {
border-bottom:#EACBAE solid 2px;
color:#529594
}

.about .grid_30 li a {
border-bottom:#EACBAE solid 2px;
color:#EACBAE;
display:block!important;
font-family: "geometricLT",sans-serif;
font-size:12px
}

.btn1,.btn2 {
border:none;
color:#fff;
font-family:"geometricBK",sans-serif;
font-size:15px;
margin-right:10px;
margin-top:20px;
padding:15px
}

.btn1 {
background-color:#A15323
}

.btn2 {
background-color:#56A89A
}

.btn1:hover,.btn2:hover {
opacity:0.8
}

.cells.single .grid_70 {
background:#FAF4EF
}

#blog-comments,#blog-form {
background:#fff;
border-bottom:solid 1px #ccc;
padding:80px
}

.comment-box {
background:#FAF4EF;
border:solid #F4E5D6 1px;
margin:20px 20px 20px 0;
padding:20px;
width:90%
}

#blog-form input,#blog-form textarea {
background:#FAF4EF;
border:solid #F4E5D6 1px
}

.comment-box strong {
color:#A05222
}

.comment-box em {
color:#ccc
}

.blog-row1 div:nth-child(odd),.blog-row2 div:nth-child(even) {
background-color:#F9F4EE!important
}

.blog-row1 div:nth-child(even),.blog-row2 div:nth-child(odd) {
background-color:#F5E5D6!important
}

li.blog h2 {
font-size:34px;
line-height:40px
}

#totop {
-moz-border-radius:24px;
-webkit-border-radius:24px;
background-color:#000;
color:#fff;
cursor:pointer;
display:none;
font-family:"heroicCBOOK", sans-serif;
font-size:14px;
height:48px;
line-height:30px;
margin-left:-160px;
margin-top:-88px;
opacity:.8;
padding:10px;
position:fixed;
right:1%;
text-align:center;
text-transform:uppercase;
top:100%;
width:50px;
z-index:9999999
}

#totop:hover {
-moz-transition:all.3s ease-out;
-o-transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
background-color:#e2d056;
cursor:pointer;
transition:all .3s ease-out
}

#totop:active,#totop:focus {
outline:none
}

.menu {
background-color:#FFF9EF;
height:93px;
text-align:center;
width:100%;
z-index:999999
}

.nav {
-moz-transition:all.3s ease-out;
-o-transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
background-image:url(../images/top.png);
background-position:bottom center;
background-repeat:repeat-x;
color:#acb1b1;
font-family:"heroicCB", serif;
font-size:22px;
font-weight:100;
letter-spacing:.5px;
position:0;
text-transform:uppercase;
transition:all .3s ease-out;
width:100%;
z-index:999999
}

.nav ul li {
display:inline-block;
list-style:none;
min-width:115px;
padding:10px
}

.nav ul li a {
color:#529594
}

.sticky {
-moz-transition:all.3s ease-out;
-o-transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
background-color:rgba(255,249,239,0.9);
border-top:0;
display:inline-block;
font-family:"heroicCB", serif;
font-size:22px;
font-weight:100;
height:100px;
left:0;
position:fixed;
text-transform:uppercase;
top:0;
transition:all .3s ease-out;
width:100%;
z-index:9999999
}

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

.logo {
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
float:left;
margin-bottom:0;
margin-left:40px;
margin-right:-90px;
opacity:1;
padding-top:19px;
display: none;
transition:all .2s ease-in-out

}

.logo:hover {
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
float:left;
margin-bottom:0;
margin-left:40px;
margin-right:-90px;
opacity:.5;
padding-top:19px;
transition:all .2s ease-in-out
}

.logo2 {
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
left:40px;
opacity:.3;
position:absolute;
top:40px;
transition:all .2s ease-in-out;
z-index:999999
}

.logo2:hover {
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
left:40px;
opacity:1;
top:40px;
transition:all .2s ease-in-out;
z-index:999999
}

.logo3 {
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
float:left;
margin-left:40px;
padding-top:35px;
position:absolute;
transition:all .2s ease-in-out;
z-index:2
}

.logo3:hover {
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
float:left;
margin-left:40px;
opacity:.5;
padding-top:35px;
position:fixed;
transition:all .2s ease-in-out;
z-index:2
}

.login {
-moz-transition:all.3s ease-out;
-o-transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
float:right;
height:30%;
margin-bottom:0;
margin-right:40px;
opacity:.2;
padding-top:19px;
transition:all .3s ease-out
}

.login:hover {
float:right;
margin-bottom:0;
margin-right:40px;
opacity:1;
padding-top:19px
}

.header {
display:block;
positive:relative;
width:100%
}

#slides {
margin:0 auto;
max-width:1070px;
position:relative
}

#slides .slides-container {
display:none;
list-style:none;
margin:0 auto;
width:1070px;
}

#slides .scrollable {
-webkit-overflow-scrolling:touch;
height:100%;
left:0;
overflow-y:auto;
position:relative;
top:0;
zoom:1
}

#slides .scrollable:after {
clear:both;
content:"";
display:table
}

.slides-navigation {
margin:0 auto;
position:absolute;
width:100%;
z-index:3
}

.slides-navigation a {
display:block;
position:absolute
}

.slides-navigation a.prev {
bottom:300px;
left:40px;
opacity:.5
}

.slides-navigation a.next {
bottom:300px;
opacity:0.9;
right:40px
}

#slides .inner {
padding-top:18%;
position:relative;
text-align:center;
width:100%
}

.first {
padding-top:20%;
position:relative;
text-align:center;
text-shadow:0 0 3px rgba(0,0,0,.05), 0 1px 5px rgba(0,0,0,.3);
width:100%
}

#slides h1, {
color:#fff;
font-size:50px;
line-height:52px
}

#slides .btn {
-moz-filter:drop-shadow(01px2pxrgba(0,0,0,.3));
-ms-filter:drop-shadow(01px2pxrgba(0,0,0,.3));
-o-filter:drop-shadow(01px2pxrgba(0,0,0,.3));
-webkit-filter:drop-shadow(01px2pxrgba(0,0,0,.3));
filter:drop-shadow(01px2pxrgba(0,0,0,.3));
z-index:999999
}

.cells {
margin:0;
position:relative;
text-align:left;
width:100%;
z-index:99999
}

.cells #title {
border-bottom:solid 1px #e5e5e5;
padding-bottom:50px;
padding-top:50px;
width:100%
}

.cells.blog-row1 .grid_25,.cells.blog-row2 .grid_25 {
padding:10px 10px 5px 30px
}

.cells ul {
display:table;
list-style:none;
position:relative;
width:100%
}

.cells ul li.blog {
list-style:none;
padding:25px 25px 25px 0
}

.cells h1 {
color:#513F38;
font-family:"heroicCBOOK", sans-serif;
font-size:34px;
letter-spacing:1px;
line-height:35px;
padding-top:10px;
text-transform:uppercase
}

#langs {
background-color:rgba(169,100,58,0.9);
height:100%;
margin:0;
position:absolute;
text-align:center;
width:100%;
z-index:9999
}

#langs .center-div {
display:block;
height:340px;
left:50%;
margin-left:-215px;
margin-top:-170px;
position:absolute;
top:50%;
width:430px
}

#langs ul {
list-style:none;
text-align:center;
width:100%
}

#langs ul li {
display:inline-block;
list-style:none;
margin:0;
width:100%
}

#langs ul li.header {
color:#898a8a;
display:block;
font-family:"heroicCBOOK", sans-serif;
font-size:14px;
font-weight:700;
letter-spacing:1.5px;
list-style:none;
padding-bottom:20px;
text-align:center;
text-transform:uppercase
}

#langs ul li h2 {
color:#898a8a;
font-family:"heroicCBOOK", serif;
font-size:14px;
font-style:regular;
font-weight:400;
letter-spacing:1px;
line-height:20px;
text-decoration:none;
text-transform:uppercase
}

#panel {
display:none;
padding-top:50px
}

.wrapper {
display:inline-block;
position:relative;
width:100%
}

.wrapper:after {
content:'';
display:block;
padding-top:100%
}

.about {
text-align:center;
width:100%
}

.about #office {
background:url(../images/office.jpg) 0 -375px no-repeat fixed;
background-size:115%;
height:754px;
margin:0 auto;
min-height:754px;
padding:0;
width:100%
}

.about #text {
color:#fff;
filter:dropshadow(color=#000000,offx=1,offy=1);
float:left;
height:100%;
margin:0;
position:relative;
text-align:left;
text-shadow:1px 1px 3px #000;
top:37%;
width:500px;
margin:auto;
left:50%;
margin-left:-250px;
}

.nofilter {
-webkit-filter:brightness(100%)
}

.preload {
display:none;
margin-left:-9999px;
margin-top:-1000px;
overflow:hidden;
position:absolute;
width:2500px
}

.general {
background-color:#333;
float:left;
height:550px;
max-width:50%;
padding-left:80px;
padding-top:100px;
text-align:left;
width:100%
}

.generalinfo {
width:30%
}

.general p2 b {
color:#fff;
font-family:"heroicCBOOK", sans-serif;
font-size:14px;
font-style:bold;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase
}

#generalleft {
display:block;
float:left;
padding-top:8%;
width:290px
}

#generalleft a:hover {
color:#e2d056
}

#generalleft ul {
display:block;
list-style:none
}

#generalleft ul li {
display:inline-block;
list-style:none;
padding-bottom:15px;
padding-right:10px;
vertical-align:top
}

#generalright {
display:block;
padding-left:60px;
padding-top:80px
}

.input {
float:left;
min-height:625px;
text-align:left
}

input[type=checkbox] {
border:solid 3px #d7d7d7;
height:13px;
margin-right:5px;
visibility:hidden;
width:13px
}

.checkbox {
background:#e5e5e5;
border-radius:3px;
display:inline-block;
height:5px;
margin:20px 20px 20px -190px;
padding-right:50px;
position:relative;
vertical-align:middle;
width:40px
}

.checkbox label {
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
-webkit-transition:all .5s ease;
background:#fff;
border:solid 3px #898989;
border-radius:50%;
cursor:pointer;
display:block;
height:15px;
left:-3px;
padding-top:5px;
position:absolute;
top:-5px;
transition:all .5s ease;
width:15px
}

.sendcopy {
color:#acb1b1;
display:inline-block;
font-family:"heroicCBOOK", serif;
font-size:13px;
font-weight:400;
left:-40px;
letter-spacing:1px;
line-height:50px;
margin-left:-50px;
min-width:300px;
padding-left:80px;
position:relative;
text-transform:uppercase
}

.checkbox input[type=checkbox]:checked + label {
background:#e2d056;
border:solid 3px #898989;
border-radius:50%;
left:27px
}

.generalfloat {
float:right;
margin-right:5%;
min-height:620px;
padding-top:5%;
width:83%
}

#talkli {
width:88%
}

.planfloat {
float:right;
margin-right:4.5%;
min-height:700px;
padding-bottom:50px;
padding-top:5%;
width:90%
}

input,button {
border:solid 1px #d7d7d7;
color:#898989;
font-family:"heroicCBOOK", serif;
font-size:12px;
font-weight:400;
height:45px;
letter-spacing:1px;
line-height:10px;
margin-bottom:25px;
margin-right:20px;
padding:15px;
text-transform:uppercase;
width:30%
}

select {
-webkit-appearance:none;
background:#FFF url(..images/downarrow.png) no-repeat right center;
border:solid 1px #d7d7d7;
border-radius:0;
color:#898989;
font-family:"heroicCBOOK", serif;
font-size:12px;
font-weight:400;
height:45px;
letter-spacing:1px;
line-height:10px;
margin-bottom:25px;
margin-right:20px;
padding:15px;
text-transform:uppercase;
width:27%
}

label {
color:#898989;
font-family:"heroicCBOOK", serif;
font-size:12px;
font-weight:400;
letter-spacing:1px;
line-height:10px;
text-transform:uppercase
}

.submit {
-moz-transition:background .3s ease-out;
-o-transition:background .3s ease-out;
-webkit-transition:background 3s ease-out;
background:#343433;
border:none;
border-radius:11px;
color:#acb1b1;
font-family:"heroicCBOOK", sans-serif;
font-size:16px;
font-weight:700;
height:55px;
letter-spacing:1px;
text-align:center;
text-transform:uppercase;
transition:background .3s ease-out;
width:290px
}

.submit:hover {
background:#e2d056;
border:none;
color:#fff;
cursor:pointer;
height:55px;
width:290px
}

.submitgray {
-moz-transition:background .3s ease-out;
-o-transition:background .3s ease-out;
-webkit-transition:background 3s ease-out;
background:#acb1b1;
border:none;
border-radius:11px;
color:#fff;
font-family:"heroicCBOOK", sans-serif;
font-size:16px;
font-weight:700;
height:55px;
letter-spacing:1px;
text-align:center;
text-transform:uppercase;
transition:background .3s ease-out;
width:300px
}

.submitgray:hover {
background:#e2d056;
border:none;
color:#fff;
cursor:pointer;
height:55px;
width:300px
}

textarea {
border:solid 1px #d7d7d7;
border-bottom:solid 1px #fff;
border-left:solid 1px #EACBAE;
border-right:solid 1px #fff;
border-top:solid 1px #EACBAE;
color:#8C6C3E;
font-family:"geometricLT",sans-serif;
font-size:14px;
font-weight:400;
height:200px;
letter-spacing:1px;
line-height:10px;
margin-bottom:25px;
margin-right:15px;
padding:15px;
text-transform:uppercase;
width:80%
}

.title h3 {
color:#404040;
font-family:"heroicCBOOK", Sans Serif;
font-size:30px;
font-weight:700;
line-height:0;
text-transform:uppercase
}

.description p {
color:#898a8a;
font-family:"heroicCBOOK", serif;
font-size:14px;
font-style:italic;
font-weight:400;
line-height:1px;
margin-top:-5px
}

figure:hover figcaption {
opacity:1
}

figure:hover:before {
opacity:0
}

.cap-bot:before {
bottom:10px;
left:10px
}

.cap-bot figcaption {
bottom:-30%;
left:0
}

.cap-bot:hover figcaption {
bottom:0
}

.footer {
background:url(../images/bg-foot.jpg) repeat;
font-family:"heroicCBOOK",sans-serif;
max-width:2560px;
padding-top:30px;
text-align:left;
text-transform:uppercase;
width:100%
}

.foot-row1,.foot-row2,.foot-row3 {
margin-left:auto;
margin-right:auto;
max-width:1050px
}

.foot-row1 li {
float:left
}



.foot-grid.idiomas_movil {display: none;}
.foot-grid.idiomas li,.social_icons li {
margin-right:15px
}

.foot-grid {
padding:15px 0
}

.logo-footer {
display:block;
float:none!important;
margin:auto;
text-align:center!important;
width:210px
}

.foot-row3 {
color:#fff;
display:block;
margin-top:15px;
padding:10px 0;
position:relative;
text-align:left
}

.foot-row1 a,.foot-row2 h4,.blog h4,#langs li a {
color:#8D6D3E
}

.foot-row1 a:hover,#langs li a:hover {
color:#A15424
}

.foot-row2 a,.foot-row3 a {
color:#999
}

.foot-row2 a:hover,.foot-row3 a:hover {
color:#FFF
}

.block1 #langs li a {
color:#EACBAE;
font-family:"geometricM",sans-serif;
font-size:14px;
text-transform:uppercase
}

.block1 #langs li a:hover {
color:#fff
}

.block1 #langs .social_icons {
margin-bottom:80px
}

#select-lang {
font-size:60px;
margin-bottom:15px
}

.social_icons,.footer .categories,.footer .contacta,.slides-container .social_icons li {
float:right;
text-align:right
}

.slides-container .social_icons,.grid_25 li.blog .social_icons,.grid_25 li.blog .social_icons li {
float:left!important;
padding-bottom:10px;
padding-top:10px
}

.social_icon_1 a {
background:url(../images/fb.png) no-repeat;
display:block;
height:40px;
width:40px
}

.social_icon_2 a {
background:url(../images/tw.png) no-repeat;
display:block;
height:40px;
width:40px
}

#langs .social_icon_1 a {
background:url(../images/fb-lang.png) no-repeat;
display:block;
height:40px;
width:40px
}

#langs .social_icon_2 a {
background:url(../images/tw-lang.png) no-repeat;
display:block;
height:40px;
width:40px
}

.social_icon_1 a:hover,.social_icon_2 a:hover {
opacity:0.6
}

.foot-row2 a,.foot-row3,.foot-row1 a,.blog li a {
font-family:"geometricLT",sans-serif;
font-size:12px
}

.blog li em {
color:#36BFC9;
font-style:normal
}

#map {
height:400px
}

#gmap {
background-color:#fff;
border:#EACBAE solid 1px;
padding:15px
}

.cells.blog-row2,.cells.blog-row1 {
background:#F9F4EE
}

body {
margin:0 auto;
position:relative;
width:100%;
z-index:0
}

p {
font-size:14px;
letter-spacing:1px;
line-height:26px;
padding-top:20px;
text-align:left;
text-transform:none;
width:100%
}

h1 {
font-size:45px;
font-style:bold;
letter-spacing:1px;
line-height:45px;
text-transform:uppercase
}

h2 {
font-size:20px;
font-weight:400;
line-height:30px;
text-transform:none
}

h3 {
font-size:65px;
text-transform:uppercase
}

.olis .slides-navigation a.prev {
bottom:300px;
left:40px;
opacity:0.8
}

.olis .slides-navigation a.next {
bottom:300px
}

.slides-container .grid_25 {
margin-left:0;
min-height:800px;
padding-top:90px
}

#slides h2 {
font-size:50px;
line-height:55px;
padding-top:10px
}

#slides h7 {
color:#000;
font-family:"geometricM",sans-serif;
font-size:13px;
line-height:30px;
padding-top:10px
}

.sub ul {
list-style:none;
padding-bottom:20px;
padding-left:0;
padding-top:20px;
text-align:center;
width:100%
}

.sub ul li {
color:#fff;
display:inline-block;
font-family:"heroicCBOOK", serif;
font-size:12px;
font-style:regular;
font-weight:400;
letter-spacing:1px;
line-height:18px;
list-style:none;
margin:0;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:100%
}

.sub ul li.header {
color:#fff;
display:block;
font-family:"heroicCBOOK", sans-serif;
font-size:14px;
font-weight:700;
letter-spacing:1.5px;
list-style:none;
padding-bottom:20px;
text-align:center;
text-transform:uppercase
}

.sub #x {
cursor:pointer;
margin-top:-37px;
position:absolute;
text-align:center;
width:100%;
z-index:999999
}

.block1 {
background:url(../images/bg-head.jpg) 0 -375px repeat fixed
}

.block1 #bg {
height:700px;
margin:0 auto;
min-height:700px;
padding:0;
width:100%
}

.scroll-down {
display:block;
left:50%;
margin-left:-40px!important;
position:absolute;
top:90%;
width:80px
}

.block3.about #bg {
background:url(../images/inter.jpg) center fixed;
height:700px;
margin:0 auto;
min-height:700px;
padding:0;
width:100%
}

.block3.contact #bg {
background:url(../images/contact.jpg) center no-repeat;
height:350px;
margin:0 auto;
min-height:350px;
padding:0;
width:100%
}

.block3.single #bg {
/*background:url(../images/blog.jpg) no-repeat fixed;
height:325px;*/
max-height:325px;
margin:0 auto;
padding:0;
width:100%;
overflow:hidden;
}

.about #team {
margin:0;
position:relative;
text-align:center;
width:100%
}

.about #team ul {
display:inline-block;
float:none;
margin:0;
width:100%
}

.about #team ul li {
display:inline-block;
float:none;
list-style:none;
padding:40px;
width:40%
}

.about #team ul li h1 {
color:#898a8a;
font-family:"heroicCBOOK", sans-serif;
font-size:25px;
font-weight:700;
letter-spacing:1px;
line-height:40px;
text-transform:uppercase
}

.about #team ul li h2 {
color:#898a8a;
font-family:"heroicCBOOK", serif;
font-size:18px;
font-style:italic;
font-weight:400;
line-height:20px;
padding-bottom:30px;
text-transform:none
}

.about #team ul li .wrapper h3 {
color:#fff;
font-family:"heroicCBOOK", sans-serif;
font-size:20px;
font-weight:700;
letter-spacing:1px;
line-height:25px;
margin-top:50px;
text-transform:uppercase;
visibility:hidden
}

.about #team ul li .wrapper img {
margin-top:25%;
visibility:hidden
}

.cells ul li.interactive {
display:inline-block;
list-style:none;
margin-bottom:0
}

* {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box
}

input {
border-bottom:solid 1px #fff;
border-left:solid 1px #EACBAE;
border-right:solid 1px #fff;
border-top:solid 1px #EACBAE;
color:#8C6C3E;
font-family:"geometricLT",sans-serif;
font-size:14px;
font-weight:400;
height:50px;
letter-spacing:1px;
line-height:10px;
margin-bottom:25px;
margin-right:20px;
padding:15px;
text-transform:uppercase;
width:40%
}

.thanksbg {
background-attachment:fixed;
background-image:url(../images/thanksbg.png);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
height:500px;
margin:0;
padding-top:20px;
width:100%
}

html.home,html.home body,html.home .block1,html.home #bg {
display:block;
height:100%;
min-height:650px
}

.post .cells.about.single .grid_70 {
max-width:1058px
}

#swiffycontainer {
display:block;
height:600px;
left:50%;
margin-left:-300px;
margin-top:-300px;
position:absolute;
top:50%;
width:600px
}

.olis #slides {
height:700px !important;
}

p.procedencia {
background-image:url(../images/map.jpg);
display:inline-block;
height:372px;
margin-top:20px;
width:539px
}

img.img-slider {
height:600px!important;
width:600px!important;
right:0px !important;
top:40px !important;
}

.nav,.sticky {
height:93px!important
}
a.next[title]:hover:after{margin-left:-190px;}
a.prev[title]:hover:after {margin-left:100px;}
a.next[title]:hover:after,a.prev[title]:hover:after {
margin-top:-128px;
-moz-border-radius:5px;
-moz-box-shadow:0 0 4px #666;
-webkit-border-radius:5px;
-webkit-box-shadow:0 0 4px #666;
background:url(http://www.masdelclos.com.mialias.net/images/label.jpg) no-repeat center top;
background-color:#fff;
border-radius:5px;
box-shadow:0 0 4px #666;
color:#000;
content:attr(title);
display:block;
font-family:"geometricM", sans-serif;
font-size:18px;
font-weight:400;
height:20px;
line-height:16px;
min-width:160px;
opacity:0.85;
padding:60px 8px 8px;
position:absolute;
text-align:center;
text-transform:uppercase;
top:100%;
white-space:nowrap;
z-index:20px
}

.cells.contact .grid_40,.cells.contact .grid_60 {
padding-left:6%
}

.single .grid_30 li a,.single .grid_30 li h4 {
float:left;
padding-left:30px;
padding-right:30px
}

.about .grid_30 li a:hover,.nav ul li a:hover {
color:#A15323
}

.cells.olis button,.block1 #langs .social_icon_1,.block1 #langs .social_icon_2 {
width:auto
}

.cells.single .grid_30,.cells.single {
background:#F4E5D6
}

.nav ul,.sticky ul,.sticky ul li,.cells ul li.branding,.cells ul li.production {
display:inline-block;
list-style:none;
}
.nav ul{width:800px;}

.slides-navigation a.prev:hover,.slides-navigation a.next:hover {
-moz-transition:all.3s ease-out;
-o-transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
opacity:1;
transition:all .3s ease-out
}

.message1,textarea-placeholder {
border:solid 1px #d7d7d7;
color:#898989;
font-family:"heroicCBOOK", serif;
font-size:12px;
font-weight:400;
letter-spacing:1px;
line-height:10px;
text-transform:uppercase
}

.block1 #logo-main,.block3 #logo-main {
background-image:url(../images/top.png);
background-position:top center;
background-repeat:repeat-x;
height:100%
}

.about #team ul li .wrapper:hover h3,.about #team ul li .wrapper:hover img {
visibility:visible
}
.home #slides .img-slider{left: 235px;}
.slideshow .grid_470{margin-top:60px;}
html.olis .slides-container li.slideshow {width:1070px !important;}
#toTop, .slides-pagination{display:none;}
ul.contacta{margin-bottom:15px;}
ul.contacta li a{color: #a15323;}
ul.contacta li a:hover{color: #514038;}
.form-contact{margin-top: 30px;}


/* NEW by GeckoCode */
#slides-height {height:700px;position:relative;}
.block3.single #bg img {width:100%}
.single {text-align:left}

/* -- MEDIA QUERIES MOBILE */
@media only screen and (max-width: 700px) {
	.block1 #logo-main, .block3 #logo-main {background-size: 100% 7px;}
	.nav {height: auto!important;  padding:20px 0; background-size: 100% 7px;}
	.nav .logo {background: url(../images/logo-mobile.png) no-repeat scroll center center;width: 268px;height: 82px; margin:0 auto 8px; float:none; text-indent: -9999px; display: block;}
	.menu {height: auto;}
	.nav ul {width: 100%;}
	.nav ul li:nth-child(3) {display: none;}
	.nav ul li {display: block;}
	.nav ul li a {width: 130px;display: block;}

	.footer {padding: 30px 3% 0; background: url(../images/top.png) no-repeat top center, url(../images/bg-foot.jpg) repeat 0 0; background-size: 100% 7px, auto;}
	.logo-footer {background:url(../images/logo-footer-mobile.png) no-repeat 0 0; display:block; margin:0 auto; width:209px; height:65px; }
	.logo-footer img {display:none; }
	.footer .grid_nosaltres,.footer .grid_olis,.footer .grid_categories,.footer .foot-row1 .idiomas  {display: none;}
	.footer .foot-row1 .idiomas_movil {display: block;}
	.footer h4 {font-weight: bold;}
	.footer .foot-row1 h4 {font-weight: normal;}
	.footer .categories, .footer .contacta, .footer .social_icons {float:none; text-align: center;}
	.foot-grid {padding: 7px 0;}
	.foot-grid ul {text-align: center;}
	.foot-row1 .foot-grid ul li { display: inline-block; margin: 0 2%; float: none}
	.foot-grid ul li:first-child {display: block;}
	.foot-grid ul.contacta li {display: block;line-height: 1.3;}
	ul.contacta li a {color:#999; font-weight: normal;}
	ul.contacta li .phone { color:#FFF; font-size: 16px;}
	.foot-row3, .foot-row3 a {color:#FFF; text-align: center; font-weight: normal;}
	ul.contacta li a:hover {color: #FFF;}
	.foot-row3 span {display:block; clear:both; line-height:30px; float:none !important;}

	/* Olis Page */
	html.olis #slides-height {height: auto;}
	.olis #slides {height:auto!important;}
	#slides .slides-container { width:100%; display:block;}
	html.olis .slides-container li.slideshow {width:100%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 3% 18px;}
	img.img-slider {width:95%!important; max-width:600px; height:auto!important; position:relative!important; top:0!important; margin:0 auto; display:block}
	html.olis img.img-slider {top:128px!important; }
	html.olis .slideshow .grid_470 {margin-top:-93%; }
	html.olis .slideshow .grid_470 h2,
	html.olis .slideshow .grid_470 h6,
	html.olis .slideshow .grid_470 h7 { width:200px; margin-left:auto; margin-right:auto; display:block; line-height: 1.0!important;}
	html.olis .slideshow .grid_470 h7 {margin-bottom:98%;}
	html.olis .slides-navigation {top:19px;}
	.slides-container .social_icons {display:none;}
	.cells.olis {padding:0 3%;}
	.cells h1 {font-size:24px; line-height:1}
	.cells.olis ul {width:auto; height:auto;}
	.cells ul li.blog { padding:15px 0;}
	.cells.olis p {padding-top:12px; line-height:1.6; letter-spacing:0}

	/* Home */
	#langs .center-div {width:100%; width:100%; left:0; margin-left:0; }
	html.home .block1 {height:71%; min-height:0}
	html.home #bg { height:100%; min-height:0;}
	#swiffycontainer {width:100% !important; height:100%; position:static; margin:0;}
	#logo-main .scroll-down,html.home .block3.about #bg  {display: none;}

	.home #slides .img-slider{left: auto; width:320px!important;}
	li.blog h2 {text-transform: uppercase;}
	.blog-row1 li p, .blog-row1 .social_icons {display: none;}
	.home #slides-height {height:320px; margin:20px 0;}

	.home .slides-navigation {top:100px;}
	.slides-navigation a {bottom:auto!important;}
	.slides-navigation a.next {right:6%;}
	.slides-navigation a.prev {left:6%!important;}
	.slides-navigation img {width:50px;}

	.home .block3.about {background: url(../images/top.png) no-repeat top center; background-size: 100% 7px;padding-top: 7px;}

	/*Paginas interiores */
	html .block3.about #bg { height:auto!important; min-height:0!important; background-size:cover!important; }
	.about #text { float:none; padding:15px 3%; position:static; margin:0; width:auto; }
	.about #text h3 { margin-top:0;}
	.about .grid_30 {padding:5px 0;}
	.about .grid_30.nosaltres li {display:inline-block; float:none; width:auto; vertical-align:middle;}
	.about .grid_30.nosaltres li a, 
	.about .grid_30.nosaltres li h4 {border:none; padding:0 15px; float:none; }
	.about .grid_30.nosaltres li a {display:block; border-left:#EACBAE solid 2px;}
	.about .grid_70 li.blog {padding:15px 3%;}

	/* blog */
	.post .about .grid_30 {display:none;}
	.block3.single #bg {max-height:150px;}

	/* contacto */
	.block3.contact, #gmap {display: none;}
	.cells.contact .grid_40, .cells.contact .grid_60 { padding:0 3%;}
	.form-contact input {width:100%; margin-bottom:4%;}
	textarea {margin-right:0; width:100%;}

	.credits_row {
		width: 100% !important;
		padding: 0 20px !important; 
	}

}


/* -- MEDIA QUERIES RETINA */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { 
	
	.nav .logo {background-image: url(../images/logo-mobile-retina.png); background-size: 100% auto;}
	.logo-footer {background-image: url(../images/logo-footer-mobile-retina.png); background-size: 100% auto;}

}

#credits {
	background-color: #F9F4EE;
	width: 100%;
	height: 50px;
}

.credits_row {
	color: #8D6D3E;
	font-family: "geometricLT",sans-serif;
	width: 1050px;
	margin: 0 auto;
	font-size: 12px;
}