묻고답하기

@charset "utf-8";

html {font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

html, body {height:100%;margin:0;padding:0}

body { color: #34495e; font-family: "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo Medium", "돋움", Dotum,"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; background: #fff; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.container { margin-right: auto; margin-left: auto; padding-left: 1em; padding-right: 1em; }

.row { margin-right: -1em; margin-left: -1em; }

.img-circle { border-radius: 50%; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { margin: .67em 0; font-size: 2em; }

mark { color: #000; background: #ff0; }

small { font-size: 80%; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sup { top: -.5em; }

sub { bottom: -.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { height: 0; -moz-box-sizing: content-box; box-sizing: content-box; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; }

button { overflow: visible; }

button, select { text-transform: none; }

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

-webkit-appearance: button;

cursor: pointer;

}

button[disabled],

html input[disabled] {

cursor: default;

}

button::-moz-focus-inner,

input::-moz-focus-inner {

padding: 0;

border: 0;

}

input {

line-height: normal;

}

input[type="checkbox"],

input[type="radio"] {

box-sizing: border-box;

padding: 0;

}

input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

height: auto;

}

input[type="search"] {

-webkit-box-sizing: content-box;

-moz-box-sizing: content-box;

box-sizing: content-box;

-webkit-appearance: textfield;

}

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

-webkit-appearance: none;

}

fieldset {

padding: .35em .625em .75em;

margin: 0 2px;

border: 1px solid #c0c0c0;

}

legend {

padding: 0;

border: 0;

}

textarea {

overflow: auto;

}

optgroup {

font-weight: bold;

}

table {

border-spacing: 0;

border-collapse: collapse;

}

td,

th {

padding: 0;

}

.phiz-license{text-align:right;}

.phiz-license a{padding:20px 40px!important; color:#444!important;text-decoration:none;}

.phiz-license a:hover{color:#444!important;text-decoration:none;}

.phiz-license:after{border:none!important;}

/* goto top */

#back-top {

position: fixed;

bottom: 0px;

right: 20px;

}

#back-top a {

width: 40px;

display: block;

color: #bbb;

/* background color transition */

-webkit-transition: 1s;

-moz-transition: 1s;

transition: 1s;

}

#back-top a:hover {

color: #000;

}

/* arrow icon */

#back-top span {

width: 40px;

height: 40px;

display: block;

margin-bottom: 7px;

opacity:0.5;

filter: alpha(opacity=50);

background: #26456e;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

-webkit-transition: 1s;

-moz-transition: 1s;

transition: 1s;

}

#back-top a:hover span {

background-color: #00bfab;

}

 

#back-top span:before {

     content: "\f102";

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

/*--adjust as necessary--*/

    color: #fff;

    font-size: 24px;

line-height: 40px;

    position: absolute;

    top: 0;

    left: 11px;

}

.fade { opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; }

.fade.in { opacity: 1; }

 

}

.pull-right {

float: right !important;

}

.pull-left {

float: left !important;

}

.hide {

display: none !important;

}

.show {

display: block !important;

}

.invisible {

visibility: hidden;

}

.text-hide {

font: 0/0 a;

color: transparent;

text-shadow: none;

background-color: transparent;

border: 0;

}

.hidden {

display: none !important;

visibility: hidden !important;

}

.affix {

position: fixed;

}

@-ms-viewport {

width: device-width;

}

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after,.col-100:before,.col-100:after {

content: " ";

display: table;

}

.clearfix:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after,.col-100:after {

clear: both;

}

*:focus {outline: 0;}

a {text-decoration:none}

a:active,a:hover {outline: 0;}

