:root {
    --lightgold: #e0c588;
    --gold: #e0c588;
    --light: #f4f4f4;
    --dark: #000;
    --lightdark: #434343;
    --maxwidth: 1100px;
    --globpadding: 16px;
}
html, body{
    margin:0;
    padding:0;
    font-size: 16px;
    color: var(--dark);
    font-family: 'Roboto', sans-serif;
}
ul,li,p,h1,h2,h3,h4,h5,h6,ol{margin:0;padding:0;font-weight: 400;display: block;}
div,header,section,footer {box-sizing: border-box;margin:0 auto;}
h1 {font-size: 24px;line-height: 40px;}
h2 {font-size: 20px;line-height: 36px;}
h3 {font-size: 18px;line-height: 28px;}
h4 {font-size: 16px;line-height: 20px;}
h5 {font-size: 14px;line-height: 20px;}
h6 {font-size: 12px;line-height: 20px;}
ul{list-style: none;}
a, a:hover{color:var(--dark);text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-family: 'Noto Serif', serif;}

header{
    -webkit-box-shadow: 0px 4px 18px -4px rgb(67 67 67);
    box-shadow: 0px 4px 18px -4px rgb(67 67 67);
    background: var(--dark);
}

header section:first-of-type{background: var(--dark);padding:6px 0;border-bottom:1px solid var(--lightdark)}
header section:first-of-type div{max-width: var(--maxwidth);display:flex;justify-content: space-between;}
header section:first-of-type p a:not(:last-child),
header section:first-of-type p span:not(:last-child){margin-right:20px;}
header section:first-of-type p a,
header section:first-of-type p span{color:var(--gold);}
header section:first-of-type p a:hover{color:var(--lightgold);}
header section:last-of-type{display:flex;max-width: var(--maxwidth);justify-content: space-between;}
header section:last-of-type > div{max-width:200px;margin: auto;}
header section:last-of-type > div img{width:100%;}


header section nav{width:100%;display:flex;justify-content: flex-end;align-items: stretch;}
header section nav > ul{display:flex;align-items: stretch;}
header nav > ul > li{display:inline-flex;align-items: stretch;position:relative;}

header nav > ul > li > a,
header nav > ul > li > span{color:var(--gold);font-size: 18px;font-weight: 400;margin:0 30px 0 0;position:relative;display:inline-flex;align-items: center;cursor:pointer}
header nav > ul > li:last-of-type > a,
header nav > ul > li:last-of-type > span{margin:0;}
header nav > ul > li > a:hover,
header nav > ul > li > span:hover{color:var(--lightgold);transition: 0.5s;}

header section nav .has-submenu > a::after,
header section nav .has-submenu > span::after {
    content: '';
    width: 4px;
    height: 4px;
    border-right:2px solid var(--gold);
    border-bottom:2px solid var(--gold);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin:-3px 0 0 6px;
}

header section nav ul ul {
    position:absolute;
    display:none;
    white-space: nowrap;
    background: #fff;
    padding:20px;
    box-shadow: 15px 15px 38px 0 rgb(0 0 0 / 10%);
    -webkit-box-shadow: 15px 15px 38px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 15px 15px 38px 0 rgba(0,0,0,.1);
    border-bottom:3px solid var(--gold);
}

header section nav ul ul li:not(:last-of-type){border-bottom:1px solid var(--light)}
header section nav ul ul li a{font-size: 16px;padding-left:0;transition: all 0.1s linear;margin-right:14px;font-weight: 600;display:block;line-height: 36px;}
header nav ul ul li a:before{content:"";display:inline-block;width: 14px;margin-left: -14px;}
header nav ul ul li a:hover{padding-left:14px;margin-right:0;color:var(--gold);}
header nav ul ul li a:hover:before{content:"//";}

