@charset "utf-8";
/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding:5px; line-height: 1.125em; cursor: pointer; }
.slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width:4px; height:4px;border-radius: 50%; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.2em }
.slicknav_nav { clear: both }
.slicknav_nav ul { border-top:1px #f78585 solid;} 
.slicknav_nav ul,
.slicknav_nav li { display: block; }

.slicknav_nav>li { width:calc(100% - 10px); float: left; margin:5px; }

.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1;}

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu { font-size:16px;}

/* Button */
.slicknav_btn {
    margin:3px; text-decoration:none;}
/* Button Text */
.slicknav_menu  .slicknav_menutxt { color: #654406; font-weight: bold;font-size: 15px;font-family: "arial";padding: 4px 0 0 0;}
/* Button Lines */
.slicknav_menu {  padding:3px;}
.slicknav_nav { color:#fff; margin:0;  padding:10px 0; font-size:0.875em;overflow-y: auto;height: calc(100vh - 40px);}
.slicknav_nav, .slicknav_nav ul { list-style: none; }
.slicknav_nav ul { padding:0;  margin:0 0 0px 0px;}
.slicknav_nav .slicknav_row { padding:8px 10px; margin:0px 0px;}
.slicknav_nav .menu-en { color:#fff; font-size:12px;text-transform: uppercase; font-family: "arial"; text-align:right; text-shadow: 1px 1px 0 rgba(0,0,0,.0);line-height: 1;font-weight:normal;}
.slicknav_nav a { color:#fff; display:block;text-shadow: 1px 1px 0 rgba(0,0,0,.32);padding:15px 10px 10px 10px; font-size:20px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa800+1,fe891b+100 */
background: rgb(255,168,0); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,168,0,1) 1%, rgba(254,137,27,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,168,0,1) 1%,rgba(254,137,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,168,0,1) 1%,rgba(254,137,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa800', endColorstr='#fe891b',GradientType=1 ); /* IE6-9 */}  
.slicknav_nav a:hover {position: relative;color: #663300;padding:15px 10px 10px 25px;}
.slicknav_nav a:hover:before {content: "";display: block;position: absolute;left:10px;top:15px; width: 5px; height:28px;border-radius: 3px; border: 1px #534640 solid;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#807469+1,534640+100 */
background: rgb(128,116,105); /* Old browsers */
background: -moz-linear-gradient(top, rgba(128,116,105,1) 1%, rgba(83,70,64,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(128,116,105,1) 1%,rgba(83,70,64,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(128,116,105,1) 1%,rgba(83,70,64,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#807469', endColorstr='#534640',GradientType=0 ); /* IE6-9 */}
.slicknav_nav a:hover .menu-en{text-shadow: 1px 1px 0 rgba(0,0,0,.32);color: #fff;}

.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { padding:5px 0; margin:0;}
.slicknav_nav .slicknav_row:hover {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; color:#ffffff;}
.slicknav_nav a:hover{ }
.slicknav_nav .slicknav_txtnode { margin-left:15px;}
.slicknav_nav .sub-menu a { color:#ffa3a3; }
.slicknav_nav .sub-menu a:hover { background:#690303; color:#d29191; }