a:hover,a:focus {color: #2a6496;text-decoration: none;}

h1 {font-size: 36px;}

h2 {font-size: 30px;}

h3 {font-size: 24px;}

h4 {font-size: 18px;}

h5 {font-size: 14px;}

h6 {font-size: 12px;}

.text-left {text-align: left;}

.text-right {text-align: right;}

.text-center {text-align: center;}

ul,

ol {

margin-top: 0;

margin-bottom: 10px;

}

ul ul,

ol ul,

ul ol,

ol ol {

margin-bottom: 0;

}

/* Skin to content */

.skip{margin:-1px 0 0 0}

.skip>a{display:block;text-align:center;line-height:28px;height:1px;overflow:hidden}

.skip>a:focus{height:auto}

/* general */

.wrapper {margin:0; padding:0}

.content{position:relative;width:100%;}

.content img{max-width:100%;height:auto}

.content:after { content: "";display:block; clear:both;}

.footer-wrap:after,.header:after,.ws-header:after,.footer-info:after { content: ""; display:block;clear:both;}

.content-wrap:after { content: "";display:block; clear:both;}

.mlogo {

font-family: "Arial black", 돋음, "Helvetica black", "Tahoma", Gadget, sans-serif;

font-size: 28px;

font-weight: 900;

letter-spacing: -2px;

text-shadow: 1px 1px 1px #bbb;

}

.mlogo img {height:50px}

 

.v-outer {overflow: hidden; position: relative;} 

.v-outer {display: table; position: static;}  

.v-middle {position: absolute; top: 50%;} /* for quirk explorer only*/ 

.v-middle {display: table-cell; vertical-align: middle; width: 100%; position: static;}  

.v-inner {position: relative; top: -50%} /* for quirk explorer only */ 

 

/* footer */

.footer{width:100%;}

.footer-wrap{padding:10px 0}

.footer-wrap p.copyrights {margin:0}

.footer-info {margin:0;padding:10px 0;border-top: 1px solid #ddd;}

/* logo color */

.brand-color-default,a.brand-color-default:hover{color:#ecf0f1}

.brand-color-primary,a.brand-color-primary:hover{color:#428bca}

.brand-color-success,a.brand-color-success:hover{color:#5cb85c}

.brand-color-info,a.brand-color-info:hover{color:#5bc0de}

.brand-color-warning,a.brand-color-warning:hover{color:#fc0000}

.brand-color-danger,a.brand-color-danger:hover{color:#fc0000}

.brand-color-wisteria,a.brand-color-wisteria:hover{color:#9b59b6}

.brand-color-inverse,a.brand-color-inverse:hover{color:#34495e}

/* menubar bg color */

.f-header-white {

color: #34495e;

background-color: #fff;

border-color: #fff;

}

.f-header-default {

color: #34495e;

background-color: #ecf0f1;

border-color: #ececec;

}

.f-header-primary {

color: #fff;

background-color: #428bca;

border-color: #357ebd;

}

.f-header-success {

color: #fff;

background-color: #5cb85c;

border-color: #4cae4c;

}

.f-header-warning {

color: #fff;

background-color: #f0ad4e;

border-color: #eea236;

}

.f-header-danger {

color: #fff;

background-color: #d9534f;

border-color: #d43f3a;

}

.f-header-info {

color: #fff;

background-color: #5bc0de;

border-color: #46b8da;

}

.f-header-wisteria {

color: #fff;

background-color: #9b59b6;

border-color: #8c50a4;

}

.f-header-inverse {

color: #ffffff;

background-color: #34495e;

}

 

nav:not(.mm-menu)

{

display: none;

}

/*

jQuery.mmenu CSS

*/

/*

jQuery.mmenu panels CSS

*/

.mm-menu.mm-horizontal > .mm-panel {

  -webkit-transition: left 0.1s ease;

  -moz-transition: left 0.1s ease;

  -ms-transition: left 0.1s ease;

  -o-transition: left 0.1s ease;

  transition: left 0.1s ease; }

 

.mm-menu .mm-hidden {

  display: none; }

 

.mm-wrapper {

  overflow-x: hidden;

  position: relative; }

 

.mm-menu {

  background: inherit;

  display: block;

  overflow: hidden;

  width: 100%;

  height: 100%;

  padding: 0;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 0; }

  .mm-menu > .mm-panel {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

    background: inherit;

    -webkit-overflow-scrolling: touch;

    overflow: scroll;

    overflow-x: hidden;

    overflow-y: auto;

    width: 100%;

    height: 100%;

    padding: 20px;

    position: absolute;

    top: 0;

    left: 100%;

    z-index: 0; }

    .mm-menu > .mm-panel.mm-opened {

      left: 0%; }

    .mm-menu > .mm-panel.mm-subopened {

      left: -40%; }

    .mm-menu > .mm-panel.mm-highest {

      z-index: 1; }

  .mm-menu .mm-list {

    padding: 20px 0; }

  .mm-menu > .mm-list {

    padding: 20px 0 40px 0; }

 

.mm-panel > .mm-list {

  margin-left: -20px;

  margin-right: -20px; }

  .mm-panel > .mm-list:first-child {

    padding-top: 0; }

 

.mm-list,

.mm-list > li {

  list-style: none;

  display: block;

  padding: 0;

  margin: 0; }

 

.mm-list {

  font: inherit;

  font-size: 14px; }

  .mm-list a,

  .mm-list a:hover {

    text-decoration: none; }

  .mm-list > li {

    position: relative; }

    .mm-list > li > a,

    .mm-list > li > span {

      text-overflow: ellipsis;

      white-space: nowrap;

      overflow: hidden;

      color: inherit;

      line-height: 20px;

      display: block;

      padding: 10px 10px 10px 20px;

      margin: 0; }

  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {

    content: '';

    border-bottom-width: 1px;

    border-bottom-style: solid;

    display: block;

    width: 100%;

    position: absolute;

    bottom: 0;

    left: 0; }

  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {

    width: auto;

    margin-left: 20px;

    position: relative;

    left: auto; }

  .mm-list a.mm-subopen {

    width: 40px;

    height: 100%;

    padding: 0;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 2; }

    .mm-list a.mm-subopen:before {

      content: '';

      border-left-width: 1px;

      border-left-style: solid;

      display: block;

      height: 100%;

      position: absolute;

      left: 0;

      top: 0; }

    .mm-list a.mm-subopen.mm-fullsubopen {

      width: 100%; }

      .mm-list a.mm-subopen.mm-fullsubopen:before {

        border-left: none; }

    .mm-list a.mm-subopen + a,

    .mm-list a.mm-subopen + span {

      padding-right: 5px;

      margin-right: 40px; }

  .mm-list > li.mm-selected > a.mm-subopen {

    background: transparent; }

  .mm-list > li.mm-selected > a.mm-fullsubopen + a,

  .mm-list > li.mm-selected > a.mm-fullsubopen + span {

    padding-right: 45px;

    margin-right: 0; }

  .mm-list a.mm-subclose {

    text-indent: 20px;

    padding-top: 30px;

    margin-top: -20px; }

  .mm-list > li.mm-label {

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    font-size: 10px;

    text-transform: uppercase;

    text-indent: 20px;

    line-height: 25px;

    padding-right: 5px; }

  .mm-list > li.mm-spacer {

    padding-top: 40px; }

    .mm-list > li.mm-spacer.mm-label {

      padding-top: 25px; }

  .mm-list a.mm-subopen:after,

  .mm-list a.mm-subclose:before {

    content: '';

    border: 2px solid transparent;

    display: block;

    width: 7px;

    height: 7px;

    margin-bottom: -5px;

    position: absolute;

    bottom: 50%;

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg); }

  .mm-list a.mm-subopen:after {

    border-top: none;

    border-left: none;

    right: 18px; }

  .mm-list a.mm-subclose:before {

    border-right: none;

    border-bottom: none;

    margin-bottom: -15px;

    left: 22px; }

 

.mm-menu.mm-vertical .mm-list .mm-panel {

  display: none;

  padding: 10px 0 10px 10px; }

  .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {

    border-color: transparent; }

.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {

  display: block; }

.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {

  height: 40px; }

  .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    top: 16px;

    right: 16px; }

 

html.mm-opened .mm-page {

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

 

.mm-ismenu {

  background: #333333;

  color: rgba(255, 255, 255, 0.6); }

 

.mm-menu .mm-list > li:after {

  border-color: rgba(0, 0, 0, 0.15); }

.mm-menu .mm-list > li > a.mm-subclose {

  background: rgba(0, 0, 0, 0.1);

  color: rgba(255, 255, 255, 0.3); }

.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {

  border-color: rgba(255, 255, 255, 0.3); }

.mm-menu .mm-list > li > a.mm-subopen:before {

  border-color: rgba(0, 0, 0, 0.15); }

.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),

.mm-menu .mm-list > li.mm-selected > span {

  background: rgba(0, 0, 0, 0.1); }

.mm-menu .mm-list > li.mm-label {

  background: rgba(255, 255, 255, 0.05); }

.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,

.mm-menu.mm-vertical .mm-list li.mm-opened > ul {

  background: rgba(255, 255, 255, 0.05); }

 

/*

jQuery.mmenu offcanvas addon CSS

*/

.mm-page,

.mm-fixed-top,

.mm-fixed-bottom {

  -webkit-transition: none 0.1s ease;

  -moz-transition: none 0.1s ease;

  -ms-transition: none 0.1s ease;

  -o-transition: none 0.1s ease;

  transition: none 0.1s ease;

  -webkit-transition-property: top, right, bottom, left, border;

  -moz-transition-property: top, right, bottom, left, border;

  -ms-transition-property: top, right, bottom, left, border;

  -o-transition-property: top, right, bottom, left, border;

  transition-property: top, right, bottom, left, border; }

 

html.mm-opened .mm-page,

html.mm-opened #mm-blocker {

  margin: 0;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  border: 0px solid rgba(0, 0, 0, 0); }

 

html.mm-opening .mm-page {

  border: 0px solid #010101; }

 

.mm-fixed-top,

.mm-fixed-bottom {

  position: fixed;

  left: 0; }

 

.mm-fixed-top {

  top: 0; }

 

.mm-fixed-bottom {

  bottom: 0; }

 

html.mm-opened {

  overflow-x: hidden;

  position: relative; }

 

html.mm-opened .mm-page {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  -ms-box-sizing: border-box;

  -o-box-sizing: border-box;

  box-sizing: border-box;

  position: relative; }

 

html.mm-background .mm-page {

  background: inherit; }

 

#mm-blocker {

  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) transparent;

  display: none;

  width: 100%;

  height: 100%;

  position: fixed;

  z-index: 999999; }

 

html.mm-opened #mm-blocker,

html.mm-blocking #mm-blocker {

  display: block; }

 

.mm-menu.mm-offcanvas {

  display: none;

  position: fixed; }

.mm-menu.mm-current {

  display: block; }

 

html.mm-opening .mm-page,

html.mm-opening #mm-blocker,

html.mm-opening .mm-fixed-top,

html.mm-opening .mm-fixed-bottom {

  left: 80%; }

 

.mm-menu {

  width: 80%; }

 

@media all and (max-width: 175px) {

  .mm-menu {

    width: 140px; }

 

  html.mm-opening .mm-page,

  html.mm-opening #mm-blocker,

  html.mm-opening .mm-fixed-top,

  html.mm-opening .mm-fixed-bottom {

    left: 140px; } }

@media all and (min-width: 550px) {

  .mm-menu {

    width: 440px; }

 

  html.mm-opening .mm-page,

  html.mm-opening #mm-blocker,

  html.mm-opening .mm-fixed-top,

  html.mm-opening .mm-fixed-bottom {

    left: 440px; } }

/*

jQuery.mmenu counters addon CSS

*/

em.mm-counter {

  font: inherit;

  font-size: 14px;

  font-style: normal;

  text-indent: 0;

  line-height: 20px;

  display: block;

  margin-top: -10px;

  position: absolute;

  right: 40px;

  top: 50%; }

  em.mm-counter + a.mm-subopen {

    padding-left: 40px; }

    em.mm-counter + a.mm-subopen + a,

    em.mm-counter + a.mm-subopen + span {

      margin-right: 80px; }

  em.mm-counter + a.mm-fullsubopen {

    padding-left: 0; }

 

.mm-vertical em.mm-counter {

  top: 12px;

  margin-top: 0; }

 

.mm-nosubresults > em.mm-counter {

  display: none; }

 

.mm-menu em.mm-counter {

  color: rgba(255, 255, 255, 0.3); }

 

/*

jQuery.mmenu dragOpen addon CSS

*/

html.mm-opened.mm-dragging .mm-menu,

html.mm-opened.mm-dragging .mm-page,

html.mm-opened.mm-dragging .mm-fixed-top,

html.mm-opened.mm-dragging .mm-fixed-bottom,

html.mm-opened.mm-dragging #mm-blocker {

  -webkit-transition-duration: 0s;

  -moz-transition-duration: 0s;

  -ms-transition-duration: 0s;

  -o-transition-duration: 0s;

  transition-duration: 0s; }

 

/*

jQuery.mmenu header addon CSS

*/

.mm-header {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  -ms-box-sizing: border-box;

  -o-box-sizing: border-box;

  box-sizing: border-box;

  background: inherit;

  border-bottom: 1px solid transparent;

  text-align: center;

  line-height: 20px;

  width: 100%;

  height: 60px;

  padding: 30px 40px 0 40px;

  position: absolute;

  z-index: 2;

  top: 0;

  left: 0; }

  .mm-header .mm-title {

  color:#333;

  font-size:16px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    display: inline-block;

    width: 100%;

    position: relative;

    z-index: 1; }

  .mm-header .mm-prev,

  .mm-header .mm-next {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

    text-decoration: none;

    display: block;

    width: 40px;

    height: 100%;

    position: absolute;

    bottom: 0; }

    .mm-header .mm-prev:before,

    .mm-header .mm-next:before {

      content: '';

      border: 2px solid transparent;

      display: block;

      width: 7px;

      height: 7px;

      margin-bottom: -5px;

      position: absolute;

      bottom: 50%;

      -webkit-transform: rotate(-45deg);

      -moz-transform: rotate(-45deg);

      -ms-transform: rotate(-45deg);

      -o-transform: rotate(-45deg);

      transform: rotate(-45deg);

      margin-bottom: -15px; }

  .mm-header .mm-prev {

    left: 0; }

    .mm-header .mm-prev:before {

      border-right: none;

      border-bottom: none;

      left: 22px; }

  .mm-header .mm-next {

    right: 0; }

    .mm-header .mm-next:before {

      border-top: none;

      border-left: none;

      right: 18px; }

 

.mm-menu.mm-hassearch .mm-header {

  height: 50px;

  padding-top: 20px;

  top: 50px; }

  .mm-menu.mm-hassearch .mm-header .mm-prev:before,

  .mm-menu.mm-hassearch .mm-header .mm-mext:before {

    margin-bottom: -10px; }

 

.mm-menu.mm-hasheader li.mm-subtitle {

  display: none; }

.mm-menu.mm-hasheader > .mm-panel {

  padding-top: 80px; }

  .mm-menu.mm-hasheader > .mm-panel.mm-list {

    padding-top: 60px; }

  .mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child {

    margin-top: -20px; }

.mm-menu.mm-hasheader.mm-hassearch > .mm-panel {

  padding-top: 120px; }

  .mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list {

    padding-top: 100px; }

 

.mm-menu .mm-header {

  border-color: rgba(0, 0, 0, 0.15);

  color: rgba(255, 255, 255, 0.3); }

  .mm-menu .mm-header a:before {

    border-color: rgba(255, 255, 255, 0.3); }

 

/*

jQuery.mmenu labels addon CSS

*/

.mm-menu.mm-fixedlabels .mm-list {

  background: inherit; }

  .mm-menu.mm-fixedlabels .mm-list > li.mm-label {

    background: inherit !important;

    opacity: 0.97;

    height: 25px;

    overflow: visible;

    position: relative;

    z-index: 1; }

    .mm-menu.mm-fixedlabels .mm-list > li.mm-label > div {

      background: inherit;

      width: 100%;

      position: absolute;

      left: 0; }

      .mm-menu.mm-fixedlabels .mm-list > li.mm-label > div > div {

        text-overflow: ellipsis;

        white-space: nowrap;

        overflow: hidden; }

    .mm-menu.mm-fixedlabels .mm-list > li.mm-label.mm-spacer > div > div {

      padding-top: 25px; }

 

.mm-list > li.mm-label > span {

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

  padding: 0; }

.mm-list > li.mm-label.mm-opened a.mm-subopen:after {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  right: 17px; }

.mm-list > li.mm-collapsed {

  display: none; }

 

.mm-menu .mm-list li.mm-label > div > div {

  background: rgba(255, 255, 255, 0.05); }

 

/*

jQuery.mmenu searchfield addon CSS

*/

.mm-search,

.mm-search input {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  -ms-box-sizing: border-box;

  -o-box-sizing: border-box;

  box-sizing: border-box; }

 

.mm-list > li.mm-search {

  padding: 10px;

  margin-top: -20px; }

.mm-list > li.mm-subtitle + li.mm-search {

  margin-top: 0; }

 

div.mm-panel > div.mm-search {

  padding: 0 0 10px 0; }

 

.mm-menu.mm-hasheader .mm-list > li.mm-search {

  margin-top: 0; }

 

.mm-search {

  background: inherit;

  width: 100%;

  padding: 10px;

  position: relative;

  top: 0;

  z-index: 2; }

  .mm-search input {

    border: none;

    border-radius: 30px;

    font: inherit;

    font-size: 14px;

    line-height: 30px;

    outline: none;

    display: block;

    width: 100%;

    height: 30px;

    margin: 0;

    padding: 0 10px; }

 

.mm-menu .mm-noresultsmsg {

  text-align: center;

  font-size: 21px;

  display: none;

  padding: 60px 0; }

  .mm-menu .mm-noresultsmsg:after {

    border: none !important; }

 

.mm-noresults .mm-noresultsmsg {

  display: block; }

 

.mm-menu li.mm-nosubresults > a.mm-subopen {

  display: none; }

  .mm-menu li.mm-nosubresults > a.mm-subopen + a,

  .mm-menu li.mm-nosubresults > a.mm-subopen + span {

    padding-right: 10px; }

.mm-menu.mm-hassearch > .mm-panel {

  padding-top: 70px; }

  .mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child {

    margin-top: -20px; }

.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child {

  margin-top: -10px; }

  .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list {

    padding-top: 0; }

 

.mm-menu .mm-search input {

  background: rgba(255, 255, 255, 0.3);

  color: rgba(255, 255, 255, 0.6); }

.mm-menu .mm-noresultsmsg {

  color: rgba(255, 255, 255, 0.3); }

 

/*

jQuery.mmenu toggles addon CSS

*/

label.mm-toggle {

  border-radius: 30px;

  width: 50px;

  height: 30px;

  margin: -15px 0 0 0;

  position: absolute;

  top: 50%;

  z-index: 1; }

  label.mm-toggle div {

    border-radius: 30px;

    width: 28px;

    height: 28px;

    margin: 1px; }

 

input.mm-toggle {

  position: absolute;

  left: -10000px; }

  input.mm-toggle:checked ~ label.mm-toggle div {

    float: right; }

 

label.mm-toggle {

  right: 20px; }

  label.mm-toggle + a,

  label.mm-toggle + span {

    margin-right: 70px; }

 

a.mm-subopen + label.mm-toggle {

  right: 50px; }

  a.mm-subopen + label.mm-toggle + a,

  a.mm-subopen + label.mm-toggle + span {

    margin-right: 100px; }

 

em.mm-counter + a.mm-subopen + label.mm-toggle {

  right: 90px; }

  em.mm-counter + a.mm-subopen + label.mm-toggle + a,

  em.mm-counter + a.mm-subopen + label.mm-toggle + span {

    margin-right: 140px; }

 

.mm-menu label.mm-toggle {

  background: rgba(0, 0, 0, 0.15); }

  .mm-menu label.mm-toggle div {

    background: #333333; }

.mm-menu input.mm-toggle:checked ~ label.mm-toggle {

  background: #4bd963; }

 

/*

jQuery.mmenu effects extension CSS

*/

html.mm-slide .mm-menu {

  -webkit-transition: -webkit-transform 0.1s ease;

  -moz-transition: -moz-transform 0.1s ease;

  -o-transition: -o-transform 0.1s ease;

  transition: transform 0.1s ease; }

html.mm-slide.mm-opened .mm-menu {

  -webkit-transform: translateX(-40%);

  -moz-transform: translateX(-40%);

  -ms-transform: translateX(-40%);

  -o-transform: translateX(-40%);

  transform: translateX(-40%); }

html.mm-slide.mm-opening .mm-menu {

  -webkit-transform: translateX(0%);

  -moz-transform: translateX(0%);

  -ms-transform: translateX(0%);

  -o-transform: translateX(0%);

  transform: translateX(0%); }

html.mm-slide.mm-right.mm-opened .mm-menu {

  -webkit-transform: translateX(40%);

  -moz-transform: translateX(40%);

  -ms-transform: translateX(40%);

  -o-transform: translateX(40%);

  transform: translateX(40%); }

html.mm-slide.mm-right.mm-opening .mm-menu {

  -webkit-transform: translateX(0%);

  -moz-transform: translateX(0%);

  -ms-transform: translateX(0%);

  -o-transform: translateX(0%);

  transform: translateX(0%); }

html.mm-slide.mm-top.mm-opened .mm-menu {

  -webkit-transform: translateY(-40%);

  -moz-transform: translateY(-40%);

  -ms-transform: translateY(-40%);

  -o-transform: translateY(-40%);

  transform: translateY(-40%); }

html.mm-slide.mm-top.mm-opening .mm-menu {

  -webkit-transform: translateY(0%);

  -moz-transform: translateY(0%);

  -ms-transform: translateY(0%);

  -o-transform: translateY(0%);

  transform: translateY(0%); }

html.mm-slide.mm-bottom.mm-opened .mm-menu {

  -webkit-transform: translateY(40%);

  -moz-transform: translateY(40%);

  -ms-transform: translateY(40%);

  -o-transform: translateY(40%);

  transform: translateY(40%); }

html.mm-slide.mm-bottom.mm-opening .mm-menu {

  -webkit-transform: translateY(0%);

  -moz-transform: translateY(0%);

  -ms-transform: translateY(0%);

  -o-transform: translateY(0%);

  transform: translateY(0%); }

 

html.mm-zoom-menu .mm-menu {

  -webkit-transition: -webkit-transform 0.1s ease;

  -moz-transition: -moz-transform 0.1s ease;

  -o-transition: -o-transform 0.1s ease;

  transition: transform 0.1s ease; }

html.mm-zoom-menu.mm-opened .mm-menu {

  -webkit-transform: scale(0.7, 0.7) translateX(-40%);

  -moz-transform: scale(0.7, 0.7) translateX(-40%);

  -ms-transform: scale(0.7, 0.7) translateX(-40%);

  -o-transform: scale(0.7, 0.7) translateX(-40%);

  transform: scale(0.7, 0.7) translateX(-40%);

  -webkit-transform-origin: left center;

  -moz-transform-origin: left center;

  -ms-transform-origin: left center;

  -o-transform-origin: left center;

  transform-origin: left center; }

html.mm-zoom-menu.mm-opening .mm-menu {

  -webkit-transform: scale(1, 1) translateX(0%);

  -moz-transform: scale(1, 1) translateX(0%);

  -ms-transform: scale(1, 1) translateX(0%);

  -o-transform: scale(1, 1) translateX(0%);

  transform: scale(1, 1) translateX(0%); }

html.mm-zoom-menu.mm-right.mm-opened .mm-menu {

  -webkit-transform: scale(0.7, 0.7) translateX(40%);

  -moz-transform: scale(0.7, 0.7) translateX(40%);

  -ms-transform: scale(0.7, 0.7) translateX(40%);

  -o-transform: scale(0.7, 0.7) translateX(40%);

  transform: scale(0.7, 0.7) translateX(40%);

  -webkit-transform-origin: right center;

  -moz-transform-origin: right center;

  -ms-transform-origin: right center;

  -o-transform-origin: right center;

  transform-origin: right center; }

html.mm-zoom-menu.mm-right.mm-opening .mm-menu {

  -webkit-transform: scale(1, 1) translateX(0%);

  -moz-transform: scale(1, 1) translateX(0%);

  -ms-transform: scale(1, 1) translateX(0%);

  -o-transform: scale(1, 1) translateX(0%);

  transform: scale(1, 1) translateX(0%); }

html.mm-zoom-menu.mm-top.mm-opened .mm-menu {

  -webkit-transform: scale(0.7, 0.7) translateY(-40%);

  -moz-transform: scale(0.7, 0.7) translateY(-40%);

  -ms-transform: scale(0.7, 0.7) translateY(-40%);

  -o-transform: scale(0.7, 0.7) translateY(-40%);

  transform: scale(0.7, 0.7) translateY(-40%);

  -webkit-transform-origin: center top;

  -moz-transform-origin: center top;

  -ms-transform-origin: center top;

  -o-transform-origin: center top;

  transform-origin: center top; }

html.mm-zoom-menu.mm-top.mm-opening .mm-menu {

  -webkit-transform: scale(1, 1) translateY(0%);

  -moz-transform: scale(1, 1) translateY(0%);

  -ms-transform: scale(1, 1) translateY(0%);

  -o-transform: scale(1, 1) translateY(0%);

  transform: scale(1, 1) translateY(0%); }

html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {

  -webkit-transform: scale(0.7, 0.7) translateY(40%);

  -moz-transform: scale(0.7, 0.7) translateY(40%);

  -ms-transform: scale(0.7, 0.7) translateY(40%);

  -o-transform: scale(0.7, 0.7) translateY(40%);

  transform: scale(0.7, 0.7) translateY(40%);

  -webkit-transform-origin: center bottom;

  -moz-transform-origin: center bottom;

  -ms-transform-origin: center bottom;

  -o-transform-origin: center bottom;

  transform-origin: center bottom; }

html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {

  -webkit-transform: scale(1, 1) translateY(0%);

  -moz-transform: scale(1, 1) translateY(0%);

  -ms-transform: scale(1, 1) translateY(0%);

  -o-transform: scale(1, 1) translateY(0%);

  transform: scale(1, 1) translateY(0%); }

 

html.mm-zoom-page .mm-page {

  -webkit-transition-property: -webkit-transform, top, right, bottom, left, border;

  -moz-transition-property: -moz-transform, top, right, bottom, left, border;

  -ms-transition-property: -ms-transform, top, right, bottom, left, border;

  -o-transition-property: -o-transform, top, right, bottom, left, border;

  transition-property: transform, top, right, bottom, left, border; }

html.mm-zoom-page.mm-opened .mm-page {

  -webkit-transform: scale(1, 1);

  -moz-transform: scale(1, 1);

  -ms-transform: scale(1, 1);

  -o-transform: scale(1, 1);

  transform: scale(1, 1);

  -webkit-transform-origin: left center;

  -moz-transform-origin: left center;

  -ms-transform-origin: left center;

  -o-transform-origin: left center;

  transform-origin: left center; }

html.mm-zoom-page.mm-opening .mm-page {

  -webkit-transform: scale(1.5, 1.5);

  -moz-transform: scale(1.5, 1.5);

  -ms-transform: scale(1.5, 1.5);

  -o-transform: scale(1.5, 1.5);

  transform: scale(1.5, 1.5); }

html.mm-zoom-page.mm-right.mm-opened .mm-page {

  -webkit-transform-origin: right center;

  -moz-transform-origin: right center;

  -ms-transform-origin: right center;

  -o-transform-origin: right center;

  transform-origin: right center; }

html.mm-zoom-page.mm-top.mm-opened .mm-page {

  -webkit-transform-origin: center top;

  -moz-transform-origin: center top;

  -ms-transform-origin: center top;

  -o-transform-origin: center top;

  transform-origin: center top; }

html.mm-zoom-page.mm-bottom.mm-opened .mm-page {

  -webkit-transform-origin: center bottom;

  -moz-transform-origin: center bottom;

  -ms-transform-origin: center bottom;

  -o-transform-origin: center bottom;

  transform-origin: center bottom; }

 

html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel {

  -webkit-transform: scale(1.5, 1.5);

  -moz-transform: scale(1.5, 1.5);

  -ms-transform: scale(1.5, 1.5);

  -o-transform: scale(1.5, 1.5);

  transform: scale(1.5, 1.5);

  -webkit-transform-origin: left center;

  -moz-transform-origin: left center;

  -ms-transform-origin: left center;

  -o-transform-origin: left center;

  transform-origin: left center;

  -webkit-transition-property: -webkit-transform, left;

  -moz-transition-property: -moz-transform, left;

  -ms-transition-property: -ms-transform, left;

  -o-transition-property: -o-transform, left;

  transition-property: transform, left; }

  html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened {

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    transform: scale(1, 1); }

    html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened {

      -webkit-transform: scale(0.7, 0.7);

      -moz-transform: scale(0.7, 0.7);

      -ms-transform: scale(0.7, 0.7);

      -o-transform: scale(0.7, 0.7);

      transform: scale(0.7, 0.7); }

 

/*

jQuery.mmenu fullscreen extension CSS

*/

html.mm-opening.mm-fullscreen .mm-page,

html.mm-opening.mm-fullscreen #mm-blocker,

html.mm-opening.mm-fullscreen .mm-fixed-top,

html.mm-opening.mm-fullscreen .mm-fixed-bottom {

  left: 100%; }

 

.mm-menu.mm-fullscreen {

  width: 100%; }

 

@media all and (max-width: 140px) {

  .mm-menu.mm-fullscreen {

    width: 140px; }

 

  html.mm-opening.mm-fullscreen .mm-page,

  html.mm-opening.mm-fullscreen #mm-blocker,

  html.mm-opening.mm-fullscreen .mm-fixed-top,

  html.mm-opening.mm-fullscreen .mm-fixed-bottom {

    left: 140px; } }

@media all and (min-width: 10000px) {

  .mm-menu.mm-fullscreen {

    width: 10000px; }

 

  html.mm-opening.mm-fullscreen .mm-page,

  html.mm-opening.mm-fullscreen #mm-blocker,

  html.mm-opening.mm-fullscreen .mm-fixed-top,

  html.mm-opening.mm-fullscreen .mm-fixed-bottom {

    left: 10000px; } }

.mm-menu.mm-top.mm-fullscreen {

  height: 100%; }

 

html.mm-top.mm-opening.mm-fullscreen .mm-page,

html.mm-top.mm-opening.mm-fullscreen #mm-blocker,

html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top {

  top: 100%; }

html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom {

  bottom: -100%; }

 

@media all and (max-height: 140px) {

  .mm-menu.mm-top.mm-fullscreen {

    height: 140px; }

 

  html.mm-top.mm-opening.mm-fullscreen .mm-page,

  html.mm-top.mm-opening.mm-fullscreen #mm-blocker,

  html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top {

    top: 140px; }

  html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom {

    bottom: -140px; } }

@media all and (min-height: 10000px) {

  .mm-menu.mm-top.mm-fullscreen {

    height: 10000px; }

 

  html.mm-top.mm-opening.mm-fullscreen .mm-page,

  html.mm-top.mm-opening.mm-fullscreen #mm-blocker,

  html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top {

    top: 10000px; }

  html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom {

    bottom: -10000px; } }

.mm-menu.mm-right.mm-fullscreen {

  width: 100%; }

 

html.mm-right.mm-opening.mm-fullscreen .mm-page,

html.mm-right.mm-opening.mm-fullscreen #mm-blocker,

html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top,

html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom {

  right: 100%; }

 

@media all and (max-width: 140px) {

  .mm-menu.mm-right.mm-fullscreen {

    width: 140px; }

 

  html.mm-right.mm-opening.mm-fullscreen .mm-page,

  html.mm-right.mm-opening.mm-fullscreen #mm-blocker,

  html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top,

  html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom {

    right: 140px; } }

@media all and (min-width: 10000px) {

  .mm-menu.mm-right.mm-fullscreen {

    width: 10000px; }

 

  html.mm-right.mm-opening.mm-fullscreen .mm-page,

  html.mm-right.mm-opening.mm-fullscreen #mm-blocker,

  html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top,

  html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom {

    right: 10000px; } }

.mm-menu.mm-bottom.mm-fullscreen {

  height: 100%; }

 

html.mm-bottom.mm-opening.mm-fullscreen .mm-page,

html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker,

html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom {

  bottom: 100%; }

html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top {

  top: -100%; }

 

@media all and (max-height: 140px) {

  .mm-menu.mm-bottom.mm-fullscreen {

    height: 140px; }

 

  html.mm-bottom.mm-opening.mm-fullscreen .mm-page,

  html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker,

  html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom {

    bottom: 140px; }

  html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top {

    top: -140px; } }

@media all and (min-height: 10000px) {

  .mm-menu.mm-bottom.mm-fullscreen {

    height: 10000px; }

 

  html.mm-bottom.mm-opening.mm-fullscreen .mm-page,

  html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker,

  html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom {

    bottom: 10000px; }

  html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top {

    top: -10000px; } }

.mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next {

  left: -100%; }

 

@media all and (max-width: 140px) {

  .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next {

    left: -140px; } }

@media all and (min-width: 10000px) {

  .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next {

    left: -10000px; } }

.mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next {

  top: -100%; }

 

@media all and (max-height: 140px) {

  .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next {

    top: -140px; } }

@media all and (min-height: 10000px) {

  .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next {

    top: -10000px; } }

.mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next {

  right: -100%; }

 

@media all and (max-width: 140px) {

  .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next {

    right: -140px; } }

@media all and (min-width: 10000px) {

  .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next {

    right: -10000px; } }

.mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next {

  bottom: -100%; }

 

@media all and (max-height: 140px) {

  .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next {

    bottom: -140px; } }

@media all and (min-height: 10000px) {

  .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next {

    bottom: -10000px; } }

html.mm-front .mm-fixed-top,

html.mm-front .mm-fixed-bottom,

html.mm-opening.mm-front .mm-fixed-top,

html.mm-opening.mm-front .mm-fixed-bottom {

  left: 0;

  right: auto; }

html.mm-front .mm-fixed-top,

html.mm-opening.mm-front .mm-fixed-top {

  top: 0; }

html.mm-front .mm-fixed-bottom,

html.mm-opening.mm-front .mm-fixed-bottom {

  bottom: 0; }

 

html.mm-opened.mm-fullscreen .mm-page {

  box-shadow: none !important; }

 

/*

jQuery.mmenu position extension CSS

*/

.mm-menu.mm-top {

  width: 100%; }

 

html.mm-top.mm-opened .mm-page,

html.mm-top.mm-opened #mm-blocker {

  top: 0%; }

 

html.mm-top.mm-opened.mm-opening .mm-page,

html.mm-top.mm-opened.mm-opening #mm-blocker,

html.mm-top.mm-opened.mm-opening .mm-fixed-top,

html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {

  left: 0; }

 

.mm-menu.mm-right {

  left: auto;

  right: 0; }

 

html.mm-right.mm-opened .mm-page,

html.mm-right.mm-opened #mm-blocker,

html.mm-right.mm-opened .mm-fixed-top,

html.mm-right.mm-opened .mm-fixed-bottom {

  left: auto;

  right: 0%; }

 

html.mm-right.mm-opened.mm-opening .mm-page,

html.mm-right.mm-opened.mm-opening #mm-blocker,

html.mm-right.mm-opened.mm-opening .mm-fixed-top,

html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {

  left: auto; }

 

.mm-menu.mm-bottom {

  width: 100%;

  top: auto;

  bottom: 0; }

 

html.mm-bottom.mm-opened .mm-page,

html.mm-bottom.mm-opened #mm-blocker {

  bottom: 0%;

  top: auto; }

 

html.mm-bottom.mm-opened.mm-opening .mm-page,

html.mm-bottom.mm-opened.mm-opening #mm-blocker,

html.mm-bottom.mm-opened.mm-opening .mm-fixed-top,

html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {

  top: auto;

  left: 0; }

 

.mm-menu.mm-top {

  height: 80%; }

 

html.mm-top.mm-opening .mm-page,

html.mm-top.mm-opening #mm-blocker,

html.mm-top.mm-opening .mm-fixed-top {

  top: 80%; }

html.mm-top.mm-opening .mm-fixed-bottom {

  bottom: -80%; }

 

@media all and (max-height: 175px) {

  .mm-menu.mm-top {

    height: 140px; }

 

  html.mm-top.mm-opening .mm-page,

  html.mm-top.mm-opening #mm-blocker,

  html.mm-top.mm-opening .mm-fixed-top {

    top: 140px; }

  html.mm-top.mm-opening .mm-fixed-bottom {

    bottom: -140px; } }

@media all and (min-height: 1100px) {

  .mm-menu.mm-top {

    height: 880px; }

 

  html.mm-top.mm-opening .mm-page,

  html.mm-top.mm-opening #mm-blocker,

  html.mm-top.mm-opening .mm-fixed-top {

    top: 880px; }

  html.mm-top.mm-opening .mm-fixed-bottom {

    bottom: -880px; } }

.mm-menu.mm-right {

  width: 80%; }

 

html.mm-right.mm-opening .mm-page,

html.mm-right.mm-opening #mm-blocker,

html.mm-right.mm-opening .mm-fixed-top,

html.mm-right.mm-opening .mm-fixed-bottom {

  right: 80%; }

 

@media all and (max-width: 175px) {

  .mm-menu.mm-right {

    width: 140px; }

 

  html.mm-right.mm-opening .mm-page,

  html.mm-right.mm-opening #mm-blocker,

  html.mm-right.mm-opening .mm-fixed-top,

  html.mm-right.mm-opening .mm-fixed-bottom {

    right: 140px; } }

@media all and (min-width: 550px) {

  .mm-menu.mm-right {

    width: 440px; }

 

  html.mm-right.mm-opening .mm-page,

  html.mm-right.mm-opening #mm-blocker,

  html.mm-right.mm-opening .mm-fixed-top,

  html.mm-right.mm-opening .mm-fixed-bottom {

    right: 440px; } }

.mm-menu.mm-bottom {

  height: 80%; }

 

html.mm-bottom.mm-opening .mm-page,

html.mm-bottom.mm-opening #mm-blocker,

html.mm-bottom.mm-opening .mm-fixed-bottom {

  bottom: 80%; }

html.mm-bottom.mm-opening .mm-fixed-top {

  top: -80%; }

 

@media all and (max-height: 175px) {

  .mm-menu.mm-bottom {

    height: 140px; }

 

  html.mm-bottom.mm-opening .mm-page,

  html.mm-bottom.mm-opening #mm-blocker,

  html.mm-bottom.mm-opening .mm-fixed-bottom {

    bottom: 140px; }

  html.mm-bottom.mm-opening .mm-fixed-top {

    top: -140px; } }

@media all and (min-height: 1100px) {

  .mm-menu.mm-bottom {

    height: 880px; }

 

  html.mm-bottom.mm-opening .mm-page,

  html.mm-bottom.mm-opening #mm-blocker,

  html.mm-bottom.mm-opening .mm-fixed-bottom {

    bottom: 880px; }

  html.mm-bottom.mm-opening .mm-fixed-top {

    top: -880px; } }

/*

jQuery.mmenu z-position extension CSS

*/

html.mm-front.mm-opened .mm-page {

  top: 0 !important;

  right: 0 !important;

  bottom: 0 !important;

  left: 0 !important; }

 

.mm-menu.mm-front,

.mm-menu.mm-next {

  -webkit-transition: none 0.1s ease;

  -moz-transition: none 0.1s ease;

  -ms-transition: none 0.1s ease;

  -o-transition: none 0.1s ease;

  transition: none 0.1s ease;

  -webkit-transition-property: top, right, bottom, left, -webkit-transform;

  -moz-transition-property: top, right, bottom, left, -moz-transform;

  -ms-transition-property: top, right, bottom, left, -o-transform;

  -o-transition-property: top, right, bottom, left, -o-transform;

  transition-property: top, right, bottom, left, transform; }

 

html.mm-front .mm-page,

html.mm-front #mm-blocker {

  z-index: 0; }

 

.mm-menu.mm-front {

  z-index: 1;

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

 

html.mm-opened.mm-next .mm-page {

  box-shadow: none; }

 

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {

  left: 0%; }

 

.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {

  left: 0; }

 

html.mm-opening .mm-menu.mm-top.mm-front, html.mm-opening .mm-menu.mm-top.mm-next {

  left: 0;

  top: 0%; }

 

.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {

  left: auto; }

 

html.mm-opening .mm-menu.mm-right.mm-front, html.mm-opening .mm-menu.mm-right.mm-next {

  left: auto;

  right: 0%; }

 

.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {

  top: auto;

  left: 0; }

 

html.mm-opening .mm-menu.mm-bottom.mm-front, html.mm-opening .mm-menu.mm-bottom.mm-next {

  left: 0;

  bottom: 0%; }

 

.mm-menu.mm-front, .mm-menu.mm-next {

  left: -80%; }

 

@media all and (max-width: 175px) {

  .mm-menu.mm-front, .mm-menu.mm-next {

    left: -140px; } }

@media all and (min-width: 550px) {

  .mm-menu.mm-front, .mm-menu.mm-next {

    left: -440px; } }

.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {

  top: -80%; }

 

@media all and (max-height: 175px) {

  .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {

    top: -140px; } }

@media all and (min-height: 1100px) {

  .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {

    top: -880px; } }

.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {

  right: -80%; }

 

@media all and (max-width: 175px) {

  .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {

    right: -140px; } }

@media all and (min-width: 550px) {

  .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {

    right: -440px; } }

.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {

  bottom: -80%; }

 

@media all and (max-height: 175px) {

  .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {

    bottom: -140px; } }

@media all and (min-height: 1100px) {

  .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {

    bottom: -880px; } }

html.mm-front .mm-fixed-top,

html.mm-front .mm-fixed-bottom,

html.mm-opening.mm-front .mm-fixed-top,

html.mm-opening.mm-front .mm-fixed-bottom {

  left: 0;

  right: auto; }

html.mm-front .mm-fixed-top,

html.mm-opening.mm-front .mm-fixed-top {

  top: 0; }

html.mm-front .mm-fixed-bottom,

html.mm-opening.mm-front .mm-fixed-bottom {

  bottom: 0; }

 

/*

jQuery.mmenu themes extension CSS

*/

html.mm-opened.mm-light .mm-page {

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

 

.mm-ismenu.mm-light {

  background: #f3f3f3;

  color: rgba(0, 0, 0, 0.6); }

 

.mm-menu.mm-light .mm-list > li:after {

  border-color: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-light .mm-list > li > a.mm-subclose {

  background: rgba(255, 255, 255, 0.6);

  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {

  border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-list > li > a.mm-subopen:before {

  border-color: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen),

.mm-menu.mm-light .mm-list > li.mm-selected > span {

  background: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-light .mm-list > li.mm-label {

  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen,

.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {

  background: rgba(0, 0, 0, 0.03); }

 

.mm-menu.mm-light .mm-search input {

  background: rgba(0, 0, 0, 0.1);

  color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-light .mm-noresultsmsg {

  color: rgba(0, 0, 0, 0.3); }

 

.mm-menu.mm-light em.mm-counter {

  color: rgba(0, 0, 0, 0.3); }

 

.mm-menu.mm-light .mm-list li.mm-label > div > div {

  background: rgba(0, 0, 0, 0.03); }

 

.mm-menu.mm-light .mm-header {

  border-color: rgba(0, 0, 0, 0.1);

  color: rgba(0, 0, 0, 0.3); }

  .mm-menu.mm-light .mm-header a:before {

    border-color: rgba(0, 0, 0, 0.3); }

 

.mm-menu.mm-light label.mm-toggle {

  background: rgba(0, 0, 0, 0.1); }

  .mm-menu.mm-light label.mm-toggle div {

    background: #f3f3f3; }

.mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle {

  background: #4bd963; }

 

html.mm-opened.mm-white .mm-page {

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

 

.mm-ismenu.mm-white {

  background: white;

  color: rgba(0, 0, 0, 0.6); }

 

.mm-menu.mm-white .mm-list > li:after {

  border-color: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-white .mm-list > li > a.mm-subclose {

  background: rgba(0, 0, 0, 0.06);

  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {

  border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-list > li > a.mm-subopen:before {

  border-color: rgba(0, 0, 0, 0.1); }

.mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen),

.mm-menu.mm-white .mm-list > li.mm-selected > span {

  background: rgba(0, 0, 0, 0.06); }

.mm-menu.mm-white .mm-list > li.mm-label {

  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen,

.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {

  background: rgba(0, 0, 0, 0.03); }

 

.mm-menu.mm-white .mm-search input {

  background: rgba(0, 0, 0, 0.1);

  color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-white .mm-noresultsmsg {

  color: rgba(0, 0, 0, 0.3); }

 

.mm-menu.mm-white em.mm-counter {

  color: rgba(0, 0, 0, 0.3); }

 

.mm-menu.mm-white .mm-list li.mm-label > div > div {

  background: rgba(0, 0, 0, 0.03); }

 

.mm-menu.mm-white .mm-header {

  border-color: rgba(0, 0, 0, 0.1);

  color: rgba(0, 0, 0, 0.3); }

  .mm-menu.mm-white .mm-header a:before {

    border-color: rgba(0, 0, 0, 0.3); }

 

.mm-menu.mm-white label.mm-toggle {

  background: rgba(0, 0, 0, 0.1); }

  .mm-menu.mm-white label.mm-toggle div {

    background: white; }

.mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle {

  background: #4bd963; }

 

html.mm-opened.mm-black .mm-page {

  box-shadow: none; }

 

.mm-ismenu.mm-black {

  background: black;

  color: rgba(255, 255, 255, 0.6); }

 

.mm-menu.mm-black .mm-list > li:after {

  border-color: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-black .mm-list > li > a.mm-subclose {

  background: rgba(255, 255, 255, 0.25);

  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before {

  border-color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-list > li > a.mm-subopen:before {

  border-color: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen),

.mm-menu.mm-black .mm-list > li.mm-selected > span {

  background: rgba(255, 255, 255, 0.25); }

.mm-menu.mm-black .mm-list > li.mm-label {

  background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen,

.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {

  background: rgba(255, 255, 255, 0.15); }

 

.mm-menu.mm-black .mm-search input {

  background: rgba(255, 255, 255, 0.3);

  color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-black .mm-noresultsmsg {

  color: rgba(255, 255, 255, 0.3); }

 

.mm-menu.mm-black em.mm-counter {

  color: rgba(255, 255, 255, 0.3); }

 

.mm-menu.mm-black .mm-list li.mm-label > div > div {

  background: rgba(255, 255, 255, 0.15); }

 

.mm-menu.mm-black .mm-header {

  border-color: rgba(255, 255, 255, 0.2);

  color: rgba(255, 255, 255, 0.3); }

  .mm-menu.mm-black .mm-header a:before {

    border-color: rgba(255, 255, 255, 0.3); }

 

.mm-menu.mm-black label.mm-toggle {

  background: rgba(255, 255, 255, 0.2); }

  .mm-menu.mm-black label.mm-toggle div {

    background: black; }

.mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle {

  background: #4bd963; }

 

 

 

/* custom */

#header {

text-align:center;

line-height: 50px;

height: 50px;

}

#header a.mmenu:before,

.header a.mmenu:before {

     content: "\f0c9";

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

/*--adjust as necessary--*/

    color: #fff;

    font-size: 24px;

    padding-right: 0.5em;

    position: absolute;

    top: 0;

    left: 10px;

}

#header a.friends:before,

.header a.friends:before {

     content: "\f007";

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

/*--adjust as necessary--*/

    color: #fff;

    font-size: 24px;

    padding-right: 0.5em;

    position: absolute;

    top: 0;

right:10px;

    left: auto;

}

 

#header.f-header-default a.mmenu:before,

#header.f-header-default a.friends:before,

#header.phiz-white a.mmenu:before,

.header.phiz-white a.mmenu:before,

#header.phiz-white a.friends:before,

.header.phiz-white a.friends:before,

#header.phiz-gray a.mmenu:before,

.header.phiz-gray a.mmenu:before,

#header.phiz-gray a.friends:before,

.header.phiz-gray a.friends:before

 {

 color:#000;

 }

 

/* btn */

.pb-btn {display: inline-block;padding: 3px 12px;-o-user-select: none;margin-bottom: 0;font-size: 12px;font-weight: normal;line-height: 1.428571429;color:#fff;text-align: center;text-decoration: none;white-space: nowrap;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 3px;-webkit-transition: 0.25s linear;transition: 0.25s linear;}

.pb-btn:hover {text-decoration: none;}

.pbh-btn{padding:12px 12px}

/* color themes */

.f-btn-default {

color: #34495e;

background-color: #ecf0f1;

border-color: #ececec;

}

.f-btn-default:hover {

color: #34495e;

background-color: #bdc3c7;

border-color: #adadad;

}

.f-btn-primary {

color: #fff;

background-color: #428bca;

border-color: #357ebd;

}

.f-btn-primary:hover {

color: #fff;

background-color: #3276b1;

border-color: #285e8e;

}

.f-btn-success {

color: #fff;

background-color: #5cb85c;

border-color: #4cae4c;

}

.f-btn-success:hover {

color: #fff;

background-color: #47a447;

border-color: #398439;

}

.f-btn-warning {

color: #fff;

background-color: #f0ad4e;

border-color: #eea236;

}

.f-btn-warning:hover {

color: #fff;

background-color: #ed9c28;

border-color: #d58512;

}

.f-btn-danger {

color: #fff;

background-color: #d9534f;

border-color: #d43f3a;

}

.f-btn-danger:hover {

color: #fff;

background-color: #d2322d;

border-color: #ac2925;

}

.f-btn-info {

color: #fff;

background-color: #5bc0de;

border-color: #46b8da;

}

.f-btn-info:hover {

color: #fff;

background-color: #39b3d7;

border-color: #269abc;

}

.f-btn-wisteria {

color: #fff;

background-color: #9b59b6;

border-color: #8c50a4;

}

.f-btn-wisteria:hover {

color: #fff;

background-color: #8e44ad;

border-color: #803d9c;

}

.f-btn-inverse {

color: #ffffff;

background-color: #34495e;

}

.f-btn-inverse:hover {

color: #ffffff;

background-color: #415b76;

border-color: #415b76;

}

/* gradation btn */

.g-btn-default {

color:#34495e;

text-shadow: 0 1px 0 #fff;

background-color: #ecf0f1;

background-image: -webkit-linear-gradient(top, #ecf0f1 0%, #bdc3c7 100%);

background-image: linear-gradient(to bottom, #ecf0f1 0%, #bdc3c7 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffecf0f1', endColorstr='#ffbdc3c7', GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

background-repeat: repeat-x;

border-color: #aab0b3;

}

.g-btn-default:hover {

color:#34495e;

background-color: #bdc3c7;

background-position: 0 -15px;

}

.g-btn-primary {

background-color: #428bca;

background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);

background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

background-repeat: repeat-x;

border-color: #2b669a;

}

.g-btn-primary:hover {

background-color: #2d6ca2;

background-position: 0 -15px;

}

.g-btn-success {

background-color: #5cb85c;

background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);

background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

background-repeat: repeat-x;

border-color: #3e8f3e;

}

.g-btn-success:hover {

background-color: #419641;

background-position: 0 -15px;

}

.g-btn-warning {

background-color: #f0ad4e;

background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);

background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

background-repeat: repeat-x;

border-color: #e38d13;

}

.g-btn-warning:hover {

background-color: #eb9316;

background-position: 0 -15px;

}

.g-btn-danger {

background-color: #d9534f;

background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);

background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

background-repeat: repeat-x;

border-color: #b92c28;

}

.g-btn-danger:hover {

background-color: #c12e2a;

background-position: 0 -15px;

}

.g-btn-info {

background-color: #5bc0de;

background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);

background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

background-repeat: repeat-x;

border-color: #28a4c9;

}

.g-btn-info:hover {

background-color: #2aabd2;

background-position: 0 -15px;

}

.g-btn-wisteria {

background-color: #9b59b6;

background-image: -webkit-linear-gradient(top, #9B59B6 0%, #8e44ad 100%);

background-image: linear-gradient(to bottom, #9b59b6 0%, #8e44ad 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9B59B6', endColorstr='#ff8e44ad', GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

background-repeat: repeat-x;

border-color: #803d9c;

}

.g-btn-wisteria:hover {

background-color: #8e44ad;

background-position: 0 -15px;

}

.g-btn-inverse {

background-color: #34495e;

background-image: -webkit-linear-gradient(top, #34495e 0%, #1f2c38 100%);

background-image: linear-gradient(to bottom, #34495e 0%, #1f2c38 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff34495e', endColorstr='#ff2c3e50', GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

background-repeat: repeat-x;

border-color: #283848;

}

.g-btn-inverse:hover {

background-color: #1f2c38;

background-position: 0 -15px;

}

/* f- box*/

.f-box-default {

color: #34495e;

background-color: #fff;

border:1px solid #e0e0e0;

}

.f-box-default:hover {

color: #34495e;

background-color: #fff;

border:1px solid #adadad;

}

.f-box-primary {

color: #34495e;

background-color: #fff;

border:1px solid #428bca;

}

.f-box-primary:hover{

color: #34495e;

background-color: #fff;

border:1px solid #3276b1;

}

.f-box-success {

color: #34495e;

background-color: #fff;

border:1px solid #5cb85c;

}

.f-box-success:hover {

color: #34495e;

background-color: #fff;

border:1px solid #47a447;

}

.f-box-warning {

color: #34495e;

background-color: #fff;

border:1px solid #f0ad4e;

}

.f-box-warning:hover {

color: #34495e;

background-color: #fff;

border:1px solid #ed9c28;

}

.f-box-danger {

color: #34495e;

background-color: #fff;

border:1px solid #d9534f;

}

.f-box-danger:hover {

color: #34495e;

background-color: #fff;

border:1px solid #d2322d;

}

.f-box-info {

color: #34495e;

background-color: #fff;

border:1px solid #5bc0de;

}

.f-box-info:hover {

color: #34495e;

background-color: #fff;

border:1px solid #39b3d7;

}

.f-box-wisteria {

color: #34495e;

background-color: #fff;

border:1px solid #9B59B6;

}

.f-box-wisteria:hover {

color: #34495e;

background-color: #fff;

border:1px solid #8e44ad;

}

.f-box-inverse {

color: #34495e;

background-color: #fff;

border:1px solid #34495e;

}

.f-box-inverse:hover {

color: #34495e;

background-color: #fff;

border:1px solid #415b76;

}

/* listHeader */

/* box */

.l-box-default {

color: #34495e;

background-color: #fff;

border:1px solid #e0e0e0;

}

.l-box-primary {

color: #34495e;

background-color: #fff;

border:1px solid #428bca;

}

.l-box-success {

color: #34495e;

background-color: #fff;

border:1px solid #5cb85c;

}

.l-box-warning {

color: #34495e;

background-color: #fff;

border:1px solid #f0ad4e;

}

.l-box-danger {

color: #34495e;

background-color: #fff;

border:1px solid #d9534f;

}

.l-box-info {

color: #34495e;

background-color: #fff;

border:1px solid #5bc0de;

}

.l-box-wisteria {

color: #34495e;

background-color: #fff;

border:1px solid #9B59B6;

}

.l-box-inverse {

color: #34495e;

background-color: #fff;

border:1px solid #34495e;

}

/* bottom line */

.l-bLine-default {

color: #34495e;

background-color: #fff;

border-bottom: 1px solid #e0e0e0;

}

.l-bLine-primary {

color: #34495e;

background-color: #fff;

border-bottom:1px solid #428bca;

}

.l-bLine-success {

color: #34495e;

background-color: #fff;

border-bottom:1px solid #5cb85c;

}

.l-bLine-warning {

color: #34495e;

background-color: #fff;

border-bottom:1px solid #f0ad4e;

}

.l-bLine-danger {

color: #34495e;

background-color: #fff;

border-bottom:1px solid #d9534f;

}

.l-bLine-info {

color: #34495e;

background-color: #fff;

border-bottom:1px solid #5bc0de;

}

.l-bLine-wisteria {

color: #34495e;

background-color: #fff;

border-bottom:1px solid #9B59B6;

}

.l-bLine-inverse {

color: #34495e;

background-color: #fff;

border-bottom:1px solid #34495e;

}

/* top bottom line */

.l-tbLine-default {

color: #34495e;

background-color: #fff;

border-top: 1px solid #e0e0e0;

border-bottom: 1px solid #e0e0e0;

}

.l-tbLine-primary {

color: #34495e;

background-color: #fff;

border-top:1px solid #428bca;

border-bottom:1px solid #428bca;

}

.l-tbLine-success {

color: #34495e;

background-color: #fff;

border-top:1px solid #5cb85c;

border-bottom:1px solid #5cb85c;

}

.l-tbLine-warning {

color: #34495e;

background-color: #fff;

border-top:1px solid #f0ad4e;

border-bottom:1px solid #f0ad4e;

}

.l-tbLine-danger {

color: #34495e;

background-color: #fff;

border-top:1px solid #d9534f;

border-bottom:1px solid #d9534f;

}

.l-tbLine-info {

color: #34495e;

background-color: #fff;

border-top:1px solid #5bc0de;

border-bottom:1px solid #5bc0de;

}

.l-tbLine-wisteria {

color: #34495e;

background-color: #fff;

border-top:1px solid #9B59B6;

border-bottom:1px solid #9B59B6;

}

.l-tbLine-inverse {

color: #34495e;

background-color: #fff;

border-top:1px solid #34495e;

border-bottom:1px solid #34495e;

}

/* bg */

.l-fbg-default {

color: #34495e;

background-color: #ecf0f1;

border-color: #ececec;

}

.l-fbg-primary {

color: #fff;

background-color: #428bca;

border-color: #357ebd;

}

.l-fbg-success {

color: #fff;

background-color: #5cb85c;

border-color: #4cae4c;

}

.l-fbg-warning {

color: #fff;

background-color: #f0ad4e;

border-color: #eea236;

}

.l-fbg-danger {

color: #fff;

background-color: #d9534f;

border-color: #d43f3a;

}

.l-fbg-info {

color: #fff;

background-color: #5bc0de;

border-color: #46b8da;

}

.l-fbg-wisteria {

color: #fff;

background-color: #9B59B6;

border-color: #8C50A4;

}

.l-fbg-inverse {

color: #ffffff;

background-color: #34495e;

}

.l-gbg-default {

color:#34495e;

text-shadow: 0 1px 0 #fff;

background-color: #ecf0f1;

background-image: -webkit-linear-gradient(top, #ecf0f1 0%, #bdc3c7 100%);

background-image: linear-gradient(to bottom, #ecf0f1 0%, #bdc3c7 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffecf0f1', endColorstr='#ffBDC3C7', GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

background-repeat: repeat-x;

border-color: #aab0b3;

}

.l-gbg-primary {

color: #fff;

background-color: #428bca;

background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);

background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

background-repeat: repeat-x;

border-color: #2b669a;

}

.l-gbg-success {

color: #fff;

background-color: #5cb85c;

background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);

background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

background-repeat: repeat-x;

border-color: #3e8f3e;

}

.l-gbg-warning {

color: #fff;

background-color: #f0ad4e;

background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);

background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

background-repeat: repeat-x;

border-color: #e38d13;

}

.l-gbg-danger {

color: #fff;

background-color: #d9534f;

background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);

background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

background-repeat: repeat-x;

border-color: #b92c28;

}

.l-gbg-info {

color: #fff;

background-color: #5bc0de;

background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);

background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

background-repeat: repeat-x;

border-color: #28a4c9;

}

.l-gbg-wisteria {

color: #fff;

background-color: #9b59b6;

background-image: -webkit-linear-gradient(top, #9B59B6 0%, #8e44ad 100%);

background-image: linear-gradient(to bottom, #9b59b6 0%, #8e44ad 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9B59B6', endColorstr='#ff8e44ad', GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

background-repeat: repeat-x;

border-color: #803d9c;

}

.l-gbg-inverse {

color: #fff;

background-color: #34495e;

background-image: -webkit-linear-gradient(top, #34495e 0%, #1f2c38 100%);

background-image: linear-gradient(to bottom, #34495e 0%, #1f2c38 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff34495e', endColorstr='#ff2c3e50', GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

background-repeat: repeat-x;

border-color: #283848;

}

.l-gbg-default a,.l-gbg-default a:hover {color: #fff;}

.l-gbg-primary a,.l-gbg-primary a:hover {color: #fff;}

.l-gbg-success a,.l-gbg-success a:hover {color: #fff;}

.l-gbg-info a,.l-gbg-info a:hover {color: #fff;}

.l-gbg-warning a,.l-gbg-warning a:hover {color: #fff;}

.l-gbg-danger a,.l-gbg-danger a:hover {color: #fff;}

.l-gbg-wisteria a,.l-gbg-wisteria a:hover {color: #fff;}

.l-gbg-inverse a,.l-gbg-inverse a:hover {color: #fff;}

 
 
모바일 기기에 따라 해상도가 높으면 중간으로
 
해상도가 낮으면 화변 밖 하단으로 이동하는데요
 
 
맨 아래 고정하려면 어떻게 해야 할까요?
 
감사합니다
태그 연관 글
  1. [2023/08/23] 묻고답하기 쇼핑몰 기능 by livemedia
  2. [2021/08/03] 묻고답하기 홈페이지를 처음 제작해보는데 by clara *3
  3. [2020/02/08] 묻고답하기 bootstrap dorpdown 검색창 by 나눔고딕a
  4. [2020/01/31] 묻고답하기 2단메뉴 by ppumweb *2
  5. [2019/10/10] 묻고답하기 cafe24 XE3 STEP 3 단계에서 에러가 발생합니다. by nothing *3
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
아트코리아 홈페이지 메인 컨텐츠 관련 오류 문의드립니다. [4] file 2020.12.22 by 아트코리아
가입명 모바일 에서 주소 끝에 /xe/를 넣지 않으면 글자가 작게 보입니다 file  
열혈개발 413 에러(request entity too large) 해결에 도움을 부탁드립니다ㅠ [14] 2020.12.19 by
아진검 글쓰기화면에서 에디터 본문내용 빈칸체크 해제하는법  
아진검 xe 기본에디터 첨부파일 문제 file  
humor**** 모바일용 '내용 직접 추가' 기능은 없나요? [1] 2020.12.16 by sejin7940
가입명 footer 하단에 고정하려면 어딜 수정해야 할까요?  
가입명 스케치북5 layout.html  
규언이 DB값을 불러올 때 값이 중복될 때 더 큰 값을 불러오도록 하기 원하는데 어떻게 해야할까요?  
야채곱창 XEDITION 기본 레이아웃 질문입니다. file  
찐드기 rewrite 모듈에서 특수문자 를 제한하려고합니다.  
상해파 서브폴더에 xe를 설치후 독립적인 도메인 접근을 어떻게해야하나? [1] 2020.12.08 by Luatic™
나답게 자료실 모듈에 DB추가 가능한가요? [1] 2020.12.04 by Luatic™
chorok 메일 웹문서에 롤오버 이미지 적용  
musicholic 관리자 로그인 후 '관리'와 '모듈'쪽이 안열립니다. [3] file 2020.12.02 by musicholic
good 게시글 관리 권한만 특정회원에게 부여하는 방법이 있을까요? [2] 2020.12.02 by good
jine 안녕하세요..! xe 서버 올리기 도움이 필요합니다 ㅠㅠ! [2] 2020.12.01 by Luatic™
VIR 게시물 이동 [2] 2020.11.29 by VIR
보리넷 접속 ip 오류 문의 [1] file 2020.11.23 by sejin7940
chorok 글꼴 색상 변경 [2] file 2020.11.23 by chorok
VIR isCarted() [1] 2020.11.22 by sejin7940
changhuli 다국어 설정하는데 이거가 계속 떠올라요 [1] 2020.11.21 by sejin7940
대한국인 [딩 고정배너] 에드온은 리믹스 환경에서는 사용할 수 없는지요? [1] 2020.11.21 by sejin7940
railman 현재 사용중인 XE1 업데이트는???? [3] 2020.11.18 by XE카오스
초보입니다 처음 사용자입니다.. html은 어디서 수정하는 건지요 [1] 2020.11.18 by XE카오스
railman XE 설치 시 퍼미션관련, www와 files 권한은 어떻게 [1] 2020.11.18 by XE카오스
기쁜마음 업데이트 실패후 복원한뒤 글쓰기 안되네요 [2] 2020.11.16 by 기쁜마음
달걀말이 네비바 수정 문의 [1] file 2020.11.16 by sejin7940
가입명 회원 가입 불가 메세지 변경 하는 방법 [2] file 2020.11.13 by 가입명
가입명 정회원(회원 가입한 사람)의 ID클릭시 나오는 메뉴 삭제방법 [2] file 2020.11.12 by 가입명