header.sticky{position: fixed;width: 100%;z-index: 10;background: #fff;}
header.sticky section:last-of-type > div{max-width:150px;margin: auto;}
header.sticky section:first-of-type{background: #fff;}
main{background: url('mainback.png') center bottom no-repeat;overflow: hidden;}

header.mMenu{
  margin:0 auto;
  width:100%;
  position:fixed;
  top:0;
  z-index:190;
  padding:0;
  display:flex;
  flex-wrap: wrap;
  background: none;
}
.mStick {
  display:flex;
  cursor:pointer;
  padding: 6px 14px;
  justify-content: space-between;
  width:100%;
  background: var(--dark);
}
.mStick p{width:140px;}
.mStick p a img{width:100%;}
.mStick span{
  float:right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mStick span:after{
  content:"\e5d2";
  font-family: 'icomoon';
  color:var(--lightgold);
  margin: auto;
  font-size: 30px;
  cursor:pointer;
}
.mStick span.closeBtn:after{
  content:"\e5cd";
}
.mMenu > p{
  width:15%;
  background: rgba(0,0,0,0.3);
  margin:0;
}
.fMenu{
  display:none;
  background: var(--dark);
  overflow-y: scroll;
  height:100%;
  min-height: 100%;
  height:100vh;
  width:85%;
  padding: 20px 0 60px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin:0;
  list-style: none;
}
.fMenu > nav > ul > li ul{
 display:none;
 margin: 4px 10px 4px 20px;
 list-style: none;
 position:relative;
}
.fMenu > nav > ul > li > ul a, .fMenu > li > ul span{
  display:block;
  color:var(--gold);
  margin:0 8px;
  padding:6px 0;
  font-size: 18px;
}
header .fMenu nav > ul > li > a, header .fMenu nav > ul > li > span{font-size: 20px;}
.fMenu > nav > ul > li > span{
  cursor:pointer;
  display: block;
}
.fMenu > nav > ul > li > span:after{
  content:"\e409";
  font-family: 'icomoon';
  float:right;
}
.fMenu > nav > ul> li > span.activeSub:after{
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fMenu > nav > ul > li{
  color:var(--gold);
  margin: 0 24px 0 8px;
  padding:6px 0;
  display:block;
  font-size: 18px;
  border-bottom: 1px solid var(--lightdark);
}
.fMenu > nav > ul > li:last-of-type{
  border: none;
}
.mMenu + main{padding-top: 62px;}

.mTop{background: var(--dark);padding: 6px 10px;border-bottom: 1px solid var(--lightdark);width:100%;}
.mTop > p span{margin-right: 20px;color: var(--gold);}
.mTop > p a{color: var(--gold);}
.mTop > p a:hover{color: var(--lightgold);}
.stickF {
  height: 40px;
  position: fixed;
  bottom: 0;
  z-index: 100;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.stickF a {
  width: 100%;
  background: var(--gold);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.stickF a:after {
  content: "\e942";
  font-family: icomoon;
  color: #fff;
  font-size: 30px;
  margin: auto;
}
.mobPadding{padding-bottom: 60px;}
/* ============ Banner Section ============= */
.mainBanner {
    padding:16% 0 3% 0;
    background-position: center left;
    background-size: cover;
}
.mainBanner > div{
    max-width: var(--maxwidth);
    padding:26px 0;
}
.mainBanner > div h1{
    color:#fff;
    font-size: 56px;
    margin-bottom:2.7%;
    line-height: 66px;
    margin-left:-50px;
    -webkit-animation: banh1 0.5s forwards;
    animation: banh1 0.5s forwards;
    background:#434343cc;
}
.mainBanner > div p{
    color:#fff;
    font-size: 18px;
    margin-bottom:2.7%;
    white-space: pre-line;
    line-height: 32px;
    margin-left:-50px;
    -webkit-animation: banh1 0.7s forwards;
    animation: banh1 0.7s forwards;
    background:#434343cc;

}
.mainBanner > div a,.mainBanner > div span{
    background: var(--gold);
    padding:10px 20px;
    font-size: 24px;
    display:inline-block;
    margin-left:-50px;
    -webkit-animation: banh1 0.9s forwards;
    animation: banh1 0.9s forwards;
    background:#434343cc;
}
.mainBanner > div a:hover{background: var(--lightgold);}

@keyframes banh1 {
    100% { margin-left: 0; }
}

.mainBlocks{
    max-width: var(--maxwidth);
    display: flex;
    flex-wrap: wrap;
    margin: 60px auto;
}
.mainBlocks > div{width:50%;padding:40px;}
.mainBlocks > div:nth-of-type(odd){padding-left:0;}
.mainBlocks > div:nth-of-type(even){padding-right:0;}
.mainBlocks > div img{width:100%;opacity: 0.8;}
.mainBlocks > div > div{position:relative;box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 40%);background: #000;display: flex;}
.mainBlocks > div > div > div{
    display:flex;
    position:absolute;
    top:50%;left:50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width:90%;
    flex-wrap: wrap;
    justify-content: center;
}
.mainBlocks h2{color:#fff;font-size: 28px;margin-bottom:30px;}
.mainBlocks p{color:#fff;font-size: 18px;margin-bottom:30px;width:100%}
.mainBlocks a, .mainBlocks span{background: var(--gold);padding:10px 20px;border:1px solid var(--dark);font-size: 18px;}
.mainBlocks a:hover{background: var(--lightgold);}


.mainMark{max-width: var(--maxwidth);margin: 60px auto;}
.mainMark h1, .mainMark h2, .mainMark h3, .mainMark h4, .mainMark h5, .mainMark h6{color:var(--lightdark);margin-bottom:20px;}
.mainMark h1{font-size: 40px;line-height: 56px;}
.mainMark h2{font-size: 36px;line-height: 48px;}
.mainMark h3{font-size: 32px;line-height: 42px;}
.mainMark h4{font-size: 26px;line-height: 436px;}
.mainMark h5{font-size: 22px;line-height: 30px;}
.mainMark h6{font-size: 18px;line-height: 28px;}
.mainMark p{margin-bottom: 20px;line-height: 26px;}

.mainEnd{margin:0 auto;text-align: center;}
.mainEnd a, .mainEnd span{
    background: var(--gold);
    padding:10px 20px;
    font-size: 24px;
    display:inline-block;
}
.mainEnd a:hover{background: var(--lightgold);}


footer{background: url('footerback.png') center top no-repeat;text-align: center;}
footer h4{color:var(--lightgold);font-size: 40px;line-height: 56px;margin: 30px 0;}
footer > div {margin-bottom:40px;padding-top:20px;}
footer > div > img{width:100%;max-width: 300px;}
footer div div {color:var(--light);}
footer div div p{margin-bottom:10px;}
footer > p{width:100%;background: var(--dark);text-align: center;padding:20px 0;color:var(--light);}
footer > div > p{color: var(--light);margin-bottom:10px;}
footer > div > p a{color:var(--light);}
footer > div > p a:hover{color:var(--light);text-decoration: underline;}

/* ======== INFORMATION ======== */
.infoArticle > div > *{padding:30px 16px}
.infoArticle > div > *:first-child{padding-top:0}
.infoArticle > div{width:100%;max-width: var(--maxwidth);margin:80px auto;}
.infoArticle > div img{max-width: 100%;}
.article-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
}
.article-grid + .article-grid {margin-top: 1rem;}
.article-grid figure, .article-grid img {margin: 0;}
.article-grid .col-1 { grid-column: span 1; }
.article-grid .col-2 { grid-column: span 2; }
.article-grid .col-3 { grid-column: span 3; }
.article-grid .col-4 { grid-column: span 4; }
.article-grid .col-5 { grid-column: span 5; }
.article-grid .col-6 { grid-column: span 6; }
.article-grid .col-7 { grid-column: span 7; }
.article-grid .col-8 { grid-column: span 8; }
.article-grid .col-9 { grid-column: span 9; }
.article-grid .col-10 { grid-column: span 10; }
.article-grid .col-11 { grid-column: span 11; }
.article-grid .col-12 { grid-column: span 12; }
.align-center{text-align: center;}
.align-left{text-align: left;}
.align-right{text-align: right;}
.align-justify{text-align: justify;}
figure {margin: 0;}
figcaption {font-size: .9rem;color: var(--dark);text-align: center;margin-bottom: 1rem;}
blockquote {margin: 2rem 0 2rem 2rem;padding: .4rem .8rem;border-left: .35rem solid var(--gold);opacity: .8;font-style: italic;}
cite {font-size: 0.9rem;color: var(--dark);font-style: normal;}
code,pre,kbd,samp {font-size: 1rem;color: var(--dark);}
code {font-size: 1.075rem;}
kbd {
  color: var(--dark);
  border: 1px solid var(--dark);
  border-bottom: 3px solid var(--dark);
  border-radius: 5px;
  padding: .1rem;
}
pre {
  padding: 1rem 1.4rem;
  max-width: 100%;
  overflow: auto;
  color: var(--dark);
  background: var(--lightdark);
  border: 1px solid var(--dark);
  border-radius: 5px;
}
pre code {color: var(--dark);background: none;margin: 0;padding: 0;}
.float-left{float:left;}
.float-right{float:right;}
figure.outset-left {margin-left: -60px;}
figure.outset-right {margin-right: -60px;}
.infoArticle > div p{font-size: 18px; line-height: 26px;margin-bottom:20px;}
.infoArticle > div ul{font-size: 18px; line-height: 26px;list-style: disc;}
.infoArticle > div ol{font-size: 18px; line-height: 26px;list-style: decimal;}
.infoArticle > div ul li, .infoArticle > div ol li{margin:0 0 20px 40px;display: list-item;}
.infoArticle > div h1 {font-size: 46px;line-height: 56px;}
.infoArticle > div h2 {font-size: 40px;line-height: 50px;}
.infoArticle > div h3 {font-size: 32px;line-height: 40px;}
.infoArticle > div h4 {font-size: 22px;line-height: 30px;}
.infoArticle > div h5 {font-size: 18px;line-height: 26px;}
.infoArticle > div h6 {font-size: 18px;line-height: 26px;}
.infoArticle > div div h1,.infoArticle > div div h2,.infoArticle > div div h3,.infoArticle > div div h4,.infoArticle > div div h5,.infoArticle > div div h6{margin-bottom:20px;}
.infoArticle > div > hr{padding:0;margin:40px 0;}
.infoArticle > div hr{border: 0;height: 1px;background: var(--dark);background-image: linear-gradient(to right, var(--lightdark), var(--dark), var(--lightdark));}
form.boltforms label.required:after {content: " *";color: #F00;font-weight: normal;}
form.boltforms .form-group {margin: 0.75em 0.1em;}
.infoArticle .boltforms-feedback {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.boltforms-feedback.success {
  border: 1px solid #D6E9C6;
  color: #468847;
  background-color: #DFF0D8;
}
.boltforms-feedback.debug {
  border: 1px solid #FFEEBA;
  color: #856404;
  background-color: #FFF3CD;
}
.boltforms-feedback.error {
  border: 1px solid #EED3D7;
  color: #B94A48;
  background-color: #F2DEDE;
}
ul.boltform-error {margin-left: 0;padding-left: 0;}
li.boltform-error {
  list-style: none;
  border: 1px solid #EED3D7;
  color: #B94A48;
  background-color: #F2DEDE;
}
.boltforms-preview-image {display: inline-block;}
form.boltforms {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
form.boltforms > div.boltforms > div{display:flex;flex-direction: column;margin-bottom: 20px;}
form.boltforms > div.boltforms > div ul{list-style: none;}
form.boltforms > div.boltforms > div ul li{font-size: 16px; color:red;font-size: 14px; line-height: 16px;margin:0}
form.boltforms > div.boltforms input[type=text],
form.boltforms > div.boltforms input[type=email],
form.boltforms > div.boltforms textarea,
form.boltforms > div.boltforms select{width:100%;box-sizing: border-box;font-size: 14px;font-family: 'Roboto', sans-serif;}
form.boltforms > div.boltforms textarea{height:150px;}
form.boltforms > div.boltforms button[type=submit]{color:var(--dark);background: var(--gold);font-size: 18px;padding:10px 20px;cursor:pointer;border:none;}
form.boltforms > div.boltforms button:hover{background: var(--lightgold)}

/* Contact Us */
.contPhone{width:100%;max-width: 600px;margin:80px auto;}
.contPhone > p{margin:40px 0;font-size: 22px;}
.contPhone > p span{color:var(--gold);margin-right:20px;}
.contactUs iframe{width:100%;}


/* Gallery */
.galleryM {width: 100%;max-width: var(--maxwidth);margin: 40px auto;}
.galleryM > div {display: flex;flex-wrap: wrap;}
.galleryM > div > div{width:33%;padding:40px 0;margin: 0;}
.galleryM > div > div a{display: inline-block;text-align: left;width: 100%;}
.galleryM > div > div:nth-child(3n) a{text-align: right;}
.galleryM > div > div:nth-child(3n+1) a{text-align: left;}
.galleryM > div > div:nth-child(3n+2) a{text-align: center;}
.galleryM > div img{width:90%;border: 1px solid var(--gold);}



@media (max-width: 1100px) {
  .mainBanner {background-position: left 30% bottom;}
  main section:not(.mainBanner){padding-left:20px;padding-right:20px}
  .mainBlocks > div{padding:20px}
  footer > div{padding:20px 20px 0 20px;margin-bottom:0;}
  .mainBanner > div{padding:26px 20px}
  .mainBanner > div h1{font-size: 26px;line-height: 30px;}
  .mainBanner > div p {font-size: 16px;line-height: 24px;}
}
@media (max-width: 800px) {
  .mainBlocks > div{width:70%;}
  .mainBlocks > div:nth-of-type(odd){padding:20px 0 20px 0;}
  .mainBlocks > div:nth-of-type(even){padding:20px 0 20px 0;}
  .galleryM > div > div{width:50%;}
  .galleryM > div > div:nth-child(2n) a{text-align: right;}
  .galleryM > div > div:nth-child(2n+1) a{text-align: left;}
  .infoArticle > div ul li, .infoArticle > div ol li{margin: 0 0 20px 0;}
  .article-grid {display: flex;flex-direction: column;}
  .article-grid .col-1 {order: 1;}
  .article-grid .col-2 {order: 2}
  .article-grid .col-3 {order: 3}
  .article-grid .col-4 {order: 4}
  .article-grid .col-5 {order: 5}
  .article-grid .col-6 {order: 6}
  .article-grid .col-7 {order: 7}
  .article-grid .col-8 {order: 8;margin-top:20px;}
  .article-grid .col-9 {order: 9}
  .article-grid .col-10 {order: 10}
  .article-grid .col-11 {order: 11}
  .article-grid .col-12 {order: 12}
  .infoArticle > div > *{padding: 20px 16px;}
  .infoArticle .align-center{text-align: left;}
  .infoArticle > div h3 {font-size: 26px;line-height: 32px;}
}
@media (max-width: 600px) {
  .mainBlocks > div{width:100%;}
  footer h4{font-size: 30px;line-height: 36px;}
  blockquote{margin:2rem 0;}
}
@media (max-width: 460px) {
  .mainBlocks p{font-size: 16px;margin-bottom: 10px;}
  .mainBlocks h2 {font-size: 22px;margin-bottom: 10px;}
  .galleryM > div{justify-content: center;}
  .galleryM > div > div{width:90%;}
  .galleryM > div > div:nth-child(n) a{text-align: center;}
  .galleryM > div > div img{width:100%}
}