/* =============================================================================  CSS RESET ============================================================================= */

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption,center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; margin: 0; padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
b, strong {font-weight: bold;}
img {line-height: 0; vertical-align: middle;}
ol, ul {list-style: none;}
li {display: list-item;}
table {border-collapse: collapse; border-spacing: 0;}
th, td, caption {font-weight: normal; vertical-align: top; text-align: left;}
q {quotes: none;}
q:before, q:after {content: ''; content: none;}
sub, sup, small {font-size: 75%;}
sub,sup {line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
svg {overflow: hidden;}
a{list-style: none; text-decoration: none;}
a:active{outline: none;}
a:focus{ outline: none;}
:focus {outline: 0;}

.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clearfix:before, .clearfix:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;}
.clearfix:after {clear: both;}


html, body {height: 100%;}
body{
    font-family: 'Lato', sans-serif;
    font-size:16px;
    line-height:24px;
    color: #333;
    background: #fff;
}

a{
    color:#842b6b;
    text-decoration:underline;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
a:hover{
    color:#842b6b;
    text-decoration:none;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
::selection {background:#c5c5c5; /* Safari */}
::-moz-selection {background:#c5c5c5; /* Firefox */}

a[href^="tel"]:link,
a[href^="tel"]:visited, 
a[href^="tel"]:hover {
color: inherit;}

ul {list-style: none;padding: 0;}
/* ============================================================================ 
    WRAPPERS
============================================================================ */
.wrapper {min-height:100%;height:auto !important;height:100%;margin:0 auto -300px;}
footer, .push {height:300px;}

/* ============================================================================ 
    TOP
============================================================================ */
#beamtop-wrapper {width:100%;min-height:115px;background:#fff;}
.beamtop-content {width:1366px;margin:0 auto;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;display: flex;flex-wrap: wrap;position:relative;}
.beamtop-l {width:520px;order:1;}
.beamtop-m {width:330px;order:2;}
.beamtop-r {width:105px;order:3;margin-left:auto;}

.logo {padding:26px 0 0 0;}

.beamlefttxt {padding:20px 0 0 0;font-size:14px;color:#624c79;}
.topphone {color:#842b6b;font-weight:700;}
.topicon {padding:0 0 0 3px;}
.topemail {padding:3px 0 0 0;}

.shopbuttmob {display:none;font-size:14px;line-height:18px;text-transform:uppercase;}  
.shopbuttdsk {position:absolute;top:40px;right:190px;z-index:1;font-size:14px;line-height:18px;font-weight:bold;text-transform:uppercase;}

.topmenu {padding:45px 0 0 0;}
.topmenu-fixed {display:none;}
.toggle-overlay {cursor:pointer;}
.nav-ln {width:34px;height:18px;float:left;}
.nav-txt {float:left;line-height:18px;text-transform:uppercase;font-size:12px;color:#624c79;padding:0 12px 0 0;} 
.nav-lnx {width:100%;height:4px;background:#842b6b;}
.nav-mrg {margin:3px 0 0 0;}

/* -----------------------------------------------------------------------------
   Navigation
----------------------------------------------------------------------------- */
.nav-responsive {display:none;}
.nav-default {}
.sticky {position: fixed;top: 0;width: 100%;z-index:9999;}
#fakebeam {height:115px;}

.navi-logo {padding:26px 0 0 0;text-align:center;}
.navi-line {width:750px;height:1px;background:#b179a2;margin:26px auto 0 auto;}

body {
  -webkit-font-smoothing: antialiased;
}
aside {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(200deg, #27156e, #6a2a88, #9f4981);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  z-index:9999;
}
.open {
  opacity: 1;
  visibility: visible;
}
nav {
  text-align: center;
  height: 85vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav ul li {
  align-items: center;
  flex: 1;
  line-height: 50px; /* vh */
}
nav ul li a {
  font-family: 'Noto Serif TC', serif;
  /*font-size: 1.5em;*/
  font-size: 18px;
  transition: all 0.5s ease;
  display: block;
  text-decoration: none;
  color: rgba(255, 255, 255, .5);
}
nav ul li a:hover {
  color: rgba(255, 255, 255, .9);
  transform: scale(1.1);
}
nav ul li a:hover:before {
  visibility: visible;
  transform: scaleX(1);
}
nav ul li a:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 2px;
  bottom: 0;
  left: 25%;
  /*background: white;*/
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}  


@media only screen and (min-width: 1320px) {
nav ul li a {
    /*font-size: 3em;*/
    font-size: 26px;
  }
}

@media only screen and (min-width: 720px) and (max-width: 1320px){
nav ul li a {font-size: 24px;}
nav ul li {line-height: 40px;}  
}

@media only screen and (min-width: 280px) and (max-width: 720px){
nav ul li a {font-size: 18px;}
nav ul li {line-height: 40px;} 

}

.close {
  position: fixed;
  top: 40px;
  right: 60px;
  color: white;
  z-index: 3;
  cursor: pointer;
  font-family: sans-serif;
}
.close span, .close span:before, .close span:after {
  border-radius: 4px;
  height: 5px;
  width: 35px;
  background: white;
  position: absolute;
  display: block;
  content: '';
}
.close span {
  background: transparent;
}
.close span:before {
  transform: rotate(45deg);
}
.close span:after {
  transform: rotate(-45deg);
}
.outer-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 85px;
  height: 85px;
  cursor: pointer;
}


@media only screen and (min-width: 320px) and (max-width: 767px){
.close {top:20px;right:40px;}
}


/* ============================================================================
   BUTTONS
============================================================================ */  
.button-default {
    font-family: 'Barlow', sans-serif;
    display: inline-block;
    padding: 22px 80px 22px 80px; 
    background: #fff;
    border:1px #842b6b solid;
    text-decoration: none;
    color: #842b6b;
    font-size:16px;
    font-weight:500;
    text-transform:uppercase;
}
.hvr-default {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-default:hover, .hvr-default:focus, .hvr-default:active {color:#fff;background: #842b6b;border:1px #fff solid;}

.button-default2 {
    font-family: 'Barlow', sans-serif;
    display: inline-block;
    padding: 22px 25px 22px 25px; 
    background: #fff;
    border:1px #842b6b solid;
    text-decoration: none;
    color: #842b6b;
    font-size:16px;
    font-weight:500;
    text-transform:uppercase;
}
.hvr-default2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-default2:hover, .hvr-default2:focus, .hvr-default2:active {color:#fff;background: #842b6b;border:1px #fff solid;}

.button-white {
    font-family: 'Barlow', sans-serif;
    display: inline-block;
    padding: 22px 80px 22px 80px; 
    background: none;
    border:1px #fff solid;
    text-decoration: none;
    color: #fff;
    font-size:16px;
    font-weight:500;
    text-transform:uppercase;
}
.hvr-white {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-white:hover, .hvr-white:focus, .hvr-white:active {color:#fff;background: #842b6b;border:1px #842b6b solid;}

.button-white2 {
    font-family: 'Barlow', sans-serif;
    display: inline-block;
    padding: 22px 50px 22px 50px; 
    background: none;
    border:1px #fff solid;
    text-decoration: none;
    color: #fff;
    font-size:16px;
    font-weight:500;
    text-transform:uppercase;
}
.hvr-white2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-white2:hover, .hvr-white2:focus, .hvr-white2:active {color:#fff;background: #842b6b;border:1px #842b6b solid;}


.button-violet {
    font-family: 'Barlow', sans-serif;
    display: inline-block;
    padding: 22px 80px 22px 80px; 
    background: #842b6b;
    border:1px #842b6b solid;
    text-decoration: none;
    color: #fff;
    font-size:16px;
    font-weight:500;
    text-transform:uppercase;
}
.hvr-violet {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-violet:hover, .hvr-violet:focus, .hvr-violet:active {color:#842b6b;background: #fff;border:1px #fff solid;}


.button-violet2 {
    font-family: 'Barlow', sans-serif;
    display: inline-block;
    padding: 22px 50px 22px 50px; 
    background: none;
    border:1px #842b6b solid;
    text-decoration: none;
    color: #842b6b;
    font-size:16px;
    font-weight:500;
    text-transform:uppercase;
}
.hvr-violet2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-violet2:hover, .hvr-violet2:focus, .hvr-violet2:active {color:#fff;background: #842b6b;border:1px #842b6b solid;}


/* ============================================================================
   RIGHT BAR
============================================================================ */  
.button-right {position:fixed;z-index:9999;top:160px;right:0px;}
.button-right-mobile {display:none;}

.b-open {background: url('../img/cnt-button.png') no-repeat;width:51px;height:147px;cursor:pointer;display:block;border:0;}
.b-open:hover {background-position: 0 -147px;}

#contact_form {}
.sub-box {}

.wpcf7-text{width: 99%;height:58px;background: #fff;display:inline-block;
    font-family: 'Lato', sans-serif;font-size:16px;line-height:58px;color:#5b5b5b;font-weight:400;}

.wpcf7-textarea{
    width: 99%;
    height:205px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #fff;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;
    font-family: 'Lato', sans-serif;font-size:16px;color:#5b5b5b;font-weight:400;
}
textarea {resize:vertical;}

textarea.wpcf7-textarea:required:focus {border-bottom:1px solid #fea46b;}
textarea.wpcf7-textarea:focus {border-bottom:1px solid #fea46b;}
textarea.wpcf7-textarea:hover {border-bottom:1px solid #fea46b;}

label {display:block;cursor:pointer;}

.lab-l {width:25px;float:left;}
.lab-r {width:280px;float:left;}

.lab-info {padding:0 0 5px 0;}

.messagesend {text-align:center;}


/* full color form */
::-webkit-input-placeholder {opacity:  1;}
:-moz-placeholder {opacity:  1;}
::-moz-placeholder {opacity:  1;}
:-ms-input-placeholder {opacity:  1;}

/* ============================================================================
    FOOTER
============================================================================ */
#footer-wrapper {width: 100%;min-height:250px;background:#c59dba;}
#footer-design-wrapper {width:100%;height:50px;background:#fff;}

.footer-main {width:1180px;margin:0 auto;padding:40px 0 0 0;}
.footer-left {width:640px;float:left;}
.footer-right {width:460px;float:right;}

.f-l {width:230px;float:left;}
.f-r {width:370px;float:right;color:#fff;}

.footabout-title {font-size:16px;color:#fff;font-weight:700;}
.footabout-desc {width:440px;font-size:16px;line-height:21px;color:#fff;font-weight:400;padding:15px 0 0 0;}
.footalink {font-size:16px;padding:13px 0 0 0;}
.footer-photo {width:100%;min-height:178px;background: url('../img/photos/foot-shop.webp') no-repeat top center;}
.no-webp .footer-photo {width:100%;min-height:178px;background: url('../img/photos/foot-shop.jpg') no-repeat top center;}

.footer-photo {
   filter: gray; /* IE5+ */
   -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
   -webkit-transition: all .8s ease-in-out;  
}
.footer-photo:hover {filter: none;-webkit-filter: grayscale(0);}

.footer-line {width:100%;height:1px;margin:20px auto 0 auto;background:#fff;}

.foot-sub-container {padding:20px 0 20px 0;}
.foot-sub-l {width:720px;float:left;}
.foot-sub-m {width:220px;float:left;font-size:16px;color:#fff;}
.foot-sub-r {width:100px;float:right;text-align:right;font-size:24px;}

.logo-box {}

.lbox1 {width:112px;float:left;margin:0 8px 0 0;}
.lbox2 {width:147px;float:left;margin:0 8px 0 0;}
/*.lbox3 {width:105px;float:left;margin:0 15px 0 0;text-align:center;}*/
.lbox4 {width:207px;float:left;}
.lbox5 {width:152px;float:left;margin:0 8px 0 0;}

.logo1 {width:100%;height:60px;background: url('../img/logo/fensa.webp') no-repeat top center;}
.no-webp .logo1 {width:100%;height:60px;background: url('../img/logo/fensa.png') no-repeat top center;}

.logo2 {width:100%;height:60px;background: url('../img/logo/agency.webp') no-repeat top center;}
.no-webp .logo2 {width:100%;height:60px;background: url('../img/logo/agency.png') no-repeat top center;}

/*.logo3 {width:63px;height:60px;background: url('../img/logo/ggfi.webp') no-repeat top center;margin:0px auto;}
.no-webp .logo3 {width:63px;height:60px;background: url('../img/logo/ggfi.png') no-repeat top center;margin:0px auto;}*/

.logo4 {width:207px;height:60px;background: url('../img/logo/checkatrade.webp') no-repeat top center;}
.no-webp .logo4 {width:207px;height:60px;background: url('../img/logo/checkatrade.png') no-repeat top center;}

.logo5 {width:152px;height:60px;background: url('../img/logo/installsure.webp') no-repeat top center;margin:0px auto;}
.no-webp .logo5 {width:152px;height:60px;background: url('../img/logo/installsure.png') no-repeat top center;margin:0px auto;}

.logodesc {font-size:11px;line-height:14px;color:#fff;padding:12px 0 0 0;}

.foot-comp-title {line-height:18px;font-weight:700;}
.foot-comp-address {padding:10px 0 0 0;}
.foot-comp-phone {font-size:14px;padding:10px 0 0 0;}
.foot-comp-hours {font-size:16px;line-height:18px;padding:10px 0 0 0;}
.mail-ico {padding:0 0 0 5px;font-weight:700;}

.foot-design-main {width:1180px;margin:0 auto;line-height:50px;font-size:14px;color:#c59dba;}
.foot-design-left {width:740px;float:left;}
.foot-design-middle {width:170px;float:left;}
.foot-design-right {width:200px;float:right;text-align:right;}

.soc-icon {padding:0 10px 0 0;}
.footphone {padding:0 0 0 3px;font-weight:700;}
.footemail {padding:0 0 0 3px;font-weight:700;}

.emailcont {}

a.foot-menu-link {color:#c59dba;outline:none;text-decoration:none;}
a.foot-menu-link:hover {color:#c59dba;outline:none;text-decoration:underline;}

a.about-foot-link {color:#fff;outline:none;text-decoration:none;}
a.about-foot-link:hover {color:#fff;outline:none;text-decoration:underline;}

a.soc-link {color:#fff;outline:none;text-decoration:none;}
a.soc-link:hover {color:#333;outline:none;text-decoration:none;}

a.imonda-link {color:#c59dba;outline:none;text-decoration:none;}
a.imonda-link:hover {color:#c59dba;outline:none;text-decoration:underline;}

a.email-link {color:#6cb15e;outline:none;text-decoration:none;}
a.email-link:hover {color:#6cb15e;outline:none;text-decoration:underline;}

a.topemail-link {color:#624c79;outline:none;text-decoration:none;}
a.topemail-link:hover {color:#624c79;outline:none;text-decoration:underline;}

a.e-link-foot {color:#fff;outline:none;text-decoration:none;}
a.e-link-foot:hover {color:#fff;outline:none;text-decoration:underline;}

a.shoponline-link {color:#624c79;outline:none;text-decoration:none;}
a.shoponline-link:hover {color:#624c79;outline:none;text-decoration:underline;}


/* ============================================================================
    RESPONSIVE
============================================================================ */ 

@media only screen and (min-width: 1370px) and (max-width: 1720px){
.beamtop-content {width:95%;margin:0 auto;}
.shopbuttmob {display:none;}
.shopbuttdsk {display:block;}   
}

@media only screen and (min-width: 1180px) and (max-width: 1370px){
/* width: 1180px; */
.beamtop-content {width:95%;margin:0 auto;}
.beamtop-l {width:400px;}
.beamtop-m {width:330px;}
.beamtop-r {width:105px;}

.shopbuttmob {display:none;}

/* ============================================================================
    FOOTER
============================================================================ */ 
.footer-main {width:95%;margin:0 auto;padding:40px 0 0 0;}

.foot-design-main {width:95%;margin:0 auto;line-height:50px;font-size:14px;color:#c59dba;}
.foot-design-left {width:700px;float:left;}
}


@media only screen and (min-width: 959px) and (max-width: 1180px){
/* width: 950px; */
#beamtop-wrapper {width:100%;min-height:130px;background:#fff;padding:0 0 0 0;}
.beamtop-content {width:95%;margin:0 auto;}
.beamtop-l {width:360px;}
.beamtop-m {width:330px;}
.beamtop-r {width:105px;}

.shopbuttmob {padding:10px 0 0 0;text-align:left;font-weight:700;display:block;}  
.shopbuttdsk {display:none;}   

#fakebeam {height:130px;} 

iframe{max-width: 100%;height: auto;}
img{max-width: 100%;height: auto;}
/* ============================================================================
    FOOTER
============================================================================ */ 
.footer-main {width:100%;max-width:930px;margin:0 auto;padding:40px 0 0 0;}
.footer-left {width:100%;float:none;}
.footer-right {width:100%;float:none;}

.footabout-desc {width:100%;}
.footer-photo {margin:0 0 20px 0;}

.f-r {width:370px;float:left;margin:0 0 0 20px;}

.foot-sub-l {width:660px;float:none;margin:0 auto;min-height:120px;}
.foot-sub-m {width:220px;float:left;font-size:16px;color:#fff;}
.foot-sub-r {width:140px;float:right;text-align:right;font-size:24px;}

.soc-icon {padding:0 20px 0 0;}

.foot-design-main {width:95%;margin:0 auto;line-height:30px;font-size:14px;color:#c59dba;}
.foot-design-left {width:100%;float:left;text-align:center;padding:10px 0 10px 0;}
.foot-design-middle {width:50%;float:left;}
.foot-design-right {width:50%;float:right;text-align:right;}
}

@media only screen and (min-width: 768px) and (max-width: 959px){
/* width: 728px; */
#beamtop-wrapper {width:100%;min-height:200px;background:#fff;padding:0 0 0 0;}

.beamtop-content {width:95%;margin:0 auto;}
.beamtop-l {width:100%;order:2;text-align:center;}
.beamtop-m {width:100%;order:1;}
.beamtop-r {width:105px;order:3;position:relative;}        
.navi-line {width:100%;}

.topphone {font-size:16px;}

.shopbuttmob {padding:10px 0 0 0;text-align:center;font-weight:700;display:block;}  
.shopbuttdsk {display:none;}   
        
.topmenu {display:none;}
.topmenu-fixed {display:block;position:fixed;z-index:9999;top:10px;right:5px;}

.logo {padding:20px 0 0 0;width:260px;height:47px;margin:0px auto;}

/* -----------------------------------------------------------------------------
   Navigation
----------------------------------------------------------------------------- */
.nav-responsive {display:none;}
.nav-default {}
.sticky {position: relative;top: 0;width: 100%;z-index:9999;}
#fakebeam {height:200px;} 
        
/* ============================================================================
   RIGHT BAR
============================================================================ */  
.button-right {display:none;}
.b-open {background: url('../img/cnt-button-mob.png') no-repeat;width:147px;height:50px;cursor:pointer;display:block;border:0;}
.b-open:hover {background-position: 0 -50px;}


/* iphone style */
input.text,
input[type="text"],
input[type="email"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}

iframe{max-width: 100%;height: auto;}
img{max-width: 100%;height: auto;}
/* FOOTER
------------------------------------------------------------------------- */
.footer-main {width:95%;margin:0 auto;padding:40px 0 0 0;}
.footer-left {width:100%;float:none;}
.footer-right {width:100%;float:none;}

.footabout-desc {width:100%;}
.footer-photo {margin:0 0 20px 0;}

.f-r {width:370px;float:left;margin:0 0 0 20px;}

.foot-sub-l {width:660px;float:none;margin:0 auto;min-height:120px;}
.foot-sub-m {width:220px;float:left;font-size:16px;color:#fff;}
.foot-sub-r {width:140px;float:right;text-align:right;font-size:24px;}

.soc-icon {padding:0 20px 0 0;}

.foot-design-main {width:95%;margin:0 auto;line-height:26px;font-size:18px;color:#c59dba;}
.foot-design-left {width:100%;float:none;text-align:center;padding:20px 0 20px 0;}
.foot-design-middle {width:100%;float:none;text-align:center;padding:0 0 5px 0;font-size:14px;line-height:22px;}
.foot-design-right {width:100%;float:none;text-align:center;padding:10px 0 10px 0;font-size:14px;line-height:22px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
/* width: 440px; */
#beamtop-wrapper {width:100%;min-height:200px;background:#fff;padding:0 0 0 0;}

.beamtop-content {width:90%;margin:0 auto;}
.beamtop-l {width:100%;order:2;text-align:center;}
.beamtop-m {width:100%;order:1;}
.beamtop-r {width:105px;order:3;position:relative;}        
.navi-line {width:100%;}

.topphone {font-size:16px;}

.shopbuttmob {padding:10px 0 0 0;text-align:center;font-weight:700;display:block;}  
.shopbuttdsk {display:none;}   
        
.topmenu {display:none;}
.topmenu-fixed {display:block;position:fixed;z-index:9999;top:10px;right:5px;}

.logo {padding:20px 0 0 0;width:260px;height:47px;margin:0px auto;}

.topicon {display:none;}
/* -----------------------------------------------------------------------------
   Navigation
----------------------------------------------------------------------------- */
.nav-responsive {display:none;}
.nav-default {}
.sticky {position: relative;top: 0;width: 100%;z-index:9999;}
#fakebeam {height:200px;} 
        
/* ============================================================================
   RIGHT BAR
============================================================================ */  
.button-right {display:none;}
.button-right-mobile {display:block;width:147px;position:relative;top:0;right:auto;left: auto;padding:20px 0 10px 0;text-align:center;margin:0px auto;z-index:1;}
.b-open {background: url('../img/cnt-button-mob.png') no-repeat;width:147px;height:50px;cursor:pointer;display:block;border:0;}
.b-open:hover {background-position: 0 -50px;}

/* iphone style */
input.text,
input[type="text"],
input[type="email"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}

iframe{max-width: 100%;height: auto;}
img{max-width: 100%;height: auto;}   
/* FOOTER
------------------------------------------------------------------------- */
.footer-main {width:95%;margin:0 auto;padding:40px 0 0 0;}
.footer-left {width:100%;float:none;}
.footer-right {width:100%;float:none;padding:20px 0 0 0;}

.f-l {width:100%;float:none;}
.f-r {width:100%;float:none;padding:20px 0 0 0;}

.footabout-desc {width:100%;}

.foot-sub-l {width:100%;float:none;}
.foot-sub-m {width:100%;float:none;padding:20px 0 0 0;}
.foot-sub-r {width:100%;float:none;text-align:center;padding:30px 0 0 0;}

.lbox1 {width:112px;float:left;margin:0 8px 8px 0;}
.lbox2 {width:147px;float:left;margin:0 8px 8px 0;}
/*.lbox3 {width:63px;float:left;margin:0 15px 8px 0;text-align:center;}*/
.lbox4 {width:207px;float:left;margin:0 0 8px 0;}
.lbox5 {float:left;margin:0 8px 8px 0;}
.logodesc {display:none;}

.emailcont {display:block;padding:0 0 0 0;margin:0 0 0 -5px;}
.soc-icon {padding:0 20px 0 0;}

.foot-design-main {width:95%;margin:0 auto;line-height:26px;font-size:18px;color:#c59dba;}
.foot-design-left {width:100%;float:none;text-align:center;padding:20px 0 20px 0;}
.foot-design-middle {width:100%;float:none;text-align:center;padding:0 0 5px 0;font-size:14px;line-height:22px;}
.foot-design-right {width:100%;float:none;text-align:center;padding:10px 0 10px 0;font-size:14px;line-height:22px;}
}

@media only screen and (min-width: 320px) and (max-width: 479px){
/* width: 280px; */
#beamtop-wrapper {width:100%;min-height:200px;background:#fff;padding:0 0 0 0;}

.beamtop-content {width:90%;margin:0 auto;}
.beamtop-l {width:100%;order:2;text-align:center;}
.beamtop-m {width:100%;order:1;}
.beamtop-r {width:105px;order:3;position:relative;}        
.navi-line {width:100%;}

.beamlefttxt {padding:10px 0 0 0;font-size:12px;}
.topphone {font-size:16px;}
        
.shopbuttmob {padding:10px 0 0 0;text-align:center;font-weight:700;display:block;}     
.shopbuttdsk {display:none;}   
        
.topmenu {display:none;}
.topmenu-fixed {display:block;position:fixed;z-index:999;top:10px;right:5px;}

.logo {padding:20px 0 0 0;width:260px;height:47px;margin:0px auto;}

.topicon {display:none;}

/* -----------------------------------------------------------------------------
   Navigation
----------------------------------------------------------------------------- */
.nav-responsive {display:none;}
.nav-default {}
.sticky {position: relative;top: 0;width: 100%;z-index:1;}
#fakebeam {height:200px;} 

.navi-logo {padding:26px 0 0 0;text-align:center;width:260px;height:47px;margin:0px auto;}
.navi-line {width:95%;}
        
/* ============================================================================
   RIGHT BAR
============================================================================ */  
.button-right {display:none;}
.button-right-mobile {display:block;width:147px;position:relative;top:0;right:auto;left: auto;padding:20px 0 10px 0;text-align:center;margin:0px auto;z-index:1;}
.b-open {background: url('../img/cnt-button-mob.png') no-repeat;width:147px;height:50px;cursor:pointer;display:block;border:0;}
.b-open:hover {background-position: 0 -50px;}
       

/* iphone style */
input.text,
input[type="text"],
input[type="email"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}
        
iframe{max-width: 100%;height: auto;}
img{max-width: 100%;height: auto;}
/* FOOTER
------------------------------------------------------------------------- */
.footer-main {width:95%;margin:0 auto;padding:40px 0 0 0;}
.footer-left {width:100%;float:none;}
.footer-right {width:100%;float:none;padding:20px 0 0 0;}

.f-l {width:100%;float:none;}
.f-r {width:100%;float:none;padding:20px 0 0 0;}

.footabout-desc {width:100%;}

.foot-sub-l {width:100%;float:none;}
.foot-sub-m {width:100%;float:none;padding:20px 0 0 0;}
.foot-sub-r {width:100%;float:none;text-align:center;padding:30px 0 0 0;}

.lbox1 {width:112px;float:left;margin:0 8px 8px 0;}
.lbox2 {width:147px;float:left;margin:0 8px 8px 0;}
/*.lbox3 {width:63px;float:left;margin:0 15px 8px 0;text-align:center;}*/
.lbox4 {width:207px;float:left;margin:0 0 8px 0;}
.lbox5 {float:left;margin:0 8px 8px 0;}
.logodesc {display:none;}

.emailcont {display:block;padding:0 0 0 0;margin:0 0 0 -5px;}
.soc-icon {padding:0 20px 0 0;}

.foot-design-main {width:95%;margin:0 auto;line-height:26px;font-size:18px;color:#c59dba;}
.foot-design-left {width:100%;float:none;text-align:center;padding:20px 0 20px 0;}
.foot-design-middle {width:100%;float:none;text-align:center;padding:0 0 5px 0;font-size:14px;line-height:22px;}
.foot-design-right {width:100%;float:none;text-align:center;padding:10px 0 10px 0;font-size:14px;line-height:22px;}
}