@import url(font-awesome/css/font-awesome.min.css);
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');
/* CSS Document */
html{font-size: 15px;}
.gotop { display:none; position:fixed; right:20px; bottom:20px; cursor:pointer; z-index:999; }
.gotop a { align-items:center; background:#ff6600; border:1px solid #fff; border-radius:7px; color:#fff; display:flex; font-size:20px; justify-content:center; width:50px; height:50px; }
.gotop a:hover { color:#000; }
.spenbottom .fa-lg {font-size: .7em;}
img { border:0; height:auto; max-width:100%; }
body { font-family: 'Libre Baskerville', serif; font-size:15px; margin:0; padding:0; }
a { color:white; }
a:hover{ color:#707070; }
input, a:active, a:focus{ outline:none;}
.wrapper{margin: 0 auto;}
body.open .content, body.open footer{ filter:blur(1px); }
.table_scroll { overflow-x:auto; }
header{ height:80px; background: black;}
header.shrink { position: fixed; top: 0; z-index: 7;width: 100%;}

/* nav-features */
.header .nav-features .cms-menu{ display:none; margin: 0 4px 0 0; }
.header .nav-features .cms-menu::before{content: "\f0c9";font: normal normal normal 2.1rem FontAwesome; color:#ff6600;}
.header .nav-features .cms-menu::after{content:"MENU";font-size:.4rem;color:#ff6600;display: block;}
.header .nav-features{ position:absolute; top:10px; right:0; display:flex;}
.header .nav-features ul, .header .nav-features li{ margin:0; padding:0; list-style-type:none; }
.header .nav-features ul{ display:inline-flex; }
.header .nav-features a{ margin-left:10px; background:#ff6600; border-radius:30px; color:#fff; display:inline-block; font-size:0.7125em; padding:5px 15px; }
.header .nav-features a:hover{color: white;}
.header .nav-features .search-list{ margin-left:10px; }
.header .nav-features .search-list input{ background:url("../images/search-icon.png") no-repeat scroll 50% 50% /40%; border:0 none; border-radius:15px; color:#777; padding:1px 30px 1px 15px; transition:all .6s ease; width:0; }
.header .nav-features .search-list input{ background:#fff url("../images/search-icon.png") no-repeat scroll 95% 50% /10%; border:1px solid #ff6600; width:150px; }
.header .nav-features form a {display: none;}

.logo{width: 21vw;}
.header{ align-items:flex-end; display:flex; justify-content:space-between; margin:0 auto; max-width:1300px; position:relative; background:black; z-index: 9; padding: 0 10px;}
.header .logo{ height:80px; position:relative; z-index: 9; transform:translateY(12px); }
.header .menu ul, .header .menu li{ list-style-type:none; margin:0; padding:0;  }
.header .menu li{ display:inline-block; position:relative; vertical-align:top; margin:0 0 0 15px; padding-bottom:18px; }
.header .menu li li{padding-bottom:0; }
.header .menu li:first-child{ margin-left:0; }
.header .menu li:not(:last-child)::before{ background:#939392; content:""; height:15px; width:1px; position:absolute; transform:translateY(-50%); top:8px; right:-11px; }
.header .menu ul ul{ margin-bottom:0; }
.header .menu>ul li li{ margin-left:0; width: 100%; text-align: center;  border-bottom: 1px solid #6666; }
.header .menu li a{ font-size:1rem; }
.mask.open{background: rgba(46, 26, 18, 0.9);position: fixed;width: 100%;height: 100%;z-index: 1; top: 0;}
.header .menu>ul>li>a+ul{ display:none; position:absolute; left:50%; transform:translateX(-50%); top:33px; background:#fff;}
.header .menu>ul>li>a+ul li::before{ content:none; }
.header .menu>ul>li>a+ul li:first-child::before{ content:''; background:#ff6600; content:''; height:4px; width:100%; position:absolute; top:-7px; left:50%; transform:translateX(-50%); transition:.2s ease-in-out; }
.header .menu>ul>li>a+ul li a,.header .menu>ul>li>a+ul li:last-child a{ white-space:nowrap; background:none;display: block; color:black; font-size: 1.06666rem; padding: 15px 7px;}
.header .menu ul li a:hover,.header .menu ul li a.current,.products-mid-menu li a.current,  #page>*.current{color:#ff6600; }
.plus{ display:none; position:absolute; top:0; right:0%; z-index:99; padding: 30px;}
.plus::before{ content:"\f067"; font:normal normal normal 1em FontAwesome; color:#fff; }


@media only screen and (max-width: 1200px) {
.header .menu { margin-top: 50px;  }    
}
@media only screen and (max-width: 999px) {
.header .nav-features a{ border-radius:0; background:none; padding:0; }
.header .nav-features .text.sitemap{ font-size:0; margin: 0 8px 0 0; }
.header .nav-features .text.sitemap::before{ color:#ff6600; content:"\f0e8"; font:normal normal normal 2.1rem FontAwesome; }
.header .nav-features .text.home{ display:none; }
.header .nav-features .text.language{ margin:0 8px 0 0; }
.header .nav-features .text.language::before{ color:#ff6600; content:"\f0ac"; font:normal normal normal 2.1rem FontAwesome; }
.header .nav-features .text.search{ display:block; margin: 0 8px 0 0; }
.header .nav-features .text.search::before{ color:#ff6600; content:"\f002"; font:normal normal normal 2.1rem FontAwesome; }

.header .nav-features{ position:static; }
.header .nav-features ul{ display:none; }
.header .nav-features .cms-menu{ display:flex; flex-direction:column; align-items:center; }
.header .nav-features form a {display:block;}
.header .nav-features .search-list{ display:none; z-index:999; position:absolute; left:0; top:100%; width:100%; box-shadow:0 9px 22px 1px rgba(38, 18, 2, 0.5); text-align:center; background:#ff6600; margin:0; }
.header .nav-features .search-list input{background-image: none; padding: 0; background: #fff; border: 1px solid #ff6600; width: 200px; height: 27px; padding: 0 23px; vertical-align: middle;}
.header .nav-features .search-list input, .header .nav-features .search-list input:focus{ background:#fff; border:1px solid #ff6600; width:150px;  }
.header .nav-features .search-list form {display: flex;justify-content: center;padding:10px 0px; align-items:center;}

.header .nav-features .list.language{ display:none; z-index:999; position:absolute; left:0; top:100%; width:100%; box-shadow:0 9px 22px 1px rgba(38, 18, 2, 0.5); text-align:center; background:#ff6600; margin:0; }
.header .nav-features .list.language li{ display:block; background-color:#ff6600; margin:0; border-bottom:thin solid white; font-size:1.5rem; padding:0; }
.header .nav-features .list.language li:last-child{ border-bottom:0 none; }
.header .nav-features .list.language li a{ font-size:1.5rem; padding:30px 0; display:block; font-weight:normal; }

.header .menu li::before, .header .menu li::after{display:none;}
.header .menu ul li{display: block; background-color: #ff6600; margin:0; border-bottom: thin solid white; font-size: 1.5rem; padding:0;}
.header .menu ul li a{font-size: 1.5rem; padding: 30px 0; display: block;}
.header .menu ul li a,.language a{ color:white; }
.header .menu> ul >li a+ul li a:hover,.header .menu ul li a:hover,.language a:hover{text-shadow:0px 0px 6px rgba(0,0,0,9); color: white;}
.header .menu>ul{display: none;}
.header .menu ul ul {position: static; margin: 0;}
.header .language,.language:hover{background-color:transparent; font-size: 1em; color:white; vertical-align: middle;font-weight: 600;text-align: center;}
.header .menu ul{ z-index: 999;position: absolute;left: 0;top: 100%;width: 100%;box-shadow: 0px 9px 22px 1px rgba(38, 18, 2, 0.5);text-align: center;}
.header .menu>ul>li>a+ul li a,.header .menu>ul>li>a+ul li:last-child a{ white-space:nowrap; background:none;display: block; color: white; font-size: 1.06666rem; padding: 23px 10px;}
.spenbottom{align-items: center;}
.header .logo {margin-left:15px;height:auto;position: relative;transform:none;width: 46%;}
header {height:auto;}
.header{height: 100%; padding: 5px; align-items: center;}

.header .menu > ul > li > a + ul{ position:static; transform:translateX(0); }
.header .menu > ul > li > a + ul{ background:#FF9651; box-shadow: 0px 0px 34px 7px rgba(118, 43, 0, 0.69) inset;}
.header .menu ul li li{ background:none; }
.header .menu > ul > li:hover > a + ul{ display:none; }
.plus{ display:block; }
.header .menu>ul>li li:not(:last-child) { border-bottom: 1px solid white;; }
.header .menu ul li a:hover,.header .menu ul li a.current/* ,.products-mid-menu li a.current */{color:#FFFFFF; }
/* .header .menu ul li a:hover,.header .menu ul li a.current,.products-mid-menu li a.current,  #page>*.current{color:#ff6600; } */
}



/* fix */
/* .wrapper{ padding-top:36px; } */
.fix-animate{ z-index:99; position:fixed; top:0; left:0; width:100%; color:#fff; background:rgba(0,0,0,.8); text-align:center; font-weight:bold; font-size:18px; padding:10px 0; }
.fix-animate::before{ animation:rotateY 2s alternate infinite; content:"\f071"; color:#FFC400; display:inline-block; font:normal normal normal 1em FontAwesome; margin-right:10px; }
.fix-box{ position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:#718dcc; width:50%; height:17%; color:#fff; z-index:10; display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:30px; border: 5px solid #fff; border-radius:.5em; overflow:hidden; box-shadow:0 0 10px 0 rgba(0,0,0,1); display:none; }
.fix-box::before{ animation:rotateY 2s alternate infinite; content:"\f071"; color:#000; display:inline-block; font:normal normal normal 1em FontAwesome; position:absolute; font-size:7em; z-index:-1; opacity:.3; }
.fix-box .btn{ padding:11px 30px; border-radius:40px; background:#30519a; margin-top:15px; font-size:.7em; cursor:pointer; }
.fix-box .btn:hover{ background:#142853; }
.fix-box.open{ animation:fadeIn .9s linear 1 alternate; display:flex; }
.garybg{ background:rgba(0,0,0,.5); opacity:0; position:fixed; top:0; left:0; width:100%; height:100%; transition:.2s linear; display:none; z-index:10; }
.garybg.open{ display:block; opacity:1;}

@keyframes rotateY { from { transform: rotateY(0); } to { transform: rotateY(360deg); } }