/* ====================================================================================================
	MINIMAL CSS3 MENU
====================================================================================================
.minimal-menu { position:relative; display:block; text-decoration:none; }

.minimal-menu a { border-color:transparent; }
.minimal-menu a:hover {
-webkit-transition:border-color 0.3s, background 0.3s;
-moz-transition:border-color 0.3s, background 0.3s;
transition:border-color 0.3s, background 0.3s; }

.minimal-menu ul,
.minimal-menu ul li,
.minimal-menu ul li a { position:relative; }

.minimal-menu ul { z-index:1; }
.minimal-menu ul li { padding-bottom:15px; }
.minimal-menu ul li a { display:block; padding:10px 18px; font-size:18px; line-height:20px; text-decoration:none; }
.minimal-menu>ul>li>a { text-transform:uppercase; border:1px solid transparent; color:#fff; }
.minimal-menu>ul>li:hover>a,
.minimal-menu>ul>li.current>a { color:#990000; border-bottom:solid 2px #990000; }

.minimal-menu ul li.submenu>a:before,
.minimal-menu ul li.submenu>a:after { content:''; position:absolute; bottom:0; left:50%; width:5px; height:1px; background:#fff;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
transition:all 0.5s; }

.minimal-menu ul li.submenu>a:before { margin-left:-4px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}
.minimal-menu ul li.submenu>a:after { margin-left:-1px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
transform:rotate(-45deg);
}*/

