/*Color Value*/
/*Font Value*/
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanstc/v11/-nFkOG829Oofr2wohFbTp9i9kwMfDNdX.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanstc/v11/-nF7OG829Oofr2wohFbTp9i1OCEJ.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanstc/v11/-nFkOG829Oofr2wohFbTp9i9ywIfDNdX.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanstc/v11/-nFkOG829Oofr2wohFbTp9i9gwQfDNdX.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanstc/v11/-nFkOG829Oofr2wohFbTp9i9uwYfDNdX.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif TC';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoseriftc/v8/XLY9IZb5bJNDGYxLBibeHZ0Bvr8vXX5MTA.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif TC';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoseriftc/v8/XLY9IZb5bJNDGYxLBibeHZ0BvtssXX5MTA.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif TC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoseriftc/v8/XLYgIZb5bJNDGYxLBibeHZ0BtnAOSw.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif TC';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoseriftc/v8/XLY9IZb5bJNDGYxLBibeHZ0BvoMtXX5MTA.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif TC';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoseriftc/v8/XLY9IZb5bJNDGYxLBibeHZ0Bvq8qXX5MTA.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif TC';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoseriftc/v8/XLY9IZb5bJNDGYxLBibeHZ0BvssrXX5MTA.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif TC';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoseriftc/v8/XLY9IZb5bJNDGYxLBibeHZ0BvvMpXX5MTA.otf) format('opentype');
}
/*Button Style Start*/
/*Button Style End*/
/*Input Style Start*/
/*Input Style End*/
/*Clearfix function Start*/
/*Clearfix function End*/
/*Common LESS Start*/
.list-margin-fit:first-child {
  margin-left: 0;
}
.list-margin-fit:last-child {
  margin-right: 0;
}
.list-padding-fit:first-child {
  padding-left: 0;
}
.list-padding-fit:last-child {
  padding-right: 0;
}
/*Common LESS End*/
/*Common CSS3 LESS Mixins Start*/
/*Common CSS3 LESS Mixins End*/
@-webkit-keyframes anim-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-moz-keyframes anim-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes anim-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-o-keyframes anim-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@keyframes anim-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
.row-xs-col {
  margin: 0 -5px;
}
.row-xs-col > div {
  padding: 0 5px;
}
.row-sm-col {
  margin: 0 -10px;
}
.row-sm-col > div {
  padding: 0 10px;
}
.row-md-col {
  margin: 0 -15px;
}
.row-md-col > div {
  padding: 0 15px;
}
.row-lg-col {
  margin: 0 -20px;
}
.row-lg-col > div {
  padding: 0 20px;
}
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  font-family: 'Fira Sans', 'Microsoft JhengHei', sans-serif;
}
body a {
  transition: all 0.6s;
}
body a:hover,
body a:focus,
body a:active {
  text-decoration: none;
}
.container-vm {
  height: 100%;
  width: 100%;
  display: table;
  table-layout: fixed;
  position: relative;
   overflow: hidden; 
}
.container-vm-box {
  display: table-cell;
  vertical-align: middle;
}
.container-vb {
  height: 100%;
  width: 100%;
  display: table;
  table-layout: fixed;
  position: relative;
}
.container-vb-box {
  display: table-cell;
  vertical-align: bottom;
}
.img-responsive-center {
  margin-left: auto;
  margin-right: auto;
}
.form-group-inline .checkbox,
.form-group-inline .radio {
  display: inline-block;
  margin-right: 15px;
}
@media (min-width: 768px) {
  .text-sm-left {
    text-align: left;
  }
  .text-sm-center {
    text-align: center;
  }
  .text-sm-right {
    text-align: right;
  }
}
@media (min-width: 992px) {
  .text-md-left {
    text-align: left;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-right {
    text-align: right;
  }
}
@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-right {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .float-sm-left {
    float: left;
  }
  .float-sm-right {
    float: right;
  }
  .float-sm-none {
    float: none;
  }
}
@media (min-width: 992px) {
  .float-md-left {
    float: left;
  }
  .float-md-right {
    float: right;
  }
  .float-md-none {
    float: none;
  }
}
@media (min-width: 1200px) {
  .float-lg-left {
    float: left;
  }
  .float-lg-right {
    float: right;
  }
  .float-lg-none {
    float: none;
  }
}
@media (max-width: 767px) {
  .row-clear .col-xs-2:nth-child(6n+1),
  .row-clear .col-xs-3:nth-child(4n+1),
  .row-clear .col-xs-4:nth-child(3n+1),
  .row-clear .col-xs-6:nth-child(2n+1),
  .row-clear .col-sm-2:nth-child(6n+1),
  .row-clear .col-sm-3:nth-child(4n+1),
  .row-clear .col-sm-4:nth-child(3n+1),
  .row-clear .col-sm-6:nth-child(2n+1),
  .row-clear .col-md-2:nth-child(6n+1),
  .row-clear .col-md-3:nth-child(4n+1),
  .row-clear .col-md-4:nth-child(3n+1),
  .row-clear .col-md-6:nth-child(2n+1),
  .row-clear .col-lg-2:nth-child(6n+1),
  .row-clear .col-lg-3:nth-child(4n+1),
  .row-clear .col-lg-4:nth-child(3n+1),
  .row-clear .col-lg-6:nth-child(2n+1) {
    clear: none;
  }
  .row-clear .col-xs-2:nth-child(6n+1),
  .row-clear .col-xs-3:nth-child(4n+1),
  .row-clear .col-xs-4:nth-child(3n+1),
  .row-clear .col-xs-6:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 768px) {
  .row-clear .col-xs-2:nth-child(6n+1),
  .row-clear .col-xs-3:nth-child(4n+1),
  .row-clear .col-xs-4:nth-child(3n+1),
  .row-clear .col-xs-6:nth-child(2n+1),
  .row-clear .col-sm-2:nth-child(6n+1),
  .row-clear .col-sm-3:nth-child(4n+1),
  .row-clear .col-sm-4:nth-child(3n+1),
  .row-clear .col-sm-6:nth-child(2n+1),
  .row-clear .col-md-2:nth-child(6n+1),
  .row-clear .col-md-3:nth-child(4n+1),
  .row-clear .col-md-4:nth-child(3n+1),
  .row-clear .col-md-6:nth-child(2n+1),
  .row-clear .col-lg-2:nth-child(6n+1),
  .row-clear .col-lg-3:nth-child(4n+1),
  .row-clear .col-lg-4:nth-child(3n+1),
  .row-clear .col-lg-6:nth-child(2n+1) {
    clear: none;
  }
  .row-clear .col-sm-2:nth-child(6n+1),
  .row-clear .col-sm-3:nth-child(4n+1),
  .row-clear .col-sm-4:nth-child(3n+1),
  .row-clear .col-sm-6:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 992px) {
  .row-clear .col-xs-2:nth-child(6n+1),
  .row-clear .col-xs-3:nth-child(4n+1),
  .row-clear .col-xs-4:nth-child(3n+1),
  .row-clear .col-xs-6:nth-child(2n+1),
  .row-clear .col-sm-2:nth-child(6n+1),
  .row-clear .col-sm-3:nth-child(4n+1),
  .row-clear .col-sm-4:nth-child(3n+1),
  .row-clear .col-sm-6:nth-child(2n+1),
  .row-clear .col-md-2:nth-child(6n+1),
  .row-clear .col-md-3:nth-child(4n+1),
  .row-clear .col-md-4:nth-child(3n+1),
  .row-clear .col-md-6:nth-child(2n+1),
  .row-clear .col-lg-2:nth-child(6n+1),
  .row-clear .col-lg-3:nth-child(4n+1),
  .row-clear .col-lg-4:nth-child(3n+1),
  .row-clear .col-lg-6:nth-child(2n+1) {
    clear: none;
  }
  .row-clear .col-md-2:nth-child(6n+1),
  .row-clear .col-md-3:nth-child(4n+1),
  .row-clear .col-md-4:nth-child(3n+1),
  .row-clear .col-md-6:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 1200px) {
  .row-clear .col-xs-2:nth-child(6n+1),
  .row-clear .col-xs-3:nth-child(4n+1),
  .row-clear .col-xs-4:nth-child(3n+1),
  .row-clear .col-xs-6:nth-child(2n+1),
  .row-clear .col-sm-2:nth-child(6n+1),
  .row-clear .col-sm-3:nth-child(4n+1),
  .row-clear .col-sm-4:nth-child(3n+1),
  .row-clear .col-sm-6:nth-child(2n+1),
  .row-clear .col-md-2:nth-child(6n+1),
  .row-clear .col-md-3:nth-child(4n+1),
  .row-clear .col-md-4:nth-child(3n+1),
  .row-clear .col-md-6:nth-child(2n+1),
  .row-clear .col-lg-2:nth-child(6n+1),
  .row-clear .col-lg-3:nth-child(4n+1),
  .row-clear .col-lg-4:nth-child(3n+1),
  .row-clear .col-lg-6:nth-child(2n+1) {
    clear: none;
  }
  .row-clear .col-lg-2:nth-child(6n+1),
  .row-clear .col-lg-3:nth-child(4n+1),
  .row-clear .col-lg-4:nth-child(3n+1),
  .row-clear .col-lg-6:nth-child(2n+1) {
    clear: both;
  }
}
/*For loop example start*/
/*
.mixin-loop (@i) when (@i > 0) {
	div:nth-child(@{i}):after {
		content: "@{i}";
	}
		.mixin-loop(@i - 1);
}
*/
/*For loop example end*/
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWyV9hrIqY.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v20/mem6YaGs126MiZpBA-UFUK0Zdcg.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKXGUdhrIqY.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKWiUNhrIqY.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKW-U9hrIqY.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8OUuhs.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0e.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UNirkOUuhs.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN7rgOUuhs.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN8rsOUuhs.ttf) format('truetype');
}
body {
  font-family: 'Open Sans', sans-serif;
  overflow-x: hidden;
}
body a {
  color: inherit;
}
body a:hover,
body a:focus,
body a:active {
  color: inherit;
}
body button:focus {
  outline: 0;
}
body button:active {
  outline: none;
  border: none;
}
body div:focus {
  outline: 0;
}
body div:active {
  outline: none;
  border: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}
