.header{ height:150px; }
.header-container{ max-width:calc(100% - 20%); margin:0 auto; height:150px; }
.header-content{ height:calc(100% - 60px); }
.header-logo{ height:100%; }
.header-logo img{ height:100%; }

.menu-list{ list-style-type: none; }
.menu-list li{ cursor:pointer; }

.sidebar{ position:fixed; background:rgba(0,0,0,.5); height:100vh;width:0;top:0;right:0;overflow:hidden;z-index:999;} 
.side-menu{ background:#fff;height:100vh;margin-left:20%;}
.side-container{ max-width:calc(100% - 20%);height:100vh; margin:0 auto;position:relative;}
.side-close{ position:absolute;z-index:999;cursor:pointer;top:5%;right:10%;}

.menu-container{ width:100%;height:100vh;position:relative; }
.main-menu{ width:30%;padding-left:10%;height:100%;padding-top:10%;padding-bottom:10%; }
.sub-menu{ width:45%; padding-right:10%;height:100%;padding-top:10%;padding-bottom:10%;padding-left:5%;display:none; }
.main-menu-list{ list-style-type: none;font-size:35pt;line-height:70pt; }
.sub-menu-list{ list-style-type: none; font-size:20pt; line-height:50pt;margin-block-start:1em;margin-block-end:1em;margin-top:60px; }

.main-menu-link:link{ color:#3c2415; }
.main-menu-link:hover{ color:#3c2415; }
.main-menu-link:visited{ color:#3c2415; }
.main-menu-link:active{ color:#3c2415; }

.sub-menu-link:link{ color:#000; }
.sub-menu-link:hover{ color:#2b211d !important; font-family:SourceSansPro-Bold;text-decoration:underline;text-decoration-color: #a7a9ac; }
.sub-menu-link:visited{ color:#000; }
.sub-menu-link:active{ color:#000; }

#line-behind{ width:75px;height:1px;background:#a7a9ac;margin-top:10px;margin-left:10px;display:none;}

/*.main-menu-link:hover::after{ width:50px;background:#a7a9ac;height:1px;content:'';margin-left:10px;margin-top:10px;}*/

#product-list:hover > .sub-menu{ display:block; position:absolute; top:0; right:0; }
#product-list:hover > .main-menu-link::after{ 
    content: '';
    position: absolute;
    right: 0;
    width: 0;
    z-index: 1;
    height: 0;
    border-bottom: solid 15px #FFF;
    border-left: solid 15px #fff;
    border-right: solid 15px transparent;
    background: #f4f2ee;
    border-top: solid 15px #fff;
    margin-top:10px;
}
#product-list:hover #line-behind{ display:block;}
#product-list > .main-menu-link{ position:relative;}

.contact-form{ width:100%;padding:100px 0;background:#bfb49b; }
.contact-form-contact{ width:100%;padding:100px 0;background:#3c2417; }
.contact-form-container{ max-width:calc(100% - 50%); margin:0 auto; }
.contact-form-container-2{ max-width:calc(100% - 30%); margin:0 auto; }
.contact-form form{ width:100%; }
.contact-form-contact form{ width:100%; }
.contact-form-title{ text-align:center;font-size:50px;/*letter-spacing: 1px;*/line-height:50px;}
.contact-form-sub-title{ text-align:center;font-size:16px;}
.contact-form-contact-title{ text-align:center;font-size:50px;/*letter-spacing: 3px;*/line-height:50px;color:#bfb49b;}
.contact-form-contact-sub-title{ text-align:center;font-size:16px;color:#bfb49b;}
.contact-form-row{ width:100%;margin-bottom:20px;}
.form-group .form-input{ width:calc(100% - 20px);padding:10px;font-family:SourceSansPro-regular;font-size:16px;line-height:20px;color:#3c2415;border-radius:0px;border:none;}
.form-group .form-select{ width:100%;padding:10px 5px;font-family:SourceSansPro-regular;font-size:16px;line-height:20px;color:#3c2415;border-radius:0px;border:none;}
.form-group .form-input:focus{ outline: none;}
.form-group .form-input::placeholder{ color: #929497;}
.form-group .form-input.error{ border:1px solid #dc3545; }
.form-group .form-select:focus{ outline: none;}
.form-group .form-select::placeholder{ color: #929497;}
.form-group .form-select.error{ border:1px solid #dc3545; }
.form-error{ color:#dc3545;font-family:SourceSansPro-regular;font-size:14px;}
.form-group .form-submit{ border:1px solid; background:transparent;padding:5px 20px;font-family:SourceSansPro-semibold;font-size:14px;cursor:pointer;text-align:center;}
.btn-contact-form{ color:#fff;border-color:#fff;}
.btn-contact-form:hover{ color:#3c2415;border-color:#bfb49b;background-color: #fff;}


.footer{ background:#dfdacd; width:100%;}
.footer-container{ max-width:calc(100% - 20%); margin:0 auto; }
.footer-logo{ width:10%;}
.footer-logo img{ width:80%; }
.footer-right{ width:85%; }
.footer-products{ width:17%; }
.footer-header{ width:100%; font-size:18px; }
.footer-nav:link{ color:#3c2415;}
.footer-nav:hover{ color:#3c2415;}
.footer-nav:visited{ color:#3c2415;}
.footer-nav:active{ color:#3c2415;}
.footer-list{ width:100%; }
.footer-list ul{ list-style-type: none; padding-inline-start: 0; font-size:16px;}
.footer-about{ width:17%; }
.footer-contact{ width:40%; }
.footer-policy{ width:17%; }
.footer-copyright{ max-width:calc(100% - 20%); margin:0 auto; font-size:15px; line-height:22px;}

.back-to-top{ border:1px solid #2b211d; border-radius:0px;position:fixed;bottom:20%;right:8%;color:#2b211d;cursor:pointer;z-index:9999999;}

.section{ width:calc(100% - 20%);margin:100px auto;}

.breadcrumb-nav:link{ color:#929497;}
.breadcrumb-nav:hover{ color:#929497;}
.breadcrumb-nav:visited{ color:#929497;}
.breadcrumb-nav:active{ color:#929497;}

.breadcrumb{ font-size:14px;}

.section-title{ font-size:28px;}

.page-title{ font-size:80px;}

.modal{top:0;left:0;height:100vh;}
.modaloverlay{background:rgba(0,0,0,.4);height:100%;}
.modal-inner{width:70%;height:100%;margin:0 auto;}
.modal-content{ min-height:70%;}
.modal-title{margin:2.5% 10%;}
.modal-image{margin:10% 20% 10% 10%;}
.front-line{height:2px;background:#ccc;}
.noscroll{overflow:hidden;}

@media only screen and (max-width: 1400px) {

}

@media only screen and (max-width: 1100px) {
    .main-menu{ width:35%;padding-left:5%;}
    .main-menu-list{ font-size:25pt;}
}

@media only screen and (max-width: 1000px) {
    .back-to-top{ bottom:5%; }
}

@media only screen and (max-width: 800px) {
    .main-menu-list{ font-size:20pt;}
    .sub-menu-list{ font-size:16pt; }
}

@media only screen and (max-width: 768px) {
    .contact-form-title{ font-size:30px;line-height:30px; }
    .contact-form-sub-title{ font-size:10px; line-height:12px; }
    .footer-header{ font-size:14px; }
    .footer-list ul{ font-size:9px; }
    .footer-contact{ width:35%; }
    .footer-policy{ width:20%; }
    .contact-form-container{ max-width:calc(100% - 35%);}
    .contact-form-row{ flex-wrap:wrap;margin-bottom:0px;}
    .form-group{ width:100%; margin-bottom:20px; }
    .page-title{ font-size:60px; }
    .breadcrumb{ font-size:12px;margin-bottom:80px; }
    .contact-form-contact-title{ font-size:30px; }
    .contact-form-contact-sub-title{ font-size:14px;}
    .side-menu{ width:100%; margin-left:0;}
}

@media only screen and (max-width: 500px) {
    .footer-logo{ width:20%; }
    .footer-right{ width:75%; }
    .footer-products{ width:45%; }
    .footer-about{ width:45%; }
    .footer-contact{ width:45%; margin-top:30px; }
    .footer-policy{ width:45%; margin-top:30px; }
    .page-title{ font-size:40px; }
    .breadcrumb{ font-size:10px;margin-bottom:60px; }
    .modal-content{min-height:50%;}
    .main-menu-list{ font-size:16pt;}
    .sub-menu-list{ font-size:14pt; }
    
}

@media only screen and (max-width: 380px) {
    .line-after{ width:125px !important; }
    .footer-products{ width:100%; }
    .footer-about{ width:100%; }
    .footer-contact{ width:100%; }
    .footer-policy{ width:100%; }
    .footer-right{ width:60%; }
    .footer-logo{ width:30%; }
    .page-title{ font-size:20px; }
    .breadcrumb{ font-size:8px;margin-bottom:40px; } 
}