@charset "UTF-8";
/*@import url(https://fonts.googleapis.com/earlyaccess/notoseriftc.css);*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..800&display=swap');

@font-face {
    font-family: 'Futura Cyrillic';
    src: url('../fonts/FuturaCyrillicLight.eot');
    src: url('../fonts/FuturaCyrillicLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaCyrillicLight.woff2') format('woff2'),
        url('../fonts/FuturaCyrillicLight.woff') format('woff'),
        url('../fonts/FuturaCyrillicLight.ttf') format('truetype'),
        url('../fonts/FuturaCyrillicLight.svg#FuturaCyrillicLight') format('svg'); 
    font-style: normal;
    font-display: swap;
}
 
html,body{  
	font-size:16px;
	font-weight:400;
	font-family:'Noto Serif TC','Noto Serif SC','Arial', sans-serif;
	
	color:#fff; 
	background:#23301c;
	
 	width:100%; height:100%; margin:0; overflow:hidden;
	
	text-size-adjust:none;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale; 
}
body.flat{ background:#fff;  }

img{ border:none; padding:0; margin:0;  }
a{ font-size:inherit; color:inherit; /*text-decoration:none;*/ -webkit-tap-highlight-color:rgba(0,0,0,0);  }
body, html, div, select, input, textarea, img, span{ font-family:'Noto Serif TC','Noto Serif SC','Arial', sans-serif; -webkit-tap-highlight-color:rgba(0,0,0,0); }

h1,h2,h3,h4{ font-weight:inherit; font-size:inherit; line-height:inherit; margin:0; padding:0; display:inherit; }
p{ margin:0 0 1em 0; line-height:1.6;  }

