@font-face {
font-family: 'ff-logo';
src:url(//www.restaurantes-originales-madrid.es/wp-content/plugins/fresh-framework//framework/extern/ff-logo/fonts/ff-logo.eot?-2htky8);
src:url(//www.restaurantes-originales-madrid.es/wp-content/plugins/fresh-framework//framework/extern/ff-logo/fonts/ff-logo.eot?#iefix-2htky8) format('embedded-opentype'),
url(//www.restaurantes-originales-madrid.es/wp-content/plugins/fresh-framework//framework/extern/ff-logo/fonts/ff-logo.woff?-2htky8) format('woff'),
url(//www.restaurantes-originales-madrid.es/wp-content/plugins/fresh-framework//framework/extern/ff-logo/fonts/ff-logo.ttf?-2htky8) format('truetype'),
url(//www.restaurantes-originales-madrid.es/wp-content/plugins/fresh-framework//framework/extern/ff-logo/fonts/ff-logo.svg?-2htky8#ff-logo) format('svg');
font-weight: normal;
font-style: normal;
}
.ff-logo:before {
font-family: 'ff-logo';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ff-logo:before {
content: "\e60b";
}
#toplevel_page_ThemeDashboard > a > .wp-menu-image:before {
font-family: 'ff-logo' !important;
speak: none !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
line-height: 1 !important; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#toplevel_page_ThemeDashboard > a > .wp-menu-image:before {
content: "\e60b" !important;
padding: 9px 0 !important;
display: inline-block !important;
font-size: 16px !important;
}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; } body {
overflow-x:hidden;
-webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
-webkit-text-size-adjust: 100%;
}
html {
overflow-x:hidden; 
height:100%;
} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 46px; line-height:46px;text-transform:uppercase;letter-spacing:6px; }
h2 { font-size: 40px; line-height:40px;text-transform:uppercase;letter-spacing:5px;}
h3 { font-size: 34px; line-height: 34px;text-transform:uppercase;letter-spacing:4px;}
h4 { font-size: 28px; line-height: 34px;text-transform:uppercase;letter-spacing:3px;}
h5 { font-size: 20px; line-height: 20px;text-transform:uppercase;letter-spacing:2px;}
h6 { font-size: 16px; line-height: 16px;text-transform:uppercase;letter-spacing:1px;}
p {  }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;  }
em { font-style: italic; }
strong { font-weight: 600;}
small { font-size: 80%; } blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
hr { } a, a:visited { text-decoration: none; }
a:hover, a:focus { }
p a, p a:visited { line-height: inherit; text-decoration: none;}
a:focus{
outline:none;
} ul, ol { }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { font-size: 90%;  }
ul ul li, ul ol li,
ol ol li, ol ul li {  }
li { line-height: 18px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; } .button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
background:#363636;	
margin-top:10px;
border:none;
color: #dfdfdf;
display: inline-block;
font-size: 16px;
cursor: pointer;
line-height: normal;
padding: 15px 25px;
-webkit-transition : all 0.3s ease-out;
-moz-transition : all 0.3s ease-out;
-o-transition :all 0.3s ease-out;
transition : all 0.3s ease-out; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {	
color: #e74c3c;
background:#292929;	 }
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {	
color: #e74c3c;}
.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center; } button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}  .remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
::selection {
background: rgba(100,100,100,.2); }
::-moz-selection {
background: rgba(100,100,100,.2); }.container                                  { position: relative; width: 1200px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px;}
.row                                        { margin-bottom: 20px; } .column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; } .container .one.column,
.container .one.columns                     { width: 55px;  }
.container .two.columns                     { width: 130px; }
.container .three.columns                   { width: 205px; }
.container .four.columns                    { width: 280px; }
.container .five.columns                    { width: 355px; }
.container .six.columns                     { width: 430px; }
.container .seven.columns                   { width: 505px; }
.container .eight.columns                   { width: 580px; }
.container .nine.columns                    { width: 655px; }
.container .ten.columns                     { width: 730px; }
.container .eleven.columns                  { width: 805px; }
.container .twelve.columns                  { width: 880px; }
.container .thirteen.columns                { width: 955px; }
.container .fourteen.columns                { width: 1030px; }
.container .fifteen.columns                 { width: 1105px; }
.container .sixteen.columns                 { width: 1180px; }
.container .one-third.column                { width: 380px; }
.container .two-thirds.column               { width: 780px; } .container .offset-by-one                   { padding-left: 75px;  }
.container .offset-by-two                   { padding-left: 150px; }
.container .offset-by-three                 { padding-left: 225px; }
.container .offset-by-four                  { padding-left: 300px; }
.container .offset-by-five                  { padding-left: 375px; }
.container .offset-by-six                   { padding-left: 450px; }
.container .offset-by-seven                 { padding-left: 525px; }
.container .offset-by-eight                 { padding-left: 600px; }
.container .offset-by-nine                  { padding-left: 675px; }
.container .offset-by-ten                   { padding-left: 750px; }
.container .offset-by-eleven                { padding-left: 825px; }
.container .offset-by-twelve                { padding-left: 900px; }
.container .offset-by-thirteen              { padding-left: 975px; }
.container .offset-by-fourteen              { padding-left: 1050px; }
.container .offset-by-fifteen               { padding-left: 1125px; } @media only screen and (min-width: 960px) and (max-width: 1199px) {
.container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px;}
.row                                        { margin-bottom: 20px; } .column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; } .container .one.column,
.container .one.columns                     { width: 40px;  }
.container .two.columns                     { width: 100px; }
.container .three.columns                   { width: 160px; }
.container .four.columns                    { width: 220px; }
.container .five.columns                    { width: 280px; }
.container .six.columns                     { width: 340px; }
.container .seven.columns                   { width: 400px; }
.container .eight.columns                   { width: 460px; }
.container .nine.columns                    { width: 520px; }
.container .ten.columns                     { width: 580px; }
.container .eleven.columns                  { width: 640px; }
.container .twelve.columns                  { width: 700px; }
.container .thirteen.columns                { width: 760px; }
.container .fourteen.columns                { width: 820px; }
.container .fifteen.columns                 { width: 880px; }
.container .sixteen.columns                 { width: 940px; }
.container .one-third.column                { width: 300px; }
.container .two-thirds.column               { width: 620px; } .container .offset-by-one                   { padding-left: 60px;  }
.container .offset-by-two                   { padding-left: 120px; }
.container .offset-by-three                 { padding-left: 180px; }
.container .offset-by-four                  { padding-left: 240px; }
.container .offset-by-five                  { padding-left: 300px; }
.container .offset-by-six                   { padding-left: 360px; }
.container .offset-by-seven                 { padding-left: 420px; }
.container .offset-by-eight                 { padding-left: 480px; }
.container .offset-by-nine                  { padding-left: 540px; }
.container .offset-by-ten                   { padding-left: 600px; }
.container .offset-by-eleven                { padding-left: 660px; }
.container .offset-by-twelve                { padding-left: 720px; }
.container .offset-by-thirteen              { padding-left: 780px; }
.container .offset-by-fourteen              { padding-left: 840px; }
.container .offset-by-fifteen               { padding-left: 900px; }
}  @media only screen and (min-width: 768px) and (max-width: 959px) {
.container                                  { width: 768px; }
.container .column,
.container .columns                         { margin-left: 10px; margin-right: 10px;  margin-top: 10px; margin-bottom: 10px;}
.column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
.column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
.alpha.omega                                { margin-left: 0; margin-right: 0; }
.container .one.column,
.container .one.columns                     { width: 28px; }
.container .two.columns                     { width: 76px; }
.container .three.columns                   { width: 124px; }
.container .four.columns                    { width: 172px; }
.container .five.columns                    { width: 220px; }
.container .six.columns                     { width: 268px; }
.container .seven.columns                   { width: 316px; }
.container .eight.columns                   { width: 364px; }
.container .nine.columns                    { width: 412px; }
.container .ten.columns                     { width: 460px; }
.container .eleven.columns                  { width: 508px; }
.container .twelve.columns                  { width: 556px; }
.container .thirteen.columns                { width: 604px; }
.container .fourteen.columns                { width: 652px; }
.container .fifteen.columns                 { width: 700px; }
.container .sixteen.columns                 { width: 748px; }
.container .one-third.column                { width: 236px; }
.container .two-thirds.column               { width: 492px; } .container .offset-by-one                   { padding-left: 48px; }
.container .offset-by-two                   { padding-left: 96px; }
.container .offset-by-three                 { padding-left: 144px; }
.container .offset-by-four                  { padding-left: 192px; }
.container .offset-by-five                  { padding-left: 240px; }
.container .offset-by-six                   { padding-left: 288px; }
.container .offset-by-seven                 { padding-left: 336px; }
.container .offset-by-eight                 { padding-left: 384px; }
.container .offset-by-nine                  { padding-left: 432px; }
.container .offset-by-ten                   { padding-left: 480px; }
.container .offset-by-eleven                { padding-left: 528px; }
.container .offset-by-twelve                { padding-left: 576px; }
.container .offset-by-thirteen              { padding-left: 624px; }
.container .offset-by-fourteen              { padding-left: 672px; }
.container .offset-by-fifteen               { padding-left: 720px; }
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.container { width: 420px; }
.container .columns,
.container .column {  margin-left: 0; margin-right: 0; margin-top: 10px; margin-bottom: 10px;}
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column  { width: 420px; } .container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven,
.container .offset-by-twelve,
.container .offset-by-thirteen,
.container .offset-by-fourteen,
.container .offset-by-fifteen { padding-left: 0; }
} @media only screen and (min-width: 320px) and (max-width: 479px) {
.container { width: 300px; }
.container .columns,
.container .column {  margin-left: 0; margin-right: 0;  margin-top: 10px; margin-bottom: 10px;}
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column { width: 300px; } .container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven,
.container .offset-by-twelve,
.container .offset-by-thirteen,
.container .offset-by-fourteen,
.container .offset-by-fifteen { padding-left: 0; }
}  @media only screen and (max-width: 319px) {
.container { width: 220px; }
.container .columns,
.container .column { margin-left: 0; margin-right: 0; margin-top: 10px; margin-bottom: 10px;}
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column { width: 220px; } .container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven,
.container .offset-by-twelve,
.container .offset-by-thirteen,
.container .offset-by-fourteen,
.container .offset-by-fifteen { padding-left: 0; }
}  .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } .clearfix:before,
.clearfix:after,
.row:before,
.row:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.row:after,
.clearfix:after {
clear: both; }
.row,
.clearfix {
zoom: 1; } .clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}.section-slider .tparrows.tp-leftarrow.square-old  { background:url(//www.restaurantes-originales-madrid.es/wp-content/themes/hypnos/assets/images/large_left.png) no-Repeat top left; }
.section-slider .tparrows.tp-rightarrow.square-old { background:url(//www.restaurantes-originales-madrid.es/wp-content/themes/hypnos/assets/images/large_right.png) no-Repeat top left; }
#video_background {
position: absolute;
bottom: 0;
left: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1000;
overflow: hidden;
}
.image_background {
background-size: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
width: 100%;
}
.slider-pattern {
background-size: auto !important;
} .styled-select select {
background:#f5f5f5;
border:#ededed 1px solid;
width: 270px;
padding: 5px;
font-size: 13px;
line-height: 1;
outline:none;
border-radius: 3px;
height: 34px;
-webkit-appearance: none;
margin:10px 0;
}
.home-options {
position:relative;
width:100%;
margin-top:10px;
text-align:center;
margin:0 auto;
}
.home-options a{
background:#f5f5f5;
border:#ededed 1px solid;
font-size: 13px;
padding: 5px 30px;
line-height:40px;
outline:none;
text-align:center;
color:#000;
}
.home-options a:hover{
background:#f1f1f1;
}
#main-wrap-box{
position:relative;
width:100%;
max-width:1350px;
margin:0 auto;
display:block;
overflow:hidden;
box-shadow: 0 0 25px rgba(0,0,0,0.2);
}
#main-wrapper-box{
position:relative;
width:100%;
background: url() no-repeat center center fixed;
background-size: cover;
margin:0 auto;
display:block;
overflow:hidden;
} body.royal_loader {
background: none;
visibility: hidden;
}
#royal_preloader {
font-size: 12px;
visibility: visible;
position: fixed;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
z-index: 9999999999;
-webkit-transition: opacity 0.2s linear 0.8s;
-moz-transition: opacity 0.2s linear 0.8s;
-ms-transition: opacity 0.2s linear 0.8s;
-o-transition: opacity 0.2s linear 0.8s;
transition: opacity 0.2s linear 0.8s;
}
#royal_preloader.complete {
opacity: 0;
}
#royal_preloader .background {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color: #000000;
-webkit-transition: background 0.5s linear;
-moz-transition: background 0.5s linear;
-ms-transition: background 0.5s linear;
-o-transition: background 0.5s linear;
transition: background 0.5s linear;
}
#royal_preloader.number .name {
position: absolute;
top: 20%;
left: 0px;
right: 0px;
text-transform: uppercase;
color: #EEEEEE;
text-align: center;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s linear;
-moz-transition: -moz-transform 0.3s linear;
-ms-transition: -ms-transform 0.3s linear;
-o-transition: -o-transform 0.3s linear;
transition: transform 0.3s linear;
-webkit-animation: fly 0.3s;
-moz-animation: fly 0.3s;
-ms-animation: fly 0.3s;
-o-animation: fly 0.3s;
animation: fly 0.3s;
}
#royal_preloader.number .percentage {
color: #FFFFFF;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
text-align: center;
margin: -90px 0px 0px -90px;
background-image: url(//www.restaurantes-originales-madrid.es/wp-content/themes/hypnos/images/loader.gif);
background-repeat: no-repeat;
background-position: 50% 0;
padding-top: 80px;
width: 180px;
position: absolute;
font-size: 50px;
top: 50%;
left: 50%;
-webkit-transition: all 0.3s linear 0.5s;
-moz-transition: all 0.3s linear 0.5s;
-ms-transition: all 0.3s linear 0.5s;
-o-transition: all 0.3s linear 0.5s;
transition: all 0.3s linear 0.5s;
}
#royal_preloader.text .loader {
position: absolute;
font-size: 14px;
text-transform:uppercase;
letter-spacing:1px;
font-weight:400;
text-shadow: 0 0 5px rgba(0,0,0,0.1);
text-align:center;
top: 50%;
left: 50%;
width:240px;
margin-left:-120px;
height: 60px;
line-height: 60px;
margin-top: -30px;
white-space: nowrap;
}
#royal_preloader.text .loader div {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0%;
background-color: #000000;
opacity: 0.7;
filter: alpha(opacity=70);
-webkit-transition: left 0.3s linear;
-moz-transition: left 0.3s linear;
-ms-transition: left 0.3s linear;
-o-transition: left 0.3s linear;
transition: left 0.3s linear;
}
#royal_preloader.logo .loader {
width: 80px;
height: 80px;
position: absolute;
left: 50%;
top: 50%;
margin: -40px 0px 0px -40px;
overflow: hidden;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 100%;
}
#royal_preloader.logo .loader div {
position: absolute;
bottom: 0%;
left: 0px;
right: 0px;
height: 100%;
opacity: 0.7;
filter: alpha(opacity=70);
-webkit-transition: bottom 0.3s linear;
-moz-transition: bottom 0.3s linear;
-ms-transition: bottom 0.3s linear;
-o-transition: bottom 0.3s linear;
transition: bottom 0.3s linear;
}
#royal_preloader.logo .percentage {
position: absolute;
width: 80px;
height: 40px;
line-height: 40px;
top: 50%;
left: 50%;
margin: 40px 0px 0px -40px;
color: #072E77;
text-align: center;
font-size: 12px;
font-weight: bold;
}
@-webkit-keyframes fly {
0% { opacity: 0; top: 50%; }
20% {opacity: 1; top: 40%; }
100% { opacity: 0; top: 20%;}
}
@-moz-keyframes fly {
0% { opacity: 0; top: 50%; }
20% {opacity: 1; top: 40%; }
100% { opacity: 0; top: 20%;}
}
@-ms-keyframes fly {
0% { opacity: 0; top: 50%; }
20% {opacity: 1; top: 40%; }
100% { opacity: 0; top: 20%;}
}
@-o-keyframes fly {
0% { opacity: 0; top: 50%; }
20% {opacity: 1; top: 40%; }
100% { opacity: 0; top: 20%;}
}
@keyframes fly {
0% { opacity: 0; top: 50%; }
20% {opacity: 1; top: 40%; }
100% { opacity: 0; top: 20%;}
}
body {
background: #f2f2f2;
font-weight:300;
font-size: 15px;
line-height:24px;
color:#666666;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #323232;
text-align:center;
} .logo-holder    {
float: left; }
.menu-holder    {
float: right;
}
#menu-wrap{
position: fixed; width:100%;
z-index:1000;
top:0;
left:0;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
body.admin-bar #menu-wrap   {
top: 32px !important;
}
.menu-back{
background:rgba(250,250,250,.9);
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.cbp-af-header {
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.cbp-af-header.cbp-af-header-shrink {
background:rgba(250,250,250,1);
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.cbp-af-header.cbp-af-header-shrink .logo{ -webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
#menu-wrap .container .columns     {
-webkit-transition: margin 300ms linear;
-moz-transition: margin 300ms linear;
-o-transition: margin 300ms linear;
-ms-transition: margin 300ms linear;
transition: margin 300ms linear;     
}
.cbp-af-header.cbp-af-header-shrink .container .columns     {
margin-top: 0;
margin-bottom: 0;
}
.cbp-af-header.cbp-af-header-shrink .logo img{ }
.header-vcenter-wrapper    {
display: table;
width: 100%;
height: 100%;
}
.header-vcenter    {
display: table-cell;
vertical-align: middle;
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu { -webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li:first-child {
background:none;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li ul li:first-child { 
background:none;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;  }
ul.slimmenu li ul li a {
color: #000;
border: none !important;
}
ul.slimmenu li ul li a:hover {
opacity: 0.6;
}
ul.slimmenu li ul li { 
background:none;
padding-left:0;
display: block;
}
ul.slimmenu li ul {
background:rgba(250,250,250,.95);
box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.logo{ z-index:10000; font-weight: 700;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.logo img{ display:block; float: left;
padding: 10px 0 10px 10px;
}
.menu-collapser {
position: relative;
width: 100%;
height: 48px;
line-height: 48px;
font-size: 16px;
padding: 0 8px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.collapse-button {
position: absolute;
right: 8px;
top: 50%;
width: 40px;
background-image: linear-gradient(to bottom, #151515, #040404);
background-repeat: repeat-x;
border-style: solid;
border-width: 1px;
color: #000;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
padding: 7px 10px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
cursor: pointer;
font-size: 14px;
text-align: center;
transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.collapse-button:hover, .collapse-button:focus {
background-image: none;
background-color: #040404;
color: #FFF;
}
.collapse-button .icon-bar {
background-color: #fff;
border-radius: 1px 1px 1px 1px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
display: block;
height: 2px;
width: 18px;
margin: 2px 0;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
ul.slimmenu { text-align:right;
margin-top:13px;
margin-bottom:10px;
padding: 10px 10px 10px 0;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
ul.slimmenu li {
position: relative;
display: inline-block;
background:url(//www.restaurantes-originales-madrid.es/wp-content/themes/hypnos/images/line.png) 0 14px no-repeat;
background-size:15px 10px;
padding-left:20px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
ul.slimmenu > li {}
ul.slimmenu > li:first-child { border-left: 0 }
ul.slimmenu > li:last-child { margin-right: 0 }
ul.slimmenu li a {
display: block;
color: #000;
padding: 10px 0px;
cursor:pointer;
margin: 0px 12px;
font-weight:700;
text-transform:uppercase;
border-bottom:1px solid rgba(0,0,0,0);
font-size: 12px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
ul.slimmenu li a:hover {
text-decoration: none;
}
ul.slimmenu li {
}
ul.slimmenu li:first-child {
background:none;
}
ul.slimmenu li .sub-collapser {
position: absolute;
right: 0;
top: 0;
width: 48px;
height: 100%;
z-index: 999;
cursor: pointer;
}
ul.slimmenu li .sub-collapser:before {
display:none;
}
ul.slimmenu li .sub-collapser > i {
display:none;
}
ul.slimmenu li ul {
margin: 0;
list-style-type: none;
}
ul.slimmenu li ul a{
font-size:10px;
}
ul.slimmenu li ul li:first-child { 
background:none; }
ul.slimmenu li ul li {
background:none;
padding-left:0; }
ul.slimmenu li > ul {
display: none;
position: absolute;
text-align:left;
left: 0;
top: 100%;
z-index: 999;
width: 150%;
}
ul.slimmenu li > ul > li ul {
display: none;
position: absolute;
left: 100%;
top: 0;
z-index: 999;
width: 100%;
}
ul.slimmenu.collapsed {
padding:0;
margin:0;
}
ul.slimmenu.collapsed li {
display: block;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
ul.slimmenu.collapsed li a {
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0);
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}
ul.slimmenu.collapsed li .sub-collapser {
height: 40px;
}
ul.slimmenu.collapsed li > ul {
display: none;
position: static;
} .home{
position: relative; 
margin: 0 auto;
width: 100%;
height: auto !important;
overflow:hidden;
z-index:2;
}
.just_pattern_slider,
.just_pattern {
background-image: url(//www.restaurantes-originales-madrid.es/wp-content/themes/hypnos/images/pattern.png); 
position: absolute; 
opacity: 0.5; 
left: 0px;
top: 0px;
right:0;
bottom:0;
width: 100%;
height: 100%; 
z-index: 3; 
}
.just_pattern_slider{
left: -9999px;
right: -9999px;
width: 99999px;
height: 99999px;
}
.small-text { 
position: absolute; 
width:100%;
font-weight:400;
color:#fff;
letter-spacing:2px; 
text-shadow: 0 0 5px rgba(0,0,0,0.3);
text-transform:uppercase;
text-align:center;
font-size: 27px; 
line-height:27px;
z-index: 200; 
}
.big-text { 
position: absolute; 
width:100%;
color:#fff;
letter-spacing:4px; 
text-transform:uppercase;
text-align:center;
font-size:75px; 
line-height:75px;
z-index: 200; 
}
.big-text span{
font-size:70px; 
line-height:70px;
}
.cl-effect {
position:absolute;
left:0;
width:100%;
z-index:100;
text-align:center;
}
.cl-effect a {
position: relative;
display: inline-block;
outline: none;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
font-size: 12px;
border:2px solid #ffffff;
color: #ffffff;
text-align:center;
overflow:hidden;
z-index:100;
}
.cl-effect a:hover,
.cl-effect a:focus {
outline: none;
}
.cl-effect a {
overflow: hidden;
padding: 10px 45px;
color: #ffffff;
}
.cl-effect a span {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
color: #ffffff;
}
.cl-effect a span::before {
position: absolute;
margin-top:15px;
top: 100%;
content: attr(data-hover);
font-weight: 400;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.cl-effect a:hover span,
.cl-effect a:focus span {
top:-15px;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
.sub-text-line {
border-top:1px dotted #414141;
position:relative;
width:50px;
margin:0 auto;
text-align:center;
}
.sub-text-line:after {
content:'';
left:0;
position:absolute;
top:-4px;
width:100%;
}
.sub-text-line:before {
content:'';
left:0;
position:absolute;
top:2px;
width:100%;
}
.sub-text {
position:relative;
width:100%;
max-width:850px;
margin:0 auto;
text-align:center;
font-weight:400;
font-size: 14px;
line-height:30px;
text-transform:uppercase;
letter-spacing:2px;
color:#999999;
margin-bottom:70px;
} .svg-wrap{
position: absolute;
width: 0px;
height: 0px;
overflow: hidden;
}
.link-svgline {
position: relative;
z-index: 1; overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.link-svgline  a {
position: relative;
display: inline-block;
outline: none;
color:#212121;
vertical-align: bottom;
text-decoration: none;
white-space: nowrap;
}
.link-svgline  a::before,
.link-svgline  a::after {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
.link-svgline a {
font-weight: 600;
}
.link-svgline a svg.link-svgline {
position: absolute;
top: 100%;
left: 0;
overflow: hidden;
margin: 0;
width: 100%;
height: 15px; 
-webkit-transition: stroke-dashoffset 0.4s ease-in-out; 
transition: stroke-dashoffset 0.4s ease-in-out;
-webkit-transform: translateY(-90%);
transform: translateY(-90%);
fill: none;
stroke-width: 2;
stroke-dasharray: 400px; 
stroke-dashoffset: 400px;
}
@media screen and (max-width: 50em) {
.link-svgline a svg.link-svgline {
-webkit-transform: translateY(-80%);
transform: translateY(-80%);
}
}
.link-svgline a:hover svg.link-svgline {
stroke-dashoffset: 0px; 
} .featured{
position: relative; 
margin: 0 auto;
width: 100%;
overflow:hidden;
background:#323232;
z-index:2;
padding-top:60px;
}
.featured h4{
text-align:center;
color:#fff;
padding-bottom:10px;
}
.featured .cl-effect {
position:relative;
top:auto;
margin:0 auto;
left:auto;
text-align:center;
}
.slideshow-featured{
position: relative; 
width: 100%;
overflow:hidden;
margin-top:30px;
padding:0;
}
.slide-featured{
position: relative; 
overflow:hidden;
}
.slide-featured .mask{
position: absolute; 
width: 100%;
height:100%;
top:0;
left:0;
right:0;
bottom:0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index:100;
opacity:0;
background: -webkit-linear-gradient(top, rgba(21,21,21,0.1) 0%, rgba(21,21,21,0.9) 75%);
background: linear-gradient(to bottom, rgba(21,21,21,0.1) 0%, rgba(21,21,21,0.9) 75%);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.slide-featured p{
position: absolute; 
text-align:center;
width:100%;
color:#fff;
text-transform:uppercase;
bottom:-100px;
left:0;
font-weight:400;
font-size: 13px;
line-height:13px;
letter-spacing:1px;
z-index:102;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
.slide-featured p span{
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
.slide-featured:hover p span{
padding-bottom:5px;
padding-top:5px;
padding-right:8px;
padding-left:8px;
border:2px solid #fff;
-webkit-transition-delay:.3s;
-moz-transition-delay:.3s;
transition-delay:.3s;
}
.film_roll_wrapper .active .slide-featured:hover .mask{
opacity:1;
}
.film_roll_wrapper .active .slide-featured:hover p{
bottom:36px;
-webkit-transition-delay:.1s;
-moz-transition-delay:.1s;
transition-delay:.1s;
}
.film_roll_wrapper .slide-featured {
cursor:alias;
}
.film_roll_wrapper .active .slide-featured {
cursor:url(//www.restaurantes-originales-madrid.es/wp-content/themes/hypnos/images/more.cur),crosshair;
cursor:url(//www.restaurantes-originales-madrid.es/wp-content/themes/hypnos/images/more.png) 40 40,crosshair;
}
.film-roll-prev, .film-roll-next {
position: absolute;
top: 50%;
margin-top:-43px;
width: 60px;
height: 86px;
opacity: 0.5;
z-index:100;
color:rgba(0,0,0,0);
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.film-roll-prev{
left:10px;
background:url(//www.restaurantes-originales-madrid.es/wp-content/themes/hypnos/images/slide_left.png)no-repeat center center;
background-size:60px 86px;
} 
.film-roll-next{
right:10px;
background:url(//www.restaurantes-originales-madrid.es/wp-content/themes/hypnos/images/slide_right.png)no-repeat center center;
background-size:60px 86px;
} 
.film-roll-prev:hover, .film-roll-next:hover {
opacity: 1;
color:rgba(0,0,0,0);
}
.film_roll_wrapper img {
width:100%;
height:auto;
display:block;
opacity:.1;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.film_roll_wrapper .active img {
opacity:1;
}
.film_roll_wrapper{display:block;text-align:center;float:none;position:relative;top:auto;right:auto;bottom:0;left:auto;z-index:auto;width:100%;height:100%;margin:0 !important;padding:0 !important;overflow:hidden;}
.film_roll_shuttle{text-align:left;float:none;position:relative;top:0;left:0;right:auto;bottom:0;height:100%;margin:0 !important;padding:0 !important;z-index:auto;}
.film_roll_shuttle.vertical_center:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em;}
.film_roll_child{position:relative;display:inline-block;*display:inline;vertical-align:middle;zoom:1;}
.film_roll_pager{text-align:center;display:none;}
.film_roll_pager a{width:5px;height:5px;border:2px solid #333;border-radius:5px;display:inline-block;margin:0 5px 0 0;transition:all 1s ease}
.film_roll_pager a:hover{background:#666}
.film_roll_pager a.active{background:#333}
.film_roll_pager span{display:none}
.film_roll_pager a,a.film-roll-prev,a.film-roll-next{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} .about{
position: relative; 
margin: 0 auto;
width: 100%;
overflow:hidden;
background:#fff;
z-index:2;
padding-top:50px; }
.about img{
width: 100%;
height:auto;
display:block;
}
.about-box{
position: relative; 
margin: 0 auto;
width: 100%;
overflow:hidden;
padding-bottom:60px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.about-box:last-child{
padding-bottom:0;
}
.about-box h5{
text-align:left;
margin-left:60px;
padding-bottom:20px;
}
.about-box p{
text-align:left;
margin-left:60px;
}
.about-box .about-box-icon{
position: relative; 
font-size:25px;
line-height:25px;
text-align:center;
color:#999999;
width: 60px;
height:30px;
float:left;
display:inline-block; 
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.about-box1{
position: relative; 
margin: 0 auto;
width: 100%;
overflow:hidden;
padding-bottom:60px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.about-box1:last-child{
padding-bottom:0;
}
.about-box1 h5{
text-align:right;
margin-right:60px;
padding-bottom:20px;
}
.about-box1 p{
text-align:right;
margin-right:60px;
}
.about-box1 .about-box-icon{
position: relative; 
font-size:25px;
line-height:25px;
text-align:center;
color:#999999;
width: 60px;
height:30px;
float:right;
display:inline-block; 
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.facts{
position: relative; 
margin: 0 auto;
width: 100%;
overflow:hidden;
background:#323232;
z-index:2;
padding-top:60px;
padding-bottom:60px;
}
.facts-wrap{
position: relative; 
width: 100%;
margin:0 auto;
text-align:center;
}
.facts-wrap h6{
font-weight:400;
padding-top:15px;
text-transform:uppercase;
text-align:center;
letter-spacing:2px;
font-size: 12px; 
line-height:18px;
}
.facts-wrap-num{
color:#fff;
font-size: 60px; 
line-height:60px;
width:100%;
margin:0 auto;
text-align:center;
}  
.team{
position: relative; 
margin: 0 auto;
width: 100%;
overflow:hidden;
background:#fff;
z-index:2;
padding-top:50px;
padding-bottom: 60px;
}
.team h4{
text-align:center;
padding-bottom:20px;
}   
.flip-carousel{
margin:0 auto;
display:block;
position:relative;
text-align: center;
}
.flip-carousel > ul{
margin:0;
padding:0;
display: inline-block;
}
.flip-carousel > ul > li{
width: 240px;
margin-left:10px;
margin-right:10px;
padding:0;
display: inline-block;
list-style-type:none;
position: relative;
-webkit-perspective: 1500;
-moz-perspective: 1500;
-ms-perspective: 1500;
perspective: 1500;
}
.flip-carousel .card {
position:relative;
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg); -webkit-transform-style: preserve-3d;
-webkit-transition: 0.5s;
-moz-transform-style: preserve-3d;
-moz-transition: 0.5s;
-ms-transform-style: preserve-3d;
-ms-transition: 0.5s;
transform-style: preserve-3d;
transition: 0.5s;
height:460px;
}
.flip-carousel .face {
position: absolute;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.flip-carousel .front{ z-index:1; }
.flip-carousel .back{ z-index: 0; }
.flip-carousel .back{
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg); }
.ie .flip-carousel .face .empty{
width:100%;
height:100%;
background-color:#000;
background-color:rgba(0,0,0,.8);
}
.flip-carousel .controls {
display: block;
margin:0 auto;
overflow:hidden;
}
.flip-carousel .controls img {
padding: 0 5px 0 0;
}
.flip-carousel .controls.dots {
margin-top: 5px;
}
.flip-carousel .controls li.dot {
width: 12px;
height: 12px;
display: inline-block;
margin: 0 5px 0 0;
list-style-type: none;
background-color: #ccc;
border-radius: 10px;
}
.flip-carousel .controls li.dot.selected{
}
.flip-carousel .controls .arrow{
cursor: pointer;
top:50%;
margin-top:-30px;
position: absolute;
width: 40px;
height: 60px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.flip-carousel .controls .arrow:after{
content: "";
width: 20px;
height: 20px;
position: absolute;
background: none;
border-bottom: 2px solid #212121;
border-left: 2px solid #212121;
left: 12px;
top: 17px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.flip-carousel .controls .arrow.right:after{
border-bottom: none;
border-left: none;
border-top: 2px solid #212121;
border-right: 2px solid #212121;
left: auto;
right: 12px;
}
.ie .flip-carousel .controls .arrow{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.ie .flip-carousel .controls .arrow:hover{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ie .flip-carousel .controls .arrow:after{
content:"\2039";
color:#212121;
font-size:80px;
border:none;
top:-22px;
left:5px;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.ie .flip-carousel .controls .arrow.right:after{
content:"\203A";
left:auto;
right:10px;
}
.flip-carousel .controls .arrow:hover {
opacity: 1;
}
.flip-carousel .controls .arrow.left{
left:20px;
right:auto;
}
.flip-carousel .controls .arrow.right{
right:20px;
left:auto;
}
.flip-carousel .hide {
display:none;
}
.flip-carousel .loader{
width: 40px;
height: 40px;
position: absolute;
left:48%;
bottom: 0;
animation:spinning 2s linear infinite;
-webkit-animation:spinning 2s linear infinite;
}
.flip-carousel .loader:after{
content:"";
width: 30px;
height: 30px;
border: 5px solid rgba(255,255,255,.5);
border-radius: 20px;
border-top-color: transparent;
position:absolute;
top: 0;
left: 0;
}
@keyframes spinning{
from   { transform: rotate(0deg) }
to { transform: rotate(360deg) }
}
@-webkit-keyframes spinning{
from   { -webkit-transform: rotate(0deg) }
to { -webkit-transform: rotate(360deg) }
}
.team article {
height: 460px;
text-align:center;
background:#f0f0f0;
}
.team article img {
width:100%;
height:auto;
display:block;
padding-bottom:20px;
}
.team article h6 {
text-align:center;
padding-left:20px;
padding-right:20px;
}
.team article p span{
font-size: 12px;
line-height:18px;
}
.team article p {
text-align:center;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
}
.social-team{ 
position:relative;
padding-top:5px;
width:100%;
margin:0 auto;
text-align:center;
height:30px;
}
.list-social li {
padding:0; 
list-style: none;
text-align:center; 
width:30px;
display: inline-block;
margin-left:2px;
margin-right:2px;
border-radius:2px;
background:#414141;
cursor:pointer;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.list-social li.icon-soc a {
font-size: 13px;
line-height: 30px;
width:30px;
text-align:center;
margin:0;
padding:0;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.list-social li:hover.icon-soc a{
opacity:.6;
} .work{
position: relative; 
margin: 0 auto;
width: 100%;
overflow:hidden;
background:#fff;
padding-top:50px;
}
.portfolio-wrap{
position: relative; 
width: 100%;
overflow:hidden;
margin-bottom:-1px;
-webkit-transform:translateX(2px);
-moz-transform:translateX(2px);
-ms-transform:translateX(2px);
-o-transform:translateX(2px);
transform:translateX(2px);
}
.portfolio-box{
position: relative; 
width: 25%;
overflow:hidden;
display:inline-block;
margin-left:-1px;
margin-top:-1px;
float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.portfolio-box:after{
content: '';
display: block;
clear: both;
}
.portfolio-box img{ 
width: 100%;
height:auto;
display:block;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.portfolio-box:hover img{ 
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
figure.effect-sadie{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
figure.effect-sadie figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: -webkit-linear-gradient(top, rgba(21,21,21,0.1) 0%, rgba(21,21,21,0.9) 75%);
background: linear-gradient(to bottom, rgba(21,21,21,0.1) 0%, rgba(21,21,21,0.9) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0);
}
figure.effect-sadie h5 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
color: #fff;
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0);
}
figure.effect-sadie h5 span{
font-weight:300;
font-size: 18px;
line-height:18px;
text-transform:uppercase;
}
figure.effect-sadie figcaption::before,
figure.effect-sadie p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-sadie p {
position: absolute;
bottom: 0;
left: 0;
padding-bottom: 40px;
width: 100%;
opacity: 0;
text-align:center;
text-transform:uppercase;
font-size: 10px;
letter-spacing:1px;
color:#fff;
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
}
figure.effect-sadie:hover h5 {
color: #fff;
-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}
figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
#portfolio-filter {
position:relative;
width:100%;
text-align: center;
}
#filter {
position:relative;
width:100%;
}
#filter li {
display: inline-block;
}
#filter li a {
position: relative;
display: inline-block;
font-weight:400;
font-size: 12px; 
padding-bottom:7px;
margin-bottom:10px;
outline: none;
color: #706e6e;
text-decoration: none;
text-transform: uppercase;
text-shadow: 0 0 1px rgba(255,255,255,0.3);
margin-left:12px;
margin-right:12px;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
#filter li .current {
color: #bdb3b3;
}
#filter li a:hover {
color: #bdb3b3;
}
#filter li .link-svgline a.current svg.link-svgline {
stroke-dashoffset: 0px
}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
transition-duration: 0.6s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:         top, left, opacity;
transition-property:         transform, opacity;
}  .relative{
position: relative;
}
.portfolio{
width:100%;
height: auto;
margin:0 auto;
max-width: 1200px;
}
.expander-wrap {
position:relative;
display: none;
text-align: center;
}
#expander-wrap{
position: relative;
width:100%;
max-width:1200px;
margin:0 auto;
overflow: hidden;
} .project-controls{
position: relative;
width:100%;
height: auto;
top:105px;
max-width: 1200px;
margin:0 auto;
}
.expander-inner{
position: relative;
}
.cls-btn{
width:100%;
padding: 0;
margin: 0 auto;
display: block;
height: auto;
}
.expander-wrap .cls-btn .close {
position:relative;
display: inline-block;
color:#000;
top:0;
margin-top:105px;
width:auto;
height:auto;
font-size:30px;
font-weight:100;
text-align:center;
cursor: pointer;
float:none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.expander-close:hover {
color:#3a3a3a;
cursor:pointer;
}
.scroll-to-contact{
position: relative; 
margin: 0 auto;
width: 100%;
overflow:hidden;
background:#fff;
z-index:2;
padding-top:40px;
padding-bottom:35px;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}   
.scroll-to-contact p{
text-align:center;
color:#606060;
text-transform:uppercase;
letter-spacing:2px;
font-weight:400;
font-size: 12px;
line-height:12px;
margin:0 auto;
width:120px;
padding-bottom:7px;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}  
.link-svgline-getintouch {
position: relative;
z-index: 1; overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
text-align:center;
}
.link-svgline-getintouch  p {
position: relative;
outline: none;
vertical-align: bottom;
text-decoration: none;
white-space: nowrap;
text-align:center;
}
.link-svgline-getintouch  p::before,
.link-svgline-getintouch  p::after {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-align:center;
}
.link-svgline-getintouch p {
}
.link-svgline-getintouch p svg.link-svgline-getintouch {
position: absolute;
top: 100%;
left: 0;
overflow: hidden;
margin: 0;
width: 100%;
height: 15px; 
text-align:center;
-webkit-transition: stroke-dashoffset 0.4s ease-in-out; 
transition: stroke-dashoffset 0.4s ease-in-out;
-webkit-transform: translateY(-90%);
transform: translateY(-90%);
fill: none;
stroke-width: 2;
stroke-dasharray: 400px; 
stroke-dashoffset: 400px;
}
@media screen and (max-width: 50em) {
.link-svgline-getintouch p svg.link-svgline-getintouch {
-webkit-transform: translateY(-80%);
transform: translateY(-80%);
}
}
.scroll-to-contact:hover .link-svgline-getintouch p svg.link-svgline-getintouch {
stroke-dashoffset: 0px; 
} .ajax-project-single-wrapper  {
position: relative; 
margin: 0 auto;
width: 100%;
overflow:hidden;
background: #fff;
display: block;
padding-top:40px;
padding-bottom:40px;
}
.ajax-project-single-wrapper  h2{
padding-bottom:40px;
} 
.ajax-project-single-wrapper .general-subtext{
font-size: 20px;
line-height:32px;
letter-spacing:2px;
}
.ajax-project-top-text p{
text-align:left;
padding-bottom:8px;
}
.ajax-project-top-text p span{
font-weight: normal;
font-size: 12px; 
line-height:24px;
padding-right:15px;
}
.ajax-project-top-text{
position: relative; 
margin: 0 auto;
width: 100%;
overflow:hidden;
background: #fff;
display: block;
padding-bottom:10px;
}  
.ajax-project-top-text h4{
text-align:left;
padding-bottom:25px;
}
.ajax-project-top-text p{
text-align:left;
padding-bottom:8px;
}
.ajax-project-top-text p span{
font-weight: normal;
font-size: 22px; 
line-height:24px;
padding-right:8px;
}
.project-slider-wrapper img{
width: 100%;
height:auto;
display: block;
}
.slider-project-ajax{
position: relative; 
width: 100%;
}
.slider-project-ajax img{
width: 100%;
height:auto;
display: block;
}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}  .no-js .slides > li:first-child {display: block;} .flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; } .flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 35px; height: 50px; position: absolute; top: 50%;margin-top:-25px;z-index: 100; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0,0,0,0);  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: 0;background:url(//www.restaurantes-originales-madrid.es/wp-content/themes/hypnos/images/arr1.png) no-repeat center center; background-color:rgba(60,60,60,.7); }
.flex-direction-nav .flex-next { right: 0;  background:url(//www.restaurantes-originales-madrid.es/wp-content/themes/hypnos/images/arr2.png) no-repeat center center;background-color:rgba(60,60,60,.7);  }
.flexslider:hover .flex-prev { opacity: 0.7;  }
.flexslider:hover .flex-next { opacity: 0.7;  }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  {}
.flex-direction-nav a.flex-next:before  {} .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  {  font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
} .section-services   {
padding-top: 50px;
padding-bottom: 60px;    
}
.services{
position: relative; 
margin: 0 auto;
width: 100%;
overflow:hidden;
background:#fff;
}
.services .general-subtext{
font-size: 20px;
line-height:32px;
letter-spacing:2px;
}
.services h4{
text-align:left;
padding-bottom:30px;
}
.services-top-text p{
text-align:left;
padding-bottom:8px;
}
.services-top-text p span{
font-weight: normal;
font-size: 12px; 
line-height:24px;
padding-right:15px;
}
.services-icons-wrapper{
position: relative; 
margin: 0 auto;
width: 100%;
overflow:hidden;
text-align:center;
background:#f3f3f3;
padding-top:60px;
padding-bottom:30px;
z-index:2;
}
.services-icons-wrapper h5{
padding-top:20px;
}
.services-icons-wrapper p{
padding-top:20px;
text-align:center;
}
.services-icon-padding{
padding-bottom:30px;
cursor:alias;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.services-icon-padding .icon-services{
position: relative; 
font-size:25px;
line-height:25px;
height:25px;
text-align:center;
margin:0 auto;
width: 25px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.services-icon-padding:hover .icon-services{
color:#414141;
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
}
.tipper { height: 1px; left: -99999px; position: absolute; pointer-events: none; top: -99999px; width: 1px;z-index:100000; }
.tipper .tipper-content { background: rgba(0, 0, 0, 0.85);box-shadow: 0 0 25px rgba(0,0,0,0.5);text-transform:uppercase; border-radius: 3px; color: #fff; display: block; float: left;text-align:center;  font-size: 10px;line-height:16px; margin: 0; padding: 15px 25px; position: relative; white-space: nowrap; }
.tipper .tipper-caret { background: url(//www.restaurantes-originales-madrid.es/wp-content/themes/hypnos/images/tipper-icon.png) no-repeat; display: block; height: 11px;  position: absolute; width: 100%; }
.tipper.right .tipper-content { box-shadow: 1px 0 3px rgba(0, 0, 0, 0.25); }
.tipper.right .tipper-caret { background-position: left center; left: -5px; top: 0; }
.tipper.left .tipper-content { box-shadow: -1px 0 3px rgba(0, 0, 0, 0.25); }
.tipper.left .tipper-caret { background-position: right center; right: -5px; top: 0; }
.tipper.top .tipper-caret,
.tipper.bottom .tipper-caret { display: block; float: none; height: 5px;  width: 12px;margin-left:-6px; }
.tipper.top .tipper-content { box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25); }
.tipper.top .tipper-caret { background-position: center bottom; bottom: -5px; left: 0; text-align:center;}
.tipper.bottom .tipper-content { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }
.tipper.bottom .tipper-caret { background-position: center top; top: -5px; left: 0; }
.services-video-wrapper{
position: relative; 
margin: 0 auto;
width: 100%;
overflow:hidden;
background:#323232;
}
.services-video-wrap{
float:left;
display:inline-block;
width: 50%;
overflow:hidden;
z-index:2;
} 
.video-container{
position: relative; 
width: 100%;
}
.video-container iframe     {
width: 100%;
}
.video-text{
position: relative; 
max-width: 550px;
width:100%;
margin-left:60px;
padding-top:140px;
padding-bottom:50px;
}
.video-text h4{
text-align:left;
color:#fff;
padding-bottom:30px;
}
.video-text p{
font-weight:300;
font-size: 13px;
line-height:22px;
text-align:left;
text-transform:uppercase;
}
.section-pricing    {
padding-bottom: 60px;
}
.price-wrapper {
position: relative; 
margin: 0 auto;
width: 100%;
padding-top:60px;
overflow:hidden;
}
.price-wrapper h4{
text-align:center;
padding-bottom:20px;
}
.price-wrap {
position: relative; 
text-align:center;
margin:0 auto;
width: 100%;
overflow:hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top:35px;
padding-bottom:35px;
border: 4px solid #f0f0f0;
border-radius:5px;
}
.price-wrap::before{
position: absolute;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0px solid transparent;
content: '';
-webkit-transition: border-width 0.4s, border-color 0.4s;
-moz-transition: border-width 0.4s, border-color 0.4s;
-ms-transition: border-width 0.4s, border-color 0.4s;
-o-transition: border-width 0.4s, border-color 0.4s;
transition: border-width 0.4s, border-color 0.4s;
}
.price-wrap:hover::before{
border-width: 15px;
border-color: #f0f0f0;
}
.price-wrap .icon-price{
position: relative; 
font-size:25px;
line-height:30px;
height:30px;
text-align:center;
margin:0 auto;
width: 25px;
} 
.normal-price{
color:#414141;
}
.featured-price {
} 
.price-wrap h6{
text-align:center;
padding-top:10px;
padding-bottom:35px;
}  
.price-wrap h5{
text-align:center;
padding-bottom:30px;
} 
.price-wrap p{
font-weight:300;
letter-spacing:1px;
text-align:center;
text-transform:uppercase;
font-size: 12px;
line-height:22px;
padding-bottom:10px;
} 
.price-wrap p strong{
color:#000;
} 
.price-wrap .link-svgline{
position: relative; 
text-align:center;
}
.price-wrap .link-svgline a{
font-weight:400;
letter-spacing:1px;
font-size:13px;
padding-top:20px;
text-align:center;
text-transform:uppercase;
color:#000;
}
.featured-price a svg.link-svgline {
stroke-dashoffset: 0px; 
} .blog{
position: relative; 
width: 100%;
overflow:hidden;
}
.blog h4{
text-align:center;
color:#fff;
padding-bottom:20px;
}
.post-wrap{
position: relative; 
background:rgba(255,255,255,.7);
overflow:hidden;
padding:30px;
border-radius:3px;
}
.post-wrap h6{
text-align:center;
}
.post-wrap .icon-blog{
position: absolute; 
font-size:20px;
line-height:20px;
height:20px;
width:20px;
top:10px;
left:10px;
opacity:.6;
z-index:3;
}
.post-wrap::before{
position: absolute;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0px solid transparent;
content: '';
-webkit-transition: border-width 0.4s, border-color 0.4s;
-moz-transition: border-width 0.4s, border-color 0.4s;
-ms-transition: border-width 0.4s, border-color 0.4s;
-o-transition: border-width 0.4s, border-color 0.4s;
transition: border-width 0.4s, border-color 0.4s;
}
.post-wrap:hover::before{
border-width: 10px;
border-color: rgba(0,0,0,.2);
} .contact{
position: relative; 
margin: 0 auto;
width: 100%;
overflow:hidden;
background:#fff;
padding-top:50px;
padding-bottom: 60px;
}
.contact h4{
text-align:center;
padding-bottom:20px;
}
#ajax-form {
width: 100%;
font-size: 10px;
line-height:14px;
color:#101010;
margin:0 auto;
}
label {
display: block;
font-size: 14px;
line-height:30px;
}
input{
width: 96%;
border:none;
font-weight:400;
text-transform:uppercase;
letter-spacing:2px;
font-size: 12px;
line-height:22px;
padding-bottom: 10px;
background:#fff;
}
textarea {
width:98%;
font-weight:400;
text-transform:uppercase;
letter-spacing:2px;
font-size: 12px;
line-height:22px;
height:62px;
margin-top:2px;
padding-bottom: 10px;
border:none;
background: #fff;
}
.error {
font: 10px/22px 'Open Sans', sans-serif;
text-transform:uppercase;
display: none;
color:#101010;
}
#ajaxsuccess {
background: #f5f5f5;
color:#101010;
font: 20px/60px 'Open Sans', sans-serif;
height:60px;
display: none;
padding-left:10px;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}
.text-align-center{
text-align:center;
padding-top:10px;
}
#ajax-form textarea:active,
#ajax-form input:active {   
color: #101010;}
#ajax-form textarea:active,
#ajax-form input:hover {    
color: #101010;}
#ajax-form textarea:focus,
#ajax-form input:focus {     
outline: none !important;}
#ajax-form textarea,
#ajax-form input {  
border-bottom:2px solid #313131;
color: #101010;}
#ajax-form input[type="text"]{
padding-left:2%;
padding-right:2%;
}
textarea{
padding-left:1%;
padding-right:1%;
} 
#button-con {
position:relative;
z-index:100;
text-align:center;
}
#button-con button {
position: relative;
display: inline-block;
outline: none;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
font-size: 12px;
border:2px solid #313131;
color: #313131;
text-align:center;
overflow:hidden;
z-index:100;
cursor:pointer;
background:rgba(0,0,0,0);
}
#button-con button:hover,
#button-con button:focus {
outline: none;
}
#button-con button {
overflow: hidden;
padding: 10px 45px;
}
#button-con button span {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
#button-con button span::before {
position: absolute;
margin-top:15px;
top: 100%;
content: attr(data-hover);
font-weight: 400;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
#button-con button:hover span,
#button-con button:focus span {
top:-15px;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
.con-detal-wrapper{
position: relative; 
margin: 0 auto;
width: 100%;
z-index:2;
overflow:hidden;
text-align:center;
background:#f3f3f3;
padding-top:60px;
padding-bottom:60px;
}
.con-detal-wrapper h5{
text-align:center;
padding-bottom:20px;
}
.con-detal-wrapper p{
text-align:center;
font-weight:400;
font-size: 12px;
line-height:24px;
text-transform:uppercase;
letter-spacing:1px;
}
#google_map {
-webkit-filter: grayscale(90%);
-moz-filter: grayscale(90%);
-ms-filter: grayscale(90%);
-o-filter: grayscale(90%);
filter: grayscale(90%);
filter: url(//www.restaurantes-originales-madrid.es/wp-content/themes/hypnos/images/grayscale.svg#greyscale);
filter: gray; }
#google_map {
width:100%;
height:400px;
z-index:0;
position:relative;  
display: none;
z-index:200;
opacity:.8;
}
.button-map {
cursor: pointer;
text-align: center;
position: relative;
padding-top:40px;
padding-bottom:40px;
width: 100%;
display: block;
color: #fff;
background:#323232;
font-size: 16px;
text-transform:  uppercase;
z-index:200;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.button-map:hover {
background:#212121;
}
.show-map-icon,
.close-map-icon     {
font-size: 12px;
margin: 0 0 0 8px;
position: relative;
top: -2px;
}
.close-map .close-map-icon  {
display: inline-block;
}
.close-map .show-map-icon  {
display: none;
}
.show-map .close-map-icon  {
display: none;
}
.show-map .show-map-icon  {
display: inline-block;
}
.map-tooltip h6 {
color: #292929;
text-transform: uppercase;
margin-left:20px;
font-size: 18px;
margin-bottom: 10px;
margin-top: 10px;   
}
.map-tooltip p {
margin-bottom: 10px;
margin-left:20px;
font-size: 13px;
text-align:center;
} .footer{
position: relative; 
margin: 0 auto;
width: 100%;
z-index:10001;
text-align:center;
background:#141414;
padding-top:70px;
padding-bottom:70px;
}
.footer .back-top{
position: absolute; 
cursor:pointer;
top:-10px;
left:50%;
margin-left:-20px;
width:40px;
height:40px;
border-top-left-radius:3px;
border-top-right-radius:3px;
text-align:center;
z-index:10000;  
font-size: 22px;
line-height: 40px;
background:#141414;
-webkit-box-shadow: 0 -5px 15px -5px #000;
-moz-box-shadow: 0 -5px 15px -5px #000;
box-shadow: 0 -5px 15px -5px #000;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.footer .back-top:hover{
background:#101010;
z-index:10001;
opacity:1;
-webkit-box-shadow: 0 -5px 5px -5px #000;
-moz-box-shadow: 0 -5px 5px -5px #000;
box-shadow: 0 -5px 5px -5px #000;
}
.footer p{ 
text-align:center;
font-size: 10px;
line-height:10px;
letter-spacing:2px;
text-transform:  uppercase;
color:#f0f0f0;
}
.footer .icons-footer a{
font-size: 16px;
line-height:16px;
margin-left:7px;
margin-right:7px;
display:inline;
z-index:10000;  
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.footer .icons-footer a:hover{
opacity:.6;
} .just_pattern_parallax { 
background-image: url(//www.restaurantes-originales-madrid.es/wp-content/themes/hypnos/images/pattern.png); 
position: absolute; 
opacity: 0.8; 
left: 0px;
top: 0px;
right:0;
bottom:0;
width: 100%;
height: 100%; 
z-index: 3; 
}
.parallax-section { 
position:relative;
width:100%;
margin:0 auto;
overflow:hidden;
padding-bottom:180px;
padding-top:180px;
z-index:2;
} 
.clients-carousel-wrap{ 
position:relative;
width:100%;
margin:0 auto;
overflow:hidden;
z-index:2;
} 
#sync1 .item {
position: relative; 
margin: 0 auto;
width: 100%;
display: block;
margin-top:80px;
min-height:100px;
overflow:hidden;
}
#sync1 .item p{
text-align:center;
margin-left:5px;
margin-right:5px;
padding-top:20px;
color:#fff;
font-weight:300;
font-size: 20px;
line-height:30px;
font-style:italic;
}
#sync1 .item h6{
text-align:center;
margin-left:5px;
margin-right:5px;
padding-top:20px;
}
#sync1 .item h6 span{
color:#fff;
padding-left:10px;
font-weight:400;
font-style:italic;
font-size: 12px;
}
#sync2 {
position:absolute;
top:0;
left:0;
width:100%;
z-index:200;
}
#sync2 .item{
text-align: center;
margin:0 auto;
cursor: pointer;
background:rgba(0,0,0,.3);
border-radius:3px;
margin-left:5px;
margin-right:5px;
z-index:200;
overflow:hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
#sync2 .item img{
margin:0 auto;
text-align:center;
width:97px;
height:70px;
display:block;
}
#sync2 .item:hover {
background:rgba(0,0,0,.7);
}
#sync2 .synced .item {
background:rgba(0,0,0,.7);
}
.z-index-pages{
z-index:100;
}
.parallax-1 {
background-size: cover;
background-repeat: repeat;
background-attachment: fixed;
position: absolute;
top: 0; 
left: 0; 
right: 0;
bottom: 0;
z-index: -1;
width:100%;  
}
@media only screen and (min-width: 1930px) { .parallax-1 { background-size: cover; } }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.parallax-1 { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
@media only screen and (max-width: 959px) {
.parallax-1 { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
.twitter-wrap{
position: relative; 
margin: 0 auto;
width: 100%;
display: block;
padding-top:38px;
overflow:hidden;
background:url(//www.restaurantes-originales-madrid.es/wp-content/themes/hypnos/images/tw.png)no-repeat center top;
background-size:150px 38px;
}
#sync3 .item {
position: relative; 
margin: 0 auto;
width: 100%;
display: block;
margin-bottom:80px;
overflow:hidden;
}
#sync3 .item p{
padding-top:30px;
text-align: center;
color:#fff;
line-height:32px;
font-size:24px;
font-weight:400;
}
#sync3 .item a{
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
#sync3 .item a:hover{
color:#f0f0f0;
}
#sync4 {
position:absolute;
bottom:0;
left:0;
width:100%;
z-index:200;
}
#sync4 .item{
text-align: center;
margin:0 auto;
cursor: pointer;
border:2px solid #fff;
width:140px;
height:40px;
z-index:200;
overflow:hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
#sync4 .item p{
text-align: center;
color:#fff;
line-height:40px;
font-size:13px;
text-transform:uppercase;
font-weight:400;
}
#sync4 .item:hover {
-webkit-transform: scale(0.98);
-moz-transform: scale(0.98);
-ms-transform: scale(0.98);
-o-transform: scale(0.98);
transform: scale(0.98);
}
#sync4 .synced .item {
-webkit-transform: scale(0.98);
-moz-transform: scale(0.98);
-ms-transform: scale(0.98);
-o-transform: scale(0.98);
transform: scale(0.98);
} .blog-wrapper{ 
position:relative;
width:100%;
margin:0 auto;
overflow:hidden;
z-index:2;
padding-top:115px;
padding-bottom:50px;
}
.blog-wrapper h1{ 
margin-top:20px;
}
.blog-wrapper .sub-text{ 
margin-bottom:20px;
}
.post-wrapper{ 
position:relative;
width:100%;
margin:0 auto;
overflow:hidden;
z-index:2;
padding-top:115px;
padding-bottom:50px;
}
.post-content{ 
position:relative;
background:#fff;
width:calc(100% - 60px);
padding:30px;
margin-bottom:20px;
}
.post-content ul    {
list-style: disc;
padding: 0 0 0 40px;
}
.post-content li    {
line-height: 24px;
margin: 12px 0;
}
.post-content p     {
margin-bottom: 24px;
}
.post-content img,
.post-content .wp-caption   {
max-width: 100%;
height: auto;
}
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6    {
padding: 30px 0;
text-align: left;
color: #323232;
}
.post-content  .date-time{  
}
.post-content .tags-categ{ 
position:relative; 
width:100%;
padding-top:30px;
}
.post-content .tags-categ p{ 
text-align:left;
font-size:10px;
font-weight:400;
color:#000;
letter-spacing:1px;
text-transform:uppercase;
}
.post-content .tags-categ p span{ 
padding-left:10px;
padding-right:10px;
}
.post-content .tags-categ p a{ 
color:#323232;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.post-content .post-title{  
text-align:left;
line-height: 30px;
padding-top:30px;
padding-bottom:30px;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
h5.post-title a     {
color: #323232;
}
.post-content .post-title:hover{  
opacity:.5;
}
.post-content p{  
text-align:left;
}
p.text-border-left{  
margin-top:30px;
margin-bottom:30px;
margin-left:40px;
padding-left:20px;
}
.read-more{ 
position:relative;
margin-top:30px;
}
.read-more p{ 
text-align:left;
display:inline-block;
font-size: 12px;
line-height:24px;
letter-spacing:1px;
letter-spacing:2px;
text-transform:uppercase;
font-weight:300;
margin: 0;
padding: 0;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.read-more p a  {
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;     
}
.read-more p:hover a{ 
color:rgba(0,0,0,.6);
}
.read-more span{ 
text-align:right;
float:right;
display:inline-block;
font-size: 12px;
line-height:24px;
letter-spacing:1px;
letter-spacing:2px;
text-transform:uppercase;
font-weight:300;
}
.post-content pre{  
text-align:left;
padding:30px;
background:#f4f4f4;
margin-top:30px;
margin-bottom:30px;
font-size: 12px;
line-height:24px;
letter-spacing:1px;
font-weight:300;
overflow-x: scroll;
}
.list-in-blog-content{ 
position:relative;
width:100%;
padding-bottom:20px;
}
.list-in-blog-content h6{  
text-align:left;
padding-bottom:20px;
}
.list-in-blog-content li{  
text-align:left;
font-size: 13px;
line-height:24px;
letter-spacing:1px;
padding-bottom:10px;
font-weight:300;
list-style: none;
}
.list-in-blog-content li span{  
display:inline-block;
font-size: 15px;
width: 20px;
line-height:24px;
margin-left:10px;
margin-right:5px;
text-align:center;
}
span.hei-text{  
color:#fff;
}
.post-tags-categ{ 
position:relative;
width:calc(100% - 60px);
margin: -21px 0 20px 0;
}
.post-tags-categ p{ 
text-align:left;
font-size:11px;
font-weight:400;
color:#aaaaaa;
letter-spacing:1px;
text-transform:uppercase;
}
.post-tags-categ p .post-meta-separator { 
padding-left:10px;
padding-right:10px;
}
.post-tags-categ p a{ 
color:#aaaaaa;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.post-tags-categ p a:hover  {
text-decoration: underline;
}
.post-content-share{ 
position:relative;
background:#fff;
width:calc(100% - 60px);
padding:30px;
margin-bottom:20px;
}
.social-share{ 
position:relative;
text-align:left;
}
.social-share span{ 
display: inline-block;
text-align:left; 
font-size: 12px;
letter-spacing:2px;
text-transform:uppercase;
padding-right:10px;
line-height:15px;
font-weight:300;
color:#737373;
}
.social-share em{ 
display: inline-block;
margin-top:7px;
text-align:right;
float:right;    
font-size: 12px;
letter-spacing:2px;
text-transform:uppercase;
line-height:15px;
font-weight:300;
color:#737373;
}
.list-social-share {
display: inline-block;
}
.list-social-share li {
padding:0; 
list-style: none;
text-align:left; 
width:22px;
display: inline-block;
cursor:pointer;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.list-social-share li.icon-soc-share a {
font-size: 13px;
line-height: 15px;
width:22px;
opacity:1;
margin:0;
padding:0;
color: #282b30;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.list-social-share li:hover{
}
.list-social-share li:hover.icon-soc-share a{
}
.post-content-com-top{ 
position:relative;
background:#fff;
width:calc(100% - 60px);
padding:30px;
margin-bottom:20px;
}
.post-content-com-top p{ 
text-align:left;    
font-size: 12px;
letter-spacing:2px;
text-transform:uppercase;
line-height:15px;
font-weight:300;
color:#737373;
}
.post-content-comment{ 
position:relative;
background:#fff;
width:calc(100% - 60px);
padding:30px;
margin-bottom:20px;
}
.reply-in{ 
margin-left:30px;
width:calc(100% - 90px);
}
.post-content-comment:after {
content: '';
display: block;
clear: both;
}
.post-content-comment img{ 
width:80px;
height:80px;
display:block;
float:left;
padding-right:30px;
padding-bottom:20px;
}
.post-content-comment h6{ 
padding-bottom:20px;
text-align:left;
}
.post-content-comment p{ 
padding-bottom:20px;
text-align:left;
word-wrap: break-word;
}
.comment-reply-link{ 
position:relative;
display:block;
float:right;
text-align:right;   
font-size: 11px;
letter-spacing:2px;
text-transform:uppercase;
line-height:15px;
font-weight:300;
color:#737373;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.comment-age    { 
position:relative;
display:block;
float:right;
text-align:right;   
font-size: 11px;
letter-spacing:2px;
text-transform:uppercase;
line-height:15px;
font-weight:300;
color:#737373;    
}
.leave-reply{ 
position:relative;
background:#fff;
width:calc(100% - 60px);
padding:30px;
margin-bottom:20px;
overflow:hidden;
}
.leave-reply:after {
content: '';
display: block;
clear: both;
}
.leave-reply h6{ 
padding-bottom:20px;
text-align:left;
}
.leave-reply p{ 
padding-bottom:20px;
text-align:left;
font-size: 10px;
letter-spacing:1px;
text-transform:uppercase;
line-height:15px;
font-weight:300;
}
.leave-reply input{
width:calc(100% - 40px);
margin-top:5px;
float:left;
display:inline-block;
padding-left:20px;
padding-right:20px;
font-weight:400;
letter-spacing:1px;
margin-top:5px;
font-size: 12px;
line-height:22px;
padding-top: 15px;
padding-bottom: 15px;
background:#f1f1f1;
border:none;
color: #737373;
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
.leave-reply textarea{
height:120px;
width:calc(100% - 40px);
padding-left:20px;
padding-right:20px;
font-weight:400;
letter-spacing:1px;
margin-top:5px;
font-size: 12px;
line-height:22px;
padding-top: 15px;
padding-bottom: 15px;
background:#f1f1f1;
border:none;
color: #737373;
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
.leave-reply textarea:active,
.leave-reply input:active { 
color: #fff;
outline: none !important;
}
.leave-reply textarea:hover,
.leave-reply input:hover {  
color: #737373;
outline: none !important;
}
.leave-reply textarea:focus,
.leave-reply input:focus {
color: #fff;     
outline: none !important;
}
.leave-reply textarea:-ms-input-placeholder,
.leave-reply input:-ms-input-placeholder  {
font-size: 10px;
text-transform:uppercase;
-webkit-transition:  color 0.3s;
transition:  color 0.3s;
}
.leave-reply textarea::-moz-placeholder,
.leave-reply input::-moz-placeholder  {
font-size: 10px;
text-transform:uppercase;
-webkit-transition:  color 0.3s;
transition:  color 0.3s;
}
.leave-reply textarea:-moz-placeholder,
.leave-reply input:-moz-placeholder  {
font-size: 10px;
text-transform:uppercase;
-webkit-transition:  color 0.3s;
transition:  color 0.3s;
}
.leave-reply textarea::-webkit-input-placeholder,
.leave-reply input::-webkit-input-placeholder  {
font-size: 10px;
text-transform:uppercase;
-webkit-transition:  color 0.3s;
transition:  color 0.3s;
}
.leave-reply textarea:active:-ms-input-placeholder,
.leave-reply input:active:-ms-input-placeholder  {
color: #fff;
}
.leave-reply textarea:active::-moz-placeholder,
.leave-reply input:active::-moz-placeholder  {
color: #fff;
}
.leave-reply textarea:active:-moz-placeholder,
.leave-reply input:active:-moz-placeholder  {
color: #fff;
}
.leave-reply textarea:active::-webkit-input-placeholder,
.leave-reply input:active::-webkit-input-placeholder  {
color: #fff;
}
.leave-reply textarea:focus:-ms-input-placeholder,
.leave-reply input:focus:-ms-input-placeholder  {
color: #fff;
}
.leave-reply textarea:focus::-moz-placeholder,
.leave-reply input:focus::-moz-placeholder  {
color: #fff;
}
.leave-reply textarea:focus:-moz-placeholder,
.leave-reply input:focus:-moz-placeholder  {
color: #fff;
}
.leave-reply textarea:focus::-webkit-input-placeholder,
.leave-reply input:focus::-webkit-input-placeholder  {
color: #fff;
}
#commentform #submit {
position:relative;
width:100%;
height:50px;
font-weight:400;
letter-spacing:1px;
text-transform:uppercase;
margin-top:5px;
display: block;
padding:0;
font-size: 13px;
line-height:50px;
background:#f1f1f1;
border:none;
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
#commentform #submit:hover {
color:#fff;
}
#commentform #submit:focus,
#commentform #submit:active {
border:none;
outline:none;
}
#commentform #submit:active {
opacity:.7;
} .audio-player{
padding-top:5px;
background-color:#060606;
width:100%; 
display:block;
}
audio{
width:100%; 
} blockquote,
blockquote p    {
margin: 0;
padding: 0;
font-style: italic;
padding-top:0;
font-size: 20px;
letter-spacing: 2px;
line-height: 30px;
text-transform: uppercase;
color: #323232;    
}
blockquote  {
margin: 0 0 30px 0;
}
blockquote p:before{
content:'"';
padding-right:10px;
}
blockquote p:after{
content:'"';
padding-left:10px;
}
.blog-wrapper blockquote{ 
padding-bottom:0;
}  .post.format-link > p:first-child   {
position:relative;
margin-bottom:30px;
font-size: 20px;
padding: 0;
letter-spacing: 2px;
text-transform: uppercase;
line-height: 30px;
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;    
}
.post.format-link > p:first-child:hover   {
background:#f8f8f8;
}
.post.format-link > p:first-child a{ 
color:#fff;
display: block;
padding:30px;
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
.post.format-link > p:first-child a:before{ 
content: '\f0c1';
display:inline-block;
font-family: 'ff-font-awesome';
color:#fff;
font-size:20px;
padding-right:24px;
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
} .slider-image-post{ 
position:relative;
width:100%;
margin:0 auto;
}
.slider-image-post img{ 
width:100%;
height:auto;
display:block;
}
.slider-image-post .bx-wrapper .bx-prev {
left:10px;
top:50%;
margin-top:-25px;
background:url(//www.restaurantes-originales-madrid.es/wp-content/themes/hypnos/images/arrow-left.png) no-repeat center center;
background-size:10px 20px;
}
.slider-image-post .bx-wrapper .bx-next {
right:10px;
top:50%;
margin-top:-25px;
background:url(//www.restaurantes-originales-madrid.es/wp-content/themes/hypnos/images/arrow-right.png) no-repeat center center;
background-size:10px 20px; 
}
.slider-image-post .bx-wrapper .bx-controls-direction a {
width: 35px;
height: 50px;
background-color:rgba(255,255,255,.9);
}
.bx-wrapper{
position:relative;
width:100%;
}
.bx-wrapper .bx-prev {
left: 0;
top:50%;
margin-top:-14px;
background:url(//www.restaurantes-originales-madrid.es/wp-content/themes/hypnos/images/arrow-left.png) no-repeat center center;
background-size:10px 28px;
-webkit-transition : all 0.2s ease-out;
-moz-transition : all 0.2s ease-out;
-o-transition :all 0.2s ease-out;
transition : all 0.2s ease-out;  
}
.bx-wrapper .bx-next {
right:0;
top:50%;
margin-top:-14px;
background:url(//www.restaurantes-originales-madrid.es/wp-content/themes/hypnos/images/arrow-right.png) no-repeat center center;
background-size:10px 28px;
-webkit-transition : all 0.2s ease-out;
-moz-transition : all 0.2s ease-out;
-o-transition :all 0.2s ease-out;
transition : all 0.2s ease-out;  
}
.bx-wrapper .bx-prev:hover {
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
-o-transform: scale(0.95);
transform: scale(0.95);
}
.bx-wrapper .bx-next:hover {
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
-o-transform: scale(0.95);
transform: scale(0.95);
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
outline: 0;
width: 10px;
height: 28px;
text-indent: -9999px;
z-index: 9;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
.post-sidebar{ 
position:relative;
background:#fff;
padding:30px;
font-size: 14px;
}
.post-sidebar p     {
margin: 24px 0 0 0;
}
.post-sidebar img   {
max-width: 100%;
height: auto;
}
.post-sidebar select    {
max-width: 100%;
padding: 7px 10px;
}
.post-sidebar a     {
max-width: 100%;
}
.post-sidebar input{
width:calc(69% - 40px);
padding-left:20px;
padding-right:20px;
margin-top:0;
display:inline-block;
font-weight:400;
letter-spacing:1px;
font-size: 12px;
line-height:20px;
padding-top: 10px;
padding-bottom: 10px;
background:#f1f1f1;
border:none;
color: #737373;
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
.post-sidebar input:active {    
color: #fff;
outline: none !important;
}
.post-sidebar input:hover { 
color: #737373;
outline: none !important;
}
.post-sidebar input:focus {
color: #fff;     
outline: none !important;
}
.post-sidebar input:-ms-input-placeholder  {
font-size: 10px;
text-transform:uppercase;
-webkit-transition:  color 0.3s;
transition:  color 0.3s;
color:rgba(0,0,0,.4);
}
.post-sidebar input::-moz-placeholder  {
font-size: 10px;
text-transform:uppercase;
-webkit-transition:  color 0.3s;
transition:  color 0.3s;
color:rgba(0,0,0,.4);
}
.post-sidebar input:-moz-placeholder  {
font-size: 10px;
text-transform:uppercase;
-webkit-transition:  color 0.3s;
transition:  color 0.3s;
color:rgba(0,0,0,.4);
}
.post-sidebar input::-webkit-input-placeholder  {
font-size: 10px;
text-transform:uppercase;
-webkit-transition:  color 0.3s;
transition:  color 0.3s;
color:rgba(0,0,0,.4);
}
.post-sidebar input:active:-ms-input-placeholder  {
color: #fff;
}
.post-sidebar input:active::-moz-placeholder  {
color: #fff;
}
.post-sidebar input:active:-moz-placeholder  {
color: #fff;
}
.post-sidebar input:active::-webkit-input-placeholder  {
color: #fff;
}
.post-sidebar input:focus:-ms-input-placeholder  {
color: #fff;
}
.post-sidebar input:focus::-moz-placeholder  {
color: #fff;
}
.post-sidebar input:focus:-moz-placeholder  {
color: #fff;
}
.post-sidebar input:focus::-webkit-input-placeholder  {
color: #fff;
}
.post-sidebar button {
position:relative;
display:inline-block;
width:30%;
height:40px;
float:right;
font-weight:400;
letter-spacing:1px;
text-transform:uppercase;
padding:0;
font-size: 12px;
line-height:40px;
background:#f1f1f1;
margin-top:0;
border:none;
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
.post-sidebar button:hover {
color:#fff;
}
.post-sidebar button:focus,
.post-sidebar button:active {
border:none;
outline:none;
}
.post-sidebar button:active {
opacity:.7;
}
.post-sidebar h6{ 
text-align:left;
padding-bottom:20px;
}
.post-sidebar .wp-caption a,
.post-sidebar .wp-caption a:hover     {
padding: 0;
}
.post-sidebar li{ 
display:block;
padding:0;
margin:0;
border-top:1px solid rgba(0,0,0,.1);
font-size: 11px;
line-height:21px;
letter-spacing:1px;
font-weight:300;
color:#323232;
}
.post-sidebar a{
position:relative;
display:inline-block;
cursor:pointer;
text-align:left;
text-transform:uppercase;
padding-top:10px;
padding-bottom:10px;
color:#323232;
-webkit-transition: padding-left 0.3s, color 0.3s;
transition: padding-left 0.3s, color 0.3s;
}
.post-sidebar li:last-child{
border-bottom:1px solid rgba(0,0,0,.1);
}
.post-sidebar .sub-menu li:last-child,
.post-sidebar .children li:last-child{
border-bottom: none;
}
.post-sidebar a:hover {
padding-left:10px;
}
.widget_recent_comments a:hover     {
padding: 10px 0;
}
#wp-calendar    {
width: 100%;
line-height: 50px;
text-align: center;
font-size: 14px;
}
#wp-calendar caption    {
margin: 0 0 20px 0;
text-transform: uppercase;
}
#wp-calendar a,
#wp-calendar a:hover    {
padding: 0;
}
#wp-calendar .prev a    {
text-transform: none;
}
#wp-calendar tbody a    {
position: relative;
}
#wp-calendar tbody a:before     {
content: "•";
bottom: -12px;
position: absolute;
text-align: center;
width: 100%;
}
.widget_tag_cloud li{ 
display: inline-block;
}
.widget_tag_cloud a {
position: relative;
display: inline-block;
cursor:pointer;
outline: none;
text-decoration: none;
white-space: nowrap;
font-size: 11px !important;
line-height:16px;
text-align:left;
padding:3px 12px;
margin-right:5px;
margin-bottom:5px;
border:1px solid rgba(0,0,0,.2);
text-transform:uppercase;
letter-spacing:1px;
color:#323232;
font-weight:300;
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
.widget_tag_cloud a:hover {
color:#ffffff !important;
padding: 3px 12px;
}
.widget_recent_comments li  {
padding-top: 10px;
padding-bottom: 10px;
}
.lat-pro{ 
position:relative;
width:100%;
}
.lat-pro:after {
content: '';
display: block;
clear: both;
}
.lat-pro-img{
position:relative; 
width:33.3333333333333333%;
float:left;
display:inline-block;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.lat-pro-img img{ 
width:100%;
display:block;
height:auto;
}
.lat-pro-img:hover{ 
opacity:0.4;
}
.separator-sidebar{ 
position:relative;
width:100%;
padding-top:70px;
} ul.pagination     {
list-style: none;
display: block;
margin: 0 0 30px 0;
padding: 0;
}
ul.pagination li  {
margin: 0 5px 0 0;
float: left;
}
ul.pagination li a,
ul.pagination li span     {
padding: 15px 18px;
background-color: #ffffff;
display: block;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;     
}
ul.pagination li a span     {
padding: 0;
}
ul.pagination a     {
color: rgba(0,0,0,0.6);
}
ul.pagination .active   {
font-weight: 700;
}
ul.pagination .dots   {
background-color: transparent;
}
.post-content ul.pagination li a,
.post-content ul.pagination li span   {
padding: 2px 10px;
background-color: transparent;
border: 1px solid rgba(0,0,0,0.1);
font-size: 12px;
}
.post-content ul.pagination li a span     {
padding: 0;
border: none
}
.post-content ul.pagination .dots   {
background-color: transparent;
border: none;
} @media only screen and (max-width: 1600px) {
.services-video-wrap{
width: 50%;
}
.video-text{
max-width: 550px;
width:100%;
margin-left:30px;
padding-top:80px;
padding-bottom:50px;
}
.video-text h4{
text-align:left;
color:#fff;
padding-bottom:30px;
}
.video-text p{
font-weight:300;
font-size: 20px;
line-height:32px;
text-align:left;
color:#cccccc;
}
}
@media only screen and (max-width: 1200px) {
.services-video-wrap{
width: 100%;
}
.video-text{
max-width: 100%;
width:100%;
margin-left:0;
padding-top:50px;
padding-bottom:50px;
}
.video-text h4{
text-align:center;
}
.video-text p{
text-align:center;
}
}
@media only screen and (max-width: 800px) {
h1, h2, h3, h4, h5, h6{
letter-spacing:1px;
} .cbp-af-header.cbp-af-header-shrink ul.slimmenu li a {
border-bottom:none;
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li a:hover {
border-bottom:none;
background:none;
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li {
background:none;
}
ul.slimmenu li a: {
border-bottom:none;
}
ul.slimmenu li a:hover {
border-bottom:none;
background:none;
}
ul.slimmenu li {
background:none;
}
ul.slimmenu li > ul {
width: 100%;
text-align:right;
}
.portfolio-wrap{
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0);
}
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
.about-box{
padding-bottom:30px;
}
.about-box1{
padding-bottom:30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.about-box{
padding-bottom:30px;
}
.about-box1{
padding-bottom:30px;
}
.about-box p{
display:none;
}
.about-box1 p{
display:none;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.cl-effect {
margin-top:80px;
}
.about-box{
padding-bottom:30px;
}
.about-box1{
padding-bottom:30px;
}
.about-box:last-child{
padding-bottom:30px;
}
.about-box1:last-child{
padding-bottom:30px;
}
.about-box h5{
text-align:center;
margin-left:0;
}
.about-box p{
text-align:center;
margin-left:0;
}
.about-box1 h5{
text-align:center;
margin-right:0;
}
.about-box1 p{
text-align:center;
margin-right:0;
}
.about-box .about-box-icon{
float:none;
margin:0 auto;
display:block; 
margin-bottom:15px;
}
.about-box1 .about-box-icon{
float:none;
margin:0 auto;
display:block; 
margin-bottom:15px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.cl-effect {
margin-top:80px;
}
.about-box{
padding-bottom:30px;
}
.about-box1{
padding-bottom:30px;
}
.about-box:last-child{
padding-bottom:30px;
}
.about-box1:last-child{
padding-bottom:30px;
}
.about-box h5{
text-align:center;
margin-left:0;
}
.about-box p{
text-align:center;
margin-left:0;
}
.about-box1 h5{
text-align:center;
margin-right:0;
}
.about-box1 p{
text-align:center;
margin-right:0;
}
.about-box .about-box-icon{
float:none;
margin:0 auto;
display:block; 
margin-bottom:15px;
}
.about-box1 .about-box-icon{
float:none;
margin:0 auto;
display:block; 
margin-bottom:15px;
}
}
@media only screen and (max-width: 319px) {
.cl-effect {
margin-top:60px;
}
.about-box{
padding-bottom:30px;
}
.about-box1{
padding-bottom:30px;
}
.about-box:last-child{
padding-bottom:30px;
}
.about-box1:last-child{
padding-bottom:30px;
}
.about-box h5{
text-align:center;
margin-left:0;
}
.about-box p{
text-align:center;
margin-left:0;
}
.about-box1 h5{
text-align:center;
margin-right:0;
}
.about-box1 p{
text-align:center;
margin-right:0;
}
.about-box .about-box-icon{
float:none;
margin:0 auto;
display:block; 
margin-bottom:15px;
}
.about-box1 .about-box-icon{
float:none;
margin:0 auto;
display:block; 
margin-bottom:15px;
}
} .post.sticky     {
}
.wp-caption.alignnone {
margin-right: 0;
margin-left: 0;
}
.wp-caption.alignleft {
margin-right: 20px;
margin-left: 0;
}
.wp-caption.alignright {
margin-right: 0;
margin-left: 20px;
}
.wp-caption     {
font-style: italic;
max-width: 100%;
margin: 20px 0;
}
.wp-caption-text    {
font-size: 12px;
margin: 0 0 0 0;
padding: 0;
}
.gallery-caption {
font-size: 11px;
line-height: 17px;
padding: 0 15px;
}
.bypostauthor   {
border: 1px solid transparent;
}
.alignnone,
.alignleft,
.alignright,
.aligncenter    {
margin-top: 20px;
margin-bottom: 20px;
}
.alignnone,
.alignnone img {
margin-right: 0;
margin-left: 0;
display: inline-block;
}
.aligncenter,
.aligncenter img{
display: block;
margin-right: auto;
margin-left: auto;
}
.alignright,
.alignright img {
float: right;
margin-right: 0;
margin-left: 20px;
max-width: 100%;
}
.alignleft,
.alignleft img {
float: left;
margin-right: 20px;
margin-left: 0;
max-width: 100%;
} .post-content iframe  {
max-width: 100%;
}
.post-content img  {
max-width: 100%;
height: auto;
}
.post-content table   {
width: 100%;
margin: 26px 0 26px 0;
}
.post-content thead   {
border-bottom: 1px solid #dddddd;
border-top: 1px solid #dddddd;
font-weight: 400;
}
.post-content th  {
padding: 10px 9px;
font-weight: 700;
color: #272727;
text-align: left;
}
.post-content tbody tr  {
border-bottom: 1px solid #dddddd;
}
.post-content tbody tr:nth-child(2n+1) td,
.post-content tbody tr:nth-child(2n+1) th  {
background-color: rgba(0,0,0,0.03);
}
.post-content td  {
padding: 7px 9px 7px 9px;
}
.post-content ol   {
list-style: decimal;
} .more-left {
position:relative;
width:60px; 
height:60px;
background: url(//www.restaurantes-originales-madrid.es/wp-content/themes/hypnos/images/plus.png) no-repeat center center; 
background-size:60px 60px;
background-color:rgba(255,255,255,.3);
float:left;
border-radius:50%;
z-index:2;
cursor:pointer;
color:#fff;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.more-left:hover {
background-color:rgba(255,255,255,.8);
}
.more-right {
position:relative;
width:60px; 
height:60px;
background: url(//www.restaurantes-originales-madrid.es/wp-content/themes/hypnos/images/plus.png) no-repeat center center; 
background-size:60px 60px;
background-color:rgba(255,255,255,.3);
float:right;
border-radius:50%;
z-index:2;
cursor:pointer;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.more-right:hover {
background-color:rgba(255,255,255,.8);
}
.contact h1,
.contact h2,
.contact h3,
.contact h4,
.contact h5,
.contact h6{
color:#323232;
}
.parallax-home {
background-size: cover;
position: absolute;
top: 0; 
left: 0; 
right: 0;
bottom: 0;
z-index: -1;
width:100%;  
}
@media only screen and (min-width: 1930px) { .parallax-home { background-size: cover; } }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.parallax-home { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
@media only screen and (max-width: 959px) {
.parallax-home { background-size: cover; background-attachment: scroll; background-position: top center!important; }
} 
.section-parallax-gallery-item .just_pattern_parallax { 
position: absolute; 
opacity: 0.8; 
left: 0px;
top: 0px;
right:0;
bottom:0;
width: 100%;
height: 100%; 
z-index: 3; 
}
.section-parallax-gallery-item { 
position:relative;
width:100%;
margin:0 auto;
overflow:hidden;
padding-bottom:350px;
padding-top:350px;
z-index:2;
}
.section-parallax-gallery-item .text-left{ 
position:relative;
width:100%;
}
.section-parallax-gallery-item .text-left h2{ 
text-align:left;
color:#fff;
font-size:50px;
line-height:50px;
}
.section-parallax-gallery-item .text-left p{ 
text-align:left;
color:#fff;
font-size:24px;
line-height:24px;
padding-bottom:20px;
}
.section-parallax-gallery-item .text-right{ 
position:relative;
width:100%;
}
.section-parallax-gallery-item .text-right h2{ 
text-align:right;
color:#fff;
font-size:50px;
line-height:50px;
}
.section-parallax-gallery-item .text-right p{ 
text-align:right;
color:#fff;
font-size:24px;
line-height:24px;
padding-bottom:20px;
}
.widget_flickr a,
.widget_flickr a:hover,
.widget_flickr img   {
margin: 0;
padding: 0;
display: block;
}
.widget_flickr img  {
float: left;
width: 33.33%;
-webkit-transition: all 300ms linear 0s;
-moz-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
.widget_flickr a:hover  {
padding: 0;
}
.widget_flickr img:hover    {
opacity: 0.4;
} .section-slider .slider-background-image,
.section-slider .just_pattern{
top: 0 !important;
left: 0 !important;
}
.section-slider div .tp-caption.small-text {
font-family: 'Lato', sans-serif;
font-weight: normal;
line-height: 24px;
letter-spacing: 1px;
font-size: 24px;
}
.section-slider div .tp-caption.big-text{
text-transform: uppercase;
text-align: center;
font-size: 75px;
line-height: 75px;
}
.section-slider div .tp-caption.big-text span{
width: 100%;
font-family: 'axis';
line-height: 75px;
line-height: normal;
font-size: inherit !important;
}