@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: "pathemafont";
  src: url("../fonts/pathemafont.eot");
  src: url("../fonts/pathemafont.eot?#iefix") format("embedded-opentype"), url("../fonts/pathemafont.woff") format("woff"), url("../fonts/pathemafont.ttf") format("truetype"), url("../fonts/pathemafont.svg#pathemafont") format("svg");
  font-weight: normal;
  font-style: normal
}

/*-------------------------------*/
/*           VARIABLES           */
/*-------------------------------*/


body {
  position: relative;
  overflow-x: hidden;
}

body, html {
  height: 100%;
  background-color: rgba(255,255,255,1.00);
}

.nav .open > a { background-color: transparent; }

.nav .open > a:hover { background-color: transparent; }

.nav .open > a:focus { background-color: transparent; }


/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/

#wrapper {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  padding-left: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#wrapper.toggled { padding-left: 380px; }

#wrapper.toggled #sidebar-wrapper { width: 380px; }

#wrapper.toggled #page-content-wrapper {
  margin-right: -220px;
  position: absolute;
}

#sidebar-wrapper {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  background: #FFF;
  height: 100%;
  left: 220px;
  margin-left: -220px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 0;
  z-index: 1000;
}
#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#page-content-wrapper {
  padding-top: 70px;
  width: 100%;
}




/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/



/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

.hamburger {
  background: transparent;
  border: none;
  display: block;
  height: 32px;
  margin-left: 15px;
  position: fixed;
  top: 20px;
  width: 40px;
  z-index: 300;
}

.hamburger:hover { outline: none; }

.hamburger:focus { background-color:#ff8c00; outline: none; }

.hamburger:active { outline: none; }

.hamburger.is-closed:before {
  color: #ffffff;
  content: '';
  display: block;
  font-size: 14px;
  line-height: 32px;
  opacity: 0;
  text-align: center;
  width: 100px;
}

.hamb-bottom-menu {
  padding-top: 20px;

}

.hamburger.is-closed .hamb-top {
  background-color: rgba(255, 255, 255, 1);
  top: 1px;
  border-radius: 10px;
}

.hamburger.is-closed .hamb-middle {
  background-color: rgba(255, 255, 255, 1);
  margin-top: -2px;
  top: 50%;
  border-radius: 10px;
}

.hamburger.is-closed .hamb-etichetta {
  -webkit-transition: all 0.35s ease-in-out;
  bottom: 1px;
  margin-top: 15px;
  padding-top: 5px;
}
.hamburger.is-open .hamb-etichetta {
  -webkit-transition: all 0.35s ease-in-out;
  bottom: 1px;
  margin-top: 15px;
  padding-top: 5px;
}
.hamburger.is-closed .hamb-bottom {
  -webkit-transition: all 0.35s ease-in-out;
  background-color: rgba(255, 255, 255, 1);
  bottom: 1px;
  border-radius: 10px;
}

.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamb-etichetta, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {
  height: 5px;
  left: 0;
  position: absolute;
  width: 100%;
}

.hamburger.is-open .hamb-top {
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.73, 1, 0.28, 0.08);
  background-color: #ffffff;
  margin-top: -2px;
  top: 50%;
  border-radius: 10px;
}

.hamburger.is-open .hamb-middle {
  background-color: #ffffff;
  display: none;
  border-radius: 10px;
}

.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.73, 1, 0.28, 0.08);
  background-color: #ffffff;
  margin-top: -2px;
  top: 50%;
  border-radius: 10px;
}

.hamburger.is-open:before {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  color: #ffffff;
  content: '';
  display: block;
  font-size: 14px;
  line-height: 32px;
  opacity: 0;
  text-align: center;
  width: 100px;
}

.hamburger.is-open:hover before {
  -webkit-transform: translate3d(-100px, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  display: block;
  opacity: 1;
}

/*-------------------------------*/
/*          Dark Overlay         */
/*-------------------------------*/

.overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

@media (max-width: 419px){
  #wrapper-header-top.toggled { padding-left: 240px; }
  #wrapper-header-top.toggled #wrapper-header-top { width: 240px; }
  #wrapper-header.toggled { padding-left: 240px; }
  #wrapper-header.toggled #wrapper-header { width: 240px; }
  .sidebar-nav {font-size: 0.5em;}
  .hamburger {width: 30px;  height: 25px;}
  .hamb-title {font-size: 0.8em;}
  .hamburger.is-closed .hamb-top {top: 0px;}
  .hamburger.is-closed .hamb-middle {margin-top: 0px; top: 40%;}
  .hamburger.is-closed .hamb-bottom {bottom: 0px}
  .hamb-etichetta {display: none;}
}


@media (min-width: 420px) and (max-width: 767px){
  #wrapper.toggled { padding-left: 360px; }
  #wrapper.toggled #sidebar-wrapper { width: 360px; }
  #wrapper-menu.toggled { padding-left: 370px; }
  #wrapper-menu.toggled #sidebar-wrapper-menu { width: 370px; }
  #wrapper-header-top.toggled { padding-left: 240px; }
  #wrapper-header-top.toggled #wrapper-header-top { width: 240px; }
  #wrapper-header.toggled { padding-left: 240px; }
  #wrapper-header.toggled #wrapper-header { width: 240px; }
  .sidebar-nav { margin-top: 0px; border-top: 0px ; }
  .sidebar-nav li a {font-size: 0.84em; line-height: 15px; padding-top: 16px; padding-bottom: 16px;}
  .sidebar-nav {font-size: 0.5em;}
  .hamb-etichetta {display: none;}

}

@media (max-width: 767px){
  #wrapper.toggled { padding-left: 240px; }
  #wrapper.toggled #sidebar-wrapper { width: 240px; }
  #wrapper-menu.toggled { padding-left: 230px; }
  #wrapper-menu.toggled #sidebar-wrapper-menu { width: 230px; }
  .sidebar-nav {font-size: 0.5em;}
}

@media (min-width: 768px) and (max-width: 991px){
  #wrapper.toggled { padding-left: 460px; }
  #wrapper.toggled #sidebar-wrapper { width: 460px; }
  #wrapper-menu.toggled { padding-left: 450px; }
  #wrapper-menu.toggled #sidebar-wrapper-menu { width: 450px; }
  #wrapper-header-top.toggled { padding-left: 455px; }
  #wrapper-header-top.toggled #wrapper-header-top { width: 455px; }
  #wrapper-header.toggled { padding-left: 455px; }
  #wrapper-header.toggled #wrapper-header { width: 455px; }
  .sidebar-nav { margin-top: 50px;}
  .sidebar-nav li a {font-size: 0.88em; line-height: 15px; padding-top: 16px; padding-bottom: 16px;}
  .sidebar-nav {font-size: 0.5em;}
}