/* common border radius */
/* disable text selection */
section.gt-block.major-banner {
  background: #F8F8F8;
  -webkit-border-radius: 4rem;
  -moz-border-radius: 4rem;
  border-radius: 4rem;
}
section.gt-block.major-banner .block-content {
  position: relative;
  z-index: 10;
}
section.gt-block.major-banner.with-side .block-content {
  margin-right: 7.6rem;
}
section.gt-block.major-banner .arrow-btn {
  position: absolute;
  top: 8rem;
  z-index: 20;
}
section.gt-block.major-banner .arrow-btn--prev {
  left: -1.4rem;
}
section.gt-block.major-banner .arrow-btn--next {
  right: -1.4rem;
}
section.gt-block.major-banner .list {
  display: grid;
  grid-gap: 0;
  overflow: hidden;
}
section.gt-block.major-banner .list.slick-initialized {
  display: block;
}
section.gt-block.major-banner .list.slick-initialized .slick-track {
  display: flex !important;
}
section.gt-block.major-banner .list.slick-initialized .slick-slide {
  height: inherit !important;
}
section.gt-block.major-banner .list[data-count='2'] {
  grid-template-columns: repeat(2, 1fr);
}
section.gt-block.major-banner .list[data-count='3'] {
  grid-template-columns: repeat(3, 1fr);
}
section.gt-block.major-banner .list[data-count='4'] {
  grid-template-columns: repeat(4, 1fr);
}
section.gt-block.major-banner .list[data-count='5'] {
  grid-template-columns: repeat(5, 1fr);
}
section.gt-block.major-banner .list[data-count='6'] {
  grid-template-columns: repeat(6, 1fr);
}
section.gt-block.major-banner .list article:nth-of-type(2n) {
  background: #EFEFEF;
}
section.gt-block.major-banner:not(.with-top):not(.with-side) .list {
  -webkit-border-radius: 4rem;
  -moz-border-radius: 4rem;
  border-radius: 4rem;
}
section.gt-block.major-banner.with-side:not(.with-top) .list {
  -webkit-border-radius: 4rem 0 0 4rem;
  -moz-border-radius: 4rem 0 0 4rem;
  border-radius: 4rem 0 0 4rem;
}
section.gt-block.major-banner article {
  overflow: hidden;
}
section.gt-block.major-banner[data-count='1']:not(.with-top):not(.with-side) article {
  -webkit-border-radius: 4rem;
  -moz-border-radius: 4rem;
  border-radius: 4rem;
}
section.gt-block.major-banner[data-count='1'].with-side:not(.with-top) article {
  -webkit-border-radius: 4rem 0 0 4rem;
  -moz-border-radius: 4rem 0 0 4rem;
  border-radius: 4rem 0 0 4rem;
}
section.gt-block.major-banner .block-top {
  padding: 2.2rem 4rem;
  -webkit-border-radius: 4rem 4rem 0 0;
  -moz-border-radius: 4rem 4rem 0 0;
  border-radius: 4rem 4rem 0 0;
  background: #F7F7F7;
  text-align: center;
}
section.gt-block.major-banner .block-top .web-section-btn {
  float: left;
}
section.gt-block.major-banner .block-top strong {
  padding: 0.2rem 0;
  display: inline-block;
  vertical-align: top;
  color: #898989;
  font-size: 2.4rem;
  line-height: 3rem;
  font-weight: 400;
}
section.gt-block.major-banner.with-side .block-top {
  padding-right: 12.6rem;
}
section.gt-block.major-banner .block-side {
  width: 7.6rem;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  display: block;
  -webkit-border-radius: 0 4rem 4rem 0;
  -moz-border-radius: 0 4rem 4rem 0;
  border-radius: 0 4rem 4rem 0;
  background: #fed57d;
  color: #FD7D23;
  font-size: 2.4rem;
  line-height: 3rem;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.gt-block.major-banner .block-side:hover {
  background-color: #FD7D23;
  color: white;
}
section.gt-block.major-banner .block-side span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  writing-mode: vertical-rl;
  /*position: absolute;
            top: 50%;
            left: 0;
            transform-origin: center 0;
            .transform(rotate(-90deg));*/
}
@media screen and (max-width: 1000px) {
  section.gt-block.major-banner.with-side .block-content {
    margin: 0;
  }
  section.gt-block.major-banner.with-side .block-top {
    padding-right: 5rem;
  }
  section.gt-block.major-banner .block-side {
    width: auto;
    position: relative;
    -webkit-border-radius: 0 0 4rem 4rem;
    -moz-border-radius: 0 0 4rem 4rem;
    border-radius: 0 0 4rem 4rem;
    line-height: 7.6rem;
  }
  section.gt-block.major-banner .block-side span {
    position: static;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    writing-mode: horizontal-tb;
  }
  section.gt-block.major-banner[data-count='1'].with-side:not(.with-top) article {
    -webkit-border-radius: 4rem 4rem 0 0;
    -moz-border-radius: 4rem 4rem 0 0;
    border-radius: 4rem 4rem 0 0;
  }
}
@media screen and (max-width: 650px) {
  section.gt-block.major-banner .block-top {
    padding: 1rem 2rem;
  }
  section.gt-block.major-banner .block-top strong {
    font-size: 1.8rem;
    line-height: 3rem;
  }
  section.gt-block.major-banner.with-side .block-top {
    padding-right: 2rem;
  }
  section.gt-block.major-banner .block-side {
    padding: 1rem 2rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}
@media screen and (max-width: 500px) {
  section.gt-block.major-banner {
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
  }
  section.gt-block.major-banner:not(.with-top):not(.with-side) .list {
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
  }
  section.gt-block.major-banner.with-side:not(.with-top) .list {
    -webkit-border-radius: 2rem 0 0 2rem;
    -moz-border-radius: 2rem 0 0 2rem;
    border-radius: 2rem 0 0 2rem;
  }
  section.gt-block.major-banner[data-count='1']:not(.with-top):not(.with-side) article {
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
  }
  section.gt-block.major-banner[data-count='1'].with-side:not(.with-top) article {
    -webkit-border-radius: 2rem 2rem 0 0;
    -moz-border-radius: 2rem 2rem 0 0;
    border-radius: 2rem 2rem 0 0;
  }
  section.gt-block.major-banner .block-top {
    -webkit-border-radius: 2rem 2rem 0 0;
    -moz-border-radius: 2rem 2rem 0 0;
    border-radius: 2rem 2rem 0 0;
  }
  section.gt-block.major-banner .block-top .web-section-btn {
    display: block;
    float: none;
  }
  section.gt-block.major-banner .block-top strong {
    line-height: 2.4rem;
  }
  section.gt-block.major-banner .block-side {
    -webkit-border-radius: 0 0 2rem 2rem;
    -moz-border-radius: 0 0 2rem 2rem;
    border-radius: 0 0 2rem 2rem;
  }
}
section.gt-block.major-banner article.single {
  display: flex;
  flex-direction: row-reverse;
  overflow: hidden;
}
section.gt-block.major-banner article.single .image {
  position: relative;
  display: block;
  overflow: hidden;
  flex-grow: 1;
  background: #A5A5A5;
}
section.gt-block.major-banner article.single .image .in {
  padding: 56.25% 0 0 0;
}
section.gt-block.major-banner article.single .image .img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.gt-block.major-banner article.single .image .img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
section.gt-block.major-banner article.single .image .buttons {
  position: absolute;
  left: 3rem;
  bottom: 3rem;
  z-index: 10;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}
section.gt-block.major-banner article.single .image .buttons .icon-btn {
  margin: 0 1rem 0 0;
}
section.gt-block.major-banner article.single .content {
  width: 37rem;
  padding: 3rem 4rem 9.4rem 4rem;
  position: relative;
}
section.gt-block.major-banner article.single .content .web-section-btn {
  margin: 0 0 4rem 0;
}
section.gt-block.major-banner article.single .content h2,
section.gt-block.major-banner article.single .content h3 {
  padding: 0;
  margin: 0;
  color: #1A2428;
  font-size: 1.9rem;
  line-height: 2.4rem;
  font-weight: bold;
}
section.gt-block.major-banner article.single .content h2 a,
section.gt-block.major-banner article.single .content h3 a {
  color: #1A2428;
}
section.gt-block.major-banner article.single .content h2 a:hover,
section.gt-block.major-banner article.single .content h3 a:hover {
  text-decoration: underline;
}
section.gt-block.major-banner article.single .content p {
  padding: 3rem 0 0 0;
  margin: 0;
  color: #1A2428;
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: 400;
}
section.gt-block.major-banner article.single .content .button {
  min-height: 7.4rem;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 4rem;
  right: 4rem;
  bottom: 0rem;
  white-space: nowrap;
  text-align: center;
}
section.gt-block.major-banner article.single .content .button .date {
  padding: 0.6rem 0 0 0;
  display: block;
  color: #1A2428;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 300;
}
@media screen and (max-width: 750px) {
  section.gt-block.major-banner article.single {
    display: block;
  }
  section.gt-block.major-banner article.single .content {
    width: auto;
  }
}
@media screen and (max-width: 500px) {
  section.gt-block.major-banner article.single .image .buttons {
    left: 2rem;
    bottom: 1rem;
    white-space: normal;
  }
  section.gt-block.major-banner article.single .image .buttons .icon-btn,
  section.gt-block.major-banner article.single .image .buttons .chef-label {
    margin-bottom: 1rem;
  }
  section.gt-block.major-banner article.single .content {
    padding: 2rem;
  }
  section.gt-block.major-banner article.single .content .web-section-btn {
    min-width: 0;
    margin: 0 0 2rem 0;
    display: block;
  }
  section.gt-block.major-banner article.single .content h2,
  section.gt-block.major-banner article.single .content h3 {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
  section.gt-block.major-banner article.single .content .button {
    min-height: 0;
    padding: 2rem 0 0 0;
    position: static;
  }
}
section.gt-block.major-banner article.multiple {
  position: relative;
  z-index: 1;
}
section.gt-block.major-banner article.multiple .image {
  min-height: 20rem;
  padding: 56.25% 0 0 0;
  position: relative;
  display: block;
  overflow: hidden;
}
section.gt-block.major-banner article.multiple .image .img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
section.gt-block.major-banner article.multiple .image .img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
section.gt-block.major-banner article.multiple .image .chef-label {
  position: absolute;
  left: 1.4rem;
  bottom: 1rem;
  z-index: 10;
}
section.gt-block.major-banner article.multiple .image .web-section-btn {
  position: absolute;
  left: 1.4rem;
  top: 1rem;
  z-index: 10;
}
section.gt-block.major-banner article.multiple .content {
  padding: 1.2rem 1.4rem 7.4rem 1.4rem;
}
section.gt-block.major-banner article.multiple .content h2,
section.gt-block.major-banner article.multiple .content h3 {
  min-height: 4.8rem;
  padding: 0 0 0.4rem 0;
  margin: 0;
  color: #1A2428;
  font-size: 1.9rem;
  line-height: 2.4rem;
  font-weight: bold;
}
section.gt-block.major-banner article.multiple .content h2 a,
section.gt-block.major-banner article.multiple .content h3 a {
  color: #1A2428;
}
section.gt-block.major-banner article.multiple .content h2 a:hover,
section.gt-block.major-banner article.multiple .content h3 a:hover {
  text-decoration: underline;
}
section.gt-block.major-banner article.multiple .content .date {
  display: block;
  color: #1A2428;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 300;
}
section.gt-block.major-banner article.multiple .content .buttons {
  position: absolute;
  left: 1.4rem;
  right: 1.4rem;
  bottom: 2rem;
  display: flex;
  white-space: nowrap;
}
section.gt-block.major-banner article.multiple .content .buttons .icon-buttons {
  flex-grow: 1;
  text-align: right;
}
section.gt-block.major-banner article.multiple .content .buttons .icon-buttons .icon-btn {
  margin: 0 0 0 1rem;
}