@charset "UTF-8";
/*!
Theme Name: Okasan V2
Theme URI: http://www.bubuku.com/
Description: Theme for WordPress.
Author: Bubuku I Code
Version: 1.0
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

ul, li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

abbr[title], dfn[title] {
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, select, button {
  vertical-align: middle;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

button, input, select, textarea {
  margin: 0;
}

strong, th {
  font-weight: 500;
}

button {
  overflow: visible;
  padding: 0;
  background: none;
  border: 0;
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input:focus, input:active, button:focus, button:active, a:focus, a:active {
  outline: none;
}

/*


ej.

body {
  max-width: map-fetch($grid, 'normal' 'width');
}


*/
.row {
  *zoom: 1;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.row:after {
  display: block;
  clear: both;
  content: "";
}

.row {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
.row + .row {
  margin-top: 20px;
}
.row.row__full {
  max-width: 1400px;
}
.row-flex {
  padding: 20px;
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 660px) {
  .row-flex {
    align-items: center;
    justify-content: space-between;
  }
}

*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

[class*=col__] {
  float: left;
  width: 100%;
  padding: 20px;
  min-height: 1px;
  vertical-align: top;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
[class*=col__]:last-child {
  margin-right: 0% !important;
}
[class*=col__].sp {
  margin-right: 2%;
}
[class*=col__].no-padding {
  padding: 0;
}

.col-center {
  margin-left: auto;
  margin-right: auto !important;
  float: none;
}
.col-center:last-child {
  margin-right: auto !important;
}

@media (min-width: 660px) {
  .col__1 {
    width: 8.3333333333%;
  }
  .col__1.sp {
    width: 6.5%;
  }

  .col__2 {
    width: 16.6666666667%;
  }
  .col__2.sp {
    width: 15%;
  }

  .col__3 {
    width: 25%;
  }
  .col__3.sp {
    width: 23.5%;
  }

  .col__4 {
    width: 33.3333333333%;
  }
  .col__4.sp {
    width: 32%;
  }

  .col__5 {
    width: 41.6666666667%;
  }
  .col__5.sp {
    width: 40.5%;
  }

  .col__6 {
    width: 50%;
  }
  .col__6.sp {
    width: 49%;
  }

  .col__7 {
    width: 58.3333333333%;
  }
  .col__7.sp {
    width: 57.5%;
  }

  .col__8 {
    width: 66.6666666667%;
  }
  .col__8.sp {
    width: 66%;
  }

  .col__9 {
    width: 75%;
  }
  .col__9.sp {
    width: 74.5%;
  }

  .col__10 {
    width: 83.3333333333%;
  }
  .col__10.sp {
    width: 83%;
  }

  .col__11 {
    width: 91.6666666667%;
  }
  .col__11.sp {
    width: 91.5%;
  }

  .col__12 {
    width: 100%;
  }
  .col__12.sp {
    width: 100%;
  }
}
html, body {
  margin: 0;
  padding: 0;
  font-family: "PT Sans", Arial, Verdana;
  background-color: #fff;
  color: #000;
  font-weight: 400;
  font-size: 100%;
}

html {
  height: 100%;
  scroll-behavior: smooth;
  text-size-adjust: none;
}

body {
  min-height: 100%;
}
body.noScroll {
  overflow: hidden;
}
body.noScroll-X {
  overflow: hidden;
  overflow-y: auto;
  overflow-x: hidden;
}

.hidden {
  display: none;
}

.opacity0 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$IEValue);
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (min-width: 660px) {
  a[href*="tel:"] {
    cursor: default;
    pointer-events: none;
    text-decoration: none;
  }
}

img, svg {
  max-width: 100%;
  height: auto !important;
  vertical-align: middle;
  border: 0;
  outline: none;
}

.none-events {
  pointer-events: none;
}

hr.clear {
  background: none;
  border: 0;
  clear: both;
  display: block;
  float: none;
  font-size: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

* + html hr.clear {
  position: absolute;
}

.clear {
  clear: both;
  font-size: 1px;
  height: 0;
  line-height: 0;
  overflow: hidden;
}

.left {
  position: relative;
  float: left;
}

.right {
  position: relative;
  float: right;
}

.block {
  display: block;
}

.upper {
  text-transform: uppercase;
}

.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.video-cn {
  position: relative;
  height: 0;
  padding: 25%;
}
.video-cn video, .video-cn object, .video-cn embed, .video-cn iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

main {
  display: block;
}

.head-main {
  background-color: #E21C2E;
  padding: 16px 10px;
}

.footer-main {
  text-align: center;
  margin: 40px 0 40px;
}
.footer-main .title-cn {
  padding: 20px;
}
.footer-main a {
  color: #000;
}
.footer-main .c-l, .footer-main .c-r {
  width: 50%;
  padding: 20px 10px;
}
.footer-main .c-l {
  border-right: 1px solid #979797;
}
.footer-main .contact-cn {
  font-size: 22px;
  font-size: 1.375rem;
  margin: 20px 0 24px;
}

.home-tpl {
  background-color: #000;
  /* For devices larger than 400px */
  /* For devices larger than 550px */
  /* Base Styles
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* NOTE
  html is set to 62.5% so that all the REM measurements throughout Skeleton
  are based on 10px sizing. So basically 1.5rem = 15px :) */
  /* Typography
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* Larger than phablet */
  /* Links
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* Buttons
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* Forms
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* Removes awkward default styles on some inputs for iOS */
  /* Lists
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* Code
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* Tables
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* Spacing
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* Utilities
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* Misc
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* Clearing
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  /* Self Clearing Goodness */
  /* Media Queries
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  /*
  Note: The best way to structure the use of media queries is to create the queries
  near the relevant code. For example, if you wanted to change the styles for buttons
  on small devices, paste the mobile query code up in the buttons section and style it
  there.
  */
  /* Larger than mobile */
  /* Larger than phablet (also point when grid becomes active) */
  /* Larger than tablet */
  /* Larger than desktop */
  /* Larger than Desktop HD */
  /*! GENERALES --------------------------------------------------------------------- */
  /*! APARTADOS --------------------------------------------------------------------- */
  /*! ACCIONES ------------------------------------------------------------------------- */
  /*! MEDIAKUERIX --------------------------------------------------------------------- */
  /* Larger than mobile */
  /* Larger than desktop */
  /* Larger than xxx */
  /* Larger than xxx */
}
.home-tpl .container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.home-tpl .column,
.home-tpl .columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
}
@media (min-width: 400px) {
  .home-tpl .container {
    width: 85%;
    padding: 0;
  }
}
@media (min-width: 550px) {
  .home-tpl {
    /* Offsets */
  }
  .home-tpl .container {
    width: 80%;
  }
  .home-tpl .column,
.home-tpl .columns {
    margin-left: 4%;
  }
  .home-tpl .column:first-child,
.home-tpl .columns:first-child {
    margin-left: 0;
  }
  .home-tpl .one.column,
.home-tpl .one.columns {
    width: 4.6666666667%;
  }
  .home-tpl .two.columns {
    width: 13.3333333333%;
  }
  .home-tpl .three.columns {
    width: 22%;
  }
  .home-tpl .four.columns {
    width: 30.6666666667%;
  }
  .home-tpl .five.columns {
    width: 39.3333333333%;
  }
  .home-tpl .six.columns {
    width: 48%;
  }
  .home-tpl .seven.columns {
    width: 56.6666666667%;
  }
  .home-tpl .eight.columns {
    width: 65.3333333333%;
  }
  .home-tpl .nine.columns {
    width: 74%;
  }
  .home-tpl .ten.columns {
    width: 82.6666666667%;
  }
  .home-tpl .eleven.columns {
    width: 91.3333333333%;
  }
  .home-tpl .twelve.columns {
    width: 100%;
    margin-left: 0;
  }
  .home-tpl .one-third.column {
    width: 30.6666666667%;
  }
  .home-tpl .two-thirds.column {
    width: 65.3333333333%;
  }
  .home-tpl .one-half.column {
    width: 48%;
  }
  .home-tpl .offset-by-one.column,
.home-tpl .offset-by-one.columns {
    margin-left: 8.6666666667%;
  }
  .home-tpl .offset-by-two.column,
.home-tpl .offset-by-two.columns {
    margin-left: 17.3333333333%;
  }
  .home-tpl .offset-by-three.column,
.home-tpl .offset-by-three.columns {
    margin-left: 26%;
  }
  .home-tpl .offset-by-four.column,
.home-tpl .offset-by-four.columns {
    margin-left: 34.6666666667%;
  }
  .home-tpl .offset-by-five.column,
.home-tpl .offset-by-five.columns {
    margin-left: 43.3333333333%;
  }
  .home-tpl .offset-by-six.column,
.home-tpl .offset-by-six.columns {
    margin-left: 52%;
  }
  .home-tpl .offset-by-seven.column,
.home-tpl .offset-by-seven.columns {
    margin-left: 60.6666666667%;
  }
  .home-tpl .offset-by-eight.column,
.home-tpl .offset-by-eight.columns {
    margin-left: 69.3333333333%;
  }
  .home-tpl .offset-by-nine.column,
.home-tpl .offset-by-nine.columns {
    margin-left: 78%;
  }
  .home-tpl .offset-by-ten.column,
.home-tpl .offset-by-ten.columns {
    margin-left: 86.6666666667%;
  }
  .home-tpl .offset-by-eleven.column,
.home-tpl .offset-by-eleven.columns {
    margin-left: 95.3333333333%;
  }
  .home-tpl .offset-by-one-third.column,
.home-tpl .offset-by-one-third.columns {
    margin-left: 34.6666666667%;
  }
  .home-tpl .offset-by-two-thirds.column,
.home-tpl .offset-by-two-thirds.columns {
    margin-left: 69.3333333333%;
  }
  .home-tpl .offset-by-one-half.column,
.home-tpl .offset-by-one-half.columns {
    margin-left: 52%;
  }
}
.home-tpl html {
  font-size: 62.5%;
  background-color: black;
}
.home-tpl body {
  font-size: 1.5em;
  /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222;
}
.home-tpl h1, .home-tpl h2, .home-tpl h3, .home-tpl h4, .home-tpl h5, .home-tpl h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300;
}
.home-tpl h1 {
  font-size: 4rem;
  line-height: 1.2;
  letter-spacing: -0.1rem;
}
.home-tpl h2 {
  font-size: 3.6rem;
  line-height: 1.25;
  letter-spacing: -0.1rem;
}
.home-tpl h3 {
  font-size: 3rem;
  line-height: 1.3;
  letter-spacing: -0.1rem;
}
.home-tpl h4 {
  font-size: 2.4rem;
  line-height: 1.35;
  letter-spacing: -0.08rem;
}
.home-tpl h5 {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -0.05rem;
}
.home-tpl h6 {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0;
}
@media (min-width: 550px) {
  .home-tpl h1 {
    font-size: 5rem;
  }
  .home-tpl h2 {
    font-size: 4.2rem;
  }
  .home-tpl h3 {
    font-size: 3.6rem;
  }
  .home-tpl h4 {
    font-size: 3rem;
  }
  .home-tpl h5 {
    font-size: 2.4rem;
  }
  .home-tpl h6 {
    font-size: 1.5rem;
  }
}
.home-tpl p {
  margin-top: 0;
}
.home-tpl a {
  color: #1EAEDB;
}
.home-tpl a:hover {
  color: #0FA0CE;
}
.home-tpl .button,
.home-tpl button,
.home-tpl input[type=submit],
.home-tpl input[type=reset],
.home-tpl input[type=button] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box;
}
.home-tpl .button:hover,
.home-tpl button:hover,
.home-tpl input[type=submit]:hover,
.home-tpl input[type=reset]:hover,
.home-tpl input[type=button]:hover,
.home-tpl .button:focus,
.home-tpl button:focus,
.home-tpl input[type=submit]:focus,
.home-tpl input[type=reset]:focus,
.home-tpl input[type=button]:focus {
  color: #333;
  border-color: #888;
  outline: 0;
}
.home-tpl .button.button-primary,
.home-tpl button.button-primary,
.home-tpl input[type=submit].button-primary,
.home-tpl input[type=reset].button-primary,
.home-tpl input[type=button].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0;
}
.home-tpl .button.button-primary:hover,
.home-tpl button.button-primary:hover,
.home-tpl input[type=submit].button-primary:hover,
.home-tpl input[type=reset].button-primary:hover,
.home-tpl input[type=button].button-primary:hover,
.home-tpl .button.button-primary:focus,
.home-tpl button.button-primary:focus,
.home-tpl input[type=submit].button-primary:focus,
.home-tpl input[type=reset].button-primary:focus,
.home-tpl input[type=button].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB;
}
.home-tpl input[type=email],
.home-tpl input[type=number],
.home-tpl input[type=search],
.home-tpl input[type=text],
.home-tpl input[type=tel],
.home-tpl input[type=url],
.home-tpl input[type=password],
.home-tpl textarea,
.home-tpl select {
  height: 38px;
  padding: 6px 10px;
  /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
}
.home-tpl input[type=email],
.home-tpl input[type=number],
.home-tpl input[type=search],
.home-tpl input[type=text],
.home-tpl input[type=tel],
.home-tpl input[type=url],
.home-tpl input[type=password],
.home-tpl textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.home-tpl textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.home-tpl input[type=email]:focus,
.home-tpl input[type=number]:focus,
.home-tpl input[type=search]:focus,
.home-tpl input[type=text]:focus,
.home-tpl input[type=tel]:focus,
.home-tpl input[type=url]:focus,
.home-tpl input[type=password]:focus,
.home-tpl textarea:focus,
.home-tpl select:focus {
  border: 1px solid #33C3F0;
  outline: 0;
}
.home-tpl label,
.home-tpl legend {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.home-tpl fieldset {
  padding: 0;
  border-width: 0;
}
.home-tpl input[type=checkbox],
.home-tpl input[type=radio] {
  display: inline;
}
.home-tpl label > .label-body {
  display: inline-block;
  margin-left: 0.5rem;
  font-weight: normal;
}
.home-tpl ul {
  list-style: circle inside;
}
.home-tpl ol {
  list-style: decimal inside;
}
.home-tpl ol, .home-tpl ul {
  padding-left: 0;
  margin-top: 0;
}
.home-tpl ul ul,
.home-tpl ul ol,
.home-tpl ol ol,
.home-tpl ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%;
}
.home-tpl li {
  margin-bottom: 1rem;
}
.home-tpl code {
  padding: 0.2rem 0.5rem;
  margin: 0 0.2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px;
}
.home-tpl pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre;
}
.home-tpl th,
.home-tpl td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1;
}
.home-tpl th:first-child,
.home-tpl td:first-child {
  padding-left: 0;
}
.home-tpl th:last-child,
.home-tpl td:last-child {
  padding-right: 0;
}
.home-tpl button,
.home-tpl .button {
  margin-bottom: 1rem;
}
.home-tpl input,
.home-tpl textarea,
.home-tpl select,
.home-tpl fieldset {
  margin-bottom: 1.5rem;
}
.home-tpl pre,
.home-tpl blockquote,
.home-tpl dl,
.home-tpl figure,
.home-tpl table,
.home-tpl p,
.home-tpl ul,
.home-tpl ol,
.home-tpl form {
  margin-bottom: 2.5rem;
}
.home-tpl .u-full-width {
  width: 100%;
  box-sizing: border-box;
}
.home-tpl .u-max-full-width {
  max-width: 100%;
  box-sizing: border-box;
}
.home-tpl .u-pull-right {
  float: right;
}
.home-tpl .u-pull-left {
  float: left;
}
.home-tpl hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1;
}
.home-tpl .container:after,
.home-tpl .row:after,
.home-tpl .u-cf {
  content: "";
  display: table;
  clear: both;
}
.home-tpl .apartado {
  width: 100%;
  margin: 0;
  text-align: center;
}
.home-tpl .negro {
  background-color: black;
  color: red;
}
.home-tpl .blanco {
  background-color: white;
}
.home-tpl .rojo {
  background: url(/wp-content/themes/okasan-v2/assets/img/home/fondorojo.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.home-tpl #portada {
  display: table;
  text-align: center;
  background: url("/wp-content/themes/okasan-v2/assets/img/home/fondo.png") no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  padding-bottom: 40px;
  text-align: center;
}
.home-tpl #portada img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.home-tpl .historia {
  display: table;
  height: 680px;
}
.home-tpl .historia p {
  color: white;
  text-align: center;
  padding-left: 10%;
  padding-right: 10%;
}
.home-tpl .platos {
  padding-bottom: 40px;
  padding-top: 40px;
}
.home-tpl .platos p {
  color: white;
  text-align: center;
  padding-left: 20%;
  padding-right: 20%;
}
.home-tpl .platos img {
  margin: -5% 0 24px;
}
.home-tpl .corazon p {
  color: darkgray;
}
.home-tpl .corazon a {
  color: black;
}
.home-tpl .corazon a:hover {
  color: darkgrey;
}
.home-tpl .corazon a:hover img {
  opacity: 0.5;
}
.home-tpl .corazon img {
  margin-top: 40px;
}
.home-tpl .centradovertical {
  display: table-cell;
  vertical-align: middle;
}
@media (min-width: 1px) {
  .home-tpl .separa {
    border-right: 0px solid darkgray;
  }
  .home-tpl .escritorio {
    display: none;
  }
  .home-tpl .movil {
    display: block;
  }
}
@media (min-width: 550px) {
  .home-tpl .separa {
    border-right: 2px solid darkgray;
  }
  .home-tpl .escritorio {
    display: inline-block;
  }
  .home-tpl .movil {
    display: none;
  }
}
@media (min-width: 750px) {
  .home-tpl .historia p {
    padding-left: 30%;
    padding-right: 30%;
  }
}
@media (min-width: 1000px) {
  .home-tpl .historia p {
    padding-left: 30%;
    padding-right: 30%;
  }
}
.home-tpl .link-page {
  margin: 80px 20 20px;
  padding: 0 !important;
  text-align: center;
}
.home-tpl .link-page p {
  padding: 0;
}
.home-tpl .link-page a {
  display: block;
  color: #fff;
  border: 1px solid #fff;
  padding: 12px 20px;
  margin: 0 auto 14px;
  width: 280px;
  text-transform: uppercase;
  font-size: 24px;
  font-size: 1.5rem;
}
.home-tpl .link-page a:hover, .home-tpl .link-page a:focus {
  background-color: #fff;
  color: #000;
}