/* RESPONSIVE
================================================== */
@media only screen and (min-width:940px) {
/* COLOR----------------*/
.minimal-menu.clr-blue { background:#5bc7fd; }
.minimal-menu.clr-blue ul ul li:hover>a,
.minimal-menu.clr-blue ul ul li.current>a { border-color:#5bc7fd; }

.minimal-menu.clr-green { background:#65e7a2; }
.minimal-menu.clr-green ul ul li:hover>a,
.minimal-menu.clr-green ul ul li.current>a { border-color:#65e7a2; }

.minimal-menu.clr-orange { background:#e1c75f; }
.minimal-menu.clr-orange ul ul li:hover>a,
.minimal-menu.clr-orange ul ul li.current>a { border-color:#e1c75f; }

.minimal-menu.clr-black { background:#333; }
.minimal-menu.clr-black >ul>li>a { color:#fff; }
.minimal-menu.clr-black>ul>li:hover>a,
.minimal-menu.clr-black>ul>li.current>a { border-color:#aaa; }
.minimal-menu.clr-black ul ul li:hover>a,
.minimal-menu.clr-black ul ul li.current>a { border-color:#999; }

.minimal-menu.clr-white { background:#fff; border-color:#000; }
.minimal-menu.clr-white>ul>li>a { color:#000; }
.minimal-menu.clr-white>ul>li:hover>a,
.minimal-menu.clr-white>ul>li.current>a { border-color:#aaa; }
.minimal-menu.clr-white ul ul li:hover>a,
.minimal-menu.clr-white ul ul li.current>a { border-color:#999; }
.minimal-menu.clr-white>ul>li.submenu>a:before,
.minimal-menu.clr-white>ul>li.submenu>a:after { background:#999; }
/* COLOR END----------------*/

.minimal-menu-button { display:none; }

.minimal-menu { }

.minimal-menu.pos-fixed { position:fixed; top:-2px; left:-2px; right:-2px; z-index:9999; }

.minimal-menu a { white-space:nowrap; }

.minimal-menu>ul { margin-bottom:-15px !important; padding:5px; }
.minimal-menu ul li { display:inline-block; }
.minimal-menu ul li.submenu:hover>a:before,
.minimal-menu ul li.submenu:hover>a:after { bottom:-20px; opacity:0; }

/*** Submenu ***/
.minimal-menu ul ul, .minimal-menu ul .menu-wrapper { position:absolute; top:100%; left:0px; z-index:1; display:block; visibility:hidden; opacity:0; height:auto; margin:0; padding:0; background:#fff; border:1px solid #e3e3e3; border-bottom-width:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px; }
.minimal-menu ul li:hover>ul, .minimal-menu ul li:hover>.menu-wrapper { visibility:visible; opacity:1; padding:10px 0;
-webkit-transition:opacity 0.3s, padding 0.3s;
-moz-transition:opacity 0.3s, padding 0.3s;
transition:opacity 0.3s, padding 0.3s; }
.minimal-menu ul ul li { display:block; overflow:hidden; height:auto; padding:10px;
-webkit-transition:padding 0.3s;
-moz-transition:padding 0.3s;
transition:padding 0.3s; }
.minimal-menu ul ul li a { font-size:14px; color:#666; border:1px solid transparent; }
.minimal-menu ul ul li:hover>a,
.minimal-menu ul ul li.current>a { border-style:solid; border-width:1px; }
.minimal-menu ul li:hover ul li { overflow:visible; padding:0 10px; }

.minimal-menu ul ul li.submenu>a:before,
.minimal-menu ul ul li.submenu>a:after { left:auto; top:50%; right:0; background:#ccc; }
.minimal-menu ul ul li.submenu>a:before { margin-top:-1px; }
.minimal-menu ul ul li.submenu>a:after { margin-top:2px; }
.minimal-menu ul ul li.submenu>a:hover:before,
.minimal-menu ul ul li.submenu>a:hover:after { right:-13px; }
.minimal-menu ul ul ul { left:100%; top:-11px; }

/* Megamenu */
.minimal-menu ul li.megamenu { position:static; }
.minimal-menu ul .menu-wrapper {
position:absolute; top:100%; left:-1px; width:100%; margin-top:-5px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px; }
.minimal-menu ul .menu-wrapper a { white-space:inherit; }
.minimal-menu ul .menu-wrapper .menu-col { position:relative; float:left; width:23%; margin:0 1%; }
.minimal-menu ul .menu-wrapper h3 { margin:20px 15px;font-size:18px; line-height:22px; color:#000; }
.minimal-menu ul .menu-wrapper ul { position:relative; visibility:hidden; opacity:1; height:100%; border:0; background:transparent; }
.minimal-menu ul li:hover>.menu-wrapper ul { visibility:visible; }
.minimal-menu ul .menu-wrapper ul li { padding:0 10px; }
.minimal-menu .show-submenu { display:none; }
}

@media only screen and (max-width:939px) {
/* COLOR ----------------*/
.minimal-menu.clr-blue { background:#5bc7fd; }
.minimal-menu.clr-green { background:#65e7a2; }
.minimal-menu.clr-orange { background:#e1c75f; }
.minimal-menu.clr-black { background:#000; }
.minimal-menu.clr-white { background:#fff; }

.minimal-menu.clr-white h3,
.minimal-menu.clr-white ul li a { color:#000; border-bottom-color:rgba(0, 0, 0, 0.08); }
.minimal-menu.clr-white h3 { background:rgba(0, 0, 0, 0.05); }
.minimal-menu.clr-white ul li:hover a,
.minimal-menu.clr-white ul li.current a { background:rgba(0, 0, 0, 0.1); }
.minimal-menu.clr-white ul li li:hover a,
.minimal-menu.clr-white ul li li.current a { background:rgba(0, 0, 0, 0.2); }
.minimal-menu.clr-white ul li li li:hover a,
.minimal-menu.clr-white ul li li li.current a { background:rgba(0, 0, 0, 0.3); }
/* COLOR END----------------*/

.minimal-menu { border-color:rgba(100%, 100%, 100%, 0.3); }

.minimal-menu { position:fixed; top:0px; right:0px; z-index:9999; }
.minimal-menu-button { position:fixed; top:15px; right:15px; z-index:9999; }

input.minimal-menu-button { display:none; }
label.minimal-menu-button { display:inline-block; width:50px; height:50px; text-transform:uppercase; background:#e45c5c; color:#fff; cursor:pointer; text-indent:-9999px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
label.minimal-menu-button:hover { background:#990000; }
label.minimal-menu-button:before { content:''; position:absolute; left:10px; bottom:13px; z-index:1; width:30px; height:5px;
border-top:13px double #fff;
border-bottom:4px solid #fff; }

.minimal-menu { overflow:auto; left:-100%; top:0; width:55%; height:100%; opacity:0;
-webkit-transition:left 0.8s, opacity 0.5s;
-moz-transition:left 0.8s, opacity 0.5s;
transition:left 0.8s, opacity 0.5s; }

#mobile-nav:checked + .minimal-menu { visibility:visible; left:0; opacity:1; background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
-moz-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
-ms-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
-o-box-shadow:rgba(0,0,0,0.4) 0px 0 10px;
box-shadow:rgba(0,0,0,0.4) 0px 0 10px; }

.minimal-menu h3, .minimal-menu ul li a { border-top:1px solid transparent; border-bottom:1px solid rgba(100%, 100%, 100%, 0.2); color:#fff; }
.minimal-menu h3 { font-size:18px; line-height:1em; margin:0; padding:20px 0 20px 40px; color:#fff; background:rgba(100%, 100%, 100%, 0.10); }
.minimal-menu ul { margin:0; padding:0; }
.minimal-menu li, .minimal-menu a { display:block; }
.minimal-menu li { position:relative; }
.minimal-menu li:hover>a,
.minimal-menu li.current>a { background:rgba(100%, 100%, 100%, 0.2); }
.minimal-menu li li:hover>a,
.minimal-menu li li.current>a { background:rgba(100%, 100%, 100%, 0.4); }
.minimal-menu li li li:hover>a,
.minimal-menu li li li.current>a { background:rgba(100%, 100%, 100%, 0.6); }
.minimal-menu ul>li { padding-bottom:0; }
.minimal-menu>ul>li:hover>a,
/*.minimal-menu>ul>li.current>a	{ border-left:1px solid transparent; border-right:1px solid transparent; }*/
.minimal-menu ul ul a { padding-left:40px; }
.minimal-menu ul ul ul a { padding-left:55px; }
.minimal-menu ul ul ul ul a { padding-left:70px; }
.minimal-menu ul ul li a { font-size:14px; }
.minimal-menu ul li.submenu>a:before,
.minimal-menu ul li.submenu>a:after { top:50%; left:auto; right:12px; }
.minimal-menu.clr-white ul li.submenu a:before,
.minimal-menu.clr-white ul li.submenu a:after { background:#999; }
.minimal-menu ul li.submenu>a:before { margin-top:-2px; }
.minimal-menu ul li.submenu>a:after { margin-top:1px; }

.minimal-menu .show-submenu { position:absolute; top:0; left:0; display:block; width:100%; height:40px; min-width:100%; min-height:40px; margin:0; opacity:0; -webkit-appearance:none; }
.minimal-menu .show-submenu + ul,
.minimal-menu .show-submenu + .menu-wrapper { display:none; visibility:hidden; }
.minimal-menu .show-submenu:checked + ul,
.minimal-menu .show-submenu:checked + .menu-wrapper { display:block; visibility:visible; }
}

@media only screen and (max-width:570px) {
.minimal-menu { width:70%; }

.minimal-menu-button { top:10px; }
label.minimal-menu-button { width:40px; height:40px; }
label.minimal-menu-button:before {  left:7px; bottom:9px; width:26px; height:5px; }
}