@media (max-width: 575px) {
  .ck-box blockquote {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .ck-box blockquote {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ck-box blockquote {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ck-box blockquote {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .ck-box blockquote {
    font-size: 18px;
  }
}
@media (min-width: 1550px) {
  .ck-box blockquote {
    font-size: 18px;
  }
}
.ck-box h2 {
  font-size: 24px;
  color: #818282;
  font-weight: 600;
  margin-bottom: 15px;
}

.ck-box .tit2 {
  font-size: 16px;
  color: #818282;
  margin-bottom: 15px;
}

.ck-box h3 {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 30px;
}
.ck-box h4 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
}
.ck-box h5 {
  font-size: 16px;
  font-weight: 600;
  line-height: 31px;
  margin-bottom: 18px;
}
.ck-box h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 70px;
}
.ck-box ul {
  list-style: none;
  padding-inline-start: 20px;
}
.ck-box ul li {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
  margin-bottom: 10px;
}
.ck-box ul li:before {
  content: "\2022";
  color: #ff6c00;
  font-weight: 700;
  display: inline-block;
  width: 1.05em;
  margin-left: -1em;
}
.ck-box a {
  color: #818282;
  text-decoration: underline;
}
.pagination {
 /* display: inline-flex !important;*/
  font-weight: 600;
  margin-top: 35px;
}
.pagination li {
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 5px;
  margin-right: 5px;
}
.pagination li.active {
  background-color: #818282;
  color: #ffffff;
}
@media (max-width: 575px) {
  .section-main p,
  .section-main li,
  .section-main label,
  .section-main table {
    font-size: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-main p,
  .section-main li,
  .section-main label,
  .section-main table {
    font-size: 11px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-main p,
  .section-main li,
  .section-main label,
  .section-main table {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-main p,
  .section-main li,
  .section-main label,
  .section-main table {
    font-size: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-main p,
  .section-main li,
  .section-main label,
  .section-main table {
    font-size: 14px;
  }
}
@media (min-width: 1550px) {
  .section-main p,
  .section-main li,
  .section-main label,
  .section-main table {
    font-size: 14px;
  }
}
.section-padding {
  padding: 75px 0;
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-padding {
    padding: 70px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-padding {
    padding: 55px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-padding {
    padding: 45px 0;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-padding {
    padding: 35px 0;
  }
}
@media (max-width: 575px) {
  .section-padding {
    padding: 30px 0;
  }
}
@media (min-width: 1550px) {
  .container-xxl {
    max-width: 1590px;
  }
}
@media (min-width: 1550px) {
  .container-xl {
    max-width: 1520px;
  }
}
@media (min-width: 1550px) {
  .container-l {
    max-width: 1270px;
  }
}
.mail-class:hover,
.link-class:hover {
  color: inherit;
}
.common-btn {
  margin-top: 20px;
  background-color: #818282;
  padding: 10px 20px;
  display: inline-block;
  font-weight: 600;
  color: #ffffff;
  line-height: 18px;
  transition: all 0.6s;
  border:0px;
}

.common-btn:hover{
 background-color: #545b62;
}
@media (max-width: 575px) {
  .common-btn {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .common-btn {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .common-btn {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .common-btn {
    font-size: 16px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .common-btn {
    font-size: 17px;
  }
}
@media (min-width: 1550px) {
  .common-btn {
    font-size: 17px;
  }
}
.common-btn.small {
  padding: 7px 20px;
}
@media (max-width: 575px) {
  .common-btn.small {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .common-btn.small {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .common-btn.small {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .common-btn.small {
    font-size: 14px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .common-btn.small {
    font-size: 15px;
  }
}
@media (min-width: 1550px) {
  .common-btn.small {
    font-size: 15px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .common-btn.small {
    font-size: 14px;
  }
}
.common-btn.book-now {
  padding: 10px 24px;
}
@media (max-width: 575px) {
  .common-btn.book-now {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .common-btn.book-now {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .common-btn.book-now {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .common-btn.book-now {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .common-btn.book-now {
    font-size: 16px;
  }
}
@media (min-width: 1550px) {
  .common-btn.book-now {
    font-size: 16px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .common-btn.book-now {
    font-size: 16px;
  }
}
header .menu-toggle-layer {
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  z-index: 3;
  pointer-events: none;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
header .menu-toggle-layer.active {
  background-color: rgba(0, 0, 0, 0.77);
}
header .desktop-menu {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  z-index: 11;
  height: 65px;
  width: 100%;
  position: fixed;
  top: 0;
  background-color: #ffffff;
  display: inline-block;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  header .desktop-menu {
    display: none;
  }
}
header .desktop-menu .logo-wrapper {
  vertical-align: top;
  display: inline-block;
  width: 12%;
  position: relative;
}
@media (min-width: 1200px) and (max-width: 1549px) {
  header .desktop-menu .logo-wrapper {
    width: 9%;
  }
}
header .desktop-menu .logo-wrapper .header-logo {
  position: absolute;
  right: 117px;
  display: inline-block;
}
@media (min-width: 1200px) and (max-width: 1549px) {
  header .desktop-menu .logo-wrapper .header-logo {
    right: 90px;
  }
}
header .desktop-menu .logo-wrapper .header-logo img {
  position: absolute;
  top: 0;
  width: 120px;
}
@media (min-width: 1200px) and (max-width: 1549px) {
  header .desktop-menu .logo-wrapper .header-logo img {
    width: 74px;
  }
}
header .desktop-menu .menu-wrapper {
  text-align: center;
  vertical-align: top;
  display: inline-block;
  width: 70%;
}
@media (min-width: 1200px) and (max-width: 1549px) {
  header .desktop-menu .menu-wrapper {
    width: 68%;
  }
}
header .desktop-menu .menu-wrapper .menu-item {
  display: inline-block;
  line-height: 65px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #000;
}
header .desktop-menu .menu-wrapper .menu-item > a {
  padding-left: 21.5px;
  padding-right: 21.5px;
  padding-top: 22px;
  padding-bottom: 22px;
}
@media (min-width: 1200px) and (max-width: 1549px) {
  header .desktop-menu .menu-wrapper .menu-item > a {
    margin-right: 0px;
    font-size: 14px;
    padding-left: 7px;
    padding-right: 7px;
  }
}
header .desktop-menu .menu-wrapper .menu-item:last-child {
  margin-right: 0px;
}
header .desktop-menu .menu-wrapper .dropdown,
header .desktop-menu .menu-wrapper .menu-item {
  position: relative;
  display: inline-block;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
header .desktop-menu .menu-wrapper .dropdown a,
header .desktop-menu .menu-wrapper .menu-item a {
  color: #000000;
}

header .desktop-menu .menu-wrapper .dropdown:hover,
header .desktop-menu .menu-wrapper .menu-item:hover {
  background-color: #818282;
  color: #ffffff;
}

header .desktop-menu .menu-wrapper .dropdown.cur,
header .desktop-menu .menu-wrapper .menu-item.cur {
  background-color: #818282;
  color: #ffffff;
}

header .desktop-menu .menu-wrapper .dropdown:hover > a,
header .desktop-menu .menu-wrapper .menu-item:hover > a {
  color: #ffffff;
}
header .desktop-menu .menu-wrapper .dropdown:hover .dropbtn,
header .desktop-menu .menu-wrapper .menu-item:hover .dropbtn {
  color: #ffffff;
}

header .desktop-menu .menu-wrapper .dropdown .cur,
header .desktop-menu .menu-wrapper .menu-item .cur {
  color: #ffffff;
  background-color: #818282;
}

header .desktop-menu .menu-wrapper .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 142px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1549px) {
  header .desktop-menu .menu-wrapper .dropdown-content {
    min-width: 120px;
  }
}
header .desktop-menu .menu-wrapper .dropdown-content a {
  color: black;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  text-align: left;
  line-height: 28px;
  white-space: nowrap;
}
header .desktop-menu .menu-wrapper .dropdown-content a:hover {
  background-color: #818282;
  color: #ffffff;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
}
header .desktop-menu .menu-wrapper .dropdown:hover .dropdown-content {
  display: block;
}
header .desktop-menu .menu-wrapper > ul {
  padding: 0;
  margin: 0;
}
header .desktop-menu .menu-wrapper > ul > li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
header .desktop-menu .social-media-wrapper {
  vertical-align: top;
  display: inline-block;
  width: 18%;
  height: 100%;
  position: relative;
}
@media (min-width: 1200px) and (max-width: 1549px) {
  header .desktop-menu .social-media-wrapper {
    width: 23%;
  }
}
header .desktop-menu .social-media-wrapper .booking-bow-btn-a .booking-now-btn {
  margin-right: 3px;
  margin-top: 16px;
  cursor: pointer;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #a88282;
  border: 1px solid #a88282;
  height: 32px;
  padding-top: 3px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
@media (min-width: 1200px) and (max-width: 1549px) {
  header .desktop-menu .social-media-wrapper .booking-bow-btn-a .booking-now-btn {
    padding-left: 8px;
    padding-right: 8px;
  }
}
header .desktop-menu .social-media-wrapper .booking-bow-btn-a .booking-now-btn:hover {
  background-color: #818282;
  color: #ffffff;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
header .desktop-menu .social-media-wrapper .dropdown {
  display: inline-block;
  position: relative;
  top: -2px;
  margin-right: 10px;
  background-color: transparent;
  color: #5F5F5F;
  outline: 0;
}
header .desktop-menu .social-media-wrapper .dropdown .btn {
  font-weight: 600;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: transparent;
}
header .desktop-menu .social-media-wrapper .dropdown .dropdown-menu {
  padding: 0;
  border: 1px solid #999999;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
header .desktop-menu .social-media-wrapper .dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #999999;
  color: #ffffff;
}
header .desktop-menu .social-media-wrapper .social-media-icon {
  display: inline-block;
  line-height: 37px;
  text-align: initial;
  color: #5F5F5F;
  top: -1px;
  margin-right: 7px;
  position: relative;
  left: -8px;
}
header .desktop-menu .social-media-wrapper .social-media-icon:last-child {
  margin-right: 0px;
}
header .responsive-header {
  display: none;
  height: 65px;
  width: 100%;
  position: absolute;
  top: 0;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  header .responsive-header {
    display: block;
  }
}
header .responsive-header .logo-wrapper {
  float: left;
  margin-left: 20px;
}
header .responsive-header .logo-wrapper img {
  width: 50px;
  margin-top: 10px;
}
header .responsive-header .header-btn {
  float: right;
  margin-right: 20px;
  margin-top: 7px;
  width: 40px;
  height: 35px;
}
header .responsive-header .header-btn span {
  display: block;
  margin: 12px 0;
  height: 2px;
  background-color: #000;
}
header .header-main {
  float: right;
  padding: 20px 0;
}
header .header-main .header-close {
  display: none;
  float: right;
  margin-left: 5px;
  margin-bottom: 20px;
  width: 45px;
  height: 45px;
  position: relative;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-main .header-close {
    width: 46px;
    height: 46px;
    float: right;
  }
}
header .header-main .header-close:before,
header .header-main .header-close:after {
  content: "";
  position: absolute;
}
header .header-main .header-close:before {
  left: 0;
  top: 50%;
  width: 100%;
  border-top: 2px solid #000000;
}
header .header-main .header-close:after {
  top: 0;
  left: 50%;
  height: 100%;
  border-left: 2px solid #000000;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-main {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    width: 320px;
    height: 100%;
    right: 0;
    top: 0;
    padding: 15px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1000;
    background-color: #ffffff;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
  }
  header .header-main .header-close {
    display: block;
  }
  header .header-main.active {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  header .header-main {
    left: auto;
    right: 0;
  }
}
header .header-main .header-menu,
header .header-main .header-media {
  display: inline-block;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-main .header-menu,
  header .header-main .header-media {
    display: block;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  header .header-main .header-menu {
    margin-top: -10px;
  }
}
header .header-main .header-menu > ul {
  padding: 0;
  margin: 0;
}
header .header-main .header-menu > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  header .header-main .header-menu > ul > li {
    display: inline-block;
  }
}
header .header-main .header-menu > ul > li > a {
  display: inline-block;
  font-weight: 700;
  padding-top: 28px;
  padding-bottom: 28px;
  margin: -30px 30px;
  color: #000000;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 25px;
  padding-right: 25px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-main .header-menu > ul > li > a {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-main .header-menu > ul > li > a {
    display: block;
    border-top: 0;
    border-left: 8px solid transparent;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  header .header-main .header-menu > ul > li > a {
    padding: 18px 15px;
    margin: 0 -15px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-main .header-menu > ul > li > a {
    padding: 15px 15px;
    margin: 0 -15px;
  }
}
header .header-main .header-menu > ul > li > a:hover {
  color: #000000;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  header .header-main .header-menu > ul > li:hover > ul {
    display: block;
  }
}
header .header-main .header-menu > ul > li > .menu-toggle {
  position: absolute;
  cursor: pointer;
  width: 25px;
  height: 25px;
  right: 5px;
  top: 12px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  header .header-main .header-menu > ul > li > .menu-toggle {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-main .header-menu > ul > li > .menu-toggle {
    top: 10px;
  }
}
header .header-main .header-menu > ul > li > .menu-toggle:before,
header .header-main .header-menu > ul > li > .menu-toggle:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
}
header .header-main .header-menu > ul > li > .menu-toggle:before {
  width: 100%;
  height: 0;
  border-top: 2px solid #000000;
  margin-left: -12px;
}
header .header-main .header-menu > ul > li > .menu-toggle:after {
  width: 0;
  height: 100%;
  border-left: 2px solid #000000;
  margin-top: -12px;
}
header .header-main .header-menu > ul > li > .menu-toggle.active:after {
  display: none;
}
header .header-main .header-menu > ul > li > ul {
  background-color: #ffffff;
  padding: 0px 0px;
  margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-main .header-menu > ul > li > ul {
    margin: 0 -15px;
    display: none;
  }
  header .header-main .header-menu > ul > li > ul.active {
    display: block;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  header .header-main .header-menu > ul > li > ul {
    position: absolute;
    left: 0;
    width: 255px;
    display: none;
    margin: 0;
    margin-top: 29px;
  }
}
header .header-main .header-menu > ul > li > ul > li {
  margin: 0;
  list-style: none;
  position: relative;
  font-weight: 600;
}
header .header-main .header-menu > ul > li > ul > li > .menu-toggle {
  position: absolute;
  cursor: pointer;
  width: 25px;
  height: 25px;
  right: 20px;
  top: 5px;
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  header .header-main .header-menu > ul > li > ul > li > .menu-toggle {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-main .header-menu > ul > li > ul > li > .menu-toggle {
    top: 10px;
  }
}
header .header-main .header-menu > ul > li > ul > li > .menu-toggle:before,
header .header-main .header-menu > ul > li > ul > li > .menu-toggle:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
}
header .header-main .header-menu > ul > li > ul > li > .menu-toggle:before {
  width: 100%;
  height: 0;
  border-top: 1px solid #000000;
  margin-left: -12px;
}
header .header-main .header-menu > ul > li > ul > li > .menu-toggle:after {
  width: 0;
  height: 100%;
  border-left: 1px solid #000000;
  margin-top: -12px;
}
header .header-main .header-menu > ul > li > ul > li > .menu-toggle.active:after {
  display: none;
}
header .header-main .header-menu > ul > li > ul > li > a {
  display: block;
  padding: 13px 25px;
  margin: 0;
  color: #000000;
  font-size: 18px;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}
header .header-main .header-menu > ul > li > ul > li > a:hover,
header .header-main .header-menu > ul > li > ul > li > a:focus,
header .header-main .header-menu > ul > li > ul > li > a:active {
  background-color: #000000;
  color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-main .header-menu > ul > li > ul > li > a {
    font-size: 16px;
    border-left: 0;
    padding-left: 30px;
  }
}
header .header-main .header-menu > ul > li > ul > li > ul {
  background-color: #ffffff;
  padding: 10px 0px;
  margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-main .header-menu > ul > li > ul > li > ul {
    margin: 0 -15px;
    display: none;
  }
  header .header-main .header-menu > ul > li > ul > li > ul.active {
    display: block;
  }
}
@media (min-width: 1550px), (min-width: 1200px) and (max-width: 1549px) {
  header .header-main .header-menu > ul > li > ul > li > ul {
    position: absolute;
    left: 0;
    width: 255px;
    display: none;
    margin: 0;
    margin-top: 29px;
  }
}
header .header-main .header-menu > ul > li > ul > li > ul > li {
  margin: 0;
  list-style: none;
  font-weight: 600;
}
header .header-main .header-menu > ul > li > ul > li > ul > li > a {
  display: block;
  padding: 10px 25px;
  margin: 0;
  color: #000000;
  font-size: 18px;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}
header .header-main .header-menu > ul > li > ul > li > ul > li > a:hover,
header .header-main .header-menu > ul > li > ul > li > ul > li > a:focus,
header .header-main .header-menu > ul > li > ul > li > ul > li > a:active {
  background-color: #000000;
  color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px), (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-main .header-menu > ul > li > ul > li > ul > li > a {
    font-size: 16px;
    border-left: 0;
    padding-left: 53px;
  }
}
header .header-media-mobile {
  display: none !important;
  padding-left: 7px;
  padding-top: 10px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  header .header-media-mobile .dropdown {
    margin-left: -12px;
    margin-bottom: 20px;
  }
}
header .header-media-mobile .dropdown .btn {
  box-shadow: none;
  font-weight: 600;
  background-color: transparent;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  header .header-media-mobile {
    display: block !important;
  }
}
header .header-media-mobile a {
  margin-right: 10px;
}
header .header-media-mobile img {
  width: 21px;
}
footer .footer-copyright {
  color: #999999;
  line-height: 70px;
}
@media (max-width: 575px) {
  footer .footer-copyright {
    font-size: 10px;
  }
  
}
@media (min-width: 576px) and (max-width: 767px) {
  footer .footer-copyright {
    font-size: 11px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  footer .footer-copyright {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  footer .footer-copyright {
    font-size: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  footer .footer-copyright {
    font-size: 14px;
  }
}
@media (min-width: 1550px) {
  footer .footer-copyright {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  footer .footer-copyright {
    text-align: center;
    line-height: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.home-slide {
  padding-top: 65px;
}
.home-slide .active-content {
  display: block;
}
.home-slide .slider-box {
  position: absolute;
  right: 65px;
  top: 128px;
  width: 470px;
  z-index: 2;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-slide .slider-box {
    top: 107px;
    right: 30px;
    width: 290px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-slide .slider-box {
    display: none;
    right: 0px;
    width: 100%;
    top: initial;
    bottom: 0;
  }
}
.home-slide .slider-box .upper-part {
  padding-top: 34px;
  padding-left: 30px;
  padding-right: 40px;
  padding-bottom: 26px;
 background-color: rgba(129, 130, 130, 0.87);
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-slide .slider-box .upper-part {
    padding: 15px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-slide .slider-box .upper-part {
    padding: 15px;
  }
}
.home-slide .slider-box .upper-part .upper-left {
  display: inline-block;
  color: #818282;
  font-weight: 700;
}
@media (max-width: 575px) {
  .home-slide .slider-box .upper-part .upper-left {
    font-size: 26px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-slide .slider-box .upper-part .upper-left {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-slide .slider-box .upper-part .upper-left {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-slide .slider-box .upper-part .upper-left {
    font-size: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-slide .slider-box .upper-part .upper-left {
    font-size: 36px;
  }
}
@media (min-width: 1550px) {
  .home-slide .slider-box .upper-part .upper-left {
    font-size: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-slide .slider-box .upper-part .upper-left {
    font-size: 20px;
  }
}
@media (max-width: 575px), sm {
  .home-slide .slider-box .upper-part .upper-left {
    font-size: 18px;
  }
}
.home-slide .slider-box .upper-part .upper-right {
  float: right;
  margin-top: 18px;
  color: #ffffff;
  text-decoration: underline;
}
@media (max-width: 575px) {
  .home-slide .slider-box .upper-part .upper-right {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-slide .slider-box .upper-part .upper-right {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-slide .slider-box .upper-part .upper-right {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-slide .slider-box .upper-part .upper-right {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-slide .slider-box .upper-part .upper-right {
    font-size: 18px;
  }
}
@media (min-width: 1550px) {
  .home-slide .slider-box .upper-part .upper-right {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-slide .slider-box .upper-part .upper-right {
    margin-left: 10px;
    margin-top: 3px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-slide .slider-box .upper-part .upper-right {
    margin-left: 10px;
    margin-top: 4px;
  }
}
.home-slide .slider-box .bottom-part {
  background-color: rgba(255, 255, 255, 0.87);
  color: #818282;
  font-weight: 700;
  line-height: 42px;
  padding-top: 20px;
  padding-left: 28px;
  padding-right: 28px;
  padding-bottom: 30px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-slide .slider-box .bottom-part .mobile-remove {
    display: none;
  }
}
@media (max-width: 575px) {
  .home-slide .slider-box .bottom-part {
    font-size: 26px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-slide .slider-box .bottom-part {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-slide .slider-box .bottom-part {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-slide .slider-box .bottom-part {
    font-size: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-slide .slider-box .bottom-part {
    font-size: 36px;
  }
}
@media (min-width: 1550px) {
  .home-slide .slider-box .bottom-part {
    font-size: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-slide .slider-box .bottom-part {
    padding: 15px;
    line-height: 30px;
    font-size: 21px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-slide .slider-box .bottom-part {
    padding: 15px;
    line-height: 30px;
    font-size: 21px;
  }
}
.home-slide .slider-box .bottom-part .del-price {
  text-decoration: line-through;
  font-weight: 400;
}
@media (max-width: 575px) {
  .home-slide .slider-box .bottom-part .del-price {
    font-size: 19px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-slide .slider-box .bottom-part .del-price {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-slide .slider-box .bottom-part .del-price {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-slide .slider-box .bottom-part .del-price {
    font-size: 24px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-slide .slider-box .bottom-part .del-price {
    font-size: 26px;
  }
}
@media (min-width: 1550px) {
  .home-slide .slider-box .bottom-part .del-price {
    font-size: 26px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-slide .slider-box .bottom-part .del-price {
    margin-top: 15px;
  }
}
.home-slide .slider-box .bottom-part .big-price {
  margin-top: 5px;
  font-weight: 400;
}
@media (max-width: 575px) {
  .home-slide .slider-box .bottom-part .big-price {
    font-size: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-slide .slider-box .bottom-part .big-price {
    font-size: 39px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-slide .slider-box .bottom-part .big-price {
    font-size: 42px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-slide .slider-box .bottom-part .big-price {
    font-size: 46px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-slide .slider-box .bottom-part .big-price {
    font-size: 50px;
  }
}
@media (min-width: 1550px) {
  .home-slide .slider-box .bottom-part .big-price {
    font-size: 50px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-slide .slider-box .bottom-part .big-price {
    margin-top: 0px;
    font-size: 25px;
  }
}
.home-slide .slider-box .bottom-part .slider-btn {
  margin-top: 20px;
  background-color: #818282;
  padding: 10px 20px;
  display: inline-block;
  margin-left: 15px;
  font-weight: 600;
  color: #fff;
  line-height: 18px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-slide .slider-box .bottom-part .slider-btn {
    margin-top: 25px;
  }
}
@media (max-width: 575px) {
  .home-slide .slider-box .bottom-part .slider-btn {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-slide .slider-box .bottom-part .slider-btn {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-slide .slider-box .bottom-part .slider-btn {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-slide .slider-box .bottom-part .slider-btn {
    font-size: 16px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-slide .slider-box .bottom-part .slider-btn {
    font-size: 17px;
  }
}
@media (min-width: 1550px) {
  .home-slide .slider-box .bottom-part .slider-btn {
    font-size: 17px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container {
    overflow: hidden;
  }
}
.home-slide .swiper-container .slider-box {
  position: absolute;
  right: 65px;
  top: 65px;
  width: 470px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-slide .swiper-container .slider-box {
    top: 30px;
    right: 30px;
    width: 290px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .slider-box {
    display: none;
    right: 0px;
    width: 100%;
    top: initial;
    bottom: 0;
  }
}
.home-slide .swiper-container .slider-box .upper-part {
  padding-top: 34px;
  padding-left: 30px;
  padding-right: 40px;
  padding-bottom: 26px;
  background-color: rgba(95, 95, 95, 0.87);
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-slide .swiper-container .slider-box .upper-part {
    padding: 15px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .slider-box .upper-part {
    padding: 15px;
  }
}
.home-slide .swiper-container .slider-box .upper-part .upper-left {
  display: inline-block;
  color: #818282;
  font-weight: 700;
}
@media (max-width: 575px) {
  .home-slide .swiper-container .slider-box .upper-part .upper-left {
    font-size: 26px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .slider-box .upper-part .upper-left {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-slide .swiper-container .slider-box .upper-part .upper-left {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-slide .swiper-container .slider-box .upper-part .upper-left {
    font-size: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-slide .swiper-container .slider-box .upper-part .upper-left {
    font-size: 36px;
  }
}
@media (min-width: 1550px) {
  .home-slide .swiper-container .slider-box .upper-part .upper-left {
    font-size: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-slide .swiper-container .slider-box .upper-part .upper-left {
    font-size: 20px;
  }
}
@media (max-width: 575px), sm {
  .home-slide .swiper-container .slider-box .upper-part .upper-left {
    font-size: 18px;
  }
}
.home-slide .swiper-container .slider-box .upper-part .upper-right {
  float: right;
  margin-top: 18px;
  color: #ffffff;
  text-decoration: underline;
}
@media (max-width: 575px) {
  .home-slide .swiper-container .slider-box .upper-part .upper-right {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .slider-box .upper-part .upper-right {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-slide .swiper-container .slider-box .upper-part .upper-right {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-slide .swiper-container .slider-box .upper-part .upper-right {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-slide .swiper-container .slider-box .upper-part .upper-right {
    font-size: 18px;
  }
}
@media (min-width: 1550px) {
  .home-slide .swiper-container .slider-box .upper-part .upper-right {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-slide .swiper-container .slider-box .upper-part .upper-right {
    margin-left: 10px;
    margin-top: 3px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .slider-box .upper-part .upper-right {
    margin-left: 10px;
    margin-top: 4px;
  }
}
.home-slide .swiper-container .slider-box .bottom-part {
  background-color: rgba(255, 132, 0, 0.87);
  color: #ffffff;
  font-weight: 700;
  line-height: 42px;
  padding-top: 20px;
  padding-left: 28px;
  padding-right: 28px;
  padding-bottom: 30px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-slide .swiper-container .slider-box .bottom-part .mobile-remove {
    display: none;
  }
}
@media (max-width: 575px) {
  .home-slide .swiper-container .slider-box .bottom-part {
    font-size: 26px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .slider-box .bottom-part {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-slide .swiper-container .slider-box .bottom-part {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-slide .swiper-container .slider-box .bottom-part {
    font-size: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-slide .swiper-container .slider-box .bottom-part {
    font-size: 36px;
  }
}
@media (min-width: 1550px) {
  .home-slide .swiper-container .slider-box .bottom-part {
    font-size: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-slide .swiper-container .slider-box .bottom-part {
    padding: 15px;
    line-height: 30px;
    font-size: 21px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .slider-box .bottom-part {
    padding: 15px;
    line-height: 30px;
    font-size: 21px;
  }
}
.home-slide .swiper-container .slider-box .bottom-part .del-price {
  text-decoration: line-through;
  font-weight: 400;
}
@media (max-width: 575px) {
  .home-slide .swiper-container .slider-box .bottom-part .del-price {
    font-size: 19px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .slider-box .bottom-part .del-price {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-slide .swiper-container .slider-box .bottom-part .del-price {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-slide .swiper-container .slider-box .bottom-part .del-price {
    font-size: 24px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-slide .swiper-container .slider-box .bottom-part .del-price {
    font-size: 26px;
  }
}
@media (min-width: 1550px) {
  .home-slide .swiper-container .slider-box .bottom-part .del-price {
    font-size: 26px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-slide .swiper-container .slider-box .bottom-part .del-price {
    margin-top: 15px;
  }
}
.home-slide .swiper-container .slider-box .bottom-part .big-price {
  margin-top: 5px;
  font-weight: 400;
}
@media (max-width: 575px) {
  .home-slide .swiper-container .slider-box .bottom-part .big-price {
    font-size: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .slider-box .bottom-part .big-price {
    font-size: 39px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-slide .swiper-container .slider-box .bottom-part .big-price {
    font-size: 42px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-slide .swiper-container .slider-box .bottom-part .big-price {
    font-size: 46px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-slide .swiper-container .slider-box .bottom-part .big-price {
    font-size: 50px;
  }
}
@media (min-width: 1550px) {
  .home-slide .swiper-container .slider-box .bottom-part .big-price {
    font-size: 50px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .slider-box .bottom-part .big-price {
    margin-top: 0px;
    font-size: 25px;
  }
}
.home-slide .swiper-container .slider-box .bottom-part .slider-btn {
  margin-top: 20px;
  background-color: #ffffff;
  padding: 10px 20px;
  display: inline-block;
  margin-left: 15px;
  font-weight: 600;
  color: #818282;
  line-height: 18px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-slide .swiper-container .slider-box .bottom-part .slider-btn {
    margin-top: 25px;
  }
}
@media (max-width: 575px) {
  .home-slide .swiper-container .slider-box .bottom-part .slider-btn {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .slider-box .bottom-part .slider-btn {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-slide .swiper-container .slider-box .bottom-part .slider-btn {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-slide .swiper-container .slider-box .bottom-part .slider-btn {
    font-size: 16px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-slide .swiper-container .slider-box .bottom-part .slider-btn {
    font-size: 17px;
  }
}
@media (min-width: 1550px) {
  .home-slide .swiper-container .slider-box .bottom-part .slider-btn {
    font-size: 17px;
  }
}
.home-slide .swiper-container .slider-box-mobile .upper-part {
  padding-top: 34px;
  padding-left: 30px;
  padding-right: 48px;
  padding-bottom: 26px;
  background-color: rgba(95, 95, 95, 0.87);
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .slider-box-mobile .upper-part {
    padding: 15px;
  }
}
.home-slide .swiper-container .slider-box-mobile .upper-part .upper-left {
  display: inline-block;
  color: #fff;
  font-weight: 700;
}

@media (max-width: 575px) {
  .home-slide .swiper-container .slider-box-mobile .upper-part .upper-left {
    font-size: 26px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .slider-box-mobile .upper-part .upper-left {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-slide .swiper-container .slider-box-mobile .upper-part .upper-left {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-slide .swiper-container .slider-box-mobile .upper-part .upper-left {
    font-size: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-slide .swiper-container .slider-box-mobile .upper-part .upper-left {
    font-size: 36px;
  }
}
@media (min-width: 1550px) {
  .home-slide .swiper-container .slider-box-mobile .upper-part .upper-left {
    font-size: 36px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .slider-box-mobile .upper-part .upper-left {
    font-size: 18px;
  }
}
.home-slide .swiper-container .slider-box-mobile .upper-part .upper-right {
  float: right;
  margin-left: 70px;
  color: #ffffff;
  text-decoration: underline;
}
@media (max-width: 575px) {
  .home-slide .swiper-container .slider-box-mobile .upper-part .upper-right {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .slider-box-mobile .upper-part .upper-right {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-slide .swiper-container .slider-box-mobile .upper-part .upper-right {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-slide .swiper-container .slider-box-mobile .upper-part .upper-right {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-slide .swiper-container .slider-box-mobile .upper-part .upper-right {
    font-size: 18px;
  }
}
@media (min-width: 1550px) {
  .home-slide .swiper-container .slider-box-mobile .upper-part .upper-right {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .home-slide .swiper-container .slider-box-mobile .upper-part .upper-right {
    margin-top: -22px;
    margin-left: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .slider-box-mobile .upper-part .upper-right {
    margin-top: -25px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
}
.home-slide .swiper-container .slider-box-mobile .bottom-part {
  background-color: rgba(168, 130, 130, 0.87);
  color: #ffffff;
  font-weight: 700;
  line-height: 42px;
  padding-top: 20px;
  padding-left: 28px;
  padding-right: 28px;
  padding-bottom: 30px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part .mobile-remove {
    display: none;
  }
}
@media (max-width: 575px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part {
    font-size: 26px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part {
    font-size: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part {
    font-size: 36px;
  }
}
@media (min-width: 1550px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part {
    font-size: 36px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part {
    padding: 15px;
    line-height: 30px;
    font-size: 21px;
  }
}
.home-slide .swiper-container .slider-box-mobile .bottom-part .del-price {
  text-decoration: line-through;
  font-weight: 400;
}
@media (max-width: 575px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part .del-price {
    font-size: 19px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part .del-price {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part .del-price {
    font-size: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part .del-price {
    font-size: 24px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part .del-price {
    font-size: 26px;
  }
}
@media (min-width: 1550px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part .del-price {
    font-size: 26px;
  }
}
.home-slide .swiper-container .slider-box-mobile .bottom-part .big-price {
  margin-top: 5px;
  font-weight: 400;
}
@media (max-width: 575px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part .big-price {
    font-size: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part .big-price {
    font-size: 39px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part .big-price {
    font-size: 42px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part .big-price {
    font-size: 46px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part .big-price {
    font-size: 50px;
  }
}
@media (min-width: 1550px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part .big-price {
    font-size: 50px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part .big-price {
    margin-top: 0px;
    font-size: 23px;
  }
}
.home-slide .swiper-container .slider-box-mobile .bottom-part .slider-btn {
  margin-top: 20px;
  background-color: #ffffff;
  padding: 10px 20px;
  display: inline-block;
  margin-left: 15px;
  font-weight: 600;
  color: #818282;
  line-height: 18px;
}
@media (max-width: 575px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part .slider-btn {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part .slider-btn {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part .slider-btn {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part .slider-btn {
    font-size: 16px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part .slider-btn {
    font-size: 17px;
  }
}
@media (min-width: 1550px) {
  .home-slide .swiper-container .slider-box-mobile .bottom-part .slider-btn {
    font-size: 17px;
  }
}
.home-slide .swiper-container .swiper-slide {
  position: relative;
  height: 53.2vw;
  max-height: calc(100vh - 63px);
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .home-slide .swiper-container .swiper-slide {
    height: auto;
    max-height: none;
  }
}
.home-slide .swiper-container .swiper-slide .slider-title {
  color: #ffffff;
  margin-top: -67px;
  line-height: 110px;
  text-shadow: 4px 7px 12.35px #3e3e3e;
  margin-left: 60px;
  letter-spacing: 0.01em;
}
@media (max-width: 575px) {
  .home-slide .swiper-container .swiper-slide .slider-title {
    font-size: 72px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .swiper-slide .slider-title {
    font-size: 78px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-slide .swiper-container .swiper-slide .slider-title {
    font-size: 85px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-slide .swiper-container .swiper-slide .slider-title {
    font-size: 92px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-slide .swiper-container .swiper-slide .slider-title {
    font-size: 100px;
  }
}
@media (min-width: 1550px) {
  .home-slide .swiper-container .swiper-slide .slider-title {
    font-size: 100px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-slide .swiper-container .swiper-slide .slider-title {
    font-size: 50px;
    margin-left: 0px;
    line-height: 1.2em;
    margin-top: 0px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .swiper-slide .slider-title {
    display: none;
    font-size: 20px;
    line-height: 1.2em;
    padding-top: 0px;
    margin-left: 0px;
    margin-top: 0px;
  }
}
.home-slide .swiper-container .swiper-slide .slide-bg {
  display: block;
  width: 100%;
  height: 100%;
}
.home-slide .swiper-container .swiper-slide .slide-bg .bg-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .swiper-slide .slide-bg .bg-img {
    height: 250px;
  }
}
.home-slide .swiper-container .swiper-slide .slide-video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  overflow: hidden;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .home-slide .swiper-container .swiper-slide .slide-video {
    display: none;
  }
}
.home-slide .swiper-container .swiper-slide .slide-video video {
  width: 100%;
}
.home-slide .swiper-container .swiper-pagination {
  bottom: 3%;
  text-align: right;
  padding-right: 65px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-slide .swiper-container .swiper-pagination {
    text-align: center;
    padding-right: 0px;
  }
}
.home-slide .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 22px;
  height: 22px;
  margin: 0 8px;
  background-color: #cccccc;
  opacity: 1;
}
.home-slide .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #a88282;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .home-slide .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    margin: 0 8px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .home-slide .swiper-container .swiper-pagination {
    bottom: initial;
    top: 220px;
    pointer-events: none;
  }
  .home-slide .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 4px;
  }
}
.home-event .event-header-row {
  padding-top: 65px;
  padding-bottom: 65px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-event .event-header-row {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-event .event-container {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.home-event .event-left {
  text-align: left;
}
.home-event .event-left .line1 {
  font-weight: 800;
}
@media (max-width: 575px) {
  .home-event .event-left .line1 {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-event .event-left .line1 {
    font-size: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-event .event-left .line1 {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-event .event-left .line1 {
    font-size: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-event .event-left .line1 {
    font-size: 22px;
  }
}
@media (min-width: 1550px) {
  .home-event .event-left .line1 {
    font-size: 22px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-event .event-left .line1 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 15px;
  }
}
.home-event .event-left .line2 {
  font-weight: 600;
  line-height: 40px;
}
@media (max-width: 575px) {
  .home-event .event-left .line2 {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-event .event-left .line2 {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-event .event-left .line2 {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-event .event-left .line2 {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-event .event-left .line2 {
    font-size: 18px;
  }
}
@media (min-width: 1550px) {
  .home-event .event-left .line2 {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-event .event-left .line2 {
    line-height: 20px;
    margin-top: 15px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-event .event-left .line2 {
    line-height: 30px;
    font-size: 18px;
  }
}
.home-event .event-right {
  text-align: right;
  font-weight: 700;
  text-decoration: underline;
  line-height: 40px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-event .event-right {
    margin-top: 15px;
    text-align: left;
    margin-bottom: 10px;
  }
}
@media (max-width: 575px) {
  .home-event .event-right {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-event .event-right {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-event .event-right {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-event .event-right {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-event .event-right {
    font-size: 16px;
  }
}
@media (min-width: 1550px) {
  .home-event .event-right {
    font-size: 16px;
  }
}
.home-event .event-slider-container {
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 90px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-event .event-slider-container {
    margin-bottom: 50px;
  }
}
.home-event .full-width-wrapper {
  display: inline-block;
  width: 100%;
}
.home-event .full-width-wrapper .content-box {
  display: inline-block;
  width: 315px;
}
@media (max-width: 575px) {
  .home-event .full-width-wrapper .content-box {
    width: 260px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-event .full-width-wrapper .content-box {
    width: 280px;
  }
}
.home-event .full-width-wrapper .content-box .img {
  width: 100%;
  height: 393px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 575px) {
  .home-event .full-width-wrapper .content-box .img {
    height: 375px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-event .full-width-wrapper .content-box .img {
    height: 375px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-event .full-width-wrapper .content-box .img {
    height: 450px;
  }
}
.home-event .full-width-wrapper .content-box .content {
  padding-top: 20px;
}
.home-event .full-width-wrapper .content-box .content .line1 {
  font-weight: 800;
}
@media (max-width: 575px) {
  .home-event .full-width-wrapper .content-box .content .line1 {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-event .full-width-wrapper .content-box .content .line1 {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-event .full-width-wrapper .content-box .content .line1 {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-event .full-width-wrapper .content-box .content .line1 {
    font-size: 16px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-event .full-width-wrapper .content-box .content .line1 {
    font-size: 17px;
  }
}
@media (min-width: 1550px) {
  .home-event .full-width-wrapper .content-box .content .line1 {
    font-size: 17px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-event .full-width-wrapper .content-box .content .line1 {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 17px;
  }
}
.home-event .full-width-wrapper .content-box .content .line2 {
  font-weight: 600;
}
@media (max-width: 575px) {
  .home-event .full-width-wrapper .content-box .content .line2 {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-event .full-width-wrapper .content-box .content .line2 {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-event .full-width-wrapper .content-box .content .line2 {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-event .full-width-wrapper .content-box .content .line2 {
    font-size: 16px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-event .full-width-wrapper .content-box .content .line2 {
    font-size: 17px;
  }
}
@media (min-width: 1550px) {
  .home-event .full-width-wrapper .content-box .content .line2 {
    font-size: 17px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-event .full-width-wrapper .content-box .content .line2 {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 17px;
  }
}
.home-art-space {
  color: #ffffff;
}
.home-art-space .upper-part {
  margin-bottom: 110px;
   margin-top: 20px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-art-space .upper-part {
    margin-bottom: 50px;
  }
}
.home-art-space .bottom-part .no-padding-right {
  padding-right: 0px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-art-space .bottom-part .no-padding-right {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.home-art-space .bottom-part .no-padding-left {
  padding-left: 0px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-art-space .bottom-part .no-padding-left {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
}
.home-art-space .bottom-part .bottom-part-row {
  margin-bottom: 50px;
}
.home-art-space .bottom-part .bottom-part-row:last-child {
  margin-bottom: 0px;
}
@media (min-width: 1200px) and (max-width: 1549px), (min-width: 1550px) {
  .home-art-space .bottom-part .bottom-part-row:nth-child(even) .no-padding-right {
    padding-left: 0px;
    padding-right: 15px;
  }
  .home-art-space .bottom-part .bottom-part-row:nth-child(even) .no-padding-left {
    padding-right: 0px;
    padding-left: 15px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-art-space .bottom-part .bottom-part-row:nth-child(even) .no-padding-right {
    padding-left: 15px;
    padding-right: 15px;
  }
  .home-art-space .bottom-part .bottom-part-row:nth-child(even) .no-padding-left {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-art-space .bottom-part .bottom-part-row:nth-child(even) .no-padding-right {
    padding-left: 0px;
    padding-right: 15px;
  }
  .home-art-space .bottom-part .bottom-part-row:nth-child(even) .no-padding-left {
    padding-right: 0px;
    padding-left: 15px;
  }
}
.home-art-space .bottom-part .left-box {
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  -webkit-transition: all 0.4s; transition: all 0.4s; overflow: hidden; 
}
.home-art-space .bottom-part .left-box:hover {
  -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-art-space .bottom-part .left-box {
    height: 200px;
  }
}
.home-art-space .bottom-part .right-box {
  text-align: center;
  height: 400px;
  background-color: #FBFBFB;
  padding-left: 70px;
  padding-right: 70px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-art-space .bottom-part .right-box {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    padding-bottom: 30px;
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-art-space .bottom-part .right-box {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    height: auto;
  }
}
.home-art-space .bottom-part .right-box .title {
  font-weight: 500;
  color: #000000;
}
@media (max-width: 575px) {
  .home-art-space .bottom-part .right-box .title {
    font-size: 29px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-art-space .bottom-part .right-box .title {
    font-size: 32px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-art-space .bottom-part .right-box .title {
    font-size: 35px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-art-space .bottom-part .right-box .title {
    font-size: 38px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-art-space .bottom-part .right-box .title {
    font-size: 41px;
  }
}
@media (min-width: 1550px) {
  .home-art-space .bottom-part .right-box .title {
    font-size: 41px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-art-space .bottom-part .right-box .title {
    font-size: 28px;
  }
}
.home-art-space .bottom-part .right-box .content {
  margin-top: 25px;
  color: #000000;
  font-weight: 600;
  margin-bottom: 25px;
}
@media (max-width: 575px) {
  .home-art-space .bottom-part .right-box .content {
    font-size: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-art-space .bottom-part .right-box .content {
    font-size: 11px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-art-space .bottom-part .right-box .content {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-art-space .bottom-part .right-box .content {
    font-size: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-art-space .bottom-part .right-box .content {
    font-size: 14px;
  }
}
@media (min-width: 1550px) {
  .home-art-space .bottom-part .right-box .content {
    font-size: 14px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-art-space .bottom-part .right-box .content {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.home-art-space .art-space-banner {
  padding-left: 50px;
  padding-right: 50px;
  height: 360px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 110px;
  transition: all 0.6s;
}

.home-art-space .art-space-banner:hover {
  -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);

}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-art-space .art-space-banner {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.home-art-space .art-space-banner .title {
  padding-bottom: 13px;
  font-weight: bold;
  font-family: HelveticaNeue,Helvetica Neue,helvetica,Sans-Serif;
}
.home-art-space .art-space-banner .wixui-horizontal-line {
display: block;
    width: 100px;
    height: 4px;
    background-color: #fff;
	pointer-events: auto;
   margin: 0px 0px 45px 0;
   margin-left: auto;
    margin-right: auto;
		
	}
@media (max-width: 575px) {
  .home-art-space .art-space-banner .title {
    font-size: 24px;
  }

}
@media (min-width: 576px) and (max-width: 767px) {
  .home-art-space .art-space-banner .title {
    font-size: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-art-space .art-space-banner .title {
    font-size: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-art-space .art-space-banner .title {
    font-size: 32px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-art-space .art-space-banner .title {
    font-size: 36px;
  }
}
@media (min-width: 1550px) {
  .home-art-space .art-space-banner .title {
    font-size: 36px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-art-space .art-space-banner .title {
    font-size: 30px;
    line-height: 1.2em;
  }
}
.home-art-space .art-space-banner .content {
  padding-bottom: 10px;
  font-weight: 500;
}
@media (max-width: 575px) {
  .home-art-space .art-space-banner .content {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-art-space .art-space-banner .content {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-art-space .art-space-banner .content {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-art-space .art-space-banner .content {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-art-space .art-space-banner .content {
    font-size: 18px;
  }
}
@media (min-width: 1550px) {
  .home-art-space .art-space-banner .content {
    font-size: 18px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-art-space .art-space-banner .content {
    font-size: 15px;
  }
}
.home-review .swiper-button-next {
  margin-top: 2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 26px;
  border-color: transparent transparent transparent #818282;
  background-image: none;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-review .swiper-button-next {
    margin-top: 5px;
    border-width: 10px 0 10px 15px;
    margin-right: -10px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-review .swiper-button-next {
    margin-top: 5px;
    border-width: 6px 0 6px 9px;
    margin-right: -10px;
  }
}
.home-review .swiper-button-prev {
  margin-top: 2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 26px 15px 0;
  border-color: transparent #818282 transparent transparent;
  background-image: none;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-review .swiper-button-prev {
    margin-top: 5px;
    border-width: 10px 15px 10px 0;
    margin-left: -10px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-review .swiper-button-prev {
    margin-top: 5px;
    border-width: 6px 9px 6px 0;
    margin-left: -10px;
  }
}
.home-review .swiper-container .swiper-slide {
  text-align: center;
  position: relative;
  height: 450px;
  max-height: 450px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-review .swiper-container .swiper-slide {
    height: auto;
    max-height: initial;
    margin-bottom: 60px;
    margin-top: 60px;
  }
}
.home-review .swiper-container .swiper-slide .slider-title {
  color: #000000;
  font-weight: 800;
}
@media (max-width: 575px) {
  .home-review .swiper-container .swiper-slide .slider-title {
    font-size: 29px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-review .swiper-container .swiper-slide .slider-title {
    font-size: 31px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-review .swiper-container .swiper-slide .slider-title {
    font-size: 34px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-review .swiper-container .swiper-slide .slider-title {
    font-size: 37px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-review .swiper-container .swiper-slide .slider-title {
    font-size: 40px;
  }
}
@media (min-width: 1550px) {
  .home-review .swiper-container .swiper-slide .slider-title {
    font-size: 40px;
  }
}
.home-review .swiper-container .swiper-slide .slider-content {
  color: #000000;
  font-weight: 500;
  margin-top: 50px;
  margin-bottom: 20px;
  padding-left: 65px;
  padding-right: 65px;
}
@media (max-width: 575px) {
  .home-review .swiper-container .swiper-slide .slider-content {
    font-size: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-review .swiper-container .swiper-slide .slider-content {
    font-size: 19px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-review .swiper-container .swiper-slide .slider-content {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-review .swiper-container .swiper-slide .slider-content {
    font-size: 22px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-review .swiper-container .swiper-slide .slider-content {
    font-size: 24px;
  }
}
@media (min-width: 1550px) {
  .home-review .swiper-container .swiper-slide .slider-content {
    font-size: 24px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-review .swiper-container .swiper-slide .slider-content {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.home-review .swiper-container .swiper-slide .slider-author {
  color: #A0A0A0;
  font-weight: 400;
}
@media (max-width: 575px) {
  .home-review .swiper-container .swiper-slide .slider-author {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-review .swiper-container .swiper-slide .slider-author {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-review .swiper-container .swiper-slide .slider-author {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-review .swiper-container .swiper-slide .slider-author {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-review .swiper-container .swiper-slide .slider-author {
    font-size: 18px;
  }
}
@media (min-width: 1550px) {
  .home-review .swiper-container .swiper-slide .slider-author {
    font-size: 18px;
  }
}
.about-slider {
  margin-bottom: 65px;
  padding-top: 63px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .about-slider {
    padding-top: 50px;
  }
}
.about-slider .swiper-button-next {
  outline: 18px solid;
  margin-top: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 26px;
  border-color: transparent transparent transparent #818282;
  background-image: none;
  background-color: #ffffff;
}
.about-slider .swiper-button-next:after {
  display: none;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .about-slider .swiper-button-next {
    margin-top: 0px;
    border-width: 10px 0 10px 15px;
    margin-right: 0px;
    outline: 12px solid;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .about-slider .swiper-button-next {
    margin-top: 0px;
    border-width: 6px 0 6px 9px;
    margin-right: 2px;
  }
}
.about-slider .swiper-button-prev {
  outline: 18px solid;
  background-color: #ffffff;
  margin-top: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 26px 15px 0;
  border-color: transparent #818282 transparent transparent;
  background-image: none;
}
.about-slider .swiper-button-prev:after {
  display: none;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .about-slider .swiper-button-prev {
    margin-top: 0px;
    border-width: 10px 15px 10px 0;
    margin-left: 0px;
    outline: 12px solid;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .about-slider .swiper-button-prev {
    margin-top: 0px;
    border-width: 6px 9px 6px 0;
    margin-left: 2px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .about-slider {
    margin-bottom: 30px;
    padding-top: 50px;
  }
}
.about-slider .swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  background-color: #f6f6f6;
}
.about-slider .swiper-slide {
  background-size: cover;
  background-position: center;
}
.about-slider .gallery-top {
  height: 80%;
  width: 100%;
  height: 31.5vw;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .about-slider .gallery-top {
    height: 66.5vw;
  }
}
.about-slider .gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
  height: 120px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .about-slider .gallery-thumbs {
    height: 77px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .about-slider .gallery-thumbs {
    height: 100px;
  }
}
.about-slider .gallery-thumbs .swiper-slide {
  height: 100%;
  opacity: 1;
}
.about-slider .gallery-thumbs .swiper-slide-thumb-active {
  outline: 4px solid;
  outline-color: #818282;
}
.about-slider .swiper-slide-next,
.about-slider .swiper-slide-prev {
  opacity: 0.4;
}
.room-slider {
  cursor: pointer;
  margin-bottom: 65px;
  padding-top: 65px;
}
.room-slider .swiper-button-next {
  outline: 18px solid;
  margin-top: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 26px;
  border-color: transparent transparent transparent #a88282;
  background-image: none;
  background-color: #ffffff;
}
.room-slider .swiper-button-next:after {
  display: none;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .room-slider .swiper-button-next {
    margin-top: 0px;
    border-width: 10px 0 10px 15px;
    margin-right: 0px;
    outline: 12px solid;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .room-slider .swiper-button-next {
    margin-top: 0px;
    border-width: 6px 0 6px 9px;
    margin-right: 2px;
  }
}
.room-slider .swiper-button-prev {
  outline: 18px solid;
  background-color: #ffffff;
  margin-top: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 26px 15px 0;
  border-color: transparent #a88282 transparent transparent;
  background-image: none;
}
.room-slider .swiper-button-prev:after {
  display: none;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .room-slider .swiper-button-prev {
    margin-top: 0px;
    border-width: 10px 15px 10px 0;
    margin-left: 0px;
    outline: 12px solid;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .room-slider .swiper-button-prev {
    margin-top: 0px;
    border-width: 6px 9px 6px 0;
    margin-left: 2px;
  }
}
.room-slider .swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  background-color: #f6f6f6;
}
.room-slider .swiper-slide {
  background-size: cover;
  background-position: center;
}
.room-slider .gallery-top {
  height: 80%;
  width: 100%;
  height: 31.5vw;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .room-slider .gallery-top {
    height: 66.5vw;
  }
}
.room-slider .gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
  height: 120px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .room-slider .gallery-thumbs {
    height: 77px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .room-slider .gallery-thumbs {
    height: 100px;
  }
}
.room-slider .gallery-thumbs .swiper-slide {
  height: 100%;
  opacity: 1;
}
.room-slider .gallery-thumbs .swiper-slide-thumb-active {
  outline: 4px solid;
  outline-color: #818282;
}
.room-slider .swiper-slide-next,
.room-slider .swiper-slide-prev {
  opacity: 0.4;
}
.room-list {
  margin-top: 85px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .room-list {
    margin-top: 50px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .room-list {
    margin-top: 10px;
  }
}
.room-list .header {
  width: 100%;
  background-color: #F2F2F2;
  height: 60px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  padding-left: 25px;
  padding-right: 25px;
  line-height: 60px;
}
@media (max-width: 575px) {
  .room-list .header {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .room-list .header {
    font-size: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .room-list .header {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .room-list .header {
    font-size: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .room-list .header {
    font-size: 22px;
  }
}
@media (min-width: 1550px) {
  .room-list .header {
    font-size: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .room-list .header {
    font-size: 15px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .room-list .header {
    display: none;
  }
}
.room-list .content-list {
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
}
@media (max-width: 575px) {
  .room-list .content-list {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .room-list .content-list {
    font-size: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .room-list .content-list {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .room-list .content-list {
    font-size: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .room-list .content-list {
    font-size: 22px;
  }
}
@media (min-width: 1550px) {
  .room-list .content-list {
    font-size: 22px;
  }
}
.room-list .content-list .list-item {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 40px;
  padding-bottom: 40px;
  
}
.room-list .content-list .list-item:nth-child(even) {
  background-color: #FBFBFB;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .room-list .content-list .list-item {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.room-list .content-list .list-item .img-wrapper {
  cursor: pointer;
   

}

.room-list .content-list .img-wrapper {
  height: 200px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
 
}


.col-md-4 {
    overflow: hidden;
}

.room-list .content-list .img-wrapper:hover{

  -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);
 
}



@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .room-list .content-list .img-wrapper {
    height: 140px;
	  
  }
  

}
.room-list .content-list .img-wrapper .img-more {
  width: 42px;
  height: 42px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 10px;
  left: 10px;
}
.room-list .content-list .title {
  font-weight: 800;
  padding-bottom:15px;
  }
@media (max-width: 575px) {
  .room-list .content-list .title {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .room-list .content-list .title {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .room-list .content-list .title {
    font-size: 17px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .room-list .content-list .title {
    font-size: 18px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .room-list .content-list .title {
    font-size: 20px;
  }
}
@media (min-width: 1550px) {
  .room-list .content-list .title {
    font-size: 20px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .room-list .content-list .title {
    font-size: 20px;
    margin-top: 15px;
  }
}
.room-list .content-list .title-desc {
  font-weight: 600;
  margin-top: -2px;
  margin-bottom: 12px;
}
@media (max-width: 575px) {
  .room-list .content-list .title-desc {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .room-list .content-list .title-desc {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .room-list .content-list .title-desc {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .room-list .content-list .title-desc {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .room-list .content-list .title-desc {
    font-size: 16px;
  }
}
@media (min-width: 1550px) {
  .room-list .content-list .title-desc {
    font-size: 16px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .room-list .content-list .title-desc {
    font-size: 16px;
  }
}
.room-list .content-list .desc {
  font-weight: 600;
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .room-list .content-list .desc {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .room-list .content-list .desc {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .room-list .content-list .desc {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .room-list .content-list .desc {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .room-list .content-list .desc {
    font-size: 16px;
  }
}
@media (min-width: 1550px) {
  .room-list .content-list .desc {
    font-size: 16px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .room-list .content-list .desc {
    font-size: 16px;
  }
}
.room-list .content-list .detail-btn-wrapper .common-btn {
  margin-top: 0px;
  margin-bottom: 20px;
}
.room-list .content-list .remark {
  font-weight: 600;
  color: #FF6C00;
}
@media (max-width: 575px) {
  .room-list .content-list .remark {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .room-list .content-list .remark {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .room-list .content-list .remark {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .room-list .content-list .remark {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .room-list .content-list .remark {
    font-size: 16px;
  }
}
@media (min-width: 1550px) {
  .room-list .content-list .remark {
    font-size: 16px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .room-list .content-list .remark {
    font-size: 16px;
  }
}
.room-list .content-list .price {
  font-weight: 600;
  color: #FF6C00;
  letter-spacing: 0.01em;
  line-height: 24px;
}
@media (max-width: 575px) {
  .room-list .content-list .price {
    font-size: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .room-list .content-list .price {
    font-size: 19px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .room-list .content-list .price {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .room-list .content-list .price {
    font-size: 22px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .room-list .content-list .price {
    font-size: 24px;
  }
}
@media (min-width: 1550px) {
  .room-list .content-list .price {
    font-size: 24px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .room-list .content-list .price {
    line-height: 24px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .room-list .content-list .price {
    font-size: 27px;
    margin-top: 25px;
  }
}
.room-list .content-list .price .large {
  font-weight: 700;
  color: #FF6C00;
  letter-spacing: 0.01em;
}
@media (max-width: 575px) {
  .room-list .content-list .price .large {
    font-size: 24px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .room-list .content-list .price .large {
    font-size: 26px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .room-list .content-list .price .large {
    font-size: 29px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .room-list .content-list .price .large {
    font-size: 31px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .room-list .content-list .price .large {
    font-size: 34px;
  }
}
@media (min-width: 1550px) {
  .room-list .content-list .price .large {
    font-size: 34px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .room-list .content-list .price .large {
    font-size: 34px;
  }
}
.room-amenities {
  margin-bottom: 100px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .room-amenities {
    margin-bottom: 80px;
  }
}
.room-amenities .title {
  font-weight: 800;
  margin-top: 60px;
}
@media (max-width: 575px) {
  .room-amenities .title {
    font-size: 29px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .room-amenities .title {
    font-size: 31px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .room-amenities .title {
    font-size: 34px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .room-amenities .title {
    font-size: 37px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .room-amenities .title {
    font-size: 40px;
  }
}
@media (min-width: 1550px) {
  .room-amenities .title {
    font-size: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .room-amenities .title {
    margin-top: 40px;
  }
}
.room-amenities .content {
  line-height: 30px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .room-amenities .content {
    font-size: 14px;
  }
}
.room-amenities .content .small-title {
  font-weight: 400;
  margin-top: 60px;
}
@media (max-width: 575px) {
  .room-amenities .content .small-title {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .room-amenities .content .small-title {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .room-amenities .content .small-title {
    font-size: 17px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .room-amenities .content .small-title {
    font-size: 18px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .room-amenities .content .small-title {
    font-size: 20px;
  }
}
@media (min-width: 1550px) {
  .room-amenities .content .small-title {
    font-size: 20px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .room-amenities .content .small-title {
    font-size: 20px;
    margin-top: 30px;
  }
}
.room-amenities .content img {
  display: block;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.room-amenities .content p {
  text-align: center;
  line-height: 20px;
}
@media (max-width: 575px) {
  .room-amenities .content p {
    font-size: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .room-amenities .content p {
    font-size: 11px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .room-amenities .content p {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .room-amenities .content p {
    font-size: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .room-amenities .content p {
    font-size: 14px;
  }
}
@media (min-width: 1550px) {
  .room-amenities .content p {
    font-size: 14px;
  }
}
.room-amenities ul {
  list-style: none;
  padding-inline-start: 20px;
}
.room-amenities li:before {
  content: "\2022";
  color: #FF6C00;
  font-weight: bold;
  display: inline-block;
  width: 1.05em;
  margin-left: -1em;
}
.room-amenities .detail-item-title {
  margin-top: 60px;
  margin-bottom: 25px;
  font-weight: 700;
}
@media (max-width: 575px) {
  .room-amenities .detail-item-title {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .room-amenities .detail-item-title {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .room-amenities .detail-item-title {
    font-size: 17px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .room-amenities .detail-item-title {
    font-size: 18px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .room-amenities .detail-item-title {
    font-size: 20px;
  }
}
@media (min-width: 1550px) {
  .room-amenities .detail-item-title {
    font-size: 20px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .room-amenities .detail-item-title {
    margin-top: 30px;
    font-size: 20px;
  }
}
.home-todo .todo-header-row {
  padding-top: 65px;
  padding-bottom: 65px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-todo .todo-header-row {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.home-todo .todo-left {
  text-align: left;
}
.home-todo .todo-left .line1 {
  font-weight: 800;
}
@media (max-width: 575px) {
  .home-todo .todo-left .line1 {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-todo .todo-left .line1 {
    font-size: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-todo .todo-left .line1 {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-todo .todo-left .line1 {
    font-size: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-todo .todo-left .line1 {
    font-size: 22px;
  }
}
@media (min-width: 1550px) {
  .home-todo .todo-left .line1 {
    font-size: 22px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-todo .todo-left .line1 {
    font-size: 22px;
    line-height: 53px;
  }
}
.home-todo .todo-left .line2 {
  font-weight: 600;
}
@media (max-width: 575px) {
  .home-todo .todo-left .line2 {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-todo .todo-left .line2 {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-todo .todo-left .line2 {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-todo .todo-left .line2 {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-todo .todo-left .line2 {
    font-size: 18px;
  }
}
@media (min-width: 1550px) {
  .home-todo .todo-left .line2 {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-todo .todo-left .line2 {
    margin-top: 10px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-todo .todo-left .line2 {
    line-height: 30px;
    font-size: 18px;
  }
}
.home-todo .todo-right {
  text-align: right;
  font-weight: 700;
  text-decoration: underline;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-todo .todo-right {
    margin-top: 15px;
    text-align: left;
    margin-bottom: 10px;
  }
}
@media (max-width: 575px) {
  .home-todo .todo-right {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-todo .todo-right {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-todo .todo-right {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-todo .todo-right {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-todo .todo-right {
    font-size: 16px;
  }
}
@media (min-width: 1550px) {
  .home-todo .todo-right {
    font-size: 16px;
  }
}
.home-todo .todo-slider-container {
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 90px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-todo .todo-slider-container {
    margin-bottom: 50px;
  }
}
.home-todo .full-width-wrapper {
  display: inline-block;
  width: 100%;
}
.home-todo .full-width-wrapper .content-box {
  display: inline-block;
  width: 315px;
}
@media (max-width: 575px) {
  .home-todo .full-width-wrapper .content-box {
    width: 260px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-todo .full-width-wrapper .content-box {
    width: 280px;
  }
}
.home-todo .full-width-wrapper .content-box .img {
  width: 100%;
  height: 393px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 575px) {
  .home-todo .full-width-wrapper .content-box .img {
    height: 375px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-todo .full-width-wrapper .content-box .img {
    height: 375px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .home-todo .full-width-wrapper .content-box .img {
    height: 450px;
  }
}
.home-todo .full-width-wrapper .content-box .content {
  padding-top: 20px;
}
.home-todo .full-width-wrapper .content-box .content .line1 {
  font-weight: 800;
}
@media (max-width: 575px) {
  .home-todo .full-width-wrapper .content-box .content .line1 {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-todo .full-width-wrapper .content-box .content .line1 {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-todo .full-width-wrapper .content-box .content .line1 {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-todo .full-width-wrapper .content-box .content .line1 {
    font-size: 16px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-todo .full-width-wrapper .content-box .content .line1 {
    font-size: 17px;
  }
}
@media (min-width: 1550px) {
  .home-todo .full-width-wrapper .content-box .content .line1 {
    font-size: 17px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-todo .full-width-wrapper .content-box .content .line1 {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 17px;
  }
}
.home-todo .full-width-wrapper .content-box .content .line2 {
  font-weight: 600;
}
@media (max-width: 575px) {
  .home-todo .full-width-wrapper .content-box .content .line2 {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-todo .full-width-wrapper .content-box .content .line2 {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-todo .full-width-wrapper .content-box .content .line2 {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-todo .full-width-wrapper .content-box .content .line2 {
    font-size: 16px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-todo .full-width-wrapper .content-box .content .line2 {
    font-size: 17px;
  }
}
@media (min-width: 1550px) {
  .home-todo .full-width-wrapper .content-box .content .line2 {
    font-size: 17px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-todo .full-width-wrapper .content-box .content .line2 {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 17px;
  }
}
.page-banner {
  margin-bottom: 45px;
  padding-top: 65px;
}
.page-banner .banner-wrapper {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 24.5vw;
  position: relative;
  white-space: nowrap;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .page-banner .banner-wrapper {
    height: 40vw;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .page-banner .banner-wrapper {
    height: 50vw;
  }
}
.page-banner .banner-wrapper .banner-title {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-bottom: 8px solid #818282;
  line-height: 67px;
  text-align: center;
}
.page-banner .banner-wrapper .banner-title1 {
font-size:15px;
margin-top:0px;
}
@media (max-width: 575px) {
  .page-banner .banner-wrapper .banner-title {
    font-size: 48px;
  }
.page-banner .banner-wrapper .banner-title1 {
font-size:13px;
margin-top:24px;
}
  
}
@media (min-width: 576px) and (max-width: 767px) {
  .page-banner .banner-wrapper .banner-title {
    font-size: 52px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .page-banner .banner-wrapper .banner-title {
    font-size: 57px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .page-banner .banner-wrapper .banner-title {
    font-size: 62px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .page-banner .banner-wrapper .banner-title {
    font-size: 67px;
  }
}
@media (min-width: 1550px) {
  .page-banner .banner-wrapper .banner-title {
    font-size: 67px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .page-banner .banner-wrapper .banner-title {
    font-size: 45px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .page-banner .banner-wrapper .banner-title {
    font-size: 33px;
    line-height: 40px;
    border-bottom: 5px solid #818282;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .page-banner .banner-wrapper .banner-title.long {
    font-size: 26px;
    line-height: 40px;
    border-bottom: 5px solid #818282;
  }
}
.exhibitions-events-content {
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 60px;
  padding-top: 35px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .exhibitions-events-content {
    margin-bottom: 40px;
  }
}
.exhibitions-events-content .content-col {
  display: inline-block;
  width: calc((100% - 170px) / 3);
  margin-right: 85px;
}
.exhibitions-events-content .content-col:nth-child(3n) {
  margin-right: 0px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .exhibitions-events-content .content-col {
    margin-right: 45px;
    width: calc((100% - 90px) / 3);
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .exhibitions-events-content .content-col {
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
  }
  .exhibitions-events-content .content-col:nth-child(3n) {
    margin-right: 15px;
  }
}
.exhibitions-events-content .content-col .img-wrapper {
  display: inline-block;
  width: 100%;
  height: 395px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .exhibitions-events-content .content-col .img-wrapper {
    height: 280px;
  }
}
.exhibitions-events-content .content-col .desc {
  height: 80px;
  margin-bottom: 50px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .exhibitions-events-content .content-col .desc {
    margin-bottom: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .exhibitions-events-content .content-col .desc {
    margin-bottom: 40px;
  }
}
.exhibitions-events-content .content-col .desc .title {
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  margin-top: 25px;
}
@media (max-width: 575px) {
  .exhibitions-events-content .content-col .desc .title {
    font-size: 13px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .exhibitions-events-content .content-col .desc .title {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .exhibitions-events-content .content-col .desc .title {
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .exhibitions-events-content .content-col .desc .title {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .exhibitions-events-content .content-col .desc .title {
    font-size: 18px;
  }
}
@media (min-width: 1550px) {
  .exhibitions-events-content .content-col .desc .title {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .exhibitions-events-content .content-col .desc .title {
    margin-top: 10px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .exhibitions-events-content .content-col .desc .title {
    font-size: 18px;
    margin-top: 15px;
  }
}
.exhibitions-events-content .content-col .desc .venue {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
@media (max-width: 575px) {
  .exhibitions-events-content .content-col .desc .venue {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .exhibitions-events-content .content-col .desc .venue {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .exhibitions-events-content .content-col .desc .venue {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .exhibitions-events-content .content-col .desc .venue {
    font-size: 16px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .exhibitions-events-content .content-col .desc .venue {
    font-size: 17px;
  }
}
@media (min-width: 1550px) {
  .exhibitions-events-content .content-col .desc .venue {
    font-size: 17px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .exhibitions-events-content .content-col .desc .venue {
    font-size: 17px;
  }
}
.exhibitions-events-detail-content {
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 170px;
  padding-top: 20px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .exhibitions-events-detail-content {
    margin-bottom: 40px;
    padding-top: 0px;
  }
}
.exhibitions-events-detail-content .ck-box h4 {
  display: none;
}
.exhibitions-events-detail-content .date {
  font-weight: 700;
  margin-bottom: 15px;
}
@media (max-width: 575px) {
  .exhibitions-events-detail-content .date {
    font-size: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .exhibitions-events-detail-content .date {
    font-size: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .exhibitions-events-detail-content .date {
    font-size: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .exhibitions-events-detail-content .date {
    font-size: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .exhibitions-events-detail-content .date {
    font-size: 22px;
  }
}
@media (min-width: 1550px) {
  .exhibitions-events-detail-content .date {
    font-size: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .exhibitions-events-detail-content .date {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .exhibitions-events-detail-content .date {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
.exhibitions-events-detail-content .title {
  font-weight: 700;
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .exhibitions-events-detail-content .title {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .exhibitions-events-detail-content .title {
    font-size: 19px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .exhibitions-events-detail-content .title {
    font-size: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .exhibitions-events-detail-content .title {
    font-size: 23px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .exhibitions-events-detail-content .title {
    font-size: 25px;
  }
}
@media (min-width: 1550px) {
  .exhibitions-events-detail-content .title {
    font-size: 25px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .exhibitions-events-detail-content .title {
    font-size: 18px;
    margin-bottom: 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .exhibitions-events-detail-content .title {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
.exhibitions-events-detail-content .content {
  font-family: 'Open Sans', sans-serif;
  display: inline-block;
  line-height: 24px;
  width: 100%;
  font-weight: 600;
}
@media (max-width: 575px) {
  .exhibitions-events-detail-content .content {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .exhibitions-events-detail-content .content {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .exhibitions-events-detail-content .content {
    font-size: 13px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .exhibitions-events-detail-content .content {
    font-size: 14px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .exhibitions-events-detail-content .content {
    font-size: 15px;
  }
}
@media (min-width: 1550px) {
  .exhibitions-events-detail-content .content {
    font-size: 15px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .exhibitions-events-detail-content .content {
    font-size: 14px;
  }
}
.exhibitions-events-detail-content .img-wrapper {
  float: right;
  width: 75%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 550px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .exhibitions-events-detail-content .img-wrapper {
    width: 310px;
    height: 460px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .exhibitions-events-detail-content .img-wrapper {
    margin-top: 30px;
    width: 100%;
    height: 460px;
  }
}
.contact-us-content {
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 60px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .contact-us-content {
    margin-bottom: 40px;
  }
}
.contact-us-content .mail-text {
  border-bottom: 2px solid #818282;
  color: #818282;
}
.contact-us-content .title {
  font-weight: 700;
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .contact-us-content .title {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .contact-us-content .title {
    font-size: 19px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .contact-us-content .title {
    font-size: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contact-us-content .title {
    font-size: 23px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .contact-us-content .title {
    font-size: 25px;
  }
}
@media (min-width: 1550px) {
  .contact-us-content .title {
    font-size: 25px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .contact-us-content .title {
    font-size: 18px;
    margin-bottom: 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .contact-us-content .title {
    margin-bottom: 20px;
  }
}
.contact-us-content .mail-link {
  color: #818282;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .contact-us-content .map-iframe {
    height: 250px;
  }
}
.contact-us-content .content {
  display: inline-block;
  width: 70%;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .contact-us-content .content {
    width: 100%;
  }
}
.contact-us-content .content .contact-title {
  vertical-align: top;
  font-weight: 600;
  display: inline-block;
  width: 90px;
  line-height: 22px;
}
@media (max-width: 575px) {
  .contact-us-content .content .contact-title {
    font-size: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .contact-us-content .content .contact-title {
    font-size: 11px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .contact-us-content .content .contact-title {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contact-us-content .content .contact-title {
    font-size: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .contact-us-content .content .contact-title {
    font-size: 14px;
  }
}
@media (min-width: 1550px) {
  .contact-us-content .content .contact-title {
    font-size: 14px;
  }
}
.contact-us-content .content .contact-content {
  vertical-align: top;
  line-height: 22px;
  font-weight: 600;
  display: inline-block;
  width: calc(100% - 95px);
}
@media (max-width: 575px) {
  .contact-us-content .content .contact-content {
    font-size: 10px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .contact-us-content .content .contact-content {
    font-size: 11px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .contact-us-content .content .contact-content {
    font-size: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contact-us-content .content .contact-content {
    font-size: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .contact-us-content .content .contact-content {
    font-size: 14px;
  }
}
@media (min-width: 1550px) {
  .contact-us-content .content .contact-content {
    font-size: 14px;
  }
}
.contact-us-content .contact-form {
  margin-top: 25px;
  display: inline-block;
  width: 100%;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .contact-us-content .contact-form {
    margin-bottom: 25px;
  }
}
.contact-us-content .contact-form .txtbox {
  width: 100%;
  padding: 5px 10px;
  font-size: 12px;
  margin-bottom: 15px;
}
.contact-us-content .contact-form .common-btn.send-btn {
  padding-left: 35px;
  padding-right: 35px;
  cursor: pointer;
  margin-top: 0;
}
.contact-us-content .contact-form .txtarea {
  width: 100%;
  height: 120px;
  font-size: 12px;
  vertical-align: top;
  padding: 5px 10px;
}
.terms {
  font-family: 'Open Sans', sans-serif;
  padding-top: 180px;
  padding-bottom: 180px;
}
.terms .title {
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 40px;
}
@media (max-width: 575px) {
  .terms .title {
    font-size: 29px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .terms .title {
    font-size: 31px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .terms .title {
    font-size: 34px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .terms .title {
    font-size: 37px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .terms .title {
    font-size: 40px;
  }
}
@media (min-width: 1550px) {
  .terms .title {
    font-size: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .terms {
    padding-top: 105px;
    padding-bottom: 45px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .terms {
    padding-top: 95px;
    padding-bottom: 0px;
  }
}
.iziModal.gallery-popup .popup-wrapper img {
  max-width: 100% !important;
  max-height: calc(100vh - 25px) !important;
}
.special-offers-content {
  font-family: 'Open Sans', sans-serif;
  padding-top: 45px;
  padding-bottom: 50px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .special-offers-content {
    padding-top: 45px;
    padding-bottom: 0px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .special-offers-content {
    padding-top: 25px;
    padding-bottom: 0px;
  }
}
.special-offers-content .list-item {
  display: inline-block;
  width: 100%;
  padding-bottom: 70px;
  margin-bottom: 70px;
  background-image: linear-gradient(to right, #8f8f8f 25%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 10px 2px;
  background-repeat: repeat-x;
  overflow: hidden;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .special-offers-content .list-item {
    padding-bottom: 45px;
    margin-bottom: 45px;
  }
}
.special-offers-content .list-item:last-child {
  background-image: none;
}
.special-offers-content .list-item .left-part {
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 455px;
  height: 290px;
  vertical-align: top;
  -webkit-transition: all 0.4s;
    transition: all 0.4s;
    overflow: hidden;
  
}

.special-offers-content .list-item .left-part:hover {
  -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);

  
}


.special-offers-content .list-item .left-part1 {
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 125px;
  height: 125px;
  vertical-align: top;
   object-fit: cover;
    border-radius: 100%;

}  


@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .special-offers-content .list-item .left-part {
    display: block;
    width: 100%;
    height: 61vw;
  }
  
  .special-offers-content .list-item .left-part1 {
    display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 125px;
  height: 125px;
  vertical-align: top;
   object-fit: cover;
    border-radius: 100%;
  }
}
.special-offers-content .list-item .right-part {
  display: inline-block;
  width: calc(100% - 465px);
  padding-left: 50px;
  vertical-align: top;
}
.special-offers-content .list-item .right-part1 {
  display: inline-block;
  width: calc(100% - 160px);
  padding-left: 50px;
  vertical-align: top;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .special-offers-content .list-item .right-part {
    width: 100%;
    padding-left: 0px;
    padding-top: 25px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .special-offers-content .list-item .right-part {
    width: 100%;
    padding-left: 0px;
    padding-top: 25px;
  }
  
  .special-offers-content .list-item .right-part1 {
    width: 100%;
    padding-left: 0px;
    padding-top: 25px;
  }
}
.special-offers-content .list-item .right-part .title {
  font-size: 24px;
  color: #818282;
  margin-bottom: 25px;
  font-weight: 600;
}
.special-offers-content .list-item .right-part .title2 {
  font-size: 15px;
  margin-bottom: 18px;
  font-weight: 600;
  line-height: 30px;
}
.special-offers-content .list-item .right-part .detail-list ul {
  list-style: none;
  padding-inline-start: 20px;
}
.special-offers-content .list-item .right-part .detail-list li {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
  margin-bottom: 10px;
}
.special-offers-content .list-item .right-part .detail-list li:before {
  content: "\2022";
  color: #FF6C00;
  font-weight: 700;
  display: inline-block;
  width: 1.05em;
  margin-left: -1em;
}
.the-square-content {
  padding-top: 45px;
  padding-bottom: 100px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .the-square-content {
    padding-top: 35px;
    padding-bottom: 50px;
  }
}
.the-square-content .inner-content {
  font-size: 16px;
  font-weight: 600;
  line-height: 31px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .the-square-content .inner-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.the-square-slider {
  margin-bottom: 0px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .the-square-slider {
    padding-top: 50px;
  }
}
.the-square-slider .swiper-slide {
  cursor: pointer;
}
.the-square-slider .swiper-slide:hover .hover-div {
  opacity: 1;
}
.the-square-slider .hover-div {
  width: 100%;
  height: 100%;
  background-color: rgba(168, 130, 130, 0.77);
  opacity: 0 ;
  position: relative;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.the-square-slider .hover-div .fa-search,
.the-square-slider .hover-div .fa-youtube {
  font-size: 0px;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.the-square-slider .next-prev-container {
  position: relative;
  text-align: center;
}
.the-square-slider .swiper-button-next {
  margin-top: 45px !important;
  margin-left: 30px;
  position: initial;
  display: inline-block;
  outline: 18px solid;
  margin-top: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 26px;
  border-color: transparent transparent transparent #a88282;
  background-image: none;
  background-color: #ffffff;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .the-square-slider .swiper-button-next {
    margin-top: 30px !important;
  }
}
.the-square-slider .swiper-button-next.swiper-button-white {
  --swiper-navigation-color: transparent !important;
}
.the-square-slider .swiper-button-next:after {
  display: none;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .the-square-slider .swiper-button-next {
    margin-top: 0px;
    border-width: 10px 0 10px 15px;
    margin-right: 0px;
    outline: 12px solid;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .the-square-slider .swiper-button-next {
    margin-top: 0px;
  }
}
.the-square-slider .swiper-button-prev {
  margin-top: 45px !important;
  margin-right: 30px;
  position: initial;
  display: inline-block;
  outline: 18px solid;
  background-color: #ffffff;
  margin-top: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 26px 15px 0;
  border-color: transparent #a88282 transparent transparent;
  background-image: none;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .the-square-slider .swiper-button-prev {
    margin-top: 30px !important;
  }
}
.the-square-slider .swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: transparent !important;
}
.the-square-slider .swiper-button-prev:after {
  display: none;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .the-square-slider .swiper-button-prev {
    margin-top: 0px;
    border-width: 10px 15px 10px 0;
    margin-left: 0px;
    outline: 12px solid;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .the-square-slider .swiper-button-prev {
    margin-top: 0px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .the-square-slider {
    margin-bottom: 30px;
    padding-top: 50px;
  }
}
.the-square-slider .swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  background-color: #f6f6f6;
}
.the-square-slider .swiper-slide {
  background-size: cover;
  background-position: center;
}
.the-square-slider .gallery-top {
  height: 80%;
  width: 100%;
  height: 15.5vw;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .the-square-slider .gallery-top {
    height: 21.5vw;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .the-square-slider .gallery-top {
    height: 66.5vw;
  }
}
.the-square-address {
  padding-top: 30px;
  margin-bottom: 110px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .the-square-address {
    margin-bottom: 85px;
  }
}
.the-square-address .content-wrapper .address-left {
  width: 50%;
  display: inline-block;
  height: 455px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .the-square-address .content-wrapper .address-left {
    height: 300px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .the-square-address .content-wrapper .address-left {
    width: 100%;
    height: 225px;
  }
}
.the-square-address .content-wrapper .address-right {
  width: 50%;
  display: inline-block;
  min-height:455px;
  padding-top: 35px;
  padding-bottom: 58px;
  padding-left: 35px;
  padding-right: 30px;
  vertical-align: top;
  background-color: #FBFBFB;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .the-square-address .content-wrapper .address-right {
    height: 300px;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .the-square-address .content-wrapper .address-right {
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.the-square-address .content-wrapper .address-right .icon-wrapper {
  display: inline-block;
  width: 35px;
  font-size: 0px;
  color: #818282;
  vertical-align: middle;
  text-align: center;
  height: 52px;
  line-height: 37px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .the-square-address .content-wrapper .address-right .icon-wrapper {
    height: 0px;
  }
}
.the-square-address .content-wrapper .address-right .icon-wrapper .fa-map-marker {
  font-size: 0px;
}
.the-square-address .content-wrapper .address-right .icon-wrapper .fa-clock-o {
  font-size: 0px;
}
.the-square-address .content-wrapper .address-right .icon-wrapper .fa-phone {
  font-size: 0px;
}
.the-square-address .content-wrapper .address-right .icon-wrapper i {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.the-square-address .content-wrapper .address-right .content-text {
  display: inline-block;
  padding-left: 25px;
  width: calc(100% - 35px);
  font-size: 20px;
  font-weight: 600;
  vertical-align: top;
  position: relative;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .the-square-address .content-wrapper .address-right .content-text.mail {
    display: none;
  }
}
.the-square-address .content-wrapper .address-right .content-text p {
  padding-top: 0.6em;
  position: relative;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .the-square-address .content-wrapper .address-right .content-text p {
    padding-top: 1em;
  }
}
.the-square-address .content-wrapper .address-right .content-text table {
  margin-top: 0.6em;
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .the-square-address .content-wrapper .address-right .content-text table {
    margin-top: 1em;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .the-square-address .content-wrapper .address-right .content-text {
    font-size: 14px;
    padding-left: 20px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .the-square-address .content-wrapper .address-right .content-text {
    font-size: 14px;
    padding-left: 20px;
  }
}
.the-square-address .content-wrapper .address-right .content-text .mail-text {
  border-bottom: 2px solid #818282;
  color: #818282;
}
.the-square-address .mail-wrapper-responsive {
  display: none;
  margin-top: 15px;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .the-square-address .mail-wrapper-responsive {
    display: block;
  }
}
.wave-bar-content {
  padding-top: 45px;
  padding-bottom: 100px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .wave-bar-content {
    padding-top: 35px;
    padding-bottom: 50px;
  }
}
.wave-bar-content .inner-content {
  font-size: 16px;
  font-weight: 600;
  line-height: 31px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .wave-bar-content .inner-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.wave-bar-slider {
  margin-bottom: 65px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .wave-bar-slider {
    padding-top: 50px;
  }
}
.wave-bar-slider .swiper-slide {
  cursor: pointer;
}
.wave-bar-slider .swiper-slide:hover .hover-div {
  opacity: 1;
}
.wave-bar-slider .hover-div {
  width: 100%;
  height: 100%;
 background-color: rgba(168, 130, 130, 0.77);
  opacity: 0 ;
  position: relative;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.wave-bar-slider .hover-div .fa-search,
.wave-bar-slider .hover-div .fa-youtube {
  font-size: 0px;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.wave-bar-slider .next-prev-container {
  position: relative;
  text-align: center;
}
.wave-bar-slider .swiper-button-next {
  margin-top: 45px !important;
  margin-left: 30px;
  position: initial;
  display: inline-block;
  outline: 18px solid;
  margin-top: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 26px;
  border-color: transparent transparent transparent #818282;
  background-image: none;
  background-color: #ffffff;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .wave-bar-slider .swiper-button-next {
    margin-top: 30px !important;
  }
}
.wave-bar-slider .swiper-button-next.swiper-button-white {
  --swiper-navigation-color: transparent !important;
}
.wave-bar-slider .swiper-button-next:after {
  display: none;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .wave-bar-slider .swiper-button-next {
    margin-top: 0px;
    border-width: 10px 0 10px 15px;
    margin-right: 0px;
    outline: 12px solid;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .wave-bar-slider .swiper-button-next {
    margin-top: 0px;
  }
}
.wave-bar-slider .swiper-button-prev {
  margin-top: 45px !important;
  margin-right: 30px;
  position: initial;
  display: inline-block;
  outline: 18px solid;
  background-color: #ffffff;
  margin-top: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 26px 15px 0;
  border-color: transparent #818282 transparent transparent;
  background-image: none;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .wave-bar-slider .swiper-button-prev {
    margin-top: 30px !important;
  }
}
.wave-bar-slider .swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: transparent !important;
}
.wave-bar-slider .swiper-button-prev:after {
  display: none;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .wave-bar-slider .swiper-button-prev {
    margin-top: 0px;
    border-width: 10px 15px 10px 0;
    margin-left: 0px;
    outline: 12px solid;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .wave-bar-slider .swiper-button-prev {
    margin-top: 0px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .wave-bar-slider {
    margin-bottom: 30px;
    padding-top: 50px;
  }
}
.wave-bar-slider .swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  background-color: #f6f6f6;
}
.wave-bar-slider .swiper-slide {
  background-size: cover;
  background-position: center;
}
.wave-bar-slider .gallery-top {
  height: 80%;
  width: 100%;
  height: 15.5vw;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .wave-bar-slider .gallery-top {
    height: 21.5vw;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .wave-bar-slider .gallery-top {
    height: 66.5vw;
  }
}
.wave-bar-address {
  padding-top: 75px;
  margin-bottom: 110px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .wave-bar-address {
    margin-bottom: 85px;
  }
}
.wave-bar-address .content-wrapper .address-left {
  width: 50%;
  display: inline-block;
  height: 405px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .wave-bar-address .content-wrapper .address-left {
    height: 225px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .wave-bar-address .content-wrapper .address-left {
    width: 100%;
    height: 225px;
  }
}
.wave-bar-address .content-wrapper .address-right {
  width: 50%;
  display: inline-block;
  height: 405px;
  padding-top: 55px;
  padding-bottom: 58px;
  padding-left: 35px;
  padding-right: 30px;
  vertical-align: top;
  background-color: #FBFBFB;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .wave-bar-address .content-wrapper .address-right {
    height: 225px;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .wave-bar-address .content-wrapper .address-right {
    width: 100%;
    height: 225px;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.wave-bar-address .content-wrapper .address-right .icon-wrapper {
  display: inline-block;
  width: 35px;
  font-size: 32px;
  color: #818282;
  vertical-align: middle;
  text-align: center;
  height: 52px;
  line-height: 37px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .wave-bar-address .content-wrapper .address-right .icon-wrapper {
    height: 45px;
  }
}
.wave-bar-address .content-wrapper .address-right .icon-wrapper .fa-map-marker {
  font-size: 39px;
}
.wave-bar-address .content-wrapper .address-right .icon-wrapper .fa-clock-o {
  font-size: 35px;
}
.wave-bar-address .content-wrapper .address-right .icon-wrapper .fa-phone {
  font-size: 34px;
}
.wave-bar-address .content-wrapper .address-right .icon-wrapper i {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.wave-bar-address .content-wrapper .address-right .content-text {
  vertical-align: top;
  display: inline-block;
  padding-left: 25px;
  width: calc(100% - 35px);
  font-size: 20px;
  font-weight: 600;
  vertical-align: middle;
  height: 52px;
  position: relative;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .wave-bar-address .content-wrapper .address-right .content-text.mail {
    display: none;
  }
}
.wave-bar-address .content-wrapper .address-right .content-text p {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .wave-bar-address .content-wrapper .address-right .content-text {
    font-size: 14px;
    padding-left: 20px;
    height: 45px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .wave-bar-address .content-wrapper .address-right .content-text {
    font-size: 14px;
    padding-left: 20px;
    height: 45px;
  }
}
.wave-bar-address .content-wrapper .address-right .content-text .mail-text {
  border-bottom: 2px solid #818282;
  color: #818282;
}
.wave-bar-address .mail-wrapper-responsive {
  display: none;
  margin-top: 15px;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .wave-bar-address .mail-wrapper-responsive {
    display: block;
  }
}
.earhub-2018-content {
  padding-top: 45px;
  padding-bottom: 100px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .earhub-2018-content {
    padding-top: 35px;
    padding-bottom: 50px;
  }
}
.earhub-2018-content .inner-content {
  font-size: 16px;
  font-weight: 600;
  line-height: 31px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .earhub-2018-content .inner-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.earhub-2018-slider {
  margin-bottom: 65px;
}
.earhub-2018-slider .swiper-slide {
  cursor: pointer;
}
.earhub-2018-slider .swiper-slide:hover .hover-div {
  opacity: 1;
}
.earhub-2018-slider .hover-div {
  width: 100%;
  height: 100%;
 background-color: rgba(168, 130, 130, 0.77);
  opacity: 0 ;
  position: relative;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.earhub-2018-slider .hover-div .fa-search,
.earhub-2018-slider .hover-div .fa-youtube {
  font-size: 0px;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .earhub-2018-slider {
    padding-top: 50px;
  }
}
.earhub-2018-slider .next-prev-container {
  position: relative;
  text-align: center;
}
.earhub-2018-slider .swiper-button-next {
  margin-top: 45px !important;
  margin-left: 30px;
  position: initial;
  display: inline-block;
  outline: 18px solid;
  margin-top: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 26px;
  border-color: transparent transparent transparent #818282;
  background-image: none;
  background-color: #ffffff;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .earhub-2018-slider .swiper-button-next {
    margin-top: 30px !important;
  }
}
.earhub-2018-slider .swiper-button-next.swiper-button-white {
  --swiper-navigation-color: transparent !important;
}
.earhub-2018-slider .swiper-button-next:after {
  display: none;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .earhub-2018-slider .swiper-button-next {
    margin-top: 0px;
    border-width: 10px 0 10px 15px;
    margin-right: 0px;
    outline: 12px solid;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .earhub-2018-slider .swiper-button-next {
    margin-top: 0px;
  }
}
.earhub-2018-slider .swiper-button-prev {
  margin-top: 45px !important;
  margin-right: 30px;
  position: initial;
  display: inline-block;
  outline: 18px solid;
  background-color: #ffffff;
  margin-top: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 26px 15px 0;
  border-color: transparent #818282 transparent transparent;
  background-image: none;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .earhub-2018-slider .swiper-button-prev {
    margin-top: 30px !important;
  }
}
.earhub-2018-slider .swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: transparent !important;
}
.earhub-2018-slider .swiper-button-prev:after {
  display: none;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .earhub-2018-slider .swiper-button-prev {
    margin-top: 0px;
    border-width: 10px 15px 10px 0;
    margin-left: 0px;
    outline: 12px solid;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .earhub-2018-slider .swiper-button-prev {
    margin-top: 0px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .earhub-2018-slider {
    margin-bottom: 30px;
    padding-top: 50px;
  }
}
.earhub-2018-slider .swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  background-color: #f6f6f6;
}
.earhub-2018-slider .swiper-slide {
  background-size: cover;
  background-position: center;
}
.earhub-2018-slider .gallery-top {
  height: 80%;
  width: 100%;
  height: 15.5vw;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .earhub-2018-slider .gallery-top {
    height: 21.5vw;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .earhub-2018-slider .gallery-top {
    height: 66.5vw;
  }
}
.about-art-slider {
  margin-bottom: 65px;
}
.about-art-slider .swiper-slide {
  cursor: pointer;
}
.about-art-slider .swiper-slide:hover .hover-div {
  opacity: 1;
}
.about-art-slider .hover-div {
  width: 100%;
  height: 100%;
 background-color: rgba(168, 130, 130, 0.77);
  opacity: 0 ;
  position: relative;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.about-art-slider .hover-div .fa-search,
.about-art-slider .hover-div .fa-youtube {
  font-size: 0px;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .about-art-slider {
    margin-bottom: 100px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .about-art-slider {
    margin-bottom: 100px !important;
  }
}
.about-art-slider .container {
  position: relative;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .about-art-slider {
    padding-top: 50px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .about-art-slider {
    padding-top: 10px !important;
  }
}
.about-art-slider .next-prev-container {
  position: relative;
  text-align: center;
}
.about-art-slider .swiper-button-next {
  top: 95px;
  position: absolute;
  display: inline-block;
  margin-top: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 26px;
  border-color: transparent transparent transparent #818282;
  background-image: none;
  background-color: #ffffff;
}
.about-art-slider .swiper-button-next.swiper-button-white {
  --swiper-navigation-color: transparent !important;
}
.about-art-slider .swiper-button-next:after {
  display: none;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .about-art-slider .swiper-button-next {
    top: 51px;
    margin-top: 0px;
    border-width: 10px 0 10px 15px;
    margin-right: 0px;
    right: 0px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .about-art-slider .swiper-button-next {
    margin-top: 0px;
    top: 65px;
  }
}
.about-art-slider .swiper-button-prev {
  position: absolute;
  display: inline-block;
  top: 95px;
  background-color: #ffffff;
  margin-top: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 26px 15px 0;
  border-color: transparent #818282 transparent transparent;
  background-image: none;
}
.about-art-slider .swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: transparent !important;
}
.about-art-slider .swiper-button-prev:after {
  display: none;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .about-art-slider .swiper-button-prev {
    top: 51px;
    margin-top: 0px;
    border-width: 10px 15px 10px 0;
    margin-left: 0px;
    left: 0px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .about-art-slider .swiper-button-prev {
    margin-top: 0px;
    top: 65px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .about-art-slider {
    margin-bottom: 30px;
    padding-top: 50px;
  }
}
.about-art-slider .swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  background-color: #f6f6f6;
}
.about-art-slider .swiper-slide {
  background-size: cover;
  background-position: center;
}
.about-art-slider .gallery-top {
  height: 80%;
  width: 50%;
  width: calc(100% - 130px);
  margin-left: 65px;
  margin-right: 65px;
  height: 205px;
  overflow: hidden;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .about-art-slider .gallery-top {
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px;
    height: 120px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .about-art-slider .gallery-top {
    width: calc(100% - 80px);
    margin-left: 40px;
    margin-right: 40px;
    height: 160px;
  }
}
.about-about-hotels {
  padding-top: 30px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .about-about-hotels {
    padding-top: 30px;
  }
}
.about-about-hotels .about-title {
  font-size: 39px;
  font-weight: 800;
  margin-bottom: 20px;
}

.about-about-hotels1 .about-title1{
  border-bottom:#999999 dashed 1px;
   margin-bottom:18px;
   display: inline-table;
    width: 100%;
}

.about-about-hotels1 .about-title1 a {
  font-size: 18px;
  font-weight: 600;
  line-height:50px;
 
}
.about-about-hotels1 .about-time{
float:right;
line-height:50px;
}
.about-about-hotels1 .about-title1 a:hover {
color:#818282
}
.about-about-hotels .about-content {
  font-weight: 600;
  margin-bottom: 70px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .about-about-hotels .about-content {
    margin-bottom: 50px;
  }
}
.section-year .swiper-slide {
  width: 240px;
  height: 105px;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
  display: inline;
  float: left;
}
.section-year .swiper-container {
  height: 150px;
  cursor: pointer;
}
.section-year .about-title {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 35px;
  margin-bottom: 30px;
}
.section-history .year-wrapper {
  position: relative;
}
.section-history .background-line {
  width: 100%;
  background-color: #cdcdcd;
  height: 3px;
  position: absolute;
  bottom: 66px;
}
.section-history .year-text {
  font-size: 22px;
  font-weight: 800;
}
.section-history .dot {
  height: 15px;
  width: 15px;
  background-color: #818282;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  top: 76px;
  opacity: 1;
  -webkit-transition: 0.6s all;
  -moz-transition: 0.6s all;
  -ms-transition: 0.6s all;
  -o-transition: 0.6s all;
}
.section-history .triangle {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12.5px 21.7px 12.5px;
  border-color: transparent transparent #818282 transparent;
  background-image: none;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  top: 69px;
  opacity: 0;
  -webkit-transition: 0.6s all;
  -moz-transition: 0.6s all;
  -ms-transition: 0.6s all;
  -o-transition: 0.6s all;
  pointer-events: none;
}
.section-history .rounded-border {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  border-color: #818282;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  top: 49px;
  background-color: #ffffff;
  opacity: 0;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.section-history .swiper-slide-active .year-text {
  font-size: 30px;
  font-weight: 800;
  color: #818282;
  position: relative;
  top: -7px;
}
.section-history .swiper-slide-active .dot {
  height: 15px;
  width: 15px;
  background-color: #818282;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  top: 76px;
  opacity: 0;
}
.section-history .swiper-slide-active .triangle {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12.5px 21.7px 12.5px;
  border-color: transparent transparent #818282 transparent;
  background-image: none;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  top: 69px;
  opacity: 1;
}
.section-history .swiper-slide-active .rounded-border {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  border-color: #818282;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  top: 49px;
  background-color: #ffffff;
  opacity: 1;
}
.section-history2 {
  position: relative;
}
.section-main {
  padding: 20px 0;
}
.history-detail-wrapper {
  position: relative;
}
.history-detail-wrapper .history-detail {
  padding: 0 150px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 145px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .history-detail-wrapper .history-detail {
    padding: 0 65px;
    margin-bottom: 65px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .history-detail-wrapper .history-detail {
    padding: 0 45px;
    margin-bottom: 50px;
  }
}
.history-detail-wrapper .history-detail img {
  max-width: 100%;
}
.history-detail-wrapper .history-prev-btn {
  position: absolute;
  left: 5px;
  top: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 26px 15px 0;
  border-color: transparent #818282 transparent transparent;
  background-image: none;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .history-detail-wrapper .history-prev-btn {
    left: 0px;
  }
}
.history-detail-wrapper .history-next-btn {
  position: absolute;
  right: 5px;
  top: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 26px;
  border-color: transparent transparent transparent #818282;
  background-image: none;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .history-detail-wrapper .history-next-btn {
    right: 0px;
  }
}
.hidden {
  display: none!important;
}
.active-content {
  display: block;
}
.about-hotels-art .about-title {
  font-size: 39px;
  font-weight: 800;
  margin-bottom: 35px;
}
.about-hotels-art .about-content {
  font-weight: 600;
  margin-bottom: 70px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .about-hotels-art .about-content {
    margin-bottom: 30px;
  }
}
.about-location-and-discovery {
  margin-bottom: 135px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .about-location-and-discovery {
    margin-bottom: 80px;
  }
}
.about-location-and-discovery .about-title {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 35px;
}
.about-location-and-discovery .about-content {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 70px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .about-location-and-discovery .about-content {
    margin-bottom: 50px;
  }
}
.section-subscribe {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #f4f3f2;
  text-align: center;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-subscribe {
    padding-top: 60px / 2;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-subscribe {
    padding-top: 60px / 4;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-subscribe {
    padding-bottom: 60px / 2;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-subscribe {
    padding-bottom: 60px / 4;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .section-subscribe {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-subscribe {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.section-subscribe .title {
  color: #818282;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 30px;
}

.container1 .title {
font-size:45px;
  color: #818282;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 55px;
  margin-top: 55px;
  text-align:center;
  font-family: HelveticaNeue,Helvetica Neue,helvetica,Sans-Serif;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.me-testimonial-user {
    position: relative;
    height: 350px;
    z-index: 1;
    margin-top: 150px;
}


.me-testimonial-user img {
	width: 100px;
	height: 100px;
	object-fit: cover;
	border-radius: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.me-testimonial-user img:nth-child(1) {
	top: 0;
	left: 0;
	animation: testi_bounce 9s infinite linear;
	width: 80px;
	height: 80px;
}

.me-testimonial-user img:nth-child(2) {
	left: auto;
	top: 10px;
	right: 50px;
	animation: testi_bounce 7s infinite linear;
}

.me-testimonial-user img:nth-child(3) {
	left: 140px;
	top: 100px;
	animation: testi_bounce 8s infinite linear;
	width: 70px;
	height: 70px;
}

.me-testimonial-user img:nth-child(4) {
	bottom: 0;
	top: auto;
	animation: testi_bounce 5s infinite linear;
}

.me-testimonial-user img:nth-child(5) {
	right: 80px;
	bottom: 30px;
	top: auto;
	left: auto;
	animation: testi_bounce 11s infinite linear;
}

.me-testimonial-slider {
	position: relative;
}

.me-testimonial-slider-box {
	background: #fff;
	box-shadow: 0px 3.99px 27px 0px rgba(0, 0, 0, 0.1);
	z-index: 1;
	position: relative;
	overflow: hidden;
	height: max-content;
	border-radius: 0px 0px 20px 20px;
	padding: 40px;
}
.me-testimonial-data {
	text-align: center;
}

.me-testimonial-box-shape:after {
	background: #fff;
	box-shadow: 0px 3.99px 27px 0px rgba(0, 0, 0, 0.1);
	padding: 30px;
	z-index: 0;
	position: absolute;
	content: '';
	left: 20px;
	right: 20px;
	bottom: -27px;
	border-radius: 0px 0px 20px 20px;
}

.me-testimonial-box-shape:before {
	background: #fff;
	box-shadow: 0px 3.99px 27px 0px rgba(0, 0, 0, 0.1);
	padding: 30px;
	z-index: 0;
	position: absolute;
	content: '';
	left: 40px;
	right: 40px;
	bottom: -55px;
	border-radius: 0px 0px 20px 20px;
}

.me-testimonial-slider-box h6 {
	margin-bottom: 0;
	color: #ffb628;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.me-testimonial-slider-box h4{
	font-family: 'Ibarra Real Nova', serif;
	color: #111111;
}

.me-testimonial-slider-box p{
	font-family: 'Ibarra Real Nova', serif;
	color: #545b62;
}
.me-padder-bottom {
    padding-bottom: 100px;
}
.me-padder-top-less {
    padding-top: 10px;
}

@media (max-width: 575px) {
  .section-subscribe .title {
    font-size: 29px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-subscribe .title {
    font-size: 31px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-subscribe .title {
    font-size: 34px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-subscribe .title {
    font-size: 36px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-subscribe .title {
    font-size: 38px;
  }
}
@media (min-width: 1550px) {
  .section-subscribe .title {
    font-size: 38px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-subscribe .title {
    margin-bottom: 30px / 2;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-subscribe .title {
    margin-bottom: 30px / 4;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .section-subscribe .title {
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-subscribe .title {
    margin-bottom: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (max-width: 575px), (max-width: 575px) and (max-width: 575px) {
  .section-subscribe .title {
    font-size: 26px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 576px) and (max-width: 767px), (max-width: 575px) and (min-width: 576px) and (max-width: 767px) {
  .section-subscribe .title {
    font-size: 28px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 768px) and (max-width: 991px), (max-width: 575px) and (min-width: 768px) and (max-width: 991px) {
  .section-subscribe .title {
    font-size: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) and (min-width: 992px) and (max-width: 1199px) {
  .section-subscribe .title {
    font-size: 33px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 1200px) and (max-width: 1549px), (max-width: 575px) and (min-width: 1200px) and (max-width: 1549px) {
  .section-subscribe .title {
    font-size: 36px;
  }
}
@media (min-width: 576px) and (max-width: 767px) and (min-width: 1550px), (max-width: 575px) and (min-width: 1550px) {
  .section-subscribe .title {
    font-size: 36px;
  }
}
.section-subscribe .detail {
  color: #818282;
  margin-bottom: 45px;
}
@media (max-width: 575px) {
  .section-subscribe .detail {
    font-size: 14px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-subscribe .detail {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-subscribe .detail {
    font-size: 17px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-subscribe .detail {
    font-size: 18px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-subscribe .detail {
    font-size: 18px;
  }
}
@media (min-width: 1550px) {
  .section-subscribe .detail {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 768px) and (max-width: 991px) {
  .section-subscribe .detail {
    margin-bottom: 45px / 2;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-subscribe .detail {
    margin-bottom: 45px / 4;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .section-subscribe .detail {
    margin-bottom: 28px;
  }
}
@media (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-subscribe .detail {
    margin-bottom: 15px;
  }
}
.section-subscribe .subscribe-group {
  background-color: #ffffff;
  padding: 17px 23px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #6a6a6a;
}
@media (max-width: 575px) {
  .section-subscribe .subscribe-group {
    font-size: 11px;
  }
.wx img{
text-align:center;
width:100%
}
}
@media (min-width: 576px) and (max-width: 767px) {
  .section-subscribe .subscribe-group {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section-subscribe .subscribe-group {
    font-size: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section-subscribe .subscribe-group {
    font-size: 15px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .section-subscribe .subscribe-group {
    font-size: 16px;
  }
}
@media (min-width: 1550px) {
  .section-subscribe .subscribe-group {
    font-size: 16px;
  }
  .wx img{
text-align:center;
max-width:100%;
padding-bottom:20px;
}

}
.section-subscribe .subscribe-group input {
  display: block;
  width: 100%;
  border: 0;
  outline: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  color: #000000;
  font-weight: 600;
}
@media (max-width: 575px) {
  .section-subscribe .subscribe-group input {
    border-bottom: 1px solid #000000;
    margin-bottom: 5px;
    text-align: center;
    padding-bottom: 5px;
  }
}
.section-subscribe .subscribe-group .btn-sub {
  display: inline-block;
  position: relative;
  color: #818282;
  font-weight: 600;
  border:0px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .section-subscribe .subscribe-group .btn-sub {
    margin-top: 3px;
  }
}
.section-subscribe .subscribe-group .btn-sub:before {
  content: "";
  position: absolute;
  border-left: 1px solid #000000;
  width: 0;
  height: 28px;
  top: 50%;
  left: -20px;
  margin-top: -14px;
}
@media (max-width: 575px) {
  .section-subscribe .subscribe-group {
    padding: 10px 25px;
  }
  .section-subscribe .subscribe-group .btn-sub:before {
    display: none;
  }
}
.footer-bottom-part {
  border-top: 2px solid #E9E9E9;
}
.footer-bottom-part .footer-br {
  display: none;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .footer-bottom-part .footer-br {
    display: block;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .footer-bottom-part .footer-first-separator {
    display: none;
  }
}
.to-top {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  visibility: hidden;
  opacity: 0;
  text-align: center;
  width: 60px;
  height: 60px;
  background-color: rgba(255, 255, 255, 0.87);
  border-radius: 50%;
  cursor: pointer;
  position: fixed;
  right: 50px;
  bottom: 50px;
  z-index: 10000;
  border: 1px solid transparent;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
}
.to-top.active {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .to-top {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .to-top {
    right: 25px;
    bottom: 25px;
  }
}
.to-top .triangle {
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  -o-transition: 0.3s all;
  margin-left: 15px;
  margin-top: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 14px 24.2px 14px;
  border-color: transparent transparent #a88282 transparent;
}
.to-top:hover {
  border-color: #818282;
}
.to-top:hover .triangle {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.to-top .text {
  font-size: 14px;
  font-weight: 700;
}
.col-text-right {
  text-align: right;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .col-text-right {
    text-align: left;
  }
}
.yt-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
#ytplayer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.iziModal-content img {
  width: 100%;
}
.iziModal {
  box-shadow: none !important;
  z-index: 998 !important;
}
.iziModal .iziModal-header {
  box-shadow: none !important;
}
.iziModal .iziModal-header.iziModal-noSubtitle {
  height: auto;
  padding: 25px 15px 12px !important;
}
.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-buttons {
  right: 0px !important;
  margin: -16px 0 0;
}
.iziModal-navigate-prev {
  display: block !important;
  left: 0% !important;
}
.iziModal-navigate-next {
  display: block !important;
  right: 0% !important;
}
.iziModal-navigate > button {
  opacity: 1 !important;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .iziModal-navigate > button {
    width: 50px !important;
  }
}
.iziModal .iziModal-button {
  opacity: 1 !important;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .iziModal-navigate > button {
    top: 22px !important;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .iziModal-navigate > button {
    top: 50% !important;
    transform: translateY(-50%);
    height: 100px !important;
    margin-top: 16px !important;
  }
}
.album-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 1;
  background-color: rgba(39, 39, 39, 0.87);
  top: 0;
  left: 0;
  z-index: 11;
  padding: 80px;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .album-overlay {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .album-overlay {
    padding: 0px;
  }
}
.album-overlay .album-container {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
  background-color: #ffffff;
  max-width: 1680px;
}
.album-overlay .album-container .album-close {
  cursor: pointer;
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  margin-left: 5px;
  margin-bottom: 20px;
  width: 45px;
  height: 45px;
  margin-right: -50px;
  margin-top: -50px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .album-overlay .album-container .album-close {
    margin-top: -60px;
    margin-right: 0px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .album-overlay .album-container .album-close {
    width: 30px;
    height: 30px;
    margin-top: 10px;
    margin-right: 10px;
  }
}
.album-overlay .album-container .album-close:before,
.album-overlay .album-container .album-close:after {
  content: "";
  position: absolute;
}
.album-overlay .album-container .album-close:before {
  left: 0;
  top: 50%;
  width: 100%;
  border-top: 2px solid #ffffff;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .album-overlay .album-container .album-close:before {
    border-top: 2px solid #000000;
  }
}
.album-overlay .album-container .album-close:after {
  top: 0;
  left: 50%;
  height: 100%;
  border-left: 2px solid #ffffff;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .album-overlay .album-container .album-close:after {
    border-left: 2px solid #000000;
  }
}
.album-overlay .slider-container {
  display: inline-block;
  width: calc(100% - 400px);
  height: calc(100% - 100px);
  position: relative;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .album-overlay .slider-container {
    width: calc(100% - 250px);
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .album-overlay .slider-container {
    width: 100%;
    height: calc(55% - 52px);
    margin-top: 52px;
  }
}
.album-overlay .slider-container .slider-wrapper {
  width: 100%;
  overflow: hidden;
  height: 100%;
  background-color: #000000;
}
.album-overlay .desc-container {
  padding: 30px;
  display: inline-block;
  width: 400px;
  height: calc(100% - 100px);
  vertical-align: top;
  text-align: left;
  overflow: scroll;
}
@media (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px) {
  .album-overlay .desc-container {
    width: 250px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .album-overlay .desc-container {
    width: 100%;
    padding: 20px;
    padding-top: 5px;
    height: calc(100% - (55% + 68px));
  }
}
.album-overlay .thumbnail-container {
  display: inline-block;
  width: 100%;
  height: 100px;
  vertical-align: top;
  padding: 15px;
  margin-top: -6px;
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .album-overlay .thumbnail-container {
    display: none;
  }
}
.album-overlay .thumbnail-container .thumbnail-wrapper {
  width: 100%;
  overflow: hidden;
  height: 100%;
}
.album-overlay .swiper-slide {
  background-size: cover;
  background-position: center;
  cursor: pointer;
  background-repeat: no-repeat;
}
.album-overlay .slider-container .swiper-slide {
  background-color: #000000;
  background-size: contain;
}
.album-overlay .thumbnail-container .swiper-slide {
  width: 100px;
  height: 100%;
  opacity: 0.4;
}
.album-overlay .thumbnail-container .swiper-slide-thumb-active {
  opacity: 1;
}
.visibility0 {
  visibility: hidden !important;
  opacity: 0;
}
.en .offer-dropdown {
  min-width: 220px !important;
}
@keyframes testi_bounce {
    0%, 100% {
        transform: scale(0.5);
    }

    50% {
        transform: scale(1);
    }
}
@media (max-width: 991px) {
  .me-testimonial-user{height: 310px;}
  .me-testimonial-user img {width: 80px;height: 80px;}
	.me-testimonial-user img:nth-child(3) {top: 160px;}
	.me-testimonial-user img:nth-child(4) {bottom: 80px;}
	.me-testimonial-user img:nth-child(5) {right: 120px;bottom: 150px;}
}
@media (max-width: 767px) {
	.col-md-5{max-width: initial;flex: auto;}
	.me-testimonial-user {height: 270px;margin-top: 0;}
	.me-testimonial-user img {right: 0;top: 0;}
	.me-testimonial-user img:nth-child(2){right: 0;}
	.me-testimonial-user img:nth-child(3) {top: 80px;left: 0;right: 0;margin: auto;}
	.me-testimonial-user img:nth-child(4), .me-testimonial-user img:nth-child(5) {bottom: 40px;}
	.me-testimonial-user img:nth-child(5) {right: 30px;bottom: 50px;}
}