.carta-tpl {
  background-color: #fff;
}
.carta-tpl h1 {
  text-align: center;
  text-transform: uppercase;
  color: #E21C2E;
  font-weight: 700;
  font-size: 36px;
  font-size: 2.25rem;
  padding: 20px;
}
@media (min-width: 660px) {
  .carta-tpl h1 {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
.carta-tpl h2 {
  position: relative;
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  font-size: 30px;
  font-size: 1.875rem;
  padding: 10px 20px 10px 42px;
  margin: 0px 0 7px;
  cursor: pointer;
}
@media (min-width: 660px) {
  .carta-tpl h2 {
    font-size: 32px;
    font-size: 2rem;
  }
}
.carta-tpl h2.open:after {
  transform: rotate(90deg);
}
.carta-tpl h2:before, .carta-tpl h2:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
  background-color: #fff;
}
.carta-tpl h2:before {
  width: 25px;
  height: 1px;
}
.carta-tpl h2:after {
  width: 1px;
  height: 25px;
  left: 22px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.carta-tpl .hero-cn {
  background-color: #A1000E;
  text-align: center;
  max-width: initial;
}
.carta-tpl section {
  max-width: 1080px;
  margin: 0 auto;
}
.carta-tpl .tab-cn {
  display: none;
  text-align: center;
  margin: 18px 0 34px;
}
.carta-tpl .tab-cn img {
  margin-top: 20px;
}
.carta-tpl .item-cn {
  text-align: left;
  font-size: 20px;
  font-size: 1.25rem;
  margin: 0 10px 16px;
  display: flex;
  justify-content: space-between;
}
.carta-tpl .item-cn strong {
  font-weight: 700;
}
.carta-tpl .item-cn em {
  color: #646464;
  font-size: 15px;
  font-size: 0.9375rem;
}
.carta-tpl .item-cn .c-l {
  width: 80%;
}
.carta-tpl .item-cn .c-r {
  width: 20%;
  text-align: right;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
}