input{ background-color:transparent; border:none; color:#000; font-size:inherit; width:100%}
input:focus, textarea:focus{ outline:none;    }
input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover {
    background:#fff; -webkit-box-shadow:inset 0 0 0px 9999px #fff; box-shadow:inset 0 0 0px 9999px #fff; color:#000; -webkit-text-fill-color:#000 !important;
}

ul, li{  padding:0; margin-left:0.8em; list-style-type:disc; }
ol, ol li{ margin-left:0; padding-left:0; }
ol{ margin-left:0em; margin-top:0; }
ol li{ margin-bottom:0em; list-style-position:inside;  }
ul li{ margin-bottom:0.5em; list-style-position:inside;  }
ul li:last-child{ margin-bottom:0em }
sup, sub{ font-size:0.6em!important;   position: relative;  top:-.8em}

.agreement-container ul li{ list-style-position: outside}

button{ padding:0; margin:0; border:none; font-family:inherit; font-size:inherit; font-weight:inherit; color:inherit; line-height:1; cursor:pointer; background:transparent }


.clear{ clear:both; }
.bg-contain{ background-repeat:no-repeat; background-size:contain; background-position:center;  }
.bg-child{ width:90%; height:90%; top:5%; left:5%; position:absolute; }
.bg-ani-linear{  animation-iteration-count:infinite; animation-timing-function:linear; }
.bg-black{ background:#000;} 

.desktop-only{display:none }
.mobile-only{  }

/* text style */
.txt-black{ color:#000; }
.txt-white{ color:#fff; }
.txt-grey{ color:#828282; } 
.txt-bold{ font-weight:800; }
.txt-semibold{ font-weight:600; }
.txt-medium{ font-weight:500; }
.txt-xlight, .media-ele{ font-weight:200;}
.txt-gold{ color:#b99664}

.txt-giant{ font-size:3.5em; }
.txt-title{ font-size:2.5em; }
.txt-bigd{ font-size:1.2em; }
.txt-bigger{ font-size:2em; }
.txt-big{ font-size:1.75em; }
.txt-hl{ font-size:1.25em; }
.txt-media-container{ font-size:1em;}
.txt-small{ font-size:0.9em; }
.txt-tiny{ font-size:0.8em; }
.txt-mini{ font-size:0.5em; font-weight:200 }

.oneline{ line-height:1}

.txt-shadow{ text-shadow:0 0 .5em rgba(0,0,0,0.8);}


.txt-wide{ letter-spacing:.2em }
 
/* text style */


/* header */
.head-container.inactive{ display:none }
.head-container{ position:fixed; background:#23301c;  width:100%; top:0; left:0; height:auto; z-index:10;}
.head-container-inner{  display:flex; align-items:center; justify-content:flex-start; height:100%   }
 
.logo-container {  background-image:url("../img/logo.svg"); background-position:left center; background-size:contain; background-repeat:no-repeat; width:11.6em; height:1em; margin-left: 1em;  } 

.audio-button{  background-image:url("../img/audio.svg?v=4"); background-position:left center; background-size:200% auto; background-repeat:no-repeat; width:1.25em; height:100%; margin-right:.5em   } 
.audio-button.active{   background-position:left center; background-image:url("../img/audio-on.svg?v=4");  } 

.language-container{ height:100%;  position:absolute; right:0; top:0; display: flex;  align-items: stretch;}
.language-container  a{ text-decoration:none; cursor:pointer!important; }
.lang-button{  width:4em; text-align:center; cursor:pointer; position:relative; height:100%; display:flex; align-items:center; justify-content:center; line-height:1; font-family: 'Noto Serif TC','Noto Serif SC','Arial', sans-serif;}
.lang-button.hover, .lang-button.active{ background:#b99664;   }

.sales-container{ position:relative; display:flex;  line-height:1.1;  margin-left:.5em; /*font-family:'Futura Cyrillic', 'Noto Serif TC','Arial', sans-serif;*/  }
.sales-container a { text-decoration:none;  }
.sales-container > ul{ position:relative; display:flex; align-items:center; text-transform:uppercase; padding:0!important;  margin:0!important; cursor:pointer}
.sales-container > ul > li{   padding:0em 1.75em!important;  margin:0!important; min-height:3.5em; align-items:center; display:flex}
.sales-container ul li{ list-style:none!important; margin:0}

.sales-container > ul > li.has-submenu{ /*padding-right:1em!important;*/   position:relative;}
.sales-container > ul > li.has-submenu:after{ background-image:url("../img/submenu.svg"); content: '';
    width: 0.5em;
    height: 0.8em;
    display: inline-block;
    margin-left:.5em;
    vertical-align: middle; 
    background-repeat: no-repeat;  background-size: contain; background-position: center right;
    margin-top: 0.1em;
    transition-duration: 0.2s; transition-timing-function: ease-out; }

ul.submenu{ position: absolute; background-color:#23301c; top:calc(100% + 0em); left:0; margin-left:0; min-width:100%; display:none }
ul.submenu > li{ padding:0.75em 1.75em!important; /*white-space:nowrap*/  }

.has-submenu.active ul.submenu{ display:block}
.sales-container > ul > li.has-submenu.active:after{ transform:rotate(180deg)}
.sales-container li.active, .sales-container li.hover{ background:#b99664 }

body.eng .sales-container{ width:calc(100% - 30em) }



.overlay-container{ display:none}
.overlay-container.active{ background:rgba(38,26,41,0.7); position:absolute; width:100%; height:100%; left:0; top:0; z-index:12; display:block}
/*.overlay-bg-container{ position:absolute; width:100%; height:100%; opacity:0.8; top:0; left:0; background-repeat:no-repeat; background-size:cover; background-position:center; background-image:url("../img/overlay-bg.jpg"); }
.overlay-bg-container-inner{ position:absolute; border:1px solid #fff; width:calc(100% - 2px); height:calc(100% - 2px); top:0; left:0}*/
.overlay-container-inner{ max-width:1100px; width:80%; text-align:center; padding:3em; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-height:calc(100% - 12em);overflow-y:auto; background-repeat:no-repeat; background-size:cover; background-position:center;  }
 
.overlay-container-inner:nth-child(2){ overflow:visible; background:transparent;  }

.overlay-container-inner:nth-child(1){ background-image:url("../img/overlay-bg.jpg"); border:1px solid #fff; z-index:1;  }


.full-logo{ margin:0 auto 1em; width:16em; }


.close-button{ position:absolute; right:0; top:-3em; width:3em; height:3em;  }
.close-button > div{ position:absolute; height:1px; width:60%; left:40%; background:#fff;  top:50%; }
.close-button > div:nth-child(1){ top:50%; transform:rotate(-45deg)}
.close-button > div:nth-child(2){ top:50%; transform:rotate(45deg)}
	

 
/* header */

.scrollbar-inner{  height:100%;}

.page-container-inner{ position:relative; width:100%; display:flex; justify-content:center; align-items:center; height:100%;  }


.page-container{ position:absolute; width:100%; height:100%;  top:0; left:0; transform:translateY(100%); transition:transform 1s cubic-bezier(0,.69,.41,1); /*min-height:600px;*/   }
.page-container .wrapper{  transform:translateY(10em); opacity:0;}
.page-container.active .wrapper{ transform:translateY(0em); opacity:1;  transition:opacity .5s .5s, transform 1s .5s cubic-bezier(0,.69,.41,1); }

.home-video-container{  width:100%; height:100%; overflow:hidden}
.home-video-container video{ object-fit: cover; width:100%; height:100%; object-position: center; }
.home-video-disclaimer{ position:absolute; bottom:0; left:0; padding:1em;}

.page-container.intro{ background-color:#24311e; background-image:url("../img/intro-bg.jpg"); background-repeat:no-repeat; background-position:center; background-size:cover; }

.intro-container{ text-align:center;  width:90%; max-width:1200px; padding:4em 0 }
.intro-container .txt-big{ margin-bottom:1em }


.page-container.section{ background-color:#24311e; background-image:url("../img/section-bg.jpg"); background-repeat:no-repeat; background-position:center; background-size:cover; }

.page-container.section .page-container-inner {    width:100%}

.section-container .txt-big{ margin-bottom:.5em }
.section-container{ text-align:center;  width:100%; padding:0em 0; display:flex; height:calc(100% - 3em); margin-top:3em;   }  
.section-container-a, .section-container-b, .section-container-c{ background-image:url("../img/section-a.jpg"); background-repeat:no-repeat; background-position:center right; background-size:cover; height:100%; width:45%; position:relative}
.section-container-a{ background-position: top; opacity:0; pointer-events:none }

.section-container-b{ background-image:url("../img/section-b.jpg"); height:100%; margin-left:1em; width:45%}
.section-container-c{ background-image:url("../img/section-c.jpg"); height:100%; width:55% }

.section-container-copy{  width:100%; position:relative; /*height:50%; display:flex; align-items:center; justify-content:center;*/ transform:translateY(5em); opacity:0; margin-bottom:3em;  }

.section-container-copy .bottom-dis{ transform:translateY(3em); opacity:0 }
.page-container.section  > div > .bottom-dis{ /*width:calc(45% - 2em);*/width:calc(100% - 2em);}
.section-container-copy > div:nth-child(1){ max-width:1200px; margin: auto}
.section-container-copy > .bottom-dis{ display:none}

.page-container.active .section-container-copy{   transform:translateY(0em); opacity:1;  transition:opacity .5s .4s, transform 1s .4s cubic-bezier(0,.69,.41,1);}
.page-container.active .section-container-copy .bottom-dis{   transform:translateY(0em); opacity:1;  transition:opacity .5s .8s, transform 1s .8s cubic-bezier(0,.69,.41,1);}

.section-container-right{ width:100%; display:flex; align-items:center; /*flex-wrap:wrap-reverse*/  }
.section-container-right-inner{ width:100%; height:calc(45vh - 4em); display:flex; justify-content:center;  margin:2em auto 0 auto; } 


.page-container.media{ background:#3a3f38; display:flex; justify-content:center; align-items:center}
.media-container{  text-align: center;  width:calc(100% - 10em); max-width:1400px; position:relative} 
.seperator{ margin:1em auto 1.25em auto; width:2em; height:.5px; background:white }
.media-buttons-container{ display:flex; justify-content:center;  }
.media-buttons-container > button{ margin:0 1em; padding-bottom:.7em;   letter-spacing:.1em; position:relative;}
.media-buttons-container > button:after{ position:absolute; content:''; width:calc(100% - .2em); height:1px; background:#b99664; left:0; bottom:0; transform:scale(0,1); transition:transform .4s cubic-bezier(0,.69,.41,1); transform-origin:left center}


.media-nav-container{ position:absolute;   width:calc(100% + 4em); max-width:calc(1400px + 4em); height:100px; left:50%; top:calc(50% + 2em); transform:translate(-50%,-50%); display:none }
.media-nav-container > button{ position:absolute; width:1.5em; height:2em; top:50%; transform:translateY(-50%); background-image:url(../img/nav.svg); background-size:contain; background-repeat:no-repeat;    }
.media-nav-container > button:nth-child(1){ left:0; background-position:right center; transform:translateY(-50%) scale(-1,1);  }
.media-nav-container > button:nth-child(2){ right:0; background-position:right center }

.media-nav-container.active{ display:block}
.media-nav-container.inactive{ display:none!important}
.media-nav-container.first > button:nth-child(1){ display:none}
.media-nav-container.last > button:nth-child(2){ display:none}

.media-content-container{ width:100%;  margin:0em auto 0em auto; overflow:hidden; display:none; }
.media-content-container.gallery, .media-content-container.video{ margin:4em auto 3em auto}
.media-content-container.active{ display:block}
.media-content-container-inner{ position:relative; overflow-x:hidden; width:1000%; display:flex;  transition:transform .8s cubic-bezier(0,.69,.41,1); }
.media-content-container-inner.onlyone{ width:100%; justify-content:center; }
.media-ele{ width:3%; margin-right:0.5% }
.media-ele.disabled{ pointer-events:none}
.media-ele.disabled > div{ position:relative}
.media-ele.disabled .txt-black{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); line-height: 1}

.media-ele:last-child{ margin-right:0!important }
.media-content-container-inner.onlyone .media-ele{ margin:auto!important; width:45.5%;}
.booklet .media-ele{ margin:auto!important; width:17%!important; display:flex; align-items:center}
.booklet .media-ele img{  box-shadow: 0px 0em 1em rgba(0, 0, 0, 0.2); vertical-align:middle; }

.play-icon{ background-image:url("../img/play-icon.svg"); background-size:contain; background-repeat:no-repeat;  position:absolute; width:5em; height:5em; left:50%; top:50%; transform:translate(-50%,-50%); pointer-events:none; opacity:0.8 }

.media-ele{ text-align:center; position:relative}
.media-ele > div{ position:relative;}
.media-ele > div:last-child{ margin-top:.25em; font-size:0.85em }


@media only screen and (min-width:1450px)  and (max-width:1599px) {
	.media-ele > div:last-child{ font-size:0.8em }
}
@media only screen and (min-width:1024px)  and (max-width:1449px) {
	.media-ele > div:last-child{ font-size:0.7em }
}

.book-title{ position:absolute!important; line-height:1; text-align:center; width:100%; top:100%; left:0; }

.book-button{ position:absolute; line-height:1; padding:.7em 1.2em; border:1px solid #fff; top:calc(100% + 2.5em); left:50%; transform:translateX(-50%); white-space:nowrap }
.book-button:before, .book-button:after{ content:''; position:absolute; height:100%; width:50%; top:0; background-image:url("../img/button-deco.svg"); background-repeat:no-repeat; background-size:auto 100%; background-position:left center}

.book-button:before{ left:0; transform:scale(1,1);  }
.book-button:after{ left:100%; transform:scale(-1,1);  transform-origin:left center}

.media-content-container.booklet, .media-content-container.booklet .media-content-container-inner{ overflow:visible}


.fancybox__caption {
  top: 0 !important;
	position:fixed; z-index:99;
  bottom: auto !important;
  padding: 15px !important; width:100%; text-align:center;
  background: linear-gradient(to bottom, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%) !important;
}

.fancybox-button--fullscreen, .f-button[data-fancybox-toggle-slideshow], .f-button[data-fancybox-toggle-fullscreen] {
  display: none !important;
}
.fancybox__infobar { 
  font-size:.9rem;font-family:'Noto Serif TC','Noto Serif SC','Arial', sans-serif;
  color: #fff; /* Custom text color */
  font-weight:500;
  letter-spacing:0px; 
  margin-right: 15px;
}

.fancybox-dis{ position:fixed ; left:0; bottom:0; background:#000;  display:none; z-index:99999; padding:.5em;}
.fancybox-dis.active{ display:block}


.media-selectors-container{ display:flex; justify-content:center; align-items:center; vertical-align:middle;  border:.5px solid #fff; line-height:1; width:auto;margin: 0 auto; position:absolute; left:50%; transform:translate(-50%,0); top:100%;}
.media-selectors-container > button{  letter-spacing:.1em; position:relative; display:inline; padding:.9em 1em; width:9em; }

.media-selectors-container{ width:calc(18em + .5px + 2px)}
body.eng .media-selectors-container{ width:calc(24em + .5px + 2px)}
body.eng .media-selectors-container > button{   padding:.9em 1em; width:12em; }

.sep-line{ width:.5px; display: inline; height:2em; background:white; vertical-align:middle; transform:translateY(-2px)}


.media-buttons-container > button.hover:after, .media-buttons-container > button.active:after{ transform:scale(1,1) }
.media-selectors-container > button.hover, .media-selectors-container > button.active{ color:#b99664}



.shadow-bg{ position:absolute; width:100%; height:30%; bottom:0; left:0; background:linear-gradient(0deg,rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); }

.page-container.landscape{  overflow:hidden;}
.page-container.landscape .wrapper{ transform:translateY(0); opacity:1; overflow:hidden!important}
.landscape-container{ position:absolute; top:0%; left:0%;  background-image:url("../img/landscape.jpg"); background-repeat:no-repeat; background-position:center; background-size:cover; width:100%; height:100%; transform:scale(1.1); transform-origin:center;  transition:transform 1.2s 0s cubic-bezier(0,.69,.41,1); }
.page-container.active .landscape-container{ transform:scale(1);  transition:transform 1.2s .1s cubic-bezier(0,.69,.41,1);  }
 
.landscape-logo{  position:absolute; left:50%; transform:translate(-50%,50%); width:11vw; opacity:0; }
.landscape-logo-inner{ background-repeat:no-repeat; background-size:contain; background-position:center; background-image:url("../img/state-residence-logo.svg"); width:100%; padding-bottom:56%;  filter: drop-shadow(0 0px .9em rgba(0, 0, 0, .5))  drop-shadow(2px 0px .6em rgba(0, 0, 0, .5)) ;
}

.page-container.active .landscape-logo{ opacity:1; transform:translate(-50%,0%); transition:opacity 1s .1s, transform 1.2s .1s cubic-bezier(0,.69,.41,1); }


.page-container.footer{ background-color:#24311e; background-image:url("../img/footer-bg.jpg?v=2"); background-repeat:no-repeat; background-position:center; background-size:cover;  }
.footer-container{ text-align:center;  width:90%; max-width:1200px;  padding:4em 0;  }
.footer-container .txt-big{ margin-bottom:1em }
.footer-logo{ width:auto; height:1.5em; margin:.5em auto 1.5em auto; text-align:center}


.footer-container > .txt-small .footer-logo{  opacity:0; transform:translateY(2em)  }
.footer-container > .txt-small > .footer-ele:nth-child(4), .footer-container > .txt-small > .footer-ele:nth-child(5){ opacity:0; transform:translateY(5em)  }

.footer-container > .txt-small .footer-logo{  transition:opacity .5s .4s, transform .5s .4s cubic-bezier(0,.69,.41,1); }
.footer-container > .txt-small > .footer-ele:nth-child(4){  transition:opacity .5s .8s, transform .5s .8s cubic-bezier(0,.69,.41,1);  }
.footer-container > .txt-small > .footer-ele:nth-child(5){  transition:opacity .5s 1.2s, transform .5s 1.2s cubic-bezier(0,.69,.41,1);  }

.page-container.footer.active .footer-container > .txt-small .footer-logo, .page-container.footer.active .footer-container > .txt-small > .footer-ele:nth-child(4), .page-container.footer.active .footer-container > .txt-small > .footer-ele:nth-child(5){ opacity:1; transform:translateY(0)}




.page-container.active{ transform:translateY(0)}
.page-container.inactive{transform:translateY(-100%)}


.bottom-dis{ position:absolute; bottom:1em; left:1em; text-align:left; padding-right:4em}


.nav-container{ position:fixed; right:1em; top:50%; transform:translateY(-50%); width:calc(1em + 2px); display:none }
.nav-container.active{ display:block}
.nav-container > button{ width:1em; height:1em; position:relative; border:1px solid #fff;  }
.nav-container > button.hover:after, .nav-container > button.active:after{ opacity:1;}
.nav-container > button:after{ width:60%; height:60%; background:#b99664; content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); opacity:0  }

.nav-container > button > div{ position:absolute; line-height:1; right:calc(100% + 1em + 1px); transform:translate(100%,-50%); top:50%; background:#fff; display:inline-block; white-space:nowrap; padding:.5em .8em; opacity:0; transition:opacity .2s linear, transform .2s cubic-bezier(0,.69,.41,1);  }
.nav-container > button > div:before{ content:''; position:absolute; width:1.1em; height:100%; right:calc(-1em - 1px); top:0; background-image:url(../img/nav-arrow.svg); background-position:left center; background-size:80% auto; background-repeat:no-repeat; }

.nav-container > button.hover > div{ opacity:1; transform:translate(-0%, -50%); transition:opacity .4s linear, transform .5s cubic-bezier(0,.69,.41,1); }

.photo-caption{ position:absolute; bottom:0; left:0; padding:2em 1em .5em 1em ; /*background:rgba(185,150,100,.8);*/ background:linear-gradient(0deg,rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0) 100%); letter-spacing:.05em; width:calc(100% - 2em); text-align:left}






.popup-container.pdf .controls {
	 position: absolute;  bottom:1em;  left:50%;  transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.6); z-index: 9; height:2.5rem; padding:0;
}
.popup-container.pdf .controls, .popup-container.pdf .controls a { color:#fff;}

.popup-container.pdf .controls, .popup-container.pdf .controls > div { display:flex; align-items: center; }

.popup-container.pdf .controls a {
    width: 2.5rem;
    height: 2.5rem;
    background-size: 40%;
    background-position: center;
    display: block;
    background-repeat: no-repeat;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
}

.popup-container.pdf .controls a:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.popup-container.pdf .controls .zoom a {
    background-image: url(../img/pdf-reader_icon_zoom-in.svg);
}


.popup-container.pdf .controls .zoom a.zoomed {
    background-image: url(../img/pdf-reader_icon_zoom-out.svg);
}


.popup-container.pdf .controls .prev a {
    background-image: url(../img/pdf-reader_icon_prev.svg);
}

.popup-container.pdf .controls .next a {
    background-image: url(../img/pdf-reader_icon_next.svg);
}

.popup-container.pdf .controls .close a {
    background-image: url(../img/pdf-reader_icon_close.svg);
}
.popup-container.pdf .controls .download a {
    background-image: url(../img/pdf-reader_icon_download.svg);
}

.popup-container.pdf .controls .pagination {

    padding: 0px 1em 0 1px;
    line-height: 1;
}
.popup-container.pdf .controls .pagination div {font-size:0.9rem; }
.popup-container.pdf .controls .pagination input {
    display: block;
    width:2.5rem;
    height:2.5rem;
    border: none;
    text-align: center;
    padding: 0; 
    outline: none;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    margin-right:0.5em;
    line-height: 1;
	margin-top:0em; font-size:0.9rem
}


.popup-container.pdf .controls .pagination input[type=number]::-webkit-inner-spin-button,
.popup-container.pdf .controls .pagination input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}




@media only screen and (min-width:1151px)  and (max-width:1559px) {
	body.eng .sales-container.txt-small, body.eng .language-container.txt-small{ font-size:0.8em}
	body.eng .sales-container > ul > li{   padding:0em 1.2em!important; } 
	body.eng ul.submenu > li{ padding:0.75em 1.2em!important; /*white-space:nowrap*/  } 
}
@media only screen and (min-width:1151px)  and (max-width:1279px) {
	body.eng .sales-container.txt-small, body.eng .language-container.txt-small{ font-size:0.7em}
	body.eng .sales-container > ul > li{   padding:0em 1.2em!important; } 
	body.eng ul.submenu > li{ padding:0.75em 1.2em!important; /*white-space:nowrap*/  } 
}

@media only screen and (min-width:1151px)  and (max-width:1279px) {
	.sales-container > ul > li{   padding:0em 1.3em!important; }
}
@media only screen and (min-width:0px)  and (max-width:1150px) {
	body.eng .sales-container{ width:calc(100% - 0em) }
	
	.head-container { height:3em}
	.logo-container{ background-image:url("../img/logo-m.svg"); height:1.7em; width:1.7em }
	.language-container{ left:50%; right:auto; transform:translateX(-50%)}
	
	.sales-container > ul > li.has-submenu:after{ margin-left:1em; }
	
	
	.sales-container{ position:absolute; display:block; margin-left:0em; background:#23301c; width:100%; top:3em; min-height:100%!important; padding-bottom:5em; transform:translateX(-100%);  text-align:center; padding-top:2em}
	.sales-container > ul{  display:block;  }
	.sales-container br{ display:none}
	 
	.sales-container > ul > li{ min-height:0em; padding:1em 1em!important; display:block}
	
	ul.submenu{  position:absolute} 
	  
	.has-submenu.active{ margin-bottom:5em!important}
	
	.menu-button{ position:absolute; right:0; top:0; width:3em; height:3em;  }
	.menu-button.active{ background:#b99664;}
	
	.menu-button > div{ position:absolute; height:1px; width:60%; left:20%; background:#fff }
	.menu-button > div:nth-child(1){ top:40%;}
	.menu-button > div:nth-child(2){ top:60%;}
	
	 
	.menu-button.active > div:nth-child(1){ top:50%; transform:rotate(-45deg)}
	.menu-button.active > div:nth-child(2){ top:50%; transform:rotate(45deg)}
	
	.sales-container.active{ transform:translateX(0%); transition-duration: 0.2s;  transition-timing-function: ease-out;}
	
	.nav-container { display:none!important}
}


@media only screen and (min-width:0px)  and (max-width:1023px) {
	.overlay-container-inner{ max-width:calc(90% - 6em)}
	
	.bottom-dis{ padding-right:0em}
	 
	
}
@media only screen and (min-width:0px)  and (max-width:768px) { 
	.txt-mini{ font-size:0.5em; }
	.txt-wide{ letter-spacing:.1em }
	
	.media-content-container-inner{ width:2000%; }
	.media-container{  width:calc(100% - 4em);  } 
	.media-ele{ width:4.5%; margin-right:0.25%; margin-left:.25%   }
	  
	
	
	.section-container-a{  height:0%; width:90%; margin:0 auto .5em auto}   
	/*.section-container-b{  width:calc(39% - .25em); margin-left:5%;}
	.section-container-c{  width:calc(51% - .25em); margin-right:5%; }
	
	.page-container.section  > div > .bottom-dis{ display:none;}
	.section-container-copy > .bottom-dis{ display:block;}
	*/
	/*
	.page-container.section{ overflow-y:scroll; overflow-x:hidden; -webkit-overflow-scrolling: touch}
	.section-container{  width:100%; padding:0em 0; display:block; min-height:150vw;    } 
	.page-container.section  > div > .bottom-dis{ width:calc(100% - 2em); bottom:0.5em;}

	.section-container-copy{  width:100%; position:relative; height:50%;  }

	.section-container-right-inner{ width:100%; height:calc(50% - 8em);  justify-content:space-between} 

	.section-container-copy > div:nth-child(1){ transform:translateY(0em)}
	*/
	.section-container-copy  > div:nth-child(1){ width:90%; margin:auto}
	.section-container-right-inner{ height:calc(33vw ); }
	/*
	.section-container-right-inner{ width:100%; display:block;  }
	.section-container-b{ background-image:url("../img/section-b.jpg"); height:18em; margin:.5em auto; width:90%; background-size:contain; background-position:center}
	.section-container-c{ background-image:url("../img/section-c.jpg"); height:18em;  margin:.5em auto;  width:90%;  background-size:contain; background-position:center  }
	.photo-caption{   left:50%; transform:translateX(-50%)}
	*/
	.page-container.footer {background-image:url("../img/footer-bg-m.jpg");  }
	.page-container.intro {background-image:url("../img/footer-bg-m.jpg");  }
	
	.media-nav-container{ width:97vw }
	 
	.media-content-container-inner.onlyone .media-ele{  width:90%;  }
	.video .media-content-container-inner.onlyone .media-ele{ width:90%!important; margin:0vw auto!important}
	.booklet .media-ele{ margin-bottom:auto!important; width:42%!important;  }
	
	.video .media-content-container-inner{ align-items: center; }

}

@media only screen and (min-width:0px) and (max-width:479px) {
	html,body{  font-size:11px; }
	
}

@media only screen and (min-width:480px) and (max-width:767px) {
	html,body{  font-size:12px; }
	
}

@media only screen and (min-width:768px)  and (max-width:1023px) {
	html,body{  font-size:13px; }
	
}

body.eng .txt-wide, body.eng .photo-caption, body.eng button{ letter-spacing:0!important}